@procore/core-react 11.22.1 → 11.23.0

package/dist/GroupSelect/GroupSelect.js

@@ -1,124 +1,157 @@
-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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["getId", "getLabel", "disabled", "value"],
+  _excluded2 = ["value", "options", "groups", "getId", "getLabel", "getGroup", "getOptGroup", "onChange", "onSearch", "optionRenderer", "groupRenderer", "optGroupRenderer"];
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { MenuImperative } from '../MenuImperative/MenuImperative';
 import { MultiSelect } from '../MultiSelect/MultiSelect';
 import { StyledGroupSelectOption } from './GroupSelect.styles';
 var emptyArray = [];
-var noop = function () { };
-var defaultGetId = function (item) { return item.id; };
-var defaultGetLabel = function (item) { return item.label; };
-var defaultGetGroup = function (item) { return item.options; };
-var defaultGetOptGroup = function (item) {
-    return item.groupId;
+var noop = function noop() {};
+var defaultGetId = function defaultGetId(item) {
+  return item.id;
+};
+var defaultGetLabel = function defaultGetLabel(item) {
+  return item.label;
 };
-function defaultOptionRenderer(item, _a) {
-    var getId = _a.getId, getLabel = _a.getLabel, _b = _a.disabled, disabled = _b === void 0 ? false : _b, value = _a.value, props = __rest(_a, ["getId", "getLabel", "disabled", "value"]);
-    return (React.createElement(StyledGroupSelectOption, __assign({}, props, { key: "group-select-menu-item-".concat(getId(item)), value: value || item, disabled: disabled }), getLabel(item)));
+var defaultGetGroup = function defaultGetGroup(item) {
+  return item.options;
+};
+var defaultGetOptGroup = function defaultGetOptGroup(item) {
+  return item.groupId;
+};
+function defaultOptionRenderer(item, _ref) {
+  var getId = _ref.getId,
+    getLabel = _ref.getLabel,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    value = _ref.value,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledGroupSelectOption, _extends({}, props, {
+    key: "group-select-menu-item-".concat(getId(item)),
+    value: value || item,
+    disabled: disabled
+  }), getLabel(item));
 }
-function defaultOptGroupRenderer(_a) {
-    var id = _a.id, label = _a.label;
-    return (React.createElement(MenuImperative.Group, { key: "group_".concat(id), clickable: false }, label));
+function defaultOptGroupRenderer(_ref2) {
+  var id = _ref2.id,
+    label = _ref2.label;
+  return /*#__PURE__*/React.createElement(MenuImperative.Group, {
+    key: "group_".concat(id),
+    clickable: false
+  }, label);
 }
-function useGroupSelect(_a) {
-    var value = _a.value, options = _a.options, groups = _a.groups, getId = _a.getId, getLabel = _a.getLabel, getGroup = _a.getGroup, onChange = _a.onChange, _onSearch = _a.onSearch;
-    var _b = React.useState(''), searchValue = _b[0], setSearchValue = _b[1];
-    var groupOptionsDictionary = React.useMemo(function () {
-        return groups.reduce(function (acc, curr) {
-            var _a;
-            return (__assign(__assign({}, acc), (_a = {}, _a[getId(curr)] = getGroup(curr), _a)));
-        }, {});
-    }, [getGroup, getId, groups]);
-    var collectOptionIds = React.useCallback(function (value) {
-        return value.reduce(function (acc, cur) { return acc.add(getId(cur)); }, new Set());
-    }, [getId]);
-    var groupIds = React.useMemo(function () { return collectOptionIds(groups); }, [collectOptionIds, groups]);
-    var isGroup = function (groupdId) { return groupIds.has(groupdId); };
-    var externalOnSearch = React.useCallback(function (e) {
-        if (_onSearch) {
-            _onSearch(e);
-        }
-    }, [_onSearch]);
-    var internalOnSearch = React.useCallback(function (e) {
-        setSearchValue(e.target.value);
+function useGroupSelect(_ref3) {
+  var value = _ref3.value,
+    options = _ref3.options,
+    groups = _ref3.groups,
+    getId = _ref3.getId,
+    getLabel = _ref3.getLabel,
+    getGroup = _ref3.getGroup,
+    onChange = _ref3.onChange,
+    _onSearch = _ref3.onSearch;
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    searchValue = _React$useState2[0],
+    setSearchValue = _React$useState2[1];
+  var groupOptionsDictionary = React.useMemo(function () {
+    return groups.reduce(function (acc, curr) {
+      return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, getId(curr), getGroup(curr)));
+    }, {});
+  }, [getGroup, getId, groups]);
+  var collectOptionIds = React.useCallback(function (value) {
+    return value.reduce(function (acc, cur) {
+      return acc.add(getId(cur));
+    }, new Set());
+  }, [getId]);
+  var groupIds = React.useMemo(function () {
+    return collectOptionIds(groups);
+  }, [collectOptionIds, groups]);
+  var isGroup = function isGroup(groupdId) {
+    return groupIds.has(groupdId);
+  };
+  var externalOnSearch = React.useCallback(function (e) {
+    if (_onSearch) {
+      _onSearch(e);
+    }
+  }, [_onSearch]);
+  var internalOnSearch = React.useCallback(function (e) {
+    setSearchValue(e.target.value);
+  }, []);
+  var onSearch = _onSearch ? externalOnSearch : internalOnSearch;
+  var selectedOptions = React.useMemo(function () {
+    return value.filter(function (option) {
+      return !groupIds.has(getId(option));
+    });
+  }, [getId, groupIds, value]);
+  var selectedOptionIds = React.useMemo(function () {
+    return collectOptionIds(selectedOptions);
+  }, [collectOptionIds, selectedOptions]);
+  var selectedGroups = React.useMemo(function () {
+    return groups.filter(function (group) {
+      return getGroup(group).length && getGroup(group).every(function (option) {
+        return selectedOptionIds.has(getId(option));
+      });
+    });
+  }, [getGroup, getId, groups, selectedOptionIds]);
+  var selectedGroupIds = React.useMemo(function () {
+    return collectOptionIds(selectedGroups);
+  }, [collectOptionIds, selectedGroups]);
+  var getGroupOptions = function getGroupOptions(groupOptiodId) {
+    var groupOptions = groupOptionsDictionary[groupOptiodId] || [];
+    return groupOptions.filter(function (groupOption) {
+      return !selectedOptionIds.has(getId(groupOption));
+    });
+  };
+  var onSelect = function onSelect(selection) {
+    var newSelected = selection.reduce(function (acc, option) {
+      var optionId = getId(option);
+      if (isGroup(optionId)) {
+        return !selectedGroupIds.has(optionId) ? [].concat(_toConsumableArray(acc), _toConsumableArray(getGroupOptions(optionId))) : acc;
+      }
+      return [].concat(_toConsumableArray(acc), [option]);
     }, []);
-    var onSearch = _onSearch ? externalOnSearch : internalOnSearch;
-    var selectedOptions = React.useMemo(function () { return value.filter(function (option) { return !groupIds.has(getId(option)); }); }, [getId, groupIds, value]);
-    var selectedOptionIds = React.useMemo(function () { return collectOptionIds(selectedOptions); }, [collectOptionIds, selectedOptions]);
-    var selectedGroups = React.useMemo(function () {
-        return groups.filter(function (group) {
-            return getGroup(group).length &&
-                getGroup(group).every(function (option) {
-                    return selectedOptionIds.has(getId(option));
-                });
-        });
-    }, [getGroup, getId, groups, selectedOptionIds]);
-    var selectedGroupIds = React.useMemo(function () { return collectOptionIds(selectedGroups); }, [collectOptionIds, selectedGroups]);
-    var getGroupOptions = function (groupOptiodId) {
-        var groupOptions = groupOptionsDictionary[groupOptiodId] || [];
-        return groupOptions.filter(function (groupOption) { return !selectedOptionIds.has(getId(groupOption)); });
-    };
-    var onSelect = function (selection) {
-        var newSelected = selection.reduce(function (acc, option) {
-            var optionId = getId(option);
-            if (isGroup(optionId)) {
-                return !selectedGroupIds.has(optionId)
-                    ? __spreadArray(__spreadArray([], acc, true), getGroupOptions(optionId), true) : acc;
-            }
-            return __spreadArray(__spreadArray([], acc, true), [option], false);
-        }, []);
-        setSearchValue('');
-        onChange(newSelected);
-    };
-    var searchFilterCallback = React.useCallback(function (option) {
-        return getLabel(option).toLowerCase().includes(searchValue.toLowerCase());
-    }, [getLabel, searchValue]);
-    var computedOptions = _onSearch
-        ? options
-        : options.filter(searchFilterCallback);
-    var filteredGroups = _onSearch
-        ? groups
-        : groups.filter(searchFilterCallback);
-    var computedGroups = React.useMemo(function () { return filteredGroups.filter(function (group) { return getGroup(group).length; }); }, [filteredGroups, getGroup]);
-    return {
-        selectedOptions: selectedOptions,
-        computedOptions: __spreadArray(__spreadArray([], computedGroups, true), computedOptions, true),
-        selectedOptionIds: selectedOptionIds,
-        selectedGroupIds: selectedGroupIds,
-        isGroup: isGroup,
-        onSearch: onSearch,
-        onSelect: onSelect,
-    };
+    setSearchValue('');
+    onChange(newSelected);
+  };
+  var searchFilterCallback = React.useCallback(function (option) {
+    return getLabel(option).toLowerCase().includes(searchValue.toLowerCase());
+  }, [getLabel, searchValue]);
+  var computedOptions = _onSearch ? options : options.filter(searchFilterCallback);
+  var filteredGroups = _onSearch ? groups : groups.filter(searchFilterCallback);
+  var computedGroups = React.useMemo(function () {
+    return filteredGroups.filter(function (group) {
+      return getGroup(group).length;
+    });
+  }, [filteredGroups, getGroup]);
+  return {
+    selectedOptions: selectedOptions,
+    computedOptions: [].concat(_toConsumableArray(computedGroups), _toConsumableArray(computedOptions)),
+    selectedOptionIds: selectedOptionIds,
+    selectedGroupIds: selectedGroupIds,
+    isGroup: isGroup,
+    onSearch: onSearch,
+    onSelect: onSelect
+  };
 }
+
 /**
 
  Group select allows users to select multiple options from a single item in a
@@ -131,41 +164,72 @@ function useGroupSelect(_a) {
  @see [Design Guidelines](https://design.procore.com/group-select)
 
  */
-export var GroupSelect = React.forwardRef(function GroupSelect(_a, ref) {
-    var _b = _a.value, value = _b === void 0 ? emptyArray : _b, _c = _a.options, options = _c === void 0 ? emptyArray : _c, _d = _a.groups, groups = _d === void 0 ? emptyArray : _d, _e = _a.getId, getId = _e === void 0 ? defaultGetId : _e, _f = _a.getLabel, getLabel = _f === void 0 ? defaultGetLabel : _f, _g = _a.getGroup, getGroup = _g === void 0 ? defaultGetGroup : _g, _h = _a.getOptGroup, getOptGroup = _h === void 0 ? defaultGetOptGroup : _h, _j = _a.onChange, onChange = _j === void 0 ? noop : _j, _onSearch = _a.onSearch, optionRenderer = _a.optionRenderer, groupRenderer = _a.groupRenderer, _k = _a.optGroupRenderer, optGroupRenderer = _k === void 0 ? defaultOptGroupRenderer : _k, props = __rest(_a, ["value", "options", "groups", "getId", "getLabel", "getGroup", "getOptGroup", "onChange", "onSearch", "optionRenderer", "groupRenderer", "optGroupRenderer"]);
-    var _l = useGroupSelect({
-        value: value,
-        options: options,
-        groups: groups,
-        getId: getId,
-        getLabel: getLabel,
-        getGroup: getGroup,
-        onChange: onChange,
-        onSearch: _onSearch,
-    }), selectedOptions = _l.selectedOptions, selectedOptionIds = _l.selectedOptionIds, selectedGroupIds = _l.selectedGroupIds, computedOptions = _l.computedOptions, isGroup = _l.isGroup, onSelect = _l.onSelect, onSearch = _l.onSearch;
-    var multiselectOptionRenderer = React.useCallback(function (option) {
-        var optionId = getId(option);
-        var renderer = (isGroup(optionId) ? groupRenderer : optionRenderer) ||
-            defaultOptionRenderer;
-        var isSelected = selectedOptionIds.has(optionId);
-        var isDisabled = selectedGroupIds.has(optionId);
-        return renderer(option, {
-            getId: getId,
-            getLabel: getLabel,
-            value: option,
-            selected: isSelected,
-            disabled: isDisabled,
-        });
-    }, [
-        getId,
-        getLabel,
-        groupRenderer,
-        isGroup,
-        optionRenderer,
-        selectedGroupIds,
-        selectedOptionIds,
-    ]);
-    return (React.createElement(MultiSelect, __assign({ ref: ref }, props, { value: selectedOptions, options: computedOptions, getId: getId, getLabel: getLabel, onChange: onSelect, onSearch: onSearch, getGroup: getOptGroup, optionRenderer: multiselectOptionRenderer, groupHeaderRenderer: optGroupRenderer })));
+export var GroupSelect = /*#__PURE__*/React.forwardRef(function GroupSelect(_ref4, ref) {
+  var _ref4$value = _ref4.value,
+    value = _ref4$value === void 0 ? emptyArray : _ref4$value,
+    _ref4$options = _ref4.options,
+    options = _ref4$options === void 0 ? emptyArray : _ref4$options,
+    _ref4$groups = _ref4.groups,
+    groups = _ref4$groups === void 0 ? emptyArray : _ref4$groups,
+    _ref4$getId = _ref4.getId,
+    getId = _ref4$getId === void 0 ? defaultGetId : _ref4$getId,
+    _ref4$getLabel = _ref4.getLabel,
+    getLabel = _ref4$getLabel === void 0 ? defaultGetLabel : _ref4$getLabel,
+    _ref4$getGroup = _ref4.getGroup,
+    getGroup = _ref4$getGroup === void 0 ? defaultGetGroup : _ref4$getGroup,
+    _ref4$getOptGroup = _ref4.getOptGroup,
+    getOptGroup = _ref4$getOptGroup === void 0 ? defaultGetOptGroup : _ref4$getOptGroup,
+    _ref4$onChange = _ref4.onChange,
+    onChange = _ref4$onChange === void 0 ? noop : _ref4$onChange,
+    _onSearch = _ref4.onSearch,
+    optionRenderer = _ref4.optionRenderer,
+    groupRenderer = _ref4.groupRenderer,
+    _ref4$optGroupRendere = _ref4.optGroupRenderer,
+    optGroupRenderer = _ref4$optGroupRendere === void 0 ? defaultOptGroupRenderer : _ref4$optGroupRendere,
+    props = _objectWithoutProperties(_ref4, _excluded2);
+  var _useGroupSelect = useGroupSelect({
+      value: value,
+      options: options,
+      groups: groups,
+      getId: getId,
+      getLabel: getLabel,
+      getGroup: getGroup,
+      onChange: onChange,
+      onSearch: _onSearch
+    }),
+    selectedOptions = _useGroupSelect.selectedOptions,
+    selectedOptionIds = _useGroupSelect.selectedOptionIds,
+    selectedGroupIds = _useGroupSelect.selectedGroupIds,
+    computedOptions = _useGroupSelect.computedOptions,
+    isGroup = _useGroupSelect.isGroup,
+    onSelect = _useGroupSelect.onSelect,
+    onSearch = _useGroupSelect.onSearch;
+  var multiselectOptionRenderer = React.useCallback(function (option) {
+    var optionId = getId(option);
+    var renderer = (isGroup(optionId) ? groupRenderer : optionRenderer) || defaultOptionRenderer;
+    var isSelected = selectedOptionIds.has(optionId);
+    var isDisabled = selectedGroupIds.has(optionId);
+    return renderer(option, {
+      getId: getId,
+      getLabel: getLabel,
+      value: option,
+      selected: isSelected,
+      disabled: isDisabled
+    });
+  }, [getId, getLabel, groupRenderer, isGroup, optionRenderer, selectedGroupIds, selectedOptionIds]);
+  return /*#__PURE__*/React.createElement(MultiSelect, _extends({
+    ref: ref
+  }, props, {
+    value: selectedOptions,
+    options: computedOptions,
+    getId: getId,
+    getLabel: getLabel,
+    onChange: onSelect,
+    onSearch: onSearch,
+    getGroup: getOptGroup,
+    optionRenderer: multiselectOptionRenderer,
+    groupHeaderRenderer: optGroupRenderer
+  }));
 });
 GroupSelect.displayName = 'GroupSelect';
 //# sourceMappingURL=GroupSelect.js.map

package/dist/GroupSelect/GroupSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelect.js","sourceRoot":"","sources":["../../src/GroupSelect/GroupSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"GroupSelect.js","names":["React","MenuImperative","MultiSelect","StyledGroupSelectOption","emptyArray","noop","defaultGetId","item","id","defaultGetLabel","label","defaultGetGroup","options","defaultGetOptGroup","groupId","defaultOptionRenderer","_ref","getId","getLabel","_ref$disabled","disabled","value","props","_objectWithoutProperties","_excluded","createElement","_extends","key","concat","defaultOptGroupRenderer","_ref2","Group","clickable","useGroupSelect","_ref3","groups","getGroup","onChange","_onSearch","onSearch","_React$useState","useState","_React$useState2","_slicedToArray","searchValue","setSearchValue","groupOptionsDictionary","useMemo","reduce","acc","curr","_objectSpread","_defineProperty","collectOptionIds","useCallback","cur","add","Set","groupIds","isGroup","groupdId","has","externalOnSearch","e","internalOnSearch","target","selectedOptions","filter","option","selectedOptionIds","selectedGroups","group","length","every","selectedGroupIds","getGroupOptions","groupOptiodId","groupOptions","groupOption","onSelect","selection","newSelected","optionId","_toConsumableArray","searchFilterCallback","toLowerCase","includes","computedOptions","filteredGroups","computedGroups","GroupSelect","forwardRef","_ref4","ref","_ref4$value","_ref4$options","_ref4$groups","_ref4$getId","_ref4$getLabel","_ref4$getGroup","_ref4$getOptGroup","getOptGroup","_ref4$onChange","optionRenderer","groupRenderer","_ref4$optGroupRendere","optGroupRenderer","_excluded2","_useGroupSelect","multiselectOptionRenderer","renderer","isSelected","isDisabled","selected","groupHeaderRenderer","displayName"],"sources":["../../src/GroupSelect/GroupSelect.tsx"],"sourcesContent":["import React from 'react'\nimport { MenuImperative } from '../MenuImperative/MenuImperative'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { GroupItem, MultiSelectProps } from '../MultiSelect/MultiSelect.types'\nimport { StyledGroupSelectOption } from './GroupSelect.styles'\nimport {\n  ChangeEvent,\n  GroupOption,\n  GroupSelectConfig,\n  GroupSelectOptionRendererParams,\n  GroupSelectProps,\n  Option,\n} from './GroupSelect.types'\n\nconst emptyArray: Option[] = []\nconst noop: GroupSelectProps['onChange'] = () => {}\nconst defaultGetId: GroupSelectProps['getId'] = (item) => item.id\nconst defaultGetLabel: GroupSelectProps['getLabel'] = (item) => item.label\nconst defaultGetGroup: GroupSelectProps['getGroup'] = (item) => item.options\nconst defaultGetOptGroup: GroupSelectProps['getOptGroup'] = (item) =>\n  item.groupId\n\nfunction defaultOptionRenderer(\n  item: Option | GroupOption,\n  {\n    getId,\n    getLabel,\n    disabled = false,\n    value,\n    ...props\n  }: GroupSelectOptionRendererParams\n) {\n  return (\n    <StyledGroupSelectOption\n      {...props}\n      key={`group-select-menu-item-${getId(item)}`}\n      value={value || item}\n      disabled={disabled}\n    >\n      {getLabel(item)}\n    </StyledGroupSelectOption>\n  )\n}\n\nfunction defaultOptGroupRenderer({ id, label }: GroupItem) {\n  return (\n    <MenuImperative.Group key={`group_${id}`} clickable={false}>\n      {label}\n    </MenuImperative.Group>\n  )\n}\n\nfunction useGroupSelect({\n  value,\n  options,\n  groups,\n  getId,\n  getLabel,\n  getGroup,\n  onChange,\n  onSearch: _onSearch,\n}: GroupSelectConfig) {\n  const [searchValue, setSearchValue] = React.useState('')\n\n  const groupOptionsDictionary: Record<string | number, Option> = React.useMemo(\n    () =>\n      groups.reduce(\n        (acc, curr) => ({\n          ...acc,\n          [getId(curr)]: getGroup(curr),\n        }),\n        {}\n      ),\n    [getGroup, getId, groups]\n  )\n\n  const collectOptionIds = React.useCallback(\n    (value: Option[]) =>\n      value.reduce<Set<number | string>>(\n        (acc, cur) => acc.add(getId(cur)),\n        new Set()\n      ),\n    [getId]\n  )\n\n  const groupIds = React.useMemo(\n    () => collectOptionIds(groups),\n    [collectOptionIds, groups]\n  )\n\n  const isGroup = (groupdId: string | number) => groupIds.has(groupdId)\n\n  const externalOnSearch = React.useCallback(\n    (e: ChangeEvent) => {\n      if (_onSearch) {\n        _onSearch(e)\n      }\n    },\n    [_onSearch]\n  )\n\n  const internalOnSearch = React.useCallback((e: ChangeEvent) => {\n    setSearchValue(e.target.value)\n  }, [])\n\n  const onSearch = _onSearch ? externalOnSearch : internalOnSearch\n\n  const selectedOptions = React.useMemo(\n    () => value.filter((option) => !groupIds.has(getId(option))),\n    [getId, groupIds, value]\n  )\n\n  const selectedOptionIds = React.useMemo(\n    () => collectOptionIds(selectedOptions),\n    [collectOptionIds, selectedOptions]\n  )\n\n  const selectedGroups = React.useMemo(\n    () =>\n      groups.filter(\n        (group) =>\n          getGroup(group).length &&\n          getGroup(group).every((option: Option) =>\n            selectedOptionIds.has(getId(option))\n          )\n      ),\n    [getGroup, getId, groups, selectedOptionIds]\n  )\n\n  const selectedGroupIds = React.useMemo(\n    () => collectOptionIds(selectedGroups),\n    [collectOptionIds, selectedGroups]\n  )\n\n  const getGroupOptions = (groupOptiodId: string | number) => {\n    const groupOptions = groupOptionsDictionary[groupOptiodId] || []\n    return groupOptions.filter(\n      (groupOption: Option) => !selectedOptionIds.has(getId(groupOption))\n    )\n  }\n\n  const onSelect = (selection: (Option | GroupOption)[]) => {\n    const newSelected = selection.reduce((acc, option) => {\n      const optionId = getId(option)\n\n      if (isGroup(optionId)) {\n        return !selectedGroupIds.has(optionId)\n          ? [...acc, ...getGroupOptions(optionId)]\n          : acc\n      }\n\n      return [...acc, option]\n    }, [])\n\n    setSearchValue('')\n\n    onChange(newSelected)\n  }\n\n  const searchFilterCallback = React.useCallback(\n    (option) =>\n      getLabel(option).toLowerCase().includes(searchValue.toLowerCase()),\n    [getLabel, searchValue]\n  )\n\n  const computedOptions = _onSearch\n    ? options\n    : options.filter(searchFilterCallback)\n\n  const filteredGroups = _onSearch\n    ? groups\n    : groups.filter(searchFilterCallback)\n\n  const computedGroups = React.useMemo(\n    () => filteredGroups.filter((group: Option) => getGroup(group).length),\n    [filteredGroups, getGroup]\n  )\n\n  return {\n    selectedOptions,\n    computedOptions: [...computedGroups, ...computedOptions],\n    selectedOptionIds,\n    selectedGroupIds,\n    isGroup,\n    onSearch,\n    onSelect,\n  }\n}\n\n/**\n\n Group select allows users to select multiple options from a single item in a\n menu. Other select components are multi select, and select, tiered select.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-groupselect--custom-search)\n\n @see [Design Guidelines](https://design.procore.com/group-select)\n\n */\nexport const GroupSelect = React.forwardRef<\n  HTMLDivElement & MultiSelectProps,\n  GroupSelectProps\n>(function GroupSelect(\n  {\n    value = emptyArray,\n    options = emptyArray,\n    groups = emptyArray,\n    getId = defaultGetId,\n    getLabel = defaultGetLabel,\n    getGroup = defaultGetGroup,\n    getOptGroup = defaultGetOptGroup,\n    onChange = noop,\n    onSearch: _onSearch,\n    optionRenderer,\n    groupRenderer,\n    optGroupRenderer = defaultOptGroupRenderer,\n    ...props\n  },\n  ref\n) {\n  const {\n    selectedOptions,\n    selectedOptionIds,\n    selectedGroupIds,\n    computedOptions,\n    isGroup,\n    onSelect,\n    onSearch,\n  } = useGroupSelect({\n    value,\n    options,\n    groups,\n    getId,\n    getLabel,\n    getGroup,\n    onChange,\n    onSearch: _onSearch,\n  })\n\n  const multiselectOptionRenderer = React.useCallback(\n    (option: Option) => {\n      const optionId = getId(option)\n      const renderer =\n        (isGroup(optionId) ? groupRenderer : optionRenderer) ||\n        defaultOptionRenderer\n\n      const isSelected = selectedOptionIds.has(optionId)\n      const isDisabled = selectedGroupIds.has(optionId)\n\n      return renderer(option, {\n        getId,\n        getLabel,\n        value: option,\n        selected: isSelected,\n        disabled: isDisabled,\n      })\n    },\n    [\n      getId,\n      getLabel,\n      groupRenderer,\n      isGroup,\n      optionRenderer,\n      selectedGroupIds,\n      selectedOptionIds,\n    ]\n  )\n\n  return (\n    <MultiSelect\n      ref={ref}\n      {...props}\n      value={selectedOptions}\n      options={computedOptions}\n      getId={getId}\n      getLabel={getLabel}\n      onChange={onSelect}\n      onSearch={onSearch}\n      getGroup={getOptGroup}\n      optionRenderer={multiselectOptionRenderer}\n      groupHeaderRenderer={optGroupRenderer}\n    />\n  )\n})\n\nGroupSelect.displayName = 'GroupSelect'\n"],"mappings":"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"}

package/dist/GroupSelect/GroupSelect.styles.js

@@ -1,13 +1,11 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css } from 'styled-components';
 import { MultiSelect } from '../MultiSelect/MultiSelect';
 import { colors } from '../_styles/colors';
-export var StyledGroupSelectOption = styled(MultiSelect.Option)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
-    var disabled = _a.disabled;
-    return disabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color: ", ";\n      cursor: not-allowed;\n\n      a,\n      a:hover {\n        color: ", ";\n        text-decoration: none;\n      }\n    "], ["\n      color: ", ";\n      cursor: not-allowed;\n\n      a,\n      a:hover {\n        color: ", ";\n        text-decoration: none;\n      }\n    "])), colors.gray70, colors.gray70);
+export var StyledGroupSelectOption = /*#__PURE__*/styled(MultiSelect.Option).withConfig({
+  displayName: "StyledGroupSelectOption",
+  componentId: "core-11_23_0__sc-u5gu8j-0"
+})(["", ""], function (_ref) {
+  var disabled = _ref.disabled;
+  return disabled && css(["color:", ";cursor:not-allowed;a,a:hover{color:", ";text-decoration:none;}"], colors.gray70, colors.gray70);
 });
-var templateObject_1, templateObject_2;
 //# sourceMappingURL=GroupSelect.styles.js.map

package/dist/GroupSelect/GroupSelect.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelect.styles.js","sourceRoot":"","sources":["../../src/GroupSelect/GroupSelect.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,+EAE/D,MACE,EAWC,IACJ,KAZG,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,IACR,GAAG,uNAAA,iBACQ,EAAa,6EAKX,EAAa,kDAGzB,KARU,MAAM,CAAC,MAAM,EAKX,MAAM,CAAC,MAAM,CAGzB;AAVD,CAUC,CACJ,CAAA"}
+{"version":3,"file":"GroupSelect.styles.js","names":["styled","css","MultiSelect","colors","StyledGroupSelectOption","Option","withConfig","displayName","componentId","_ref","disabled","gray70"],"sources":["../../src/GroupSelect/GroupSelect.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { colors } from '../_styles/colors'\n\nexport const StyledGroupSelectOption = styled(MultiSelect.Option)<{\n  disabled: boolean\n}>`\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      color: ${colors.gray70};\n      cursor: not-allowed;\n\n      a,\n      a:hover {\n        color: ${colors.gray70};\n        text-decoration: none;\n      }\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,uBAAuB,gBAAGJ,MAAM,CAACE,WAAW,CAACG,MAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAG7D,UAAAC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,IACRT,GAAG,gFACQE,MAAM,CAACQ,MAAM,EAKXR,MAAM,CAACQ,MAAM,CAGzB;AAAA,EACJ"}

package/dist/GroupSelect/GroupSelect.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelect.types.js","sourceRoot":"","sources":["../../src/GroupSelect/GroupSelect.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"GroupSelect.types.js","names":[],"sources":["../../src/GroupSelect/GroupSelect.types.ts"],"sourcesContent":["import React from 'react'\nimport { MenuNavigationProps } from '../Menu/Menu.types'\nimport { GroupItem, MultiSelectProps } from '../MultiSelect/MultiSelect.types'\n\nexport type ChangeEvent = React.ChangeEvent<HTMLInputElement>\n\nexport type Option = any\n\nexport type GroupOption = any\n\nexport type PickedMultiSelectProps = Omit<\n  MultiSelectProps,\n  | 'value'\n  | 'options'\n  | 'getId'\n  | 'getLabel'\n  | 'onChange'\n  | 'optionRenderer'\n  | 'getGroup'\n  | 'groupHeaderRenderer'\n>\n\nexport interface GroupSelectProps extends PickedMultiSelectProps {\n  /**\n   * @since 10.19.0\n   */\n  value?: Option[]\n  /**\n   * Array of available options\n   * `{ id: number label: string groupId?: string | number }`\n   * `arrayOf: [object]`\n   * @since 10.19.0\n   */\n  options?: Option[]\n  /**\n   * Array of available collections, field options contain option id's\n   * `{ id: number label: string options: Option[] groupId?: string | number }`\n   * `arrayOf: [object]`\n   * @since 10.19.0\n   */\n  groups?: GroupOption[]\n  /**\n   * Callback with options selected when selecting or removing an option\n   * `(value: T[]) => void`\n   * @since 10.19.0\n   */\n  onChange?: (value: Option[], event?: Event) => void\n  /**\n   * @since 10.19.0\n   */\n  getId?: (option: Option | GroupOption) => number | string\n  /**\n   * Callback for each entry in options to generate the token label, also used for default searching.\n   * `(option: T) => string`\n   * @since 10.19.0\n   */\n  getLabel?: (option: Option | GroupOption) => string\n  /**\n   * Callback for each entry in groups for keying and optimizations\n   * `(option: T) => Option[]`\n   * @since 10.19.0\n   */\n  getGroup?: (option: Option | GroupOption) => Option[]\n  /**\n   * Callback for each entry in groups and options to define relation in optgroups\n   * `(option: OptionItem) => number | string`\n   * @since 10.19.0\n   */\n  getOptGroup?: (option: Option | GroupOption) => number | string\n  /**\n   * @since 10.19.0\n   */\n  onSearch?: (e: ChangeEvent) => void\n  /**\n   * Callback for rendering each option\n   * `(option: T, props: OptionRendererProps) => React.ReactNode`\n   * @since 10.19.0\n   */\n  optionRenderer?: (\n    option: Option,\n    props: GroupSelectOptionRendererParams\n  ) => React.ReactNode\n  /**\n   * Callback for rendering each group option\n   * `(groupOption: T, props: OptionRendererProps) => React.ReactNode`\n   * @since 10.19.0\n   */\n  groupRenderer?: (\n    option: GroupOption,\n    props: GroupSelectOptionRendererParams\n  ) => React.ReactNode\n  /**\n   * Callback for rendering header for each entry in `optgroups`\n   * `(group: GroupItem) => React.ReactNode`\n   * @since 10.19.0\n   */\n  optGroupRenderer?: (option: GroupItem) => React.ReactNode\n}\n\nexport interface GroupSelectOptionRendererParams\n  extends MenuNavigationProps,\n    Required<Pick<GroupSelectProps, 'getId' | 'getLabel'>> {\n  /**\n   * @since 10.19.0\n   */\n  value: Option\n  /**\n   * @since 10.19.0\n   */\n  selected?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n}\n\nexport interface GroupSelectConfig {\n  /**\n   * @since 10.19.0\n   */\n  value: Option[]\n  /**\n   * @since 10.19.0\n   */\n  options: Option[]\n  /**\n   * @since 10.19.0\n   */\n  groups: GroupOption[]\n  /**\n   * @since 10.19.0\n   */\n  getId: (option: Option | GroupOption) => number | string\n  /**\n   * @since 10.19.0\n   */\n  getLabel: (option: Option | GroupOption) => string\n  /**\n   * @since 10.19.0\n   */\n  getGroup: (option: Option | GroupOption) => Option[]\n  /**\n   * @since 10.19.0\n   */\n  onChange: (value: Option[]) => void\n  /**\n   * @since 10.19.0\n   */\n  onSearch?: (e: ChangeEvent) => void\n}\n"],"mappings":""}

package/dist/GroupSelect/index.js

@@ -1,2 +1,3 @@
 export { GroupSelect } from './GroupSelect';
+export { GroupSelectOptionRendererParams, GroupSelectProps } from './GroupSelect.types';
 //# sourceMappingURL=index.js.map

package/dist/GroupSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/GroupSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.js","names":["GroupSelect","GroupSelectOptionRendererParams","GroupSelectProps"],"sources":["../../src/GroupSelect/index.ts"],"sourcesContent":["export { GroupSelect } from './GroupSelect'\nexport {\n  GroupSelectOptionRendererParams,\n  GroupSelectProps,\n} from './GroupSelect.types'\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe;AAC3C,SACEC,+BAA+B,EAC/BC,gBAAgB,QACX,qBAAqB"}

package/dist/Input/Input.js

@@ -1,25 +1,7 @@
-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;
-};
+var _excluded = ["children"];
+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 = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { StyledInput } from './Input.styles';
 /**
@@ -31,9 +13,12 @@ import { StyledInput } from './Input.styles';
  @see [Design Guidelines](https://design.procore.com/text-input)
 
  */
-export var Input = React.forwardRef(function Input(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return React.createElement(StyledInput, __assign({}, props, { ref: ref }));
+export var Input = /*#__PURE__*/React.forwardRef(function Input(_ref, ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledInput, _extends({}, props, {
+    ref: ref
+  }));
 });
 Input.displayName = 'Input';
 //# sourceMappingURL=Input.js.map

package/dist/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C;;;;;;;;GAQG;AACH,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAGnC,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,OAAO,oBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;AAC7C,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}
+{"version":3,"file":"Input.js","names":["React","StyledInput","Input","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","displayName"],"sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React from 'react'\nimport { InputAttributes } from '../_utils/types'\nimport { StyledInput } from './Input.styles'\nimport { InputProps } from './Input.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-input--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-input)\n\n */\nexport const Input = React.forwardRef<\n  HTMLInputElement,\n  InputAttributes & InputProps\n>(function Input({ children, ...props }, ref) {\n  return <StyledInput {...props} ref={ref} />\n})\n\nInput.displayName = 'Input'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,gBAAgB;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,gBAAGF,KAAK,CAACG,UAAU,CAGnC,SAASD,KAAKA,CAAAE,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnC,oBAAOT,KAAA,CAAAU,aAAA,CAACT,WAAW,EAAAU,QAAA,KAAKJ,KAAK;IAAEF,GAAG,EAAEA;EAAI,EAAE,CAAC;AAC7C,CAAC,CAAC;AAEFH,KAAK,CAACU,WAAW,GAAG,OAAO"}

package/dist/Input/Input.styles.js

@@ -1,7 +1,3 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css } from 'styled-components';
 import { getTypographyIntent } from '../Typography/Typography.styles';
 import { borderRadius } from '../_styles/borderRadius';
@@ -9,14 +5,17 @@ import { colors } from '../_styles/colors';
 import { getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var dataQa = {
-    focused: 'core-input-focused',
-    hovered: 'core-input-hovered',
+  focused: 'core-input-focused',
+  hovered: 'core-input-hovered'
 };
 var inputHeight = 36;
-export function getInputStyles(_a) {
-    var error = _a.error, variant = _a.variant;
-    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n\n    background-color: ", ";\n    border-color: ", ";\n    border-radius: ", "px;\n    border-style: solid;\n    border-width: 1px;\n    color: ", ";\n    display: block;\n    font-family: inherit;\n    height: ", "px;\n    width: 100%;\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    /* Firefox 19+ */\n    &::-moz-placeholder {\n      color: ", ";\n      opacity: 1;\n    }\n\n    ", "\n\n    &:focus,\n    &[data-qa=", "] {\n      ", "\n    }\n\n    &:disabled {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n      // Safari: fixes lighter color of disabled input text\n      -webkit-text-fill-color: ", ";\n      opacity: 1;\n    }\n\n    ", "\n  "], ["\n    ", "\n\n    background-color: ", ";\n    border-color: ", ";\n    border-radius: ", "px;\n    border-style: solid;\n    border-width: 1px;\n    color: ", ";\n    display: block;\n    font-family: inherit;\n    height: ", "px;\n    width: 100%;\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    /* Firefox 19+ */\n    &::-moz-placeholder {\n      color: ", ";\n      opacity: 1;\n    }\n\n    ", "\n\n    &:focus,\n    &[data-qa=", "] {\n      ", "\n    }\n\n    &:disabled {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n      // Safari: fixes lighter color of disabled input text\n      -webkit-text-fill-color: ", ";\n      opacity: 1;\n    }\n\n    ", "\n  "])), getTypographyIntent('body'), colors.white, colors.gray70, borderRadius.md, colors.gray15, inputHeight, colors.gray45, colors.gray45, !error && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      &:hover,\n      &[data-qa=", "] {\n        border-color: ", ";\n      }\n    "], ["\n      &:hover,\n      &[data-qa=", "] {\n        border-color: ", ";\n      }\n    "])), dataQa.hovered, colors.gray45), dataQa.focused, getFocus(), colors.gray94, colors.gray70, colors.gray45, colors.gray45, (error || variant === 'error') && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      border-color: ", ";\n      background-color: ", ";\n\n      // TODO we can clean up these css vars when we convert Form to JSS\n      border-color: var(--core-input-error-border-color, ", ");\n      background-color: var(\n        --core-input-error-background-color,\n        ", "\n      );\n    "], ["\n      border-color: ", ";\n      background-color: ", ";\n\n      // TODO we can clean up these css vars when we convert Form to JSS\n      border-color: var(--core-input-error-border-color, ", ");\n      background-color: var(\n        --core-input-error-background-color,\n        ", "\n      );\n    "])), colors.red50, colors.white, colors.red50, colors.white));
+export function getInputStyles(_ref) {
+  var error = _ref.error,
+    variant = _ref.variant;
+  return css(["", " background-color:", ";border-color:", ";border-radius:", "px;border-style:solid;border-width:1px;color:", ";display:block;font-family:inherit;height:", "px;width:100%;&::placeholder{color:", ";}&::-moz-placeholder{color:", ";opacity:1;}", " &:focus,&[data-qa=", "]{", "}&:disabled{background-color:", ";border-color:", ";color:", ";-webkit-text-fill-color:", ";opacity:1;}", ""], getTypographyIntent('body'), colors.white, colors.gray70, borderRadius.md, colors.gray15, inputHeight, colors.gray45, colors.gray45, !error && css(["&:hover,&[data-qa=", "]{border-color:", ";}"], dataQa.hovered, colors.gray45), dataQa.focused, getFocus(), colors.gray94, colors.gray70, colors.gray45, colors.gray45, (error || variant === 'error') && css(["border-color:", ";background-color:", ";border-color:var(--core-input-error-border-color,", ");background-color:var( --core-input-error-background-color,", " );"], colors.red50, colors.white, colors.red50, colors.white));
 }
-export var StyledInput = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n\n  padding: 0 ", "px;\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &[type='number'] {\n    -moz-appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n"], ["\n  ", "\n\n  padding: 0 ", "px;\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &[type='number'] {\n    -moz-appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n"])), getInputStyles, spacing.md);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+export var StyledInput = /*#__PURE__*/styled.input.withConfig({
+  displayName: "StyledInput",
+  componentId: "core-11_23_0__sc-12sjkxg-0"
+})(["", " padding:0 ", "px;&::-ms-clear{display:none;}&[type='number']{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}}"], getInputStyles, spacing.md);
 //# sourceMappingURL=Input.styles.js.map