@atlaskit/select 16.1.0 → 16.1.2

package/dist/esm/PopupSelect/PopupSelect.js

@@ -8,15 +8,10 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["footer", "maxMenuWidth", "minMenuWidth", "target"];
-
 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; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React, { PureComponent } from 'react';
 import { createPortal } from 'react-dom';
 import FocusLock from 'react-focus-lock';
@@ -29,18 +24,19 @@ import { N80 } from '@atlaskit/theme/colors';
 import { MenuDialog, DummyControl, defaultComponents } from './components';
 import baseStyles from '../styles';
 import { bind } from 'bind-event-listener';
-
 /** Are we rendering on the client or server? */
 var canUseDOM = function canUseDOM() {
   return Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
-}; // ==============================
+};
+
+// ==============================
 // Types
 // ==============================
 
-
 // ==============================
 // Class
 // ==============================
+
 var modifiers = [{
   name: 'offset',
   options: {
@@ -60,39 +56,25 @@ var defaultPopperProps = {
   modifiers: modifiers,
   placement: 'bottom-start'
 };
-
 var isEmpty = function isEmpty(obj) {
   return Object.keys(obj).length === 0;
 };
-
 var PopupSelect = /*#__PURE__*/function (_PureComponent) {
   _inherits(PopupSelect, _PureComponent);
-
   var _super = _createSuper(PopupSelect);
-
   function PopupSelect() {
     var _this$defaultOpenStat;
-
     var _this;
-
     _classCallCheck(this, PopupSelect);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "menuRef", null);
-
     _defineProperty(_assertThisInitialized(_this), "selectRef", null);
-
     _defineProperty(_assertThisInitialized(_this), "targetRef", null);
-
     _defineProperty(_assertThisInitialized(_this), "unbindWindowClick", null);
-
     _defineProperty(_assertThisInitialized(_this), "unbindWindowKeydown", null);
-
     _defineProperty(_assertThisInitialized(_this), "defaultStyles", mergeStyles(baseStyles(_this.props.validationState || (_this.props.isInvalid ? 'error' : 'default'), _this.props.spacing === 'compact', 'default'), {
       groupHeading: function groupHeading(provided) {
         return _objectSpread(_objectSpread({}, provided), {}, {
@@ -100,75 +82,62 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         });
       }
     }));
-
     _defineProperty(_assertThisInitialized(_this), "isOpenControlled", _this.props.isOpen !== undefined);
-
     _defineProperty(_assertThisInitialized(_this), "defaultOpenState", _this.isOpenControlled ? _this.props.isOpen : _this.props.defaultIsOpen);
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       focusLockEnabled: false,
       isOpen: (_this$defaultOpenStat = _this.defaultOpenState) !== null && _this$defaultOpenStat !== void 0 ? _this$defaultOpenStat : false,
       mergedComponents: defaultComponents,
       mergedPopperProps: defaultPopperProps
     });
-
     _defineProperty(_assertThisInitialized(_this), "popperWrapperId", "".concat(uid({
       options: _this.props.options
     }), "-popup-select"));
-
     _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
       switch (event.key) {
         case 'Escape':
         case 'Esc':
           _this.close();
-
           break;
-
         default:
       }
-
       if (_this.props.onKeyDown) {
         /* @ts-ignore - updating type of event React.KeyboardEvent effects the unbindWindowsKeyDown listener. Check if this can be fixed once the component gets refactor to functional */
         _this.props.onKeyDown(event);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleClick", function (_ref) {
       var target = _ref.target;
-      var isOpen = _this.state.isOpen; // appease flow
-
+      var isOpen = _this.state.isOpen;
+      // appease flow
       if (!(target instanceof Element)) {
         return;
-      } // NOTE: Why not use the <Blanket /> component to close?
+      }
+
+      // NOTE: Why not use the <Blanket /> component to close?
       // We don't want to interupt the user's flow. Taking this approach allows
       // user to click "through" to other elements and close the popout.
-
-
       if (isOpen && _this.menuRef && !_this.menuRef.contains(target)) {
         _this.close();
-      } // open on target click -- we can't trust consumers to spread the onClick
-      // property to the target
-
+      }
 
+      // open on target click -- we can't trust consumers to spread the onClick
+      // property to the target
       if (!isOpen && _this.targetRef && _this.targetRef.contains(target)) {
         _this.open();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleSelectChange", function (value, actionMeta) {
       var _this$props = _this.props,
-          closeMenuOnSelect = _this$props.closeMenuOnSelect,
-          onChange = _this$props.onChange;
-
+        closeMenuOnSelect = _this$props.closeMenuOnSelect,
+        onChange = _this$props.onChange;
       if (closeMenuOnSelect && actionMeta.action !== 'clear') {
         _this.close();
       }
-
       if (onChange) {
         onChange(value, actionMeta);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleFirstPopperUpdate", function () {
       // When the popup opens it's focused into. Since the popup is inside a portal, it's position is
       // initially set to 0,0 - this causes the window scroll position to jump to the top. To prevent
@@ -177,31 +146,24 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         focusLockEnabled: true
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "open", function (options) {
       var onOpen = _this.props.onOpen;
-
       if (!(options !== null && options !== void 0 && options.controlOverride) && _this.isOpenControlled) {
         // Prevent popup opening if it's open state is already being controlled
         return;
       }
-
       if (onOpen) {
         onOpen();
       }
-
       _this.setState({
         isOpen: true
       });
-
       if (_this.selectRef) {
         _this.selectRef.openMenu('first');
       }
-
       if (typeof window === 'undefined') {
         return;
       }
-
       _this.unbindWindowKeydown = bind(window, {
         type: 'keydown',
         listener: _this.handleKeyDown,
@@ -210,47 +172,36 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         }
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "close", function (options) {
       var _this$unbindWindowKey, _this2;
-
       var onClose = _this.props.onClose;
-
       if (!(options !== null && options !== void 0 && options.controlOverride) && _this.isOpenControlled) {
         // Prevent popup closing if it's open state is already being controlled
         return;
       }
-
       if (onClose) {
         onClose();
       }
-
       _this.setState({
         isOpen: false
       });
-
       _this.setState({
         focusLockEnabled: false
       });
-
       if (_this.targetRef != null) {
         _this.targetRef.focus();
       }
-
       if (typeof window === 'undefined') {
         return;
       }
-
       (_this$unbindWindowKey = (_this2 = _this).unbindWindowKeydown) === null || _this$unbindWindowKey === void 0 ? void 0 : _this$unbindWindowKey.call(_this2);
       _this.unbindWindowKeydown = null;
     });
-
     _defineProperty(_assertThisInitialized(_this), "resolveTargetRef", function (popperRef) {
       return function (ref) {
         // avoid thrashing fn calls
         if (!_this.targetRef && popperRef && ref) {
           _this.targetRef = ref;
-
           if (typeof popperRef === 'function') {
             popperRef(ref);
           } else {
@@ -259,11 +210,9 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         }
       };
     });
-
     _defineProperty(_assertThisInitialized(_this), "resolveMenuRef", function (popperRef) {
       return function (ref) {
         _this.menuRef = ref;
-
         if (typeof popperRef === 'function') {
           popperRef(ref);
         } else {
@@ -271,11 +220,9 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         }
       };
     });
-
     _defineProperty(_assertThisInitialized(_this), "getSelectRef", function (ref) {
       _this.selectRef = ref;
     });
-
     _defineProperty(_assertThisInitialized(_this), "getItemCount", function () {
       var options = _this.props.options;
       var count = 0;
@@ -290,68 +237,55 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
       });
       return count;
     });
-
     _defineProperty(_assertThisInitialized(_this), "getMaxHeight", function () {
       var maxMenuHeight = _this.props.maxMenuHeight;
-
       if (!_this.selectRef) {
         return maxMenuHeight;
-      } // subtract the control height to maintain consistency
-
+      }
 
+      // subtract the control height to maintain consistency
       var showSearchControl = _this.showSearchControl();
-
       var controlRef = _this.selectRef.controlRef;
       var offsetHeight = showSearchControl && controlRef ? controlRef.offsetHeight : 0;
       var maxHeight = maxMenuHeight - offsetHeight;
       return maxHeight;
     });
-
     _defineProperty(_assertThisInitialized(_this), "showSearchControl", function () {
       var _this$props2 = _this.props,
-          searchThreshold = _this$props2.searchThreshold,
-          isSearchable = _this$props2.isSearchable;
+        searchThreshold = _this$props2.searchThreshold,
+        isSearchable = _this$props2.isSearchable;
       return isSearchable && _this.getItemCount() > searchThreshold;
     });
-
     _defineProperty(_assertThisInitialized(_this), "renderSelect", function () {
       var _this$props3 = _this.props,
-          footer = _this$props3.footer,
-          maxMenuWidth = _this$props3.maxMenuWidth,
-          minMenuWidth = _this$props3.minMenuWidth,
-          target = _this$props3.target,
-          props = _objectWithoutProperties(_this$props3, _excluded);
-
+        footer = _this$props3.footer,
+        maxMenuWidth = _this$props3.maxMenuWidth,
+        minMenuWidth = _this$props3.minMenuWidth,
+        target = _this$props3.target,
+        props = _objectWithoutProperties(_this$props3, _excluded);
       var _this$state = _this.state,
-          focusLockEnabled = _this$state.focusLockEnabled,
-          isOpen = _this$state.isOpen,
-          mergedComponents = _this$state.mergedComponents,
-          mergedPopperProps = _this$state.mergedPopperProps;
-
+        focusLockEnabled = _this$state.focusLockEnabled,
+        isOpen = _this$state.isOpen,
+        mergedComponents = _this$state.mergedComponents,
+        mergedPopperProps = _this$state.mergedPopperProps;
       var showSearchControl = _this.showSearchControl();
-
       var portalDestination = canUseDOM() ? document.body : null;
-
       var components = _objectSpread(_objectSpread({}, mergedComponents), {}, {
         Control: showSearchControl ? mergedComponents.Control : DummyControl
       });
-
       if (!portalDestination || !isOpen) {
         return null;
       }
-
       var popper = /*#__PURE__*/React.createElement(Popper, _extends({}, mergedPopperProps, {
         onFirstUpdate: function onFirstUpdate(state) {
           var _mergedPopperProps$on;
-
           _this.handleFirstPopperUpdate();
-
           (_mergedPopperProps$on = mergedPopperProps.onFirstUpdate) === null || _mergedPopperProps$on === void 0 ? void 0 : _mergedPopperProps$on.call(mergedPopperProps, state);
         }
       }), function (_ref2) {
         var placement = _ref2.placement,
-            ref = _ref2.ref,
-            style = _ref2.style;
+          ref = _ref2.ref,
+          style = _ref2.style;
         return /*#__PURE__*/React.createElement(NodeResolver, {
           innerRef: _this.resolveMenuRef(ref)
         }, /*#__PURE__*/React.createElement(MenuDialog, {
@@ -380,17 +314,14 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
       });
       return mergedPopperProps.strategy === 'fixed' ? popper : /*#__PURE__*/createPortal(popper, portalDestination);
     });
-
     return _this;
   }
-
   _createClass(PopupSelect, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (typeof window === 'undefined') {
         return;
       }
-
       this.unbindWindowClick = bind(window, {
         type: 'click',
         listener: this.handleClick,
@@ -403,11 +334,9 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$unbindWindowCli, _this$unbindWindowKey2;
-
       if (typeof window === 'undefined') {
         return;
       }
-
       (_this$unbindWindowCli = this.unbindWindowClick) === null || _this$unbindWindowCli === void 0 ? void 0 : _this$unbindWindowCli.call(this);
       this.unbindWindowClick = null;
       (_this$unbindWindowKey2 = this.unbindWindowKeydown) === null || _this$unbindWindowKey2 === void 0 ? void 0 : _this$unbindWindowKey2.call(this);
@@ -417,7 +346,6 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var isOpen = this.props.isOpen;
-
       if (prevProps.isOpen !== isOpen) {
         if (isOpen === true) {
           this.open({
@@ -429,14 +357,14 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
           });
         }
       }
-    } // Event Handlers
-    // ==============================
+    }
 
+    // Event Handlers
+    // ==============================
   }, {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       var target = this.props.target;
       var isOpen = this.state.isOpen;
       return /*#__PURE__*/React.createElement(Manager, null, /*#__PURE__*/React.createElement(Reference, null, function (_ref3) {
@@ -453,32 +381,27 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
   }], [{
     key: "getDerivedStateFromProps",
     value: function getDerivedStateFromProps(props, state) {
-      var newState = {}; // Merge consumer and default popper props
+      var newState = {};
 
+      // Merge consumer and default popper props
       var mergedPopperProps = _objectSpread(_objectSpread({}, defaultPopperProps), props.popperProps);
-
       if (!shallowEqualObjects(mergedPopperProps, state.mergedPopperProps)) {
         newState.mergedPopperProps = mergedPopperProps;
-      } // Merge consumer and default components
-
+      }
 
+      // Merge consumer and default components
       var mergedComponents = _objectSpread(_objectSpread({}, defaultComponents), props.components);
-
       if (!shallowEqualObjects(mergedComponents, state.mergedComponents)) {
         newState.mergedComponents = mergedComponents;
       }
-
       if (!isEmpty(newState)) {
         return newState;
       }
-
       return null;
     }
   }]);
-
   return PopupSelect;
 }(PureComponent);
-
 _defineProperty(PopupSelect, "defaultProps", {
   closeMenuOnSelect: true,
   components: {},
@@ -491,5 +414,4 @@ _defineProperty(PopupSelect, "defaultProps", {
   styles: {},
   options: []
 });
-
 export { PopupSelect as default };

package/dist/esm/PopupSelect/components.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["innerRef", "innerProps"],
-    _excluded2 = ["children", "innerProps"];
-
+  _excluded2 = ["children", "innerProps"];
 /** @jsx jsx */
+
 import { components } from 'react-select';
 import { jsx } from '@emotion/react';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -12,10 +12,10 @@ import { layers } from '@atlaskit/theme/constants';
 import { N40A } from '@atlaskit/theme/colors';
 export var MenuDialog = function MenuDialog(_ref) {
   var maxWidth = _ref.maxWidth,
-      minWidth = _ref.minWidth,
-      children = _ref.children,
-      id = _ref.id,
-      style = _ref.style;
+    minWidth = _ref.minWidth,
+    children = _ref.children,
+    id = _ref.id,
+    style = _ref.style;
   return jsx("div", {
     css: {
       backgroundColor: "var(--ds-surface-overlay, white)",
@@ -28,7 +28,9 @@ export var MenuDialog = function MenuDialog(_ref) {
     style: style,
     id: id
   }, children);
-}; // ==============================
+};
+
+// ==============================
 // Custom Components
 // ==============================
 
@@ -43,12 +45,10 @@ var DropdownIndicator = function DropdownIndicator() {
     label: "open"
   }));
 };
-
 var Control = function Control(_ref2) {
   var innerRef = _ref2.innerRef,
-      innerProps = _ref2.innerProps,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
+    innerProps = _ref2.innerProps,
+    props = _objectWithoutProperties(_ref2, _excluded);
   return jsx("div", {
     ref: innerRef,
     css: {
@@ -58,20 +58,18 @@ var Control = function Control(_ref2) {
     innerProps: innerProps
   })));
 };
-
 export var DummyControl = function DummyControl(props) {
   return jsx(VisuallyHidden, null, jsx(components.Control, props));
-}; // NOTE `props` intentionally omitted from `Fragment`
-// eslint-disable-next-line
+};
 
+// NOTE `props` intentionally omitted from `Fragment`
+// eslint-disable-next-line
 var Menu = function Menu(_ref3) {
   var children = _ref3.children,
-      innerProps = _ref3.innerProps,
-      props = _objectWithoutProperties(_ref3, _excluded2);
-
+    innerProps = _ref3.innerProps,
+    props = _objectWithoutProperties(_ref3, _excluded2);
   return jsx("div", innerProps, children);
 };
-
 export var defaultComponents = {
   Control: Control,
   DropdownIndicator: DropdownIndicator,

package/dist/esm/RadioSelect.js

@@ -2,19 +2,14 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 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 Select from './Select';
 import { RadioOption } from './components/input-options';
-
 var RadioSelect = function RadioSelect(_ref) {
   var components = _ref.components,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
     isMulti: false,
     components: _objectSpread(_objectSpread({}, components), {}, {
@@ -22,5 +17,4 @@ var RadioSelect = function RadioSelect(_ref) {
     })
   }));
 };
-
 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.1.0";
+var packageVersion = "16.1.2";
 export var SelectWithoutAnalytics = createSelect(Select);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/esm/components/index.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 /** @jsx jsx */
 import { jsx, css } from '@emotion/react';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';

package/dist/esm/components/indicators.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx, css } from '@emotion/react';
 import { components } from 'react-select';