@atlaskit/select 16.3.0 → 16.3.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/select
 
+## 16.3.1
+
+### Patch Changes
+
+- [`1cd0d824b3c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1cd0d824b3c) - NO-ISSUE Add basic memoization on CheckboxSelect and RadioSelect to avoid unnecessary re-renders with otherwise static references.
+
 ## 16.3.0
 
 ### Minor Changes

package/dist/cjs/CheckboxSelect.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,24 +9,29 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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;

package/dist/cjs/RadioSelect.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,21 +9,26 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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;

package/dist/cjs/Select.js

@@ -9,7 +9,7 @@ var _reactSelect = _interopRequireDefault(require("react-select"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 var packageName = "@atlaskit/select";
-var packageVersion = "16.3.0";
+var packageVersion = "16.3.1";
 var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 exports.SelectWithoutAnalytics = SelectWithoutAnalytics;
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');

package/dist/cjs/version.json

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

package/dist/es2019/CheckboxSelect.js

@@ -1,20 +1,21 @@
 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;

package/dist/es2019/RadioSelect.js

@@ -1,15 +1,18 @@
 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;

package/dist/es2019/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "16.3.0";
+const packageVersion = "16.3.1";
 export const SelectWithoutAnalytics = createSelect(Select);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/es2019/version.json

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

package/dist/esm/CheckboxSelect.js

@@ -4,20 +4,23 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["components"];
 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) { _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;

package/dist/esm/RadioSelect.js

@@ -4,17 +4,20 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["components"];
 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) { _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;

package/dist/esm/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "16.3.0";
+var packageVersion = "16.3.1";
 export var SelectWithoutAnalytics = createSelect(Select);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/esm/version.json

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

package/dist/types/CheckboxSelect.d.ts

@@ -1,4 +1,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;

package/dist/types/RadioSelect.d.ts

@@ -1,4 +1,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/dist/types-ts4.5/CheckboxSelect.d.ts

@@ -1,4 +1,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;

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

@@ -1,4 +1,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/package.json

@@ -1,6 +1,6 @@
 {
   "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.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -73,7 +73,6 @@
     "@atlaskit/radio": "^5.6.0",
     "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",