@sb1/ffe-dropdown-react - npm Package Compare versions

Comparing version 6.0.51 to 7.0.0

types/Dropdown.d.ts

+import React from 'react';
+export interface DropdownProps extends React.ComponentPropsWithoutRef<'select'> {
+    inline?: boolean;
+}
+export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLSelectElement>>;

es/Dropdown.js

@@ -1,29 +0,28 @@
-var _excluded = ["className", "inline", "innerRef"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
-import { bool, node, string, object, func, shape, oneOfType } from 'prop-types';
 import classNames from 'classnames';
-var Dropdown = function Dropdown(props) {
-  var className = props.className,
-    inline = props.inline,
-    innerRef = props.innerRef,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement("select", _extends({
-    className: classNames('ffe-dropdown', {
-      'ffe-dropdown--inline': inline
-    }, className),
-    ref: innerRef
-  }, rest));
-};
-Dropdown.propTypes = {
-  children: node,
-  inline: bool,
-  className: string,
-  /** Ref-setting function, or ref created by useRef, passed to the select element */
-  innerRef: oneOfType([func, shape({
-    current: object
-  })])
-};
-export default Dropdown;
+export var Dropdown = React.forwardRef(function (_a, ref) {
+    var className = _a.className, inline = _a.inline, rest = __rest(_a, ["className", "inline"]);
+    return (React.createElement("select", __assign({ className: classNames('ffe-dropdown', { 'ffe-dropdown--inline': inline }, className), ref: ref }, rest)));
+});

es/index.js

@@ -1,2 +0,1 @@
-import Dropdown from './Dropdown';
-export default Dropdown;
+export { Dropdown } from './Dropdown';

lib/Dropdown.js

 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["className", "inline", "innerRef"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
-var Dropdown = function Dropdown(props) {
-  var className = props.className,
-    inline = props.inline,
-    innerRef = props.innerRef,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement("select", _extends({
-    className: (0, _classnames.default)('ffe-dropdown', {
-      'ffe-dropdown--inline': inline
-    }, className),
-    ref: innerRef
-  }, rest));
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
-Dropdown.propTypes = {
-  children: _propTypes.node,
-  inline: _propTypes.bool,
-  className: _propTypes.string,
-  /** Ref-setting function, or ref created by useRef, passed to the select element */
-  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
-    current: _propTypes.object
-  })])
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
-var _default = exports.default = Dropdown;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dropdown = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+exports.Dropdown = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, inline = _a.inline, rest = __rest(_a, ["className", "inline"]);
+    return (react_1.default.createElement("select", __assign({ className: (0, classnames_1.default)('ffe-dropdown', { 'ffe-dropdown--inline': inline }, className), ref: ref }, rest)));
+});

lib/index.js

 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = _Dropdown.default;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dropdown = void 0;
+var Dropdown_1 = require("./Dropdown");
+Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.Dropdown; } });

package.json

 {
     "name": "@sb1/ffe-dropdown-react",
-    "version": "6.0.51",
+    "version": "7.0.0",
     "license": "MIT",
@@ -20,3 +20,3 @@ "author": "SpareBank 1",
     "scripts": {
-        "build": "ffe-buildtool babel",
+        "build": "ffe-buildtool tsc",
         "watch": "ffe-buildtool babel-watch",
@@ -43,3 +43,3 @@ "lint": "eslint src",
     },
-    "gitHead": "a5865069975b15e70cc7a12758fc57e9c87461ea"
+    "gitHead": "279a4e7d3afe4b4679448a28d1cdd8557740fdd5"
 }

README.md

@@ -15,7 +15,2 @@ # @sb1/ffe-dropdown-react
 
-## TypeScript definition files
-
-This component supports TypeScript - please update `index.d.ts` if you change any
-of the external methods or properties in this component.
-
 ## Development
@@ -22,0 +17,0 @@

types/index.d.ts

@@ -1,12 +0,1 @@
-import * as React from 'react';
-
-export interface DropdownProps extends React.ComponentProps<'select'> {
-    children?: React.ReactNode;
-    className?: string;
-    inline?: boolean;
-    innerRef?: React.Ref<HTMLSelectElement>;
-}
-
-declare class Dropdown extends React.Component<DropdownProps, any> {}
-
-export default Dropdown;
+export { Dropdown, DropdownProps } from './Dropdown';

es/index.d.js

-import * as React from 'react';

lib/index.d.js

-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

-50%

Worsened metrics

Total package byte prevSize

6246

-31.8%

Number of package files

9

-10%

Lines of code

74

-15.91%

Number of lines in readme file

28

-15.15%

No dependency changes