@atlaskit/select 16.1.0 → 16.1.2

package/dist/cjs/data/countries.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.groupedCountries = exports.allCountries = void 0;
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
 var allCountries = [{
   icon: '🇦🇫',
   name: 'Afghanistan',
@@ -1252,8 +1252,9 @@ var allCountries = [{
   name: 'Zimbabwe',
   abbr: 'ZW',
   code: '263'
-}]; // separate countries into groups
+}];
 
+// separate countries into groups
 exports.allCountries = allCountries;
 var groupedCountries = [{
   label: 'Suggested',

package/dist/cjs/entry-points/async-creatable-select.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _AsyncCreatableSelect.default;
   }
 });
-
 var _AsyncCreatableSelect = _interopRequireDefault(require("../AsyncCreatableSelect"));

package/dist/cjs/entry-points/async-select.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _AsyncSelect.default;
   }
 });
-
 var _AsyncSelect = _interopRequireDefault(require("../AsyncSelect"));

package/dist/cjs/entry-points/creatable-select.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _CreatableSelect.default;
   }
 });
-
 var _CreatableSelect = _interopRequireDefault(require("../CreatableSelect"));

package/dist/cjs/entry-points/select.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,9 +16,6 @@ Object.defineProperty(exports, "default", {
     return _Select.default;
   }
 });
-
 var _Select = _interopRequireWildcard(require("../Select"));
-
 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; }

package/dist/cjs/extract-react-types/ert.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ertHackForSelect;
-
 function ertHackForSelect(_) {}

package/dist/cjs/extract-react-types/react-popper-props.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ertHackForPopper;
-
 // this is to DOCUMENT/display the underlying react popper props, for our atlaskit/select documentation
+
 function ertHackForPopper(_) {}

package/dist/cjs/extract-react-types/react-select-async.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ertHackForPopper;
-
 // for documentation ONLY
+
 function ertHackForPopper(_) {}

package/dist/cjs/extract-react-types/react-select-creatable.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ertHackForSelect;
-
 // for documentation purposes ONLY
+
 function ertHackForSelect(_) {}

package/dist/cjs/extract-react-types/react-select-props.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ertHackForSelect;
-
 // this is to DOCUMENT/display the underlying react select props, for our atlaskit/select documentation
+
 function ertHackForSelect(_) {}

package/dist/cjs/index.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -103,31 +101,17 @@ Object.defineProperty(exports, "useCreatable", {
     return _creatable.useCreatable;
   }
 });
-
 var _reactSelect = require("react-select");
-
 var _async = require("react-select/async");
-
 var _creatable = require("react-select/creatable");
-
 var _inputOptions = require("./components/input-options");
-
 var _select = _interopRequireWildcard(require("./entry-points/select"));
-
 var _asyncSelect = _interopRequireDefault(require("./entry-points/async-select"));
-
 var _creatableSelect = _interopRequireDefault(require("./entry-points/creatable-select"));
-
 var _asyncCreatableSelect = _interopRequireDefault(require("./entry-points/async-creatable-select"));
-
 var _CheckboxSelect = _interopRequireDefault(require("./CheckboxSelect"));
-
 var _CountrySelect = _interopRequireDefault(require("./CountrySelect"));
-
 var _RadioSelect = _interopRequireDefault(require("./RadioSelect"));
-
 var _PopupSelect = _interopRequireDefault(require("./PopupSelect"));
-
 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; }

package/dist/cjs/styles.js

@@ -1,26 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = baseStyles;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _colors = require("@atlaskit/theme/colors");
-
 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 BORDER_WIDTH = 2;
 var ICON_PADDING = 2;
 var paddingExcludingBorder = (0, _constants.gridSize)() - BORDER_WIDTH;
-
 function baseStyles(validationState) {
   var isCompact = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var appearance = arguments.length > 2 ? arguments[2] : undefined;
@@ -42,49 +34,39 @@ function baseStyles(validationState) {
     },
     control: function control(css, _ref2) {
       var isFocused = _ref2.isFocused,
-          isDisabled = _ref2.isDisabled;
+        isDisabled = _ref2.isDisabled;
       var borderColor = isFocused ? "var(--ds-border-focused, ".concat(_colors.B100, ")") : "var(--ds-border-input, ".concat(_colors.N20, ")");
       var backgroundColor = isFocused ? "var(--ds-background-input-pressed, ".concat(_colors.N0, ")") : "var(--ds-background-input, ".concat(_colors.N20, ")");
       var backgroundColorHover = isFocused ? "var(--ds-background-input-pressed, ".concat(_colors.N0, ")") : "var(--ds-background-input-hovered, ".concat(_colors.N30, ")");
-
       if (isDisabled) {
         backgroundColor = "var(--ds-background-disabled, ".concat(_colors.N20, ")");
         borderColor = "var(--ds-background-disabled, ".concat(_colors.N20, ")");
       }
-
       if (validationState === 'error') {
         borderColor = "var(--ds-border-danger, ".concat(_colors.R400, ")");
       }
-
       if (validationState === 'success') {
         borderColor = "var(--ds-border-success, ".concat(_colors.G400, ")");
       }
-
       var borderColorHover = isFocused ? "var(--ds-border-focused, ".concat(_colors.B100, ")") : "var(--ds-border-input, ".concat(_colors.N30, ")");
-
       if (validationState === 'error') {
         borderColorHover = "var(--ds-border-danger, ".concat(_colors.R400, ")");
       }
-
       if (validationState === 'success') {
         borderColorHover = "var(--ds-border-success, ".concat(_colors.G400, ")");
       }
-
       var transitionDuration = '200ms';
-
       if (appearance === 'subtle') {
         borderColor = isFocused ? "var(--ds-border-focused, ".concat(_colors.B100, ")") : 'transparent';
         backgroundColor = isFocused ? "var(--ds-surface, ".concat(_colors.N0, ")") : 'transparent';
         backgroundColorHover = isFocused ? "var(--ds-background-input-pressed, ".concat(_colors.N0, ")") : "var(--ds-background-input-hovered, ".concat(_colors.N30, ")");
       }
-
       if (appearance === 'none') {
         borderColor = 'transparent';
         backgroundColor = 'transparent';
         backgroundColorHover = 'transparent';
         borderColorHover = 'transparent';
       }
-
       return _objectSpread(_objectSpread({}, css), {}, {
         // Turn pointer events off when disabled - this makes it so hover etc don't work.
         pointerEvents: isDisabled ? 'none' : undefined,
@@ -149,11 +131,9 @@ function baseStyles(validationState) {
     dropdownIndicator: function dropdownIndicator(css, _ref3) {
       var isDisabled = _ref3.isDisabled;
       var color = "var(--ds-text-subtle, ".concat(_colors.N500, ")");
-
       if (isDisabled) {
         color = "var(--ds-text-disabled, ".concat(_colors.N70, ")");
       }
-
       return _objectSpread(_objectSpread({}, css), {}, {
         color: color,
         paddingLeft: ICON_PADDING,
@@ -172,19 +152,16 @@ function baseStyles(validationState) {
     },
     option: function option(css, _ref4) {
       var isFocused = _ref4.isFocused,
-          isSelected = _ref4.isSelected,
-          isDisabled = _ref4.isDisabled;
+        isSelected = _ref4.isSelected,
+        isDisabled = _ref4.isDisabled;
       var color = "var(--ds-text, ".concat(_colors.N800, ")");
-
       if (isDisabled) {
         color = "var(--ds-text-disabled, ".concat(_colors.N70, ")");
       } else if (isSelected) {
         color = "var(--ds-text-selected, ".concat(_colors.B400, ")");
       }
-
       var boxShadow;
       var backgroundColor;
-
       if (isDisabled) {
         backgroundColor = undefined;
       } else if (isSelected && isFocused) {
@@ -194,11 +171,9 @@ function baseStyles(validationState) {
       } else if (isFocused) {
         backgroundColor = "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")");
       }
-
       if (!isDisabled && (isFocused || isSelected)) {
         boxShadow = "inset 2px 0px 0px ".concat("var(--ds-border-selected, ".concat(_colors.B400, ")"));
       }
-
       var cursor = isDisabled ? 'not-allowed' : css.cursor;
       return _objectSpread(_objectSpread({}, css), {}, {
         padding: '6px 12px',
@@ -225,9 +200,9 @@ function baseStyles(validationState) {
       return _objectSpread(_objectSpread({}, css), {}, {
         color: isDisabled ? "var(--ds-text-disabled, ".concat(_colors.N70, ")") : "var(--ds-text, ".concat(_colors.N800, ")"),
         lineHeight: "".concat((0, _constants.gridSize)() * 2, "px") // 16px
-
       });
     },
+
     menu: function menu(css) {
       return _objectSpread(_objectSpread({}, css), {}, {
         backgroundColor: "var(--ds-surface-overlay, white)",

package/dist/cjs/version.json

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

package/dist/es2019/CheckboxSelect.js

@@ -2,12 +2,12 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Select from './Select';
 import { CheckboxOption } from './components/input-options';
-
 const CheckboxSelect = ({
   components,
   ...props
 }) => {
-  const temp = { ...components,
+  const temp = {
+    ...components,
     Option: CheckboxOption
   };
   return /*#__PURE__*/React.createElement(Select, _extends({
@@ -17,5 +17,4 @@ const CheckboxSelect = ({
     components: temp
   }, props));
 };
-
 export default CheckboxSelect;

package/dist/es2019/CountrySelect.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
+
 import { jsx, css } from '@emotion/react';
 import { groupedCountries } from './data/countries';
 import Select from './Select';
@@ -12,10 +12,8 @@ const labelStyles = css({
 });
 const flagStyles = css({
   fontSize: '18px',
-  // TODO Delete this comment after verifying spacing token -> previous value `'8px'`
-  marginRight: "var(--ds-scale-100, 8px)"
+  marginRight: "var(--ds-space-100, 8px)"
 });
-
 const Opt = ({
   children,
   icon
@@ -23,24 +21,23 @@ const Opt = ({
   css: labelStyles
 }, jsx("span", {
   css: flagStyles
-}, icon), children); // return the country name; used for searching
-
+}, icon), children);
 
+// return the country name; used for searching
 const getOptionLabel = ({
   abbr,
   code,
   name
-}) => `${name} (${abbr.toUpperCase()}) +${code}`; // set the country's abbreviation for the option value, (also searchable)
-
-
-const getOptionValue = opt => opt.abbr; // the text node of the control
+}) => `${name} (${abbr.toUpperCase()}) +${code}`;
 
+// set the country's abbreviation for the option value, (also searchable)
+const getOptionValue = opt => opt.abbr;
 
+// the text node of the control
 const controlLabel = opt => jsx(Opt, {
   icon: opt.icon
-}, opt.abbr.toUpperCase()); // the text node for an option
-
-
+}, opt.abbr.toUpperCase());
+// the text node for an option
 const optionLabel = ({
   abbr,
   code,
@@ -52,14 +49,14 @@ const optionLabel = ({
   abbr,
   code,
   name
-})); // switch formatters based on render context (menu | value)
-
+}));
 
+// switch formatters based on render context (menu | value)
 const formatOptionLabel = (opt, {
   context
-}) => context === 'value' ? controlLabel(opt) : optionLabel(opt); // put it all together
-
+}) => context === 'value' ? controlLabel(opt) : optionLabel(opt);
 
+// put it all together
 const CountrySelect = props => jsx(Select, _extends({
   isClearable: false,
   formatOptionLabel: formatOptionLabel,
@@ -68,5 +65,4 @@ const CountrySelect = props => jsx(Select, _extends({
   isMulti: false,
   options: groupedCountries
 }, props));
-
 export default CountrySelect;