@atlaskit/select - npm Package Compare versions

Comparing version 16.3.0 to 16.3.1

dist/cjs/CheckboxSelect.js

 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
@@ -11,22 +12,27 @@ value: true
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _Select = _interopRequireDefault(require("./Select"));
 var _inputOptions = require("./components/input-options");
 var _excluded = ["components"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var CheckboxSelect = function CheckboxSelect(_ref) {
+var CheckboxSelect = /*#__PURE__*/_react.default.memo(function (_ref) {
   var components = _ref.components,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var temp = _objectSpread(_objectSpread({}, components), {}, {
-    Option: _inputOptions.CheckboxOption
-  });
+  var mergedComponents = (0, _react.useMemo)(function () {
+    return _objectSpread(_objectSpread({}, components), {}, {
+      Option: _inputOptions.CheckboxOption
+    });
+  }, [components]);
   return /*#__PURE__*/_react.default.createElement(_Select.default, (0, _extends2.default)({
     closeMenuOnSelect: false,
     hideSelectedOptions: false,
-    isMulti: true,
-    components: temp
-  }, props));
-};
+    isMulti: true
+  }, props, {
+    components: mergedComponents
+  }));
+});
 var _default = CheckboxSelect;
 exports.default = _default;

dist/cjs/RadioSelect.js

 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
@@ -11,19 +12,24 @@ value: true
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _Select = _interopRequireDefault(require("./Select"));
 var _inputOptions = require("./components/input-options");
 var _excluded = ["components"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var RadioSelect = function RadioSelect(_ref) {
+var RadioSelect = /*#__PURE__*/_react.default.memo(function (_ref) {
   var components = _ref.components,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var mergedComponents = (0, _react.useMemo)(function () {
+    return _objectSpread(_objectSpread({}, components), {}, {
+      Option: _inputOptions.RadioOption
+    });
+  }, [components]);
   return /*#__PURE__*/_react.default.createElement(_Select.default, (0, _extends2.default)({}, props, {
     isMulti: false,
-    components: _objectSpread(_objectSpread({}, components), {}, {
-      Option: _inputOptions.RadioOption
-    })
+    components: mergedComponents
   }));
-};
+});
 var _default = RadioSelect;
 exports.default = _default;

dist/cjs/Select.js

@@ -12,3 +12,3 @@ "use strict";
 var packageName = "@atlaskit/select";
-var packageVersion = "16.3.0";
+var packageVersion = "16.3.1";
 var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
@@ -15,0 +15,0 @@ exports.SelectWithoutAnalytics = SelectWithoutAnalytics;

dist/cjs/version.json

 {
 	"name": "@atlaskit/select",
-	"version": "16.3.0",
+	"version": "16.3.1",
 	"sideEffects": false
 }

dist/es2019/CheckboxSelect.js

 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useMemo } from 'react';
 import Select from './Select';
 import { CheckboxOption } from './components/input-options';
-const CheckboxSelect = ({
+const CheckboxSelect = /*#__PURE__*/React.memo(({
   components,
   ...props
 }) => {
-  const temp = {
+  const mergedComponents = useMemo(() => ({
     ...components,
     Option: CheckboxOption
-  };
+  }), [components]);
   return /*#__PURE__*/React.createElement(Select, _extends({
     closeMenuOnSelect: false,
     hideSelectedOptions: false,
-    isMulti: true,
-    components: temp
-  }, props));
-};
+    isMulti: true
+  }, props, {
+    components: mergedComponents
+  }));
+});
 export default CheckboxSelect;

dist/es2019/RadioSelect.js

 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useMemo } from 'react';
 import Select from './Select';
 import { RadioOption } from './components/input-options';
-const RadioSelect = ({
+const RadioSelect = /*#__PURE__*/React.memo(({
   components,
   ...props
-}) => /*#__PURE__*/React.createElement(Select, _extends({}, props, {
-  isMulti: false,
-  components: {
+}) => {
+  const mergedComponents = useMemo(() => ({
     ...components,
     Option: RadioOption
-  }
-}));
+  }), [components]);
+  return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+    isMulti: false,
+    components: mergedComponents
+  }));
+});
 export default RadioSelect;

dist/es2019/Select.js

@@ -5,3 +5,3 @@ import Select from 'react-select';
 const packageName = "@atlaskit/select";
-const packageVersion = "16.3.0";
+const packageVersion = "16.3.1";
 export const SelectWithoutAnalytics = createSelect(Select);
@@ -8,0 +8,0 @@ const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');

dist/es2019/version.json

 {
 	"name": "@atlaskit/select",
-	"version": "16.3.0",
+	"version": "16.3.1",
 	"sideEffects": false
 }

dist/esm/CheckboxSelect.js

@@ -7,18 +7,21 @@ import _extends from "@babel/runtime/helpers/extends";
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from 'react';
+import React, { useMemo } from 'react';
 import Select from './Select';
 import { CheckboxOption } from './components/input-options';
-var CheckboxSelect = function CheckboxSelect(_ref) {
+var CheckboxSelect = /*#__PURE__*/React.memo(function (_ref) {
   var components = _ref.components,
     props = _objectWithoutProperties(_ref, _excluded);
-  var temp = _objectSpread(_objectSpread({}, components), {}, {
-    Option: CheckboxOption
-  });
+  var mergedComponents = useMemo(function () {
+    return _objectSpread(_objectSpread({}, components), {}, {
+      Option: CheckboxOption
+    });
+  }, [components]);
   return /*#__PURE__*/React.createElement(Select, _extends({
     closeMenuOnSelect: false,
     hideSelectedOptions: false,
-    isMulti: true,
-    components: temp
-  }, props));
-};
+    isMulti: true
+  }, props, {
+    components: mergedComponents
+  }));
+});
 export default CheckboxSelect;

dist/esm/RadioSelect.js

@@ -7,15 +7,18 @@ import _extends from "@babel/runtime/helpers/extends";
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from 'react';
+import React, { useMemo } from 'react';
 import Select from './Select';
 import { RadioOption } from './components/input-options';
-var RadioSelect = function RadioSelect(_ref) {
+var RadioSelect = /*#__PURE__*/React.memo(function (_ref) {
   var components = _ref.components,
     props = _objectWithoutProperties(_ref, _excluded);
+  var mergedComponents = useMemo(function () {
+    return _objectSpread(_objectSpread({}, components), {}, {
+      Option: RadioOption
+    });
+  }, [components]);
   return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
     isMulti: false,
-    components: _objectSpread(_objectSpread({}, components), {}, {
-      Option: RadioOption
-    })
+    components: mergedComponents
   }));
-};
+});
 export default RadioSelect;

dist/esm/Select.js

@@ -5,3 +5,3 @@ import Select from 'react-select';
 var packageName = "@atlaskit/select";
-var packageVersion = "16.3.0";
+var packageVersion = "16.3.1";
 export var SelectWithoutAnalytics = createSelect(Select);
@@ -8,0 +8,0 @@ var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');

dist/esm/version.json

 {
 	"name": "@atlaskit/select",
-	"version": "16.3.0",
+	"version": "16.3.1",
 	"sideEffects": false
 }

dist/types-ts4.5/CheckboxSelect.d.ts

@@ -1,4 +0,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectProps, OptionType } from './types';
-declare const CheckboxSelect: ({ components, ...props }: SelectProps<OptionType, true>) => JSX.Element;
+declare const CheckboxSelect: React.MemoExoticComponent<({ components, ...props }: SelectProps<OptionType, true>) => JSX.Element>;
 export default CheckboxSelect;

dist/types-ts4.5/RadioSelect.d.ts

@@ -1,4 +0,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectProps, OptionType } from './types';
-declare const RadioSelect: ({ components, ...props }: SelectProps<OptionType>) => JSX.Element;
+declare const RadioSelect: React.MemoExoticComponent<({ components, ...props }: SelectProps<OptionType>) => JSX.Element>;
 export default RadioSelect;

dist/types/CheckboxSelect.d.ts

@@ -1,4 +0,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectProps, OptionType } from './types';
-declare const CheckboxSelect: ({ components, ...props }: SelectProps<OptionType, true>) => JSX.Element;
+declare const CheckboxSelect: React.MemoExoticComponent<({ components, ...props }: SelectProps<OptionType, true>) => JSX.Element>;
 export default CheckboxSelect;

dist/types/RadioSelect.d.ts

@@ -1,4 +0,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectProps, OptionType } from './types';
-declare const RadioSelect: ({ components, ...props }: SelectProps<OptionType>) => JSX.Element;
+declare const RadioSelect: React.MemoExoticComponent<({ components, ...props }: SelectProps<OptionType>) => JSX.Element>;
 export default RadioSelect;

package.json

 {
   "name": "@atlaskit/select",
-  "version": "16.3.0",
+  "version": "16.3.1",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
@@ -76,3 +76,2 @@ "publishConfig": {
     "@atlaskit/ssr": "*",
-    "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/visual-regression": "*",
@@ -79,0 +78,0 @@ "@atlaskit/webdriver-runner": "*",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

474956

increased by0.73%

Dev dependency count

23

decreased by-4.17%

Lines of code

10424

increased by0.27%

No dependency changes