@activecollab/components 1.0.415 → 2.0.0

package/dist/cjs/components/Select/Select.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,101 +12,65 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
 var _Styles = require("./Styles");
 var _OptionContent = require("./OptionContent/OptionContent");
-var _excluded = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue"];
+const _excluded = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _extends() { _extends = Object.assign || 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 _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 _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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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; }
-var Select = function Select(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? "single" : _ref$type,
-    mode = _ref.mode,
-    target = _ref.target,
-    options = _ref.options,
-    _ref$selected = _ref.selected,
-    selected = _ref$selected === void 0 ? [] : _ref$selected,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? "bottom-start" : _ref$position,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? function () {
-      return null;
-    } : _ref$onChange,
-    actionIcon = _ref.actionIcon,
-    actionLabel = _ref.actionLabel,
-    placeholder = _ref.placeholder,
-    _ref$emptyAction = _ref.emptyAction,
-    emptyAction = _ref$emptyAction === void 0 ? function () {
-      return null;
-    } : _ref$emptyAction,
-    _ref$disableSearch = _ref.disableSearch,
-    disableSearch = _ref$disableSearch === void 0 ? false : _ref$disableSearch,
-    forceCloseMenu = _ref.forceCloseMenu,
-    selectClassName = _ref.selectClassName,
-    _ref$keepSameOptionsO = _ref.keepSameOptionsOrder,
-    keepSameOptionsOrder = _ref$keepSameOptionsO === void 0 ? false : _ref$keepSameOptionsO,
-    onSelectOpen = _ref.onSelectOpen,
-    onSelectClose = _ref.onSelectClose,
-    renderOption = _ref.renderOption,
-    handleDefaultOptionChange = _ref.handleDefaultOptionChange,
-    _ref$preselectDefault = _ref.preselectDefaultValue,
-    preselectDefaultValue = _ref$preselectDefault === void 0 ? type === "single" : _ref$preselectDefault,
+const Select = _ref => {
+  let {
+      type = "single",
+      mode,
+      target,
+      options,
+      selected = [],
+      position = "bottom-start",
+      onChange = () => null,
+      actionIcon,
+      actionLabel,
+      placeholder,
+      emptyAction = () => null,
+      disableSearch = false,
+      forceCloseMenu,
+      selectClassName,
+      keepSameOptionsOrder = false,
+      onSelectOpen,
+      onSelectClose,
+      renderOption,
+      handleDefaultOptionChange,
+      preselectDefaultValue = type === "single"
+    } = _ref,
     prop = _objectWithoutProperties(_ref, _excluded);
-  var childNode = (0, _react.useRef)();
-  var elementRef = (0, _react.useRef)(null);
-  var handleRef = (0, _useForkRef.default)(childNode, elementRef);
-  var Tag = !target ? "div" : _Menu.Menu;
-  var formRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var selectedOptions = (0, _react.useMemo)(function () {
-    return selected instanceof Array ? selected : [selected];
-  }, [selected]);
-  var selectOptions = (0, _react.useMemo)(function () {
+  const childNode = (0, _react.useRef)();
+  const elementRef = (0, _react.useRef)(null);
+  const handleRef = (0, _useForkRef.default)(childNode, elementRef);
+  const Tag = !target ? "div" : _Menu.Menu;
+  const formRef = (0, _react.useRef)(null);
+  const [open, setOpen] = (0, _react.useState)(false);
+  const selectedOptions = (0, _react.useMemo)(() => selected instanceof Array ? selected : [selected], [selected]);
+  const selectOptions = (0, _react.useMemo)(() => {
     if (!options) {
       return [];
     }
     return options;
   }, [options]);
-  var allOptionValues = (0, _react.useMemo)(function () {
-    return selectOptions.reduce(function (acc, option) {
+  const allOptionValues = (0, _react.useMemo)(() => {
+    return selectOptions.reduce((acc, option) => {
       if (!(0, _Autocomplete.isOptionGroup)(option)) {
-        return [].concat(_toConsumableArray(acc), [option.id]);
+        return [...acc, option.id];
       }
-      var allGroupOptions = option.options.map(function (option) {
-        return option.id;
-      });
-      return [].concat(_toConsumableArray(acc), _toConsumableArray(allGroupOptions));
+      const allGroupOptions = option.options.map(option => option.id);
+      return [...acc, ...allGroupOptions];
     }, []);
   }, [selectOptions]);
-  var isAllOptionsChecked = (0, _react.useMemo)(function () {
-    return allOptionValues.every(function (option) {
-      return selectedOptions.includes(option);
-    });
-  }, [allOptionValues, selectedOptions]);
-  var someOptionsChecked = (0, _react.useMemo)(function () {
-    return allOptionValues.some(function (option) {
-      return selectedOptions.includes(option);
-    });
-  }, [allOptionValues, selectedOptions]);
-  (0, _react.useEffect)(function () {
-    var _childNode$current;
-    open && (childNode === null || childNode === void 0 ? void 0 : (_childNode$current = childNode.current) === null || _childNode$current === void 0 ? void 0 : _childNode$current.focus());
+  const isAllOptionsChecked = (0, _react.useMemo)(() => allOptionValues.every(option => selectedOptions.includes(option)), [allOptionValues, selectedOptions]);
+  const someOptionsChecked = (0, _react.useMemo)(() => allOptionValues.some(option => selectedOptions.includes(option)), [allOptionValues, selectedOptions]);
+  (0, _react.useEffect)(() => {
+    open && childNode?.current?.focus();
   }, [childNode, open]);
-  var handleChange = (0, _react.useCallback)(function (selectedValue) {
+  const handleChange = (0, _react.useCallback)(selectedValue => {
     if (forceCloseMenu) {
       if (typeof onSelectClose === "function") onSelectClose();
       setOpen(false);
@@ -116,47 +79,43 @@ var Select = function Select(_ref) {
       onChange(selectedValue);
     }
   }, [forceCloseMenu, selected, onSelectClose, onChange]);
-  var onClose = (0, _react.useCallback)(function () {
+  const onClose = (0, _react.useCallback)(() => {
     setOpen(false);
     if (onSelectClose) {
       onSelectClose();
     }
   }, [onSelectClose]);
-  var onOpen = (0, _react.useCallback)(function () {
+  const onOpen = (0, _react.useCallback)(() => {
     setOpen(true);
     if (onSelectOpen) {
       onSelectOpen();
     }
   }, [onSelectOpen]);
-  var props = (0, _react.useMemo)(function () {
+  const props = (0, _react.useMemo)(() => {
     if (target) {
       return {
         menuClassName: (0, _classnames.default)("c-select", selectClassName),
-        onClose: onClose,
-        onOpen: onOpen,
-        target: target,
-        mode: mode,
-        open: open,
-        position: position,
-        onPopperOpen: function onPopperOpen() {
-          var _elementRef$current;
-          return elementRef === null || elementRef === void 0 ? void 0 : (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.focus();
-        }
+        onClose,
+        onOpen,
+        target,
+        mode,
+        open,
+        position,
+        onPopperOpen: () => elementRef?.current?.focus()
       };
     }
     return {
       className: (0, _classnames.default)("c-select", selectClassName)
     };
   }, [target, selectClassName, onClose, onOpen, mode, open, position]);
-  var handleEmptyAction = (0, _react.useCallback)(function (value) {
-    var _formRef$current;
+  const handleEmptyAction = (0, _react.useCallback)(value => {
     emptyAction(value);
     if (forceCloseMenu) {
       setOpen(false);
     }
-    (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.reset();
+    formRef.current?.reset();
   }, [emptyAction, forceCloseMenu]);
-  var handleDefaultOptionChangeCallback = (0, _react.useCallback)(function () {
+  const handleDefaultOptionChangeCallback = (0, _react.useCallback)(() => {
     if (type === "multiple") {
       if (selectedOptions.length === allOptionValues.length) {
         if (typeof handleDefaultOptionChange === "function") {
@@ -182,7 +141,7 @@ var Select = function Select(_ref) {
       setOpen(false);
     }
   }, [onChange, type, forceCloseMenu, selectedOptions.length, allOptionValues, handleDefaultOptionChange]);
-  var handleRenderOption = (0, _react.useCallback)(function (option, props) {
+  const handleRenderOption = (0, _react.useCallback)((option, props) => {
     if (typeof renderOption === "function") {
       return renderOption(option, props);
     }

package/dist/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["Select","type","mode","target","options","selected","position","onChange","actionIcon","actionLabel","placeholder","emptyAction","disableSearch","forceCloseMenu","selectClassName","keepSameOptionsOrder","onSelectOpen","onSelectClose","renderOption","handleDefaultOptionChange","preselectDefaultValue","prop","childNode","useRef","elementRef","handleRef","useForkRef","Tag","Menu","formRef","useState","open","setOpen","selectedOptions","useMemo","Array","selectOptions","allOptionValues","reduce","acc","option","isOptionGroup","id","allGroupOptions","map","isAllOptionsChecked","every","includes","someOptionsChecked","some","useEffect","current","focus","handleChange","useCallback","selectedValue","onClose","onOpen","props","menuClassName","classNames","onPopperOpen","className","handleEmptyAction","value","reset","handleDefaultOptionChangeCallback","length","handleRenderOption","image","color","textColor","name","additionalInfo","zIndex","displayName"],"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  ReactElement,\n  useMemo,\n  useEffect,\n  useRef,\n  Ref,\n} from \"react\";\nimport { Autocomplete, isOptionGroup } from \"../Autocomplete\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Menu } from \"../Menu/Menu\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { IOptionGroupProps } from \"../Select/OptionGroup\";\nimport classNames from \"classnames\";\nimport { Placement } from \"@popperjs/core\";\nimport { IAutocompleteProps } from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport {\n  StyledSelectForm,\n  StyledSelectInput,\n  StyledCheckbox,\n  StyledRadioButton,\n} from \"./Styles\";\nimport { OptionContent } from \"./OptionContent/OptionContent\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ISelectProps\n  extends Omit<\n    IAutocompleteProps,\n    \"handleChange\" | \"inputEl\" | \"handleEmptyAction\" | \"clearInputOnSelect\"\n  > {\n  /** Menu width mode */\n  mode?: \"normal\" | \"wider\" | \"tiny\";\n  /** Set select target element */\n  target?: ElementWithRef<Element>;\n  /** Set Select position */\n  position?: Placement;\n  /** onChange callback */\n  onChange?: (e: (string | number)[] | string | number) => void;\n  /** Set action icon in select */\n  actionIcon?: ReactElement;\n  /** Set label for action icon */\n  actionLabel?: string;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** Function that triggers when empty is clicked */\n  emptyAction?: (e: string | undefined) => void;\n  /** Removes input from Select */\n  disableSearch?: boolean;\n  /** Close menu on select */\n  forceCloseMenu?: boolean;\n  /** Set select classNames */\n  selectClassName?: string;\n  /** Callback called when the Select menu is opened */\n  onSelectOpen?: () => void;\n  /** Callback called when the Select menu is closed */\n  onSelectClose?: () => void;\n}\n\nexport const Select: FC<ISelectProps> = ({\n  type = \"single\",\n  mode,\n  target,\n  options,\n  selected = [],\n  position = \"bottom-start\",\n  onChange = () => null,\n  actionIcon,\n  actionLabel,\n  placeholder,\n  emptyAction = (): null => null,\n  disableSearch = false,\n  forceCloseMenu,\n  selectClassName,\n  keepSameOptionsOrder = false,\n  onSelectOpen,\n  onSelectClose,\n  renderOption,\n  handleDefaultOptionChange,\n  preselectDefaultValue = type === \"single\",\n  ...prop\n}) => {\n  const childNode = useRef<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n\n  const handleRef = useForkRef(childNode, elementRef);\n\n  const Tag = !target ? \"div\" : Menu;\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  const [open, setOpen] = useState(false);\n\n  const selectedOptions = useMemo(\n    () => (selected instanceof Array ? selected : [selected]),\n    [selected]\n  );\n\n  const selectOptions = useMemo(() => {\n    if (!options) {\n      return [];\n    }\n    return options;\n  }, [options]);\n\n  const allOptionValues = useMemo(() => {\n    return selectOptions.reduce(\n      (\n        acc: (string | number)[],\n        option: IOptionGroupProps | IOptionItemProps\n      ) => {\n        if (!isOptionGroup(option)) {\n          return [...acc, option.id];\n        }\n        const allGroupOptions = option.options.map((option) => option.id);\n        return [...acc, ...allGroupOptions];\n      },\n      []\n    );\n  }, [selectOptions]);\n\n  const isAllOptionsChecked = useMemo(\n    () => allOptionValues.every((option) => selectedOptions.includes(option)),\n    [allOptionValues, selectedOptions]\n  );\n\n  const someOptionsChecked = useMemo(\n    () => allOptionValues.some((option) => selectedOptions.includes(option)),\n    [allOptionValues, selectedOptions]\n  );\n\n  useEffect(() => {\n    open && childNode?.current?.focus();\n  }, [childNode, open]);\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (forceCloseMenu) {\n        if (typeof onSelectClose === \"function\") onSelectClose();\n        setOpen(false);\n      }\n      if (selectedValue !== selected) {\n        onChange(selectedValue);\n      }\n    },\n    [forceCloseMenu, selected, onSelectClose, onChange]\n  );\n\n  const onClose = useCallback(() => {\n    setOpen(false);\n    if (onSelectClose) {\n      onSelectClose();\n    }\n  }, [onSelectClose]);\n\n  const onOpen = useCallback(() => {\n    setOpen(true);\n    if (onSelectOpen) {\n      onSelectOpen();\n    }\n  }, [onSelectOpen]);\n\n  const props = useMemo(() => {\n    if (target) {\n      return {\n        menuClassName: classNames(\"c-select\", selectClassName),\n        onClose,\n        onOpen,\n        target,\n        mode,\n        open,\n        position,\n        onPopperOpen: () => elementRef?.current?.focus(),\n      };\n    }\n    return { className: classNames(\"c-select\", selectClassName) };\n  }, [target, selectClassName, onClose, onOpen, mode, open, position]);\n\n  const handleEmptyAction = useCallback(\n    (value) => {\n      emptyAction(value);\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n      formRef.current?.reset();\n    },\n    [emptyAction, forceCloseMenu]\n  );\n\n  const handleDefaultOptionChangeCallback = useCallback(() => {\n    if (type === \"multiple\") {\n      if (selectedOptions.length === allOptionValues.length) {\n        if (typeof handleDefaultOptionChange === \"function\") {\n          handleDefaultOptionChange();\n        } else {\n          onChange([]);\n        }\n      } else {\n        if (typeof handleDefaultOptionChange === \"function\") {\n          handleDefaultOptionChange();\n        } else {\n          onChange(allOptionValues);\n        }\n      }\n    } else {\n      if (typeof handleDefaultOptionChange === \"function\") {\n        handleDefaultOptionChange();\n      } else {\n        onChange(\"\");\n      }\n    }\n    if (forceCloseMenu) {\n      setOpen(false);\n    }\n  }, [\n    onChange,\n    type,\n    forceCloseMenu,\n    selectedOptions.length,\n    allOptionValues,\n    handleDefaultOptionChange,\n  ]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      if (typeof renderOption === \"function\") {\n        return renderOption(option, props);\n      }\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n            additionalInfo={option.additionalInfo}\n          />\n          {option.id === null ? (\n            type === \"multiple\" ? (\n              <StyledCheckbox\n                checked={isAllOptionsChecked}\n                isIndeterminate={someOptionsChecked && !isAllOptionsChecked}\n                {...props}\n              />\n            ) : (\n              <StyledRadioButton\n                checked={selectedOptions.length < 1 || !selectedOptions[0]}\n                {...props}\n              />\n            )\n          ) : type === \"multiple\" ? (\n            <StyledCheckbox {...props} />\n          ) : (\n            <StyledRadioButton {...props} />\n          )}\n        </>\n      );\n    },\n    [\n      isAllOptionsChecked,\n      renderOption,\n      selectedOptions,\n      type,\n      someOptionsChecked,\n    ]\n  );\n\n  return (\n    <Tag {...props}>\n      <div>\n        {!disableSearch ? (\n          <StyledSelectForm ref={formRef}>\n            <StyledSelectInput ref={handleRef} placeholder={placeholder} />\n            {actionIcon && actionLabel && (\n              <Tooltip\n                popperTooltipStyle={{ zIndex: 1301 }}\n                title={actionLabel}\n              >\n                <div>{actionIcon}</div>\n              </Tooltip>\n            )}\n            {actionIcon && !actionLabel && actionIcon}\n          </StyledSelectForm>\n        ) : null}\n        <Autocomplete\n          {...prop}\n          clearInputOnSelect\n          inputEl={childNode}\n          handleEmptyAction={handleEmptyAction}\n          selected={selected}\n          handleChange={handleChange}\n          renderOption={handleRenderOption}\n          options={options}\n          handleDefaultOptionChange={handleDefaultOptionChangeCallback}\n          type={type}\n          preselectDefaultValue={preselectDefaultValue}\n          keepSameOptionsOrder={keepSameOptionsOrder}\n        />\n      </div>\n    </Tag>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}
+{"version":3,"file":"Select.js","names":["_react","_interopRequireWildcard","require","_Autocomplete","_Tooltip","_Menu","_classnames","_interopRequireDefault","_useForkRef","_Styles","_OptionContent","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Select","_ref","type","mode","options","selected","position","onChange","actionIcon","actionLabel","placeholder","emptyAction","disableSearch","forceCloseMenu","selectClassName","keepSameOptionsOrder","onSelectOpen","onSelectClose","renderOption","handleDefaultOptionChange","preselectDefaultValue","prop","childNode","useRef","elementRef","handleRef","useForkRef","Tag","Menu","formRef","open","setOpen","useState","selectedOptions","useMemo","Array","selectOptions","allOptionValues","reduce","acc","option","isOptionGroup","id","allGroupOptions","map","isAllOptionsChecked","every","includes","someOptionsChecked","some","useEffect","current","focus","handleChange","useCallback","selectedValue","onClose","onOpen","props","menuClassName","classNames","onPopperOpen","className","handleEmptyAction","value","reset","handleDefaultOptionChangeCallback","handleRenderOption","createElement","Fragment","OptionContent","imageUrl","image","color","textColor","name","additionalInfo","StyledCheckbox","checked","isIndeterminate","StyledRadioButton","StyledSelectForm","ref","StyledSelectInput","Tooltip","popperTooltipStyle","zIndex","title","Autocomplete","clearInputOnSelect","inputEl","exports","displayName"],"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  ReactElement,\n  useMemo,\n  useEffect,\n  useRef,\n  Ref,\n} from \"react\";\nimport { Autocomplete, isOptionGroup } from \"../Autocomplete\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Menu } from \"../Menu/Menu\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { IOptionGroupProps } from \"../Select/OptionGroup\";\nimport classNames from \"classnames\";\nimport { Placement } from \"@popperjs/core\";\nimport { IAutocompleteProps } from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport {\n  StyledSelectForm,\n  StyledSelectInput,\n  StyledCheckbox,\n  StyledRadioButton,\n} from \"./Styles\";\nimport { OptionContent } from \"./OptionContent/OptionContent\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ISelectProps\n  extends Omit<\n    IAutocompleteProps,\n    \"handleChange\" | \"inputEl\" | \"handleEmptyAction\" | \"clearInputOnSelect\"\n  > {\n  /** Menu width mode */\n  mode?: \"normal\" | \"wider\" | \"tiny\";\n  /** Set select target element */\n  target?: ElementWithRef<Element>;\n  /** Set Select position */\n  position?: Placement;\n  /** onChange callback */\n  onChange?: (e: (string | number)[] | string | number) => void;\n  /** Set action icon in select */\n  actionIcon?: ReactElement;\n  /** Set label for action icon */\n  actionLabel?: string;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** Function that triggers when empty is clicked */\n  emptyAction?: (e: string | undefined) => void;\n  /** Removes input from Select */\n  disableSearch?: boolean;\n  /** Close menu on select */\n  forceCloseMenu?: boolean;\n  /** Set select classNames */\n  selectClassName?: string;\n  /** Callback called when the Select menu is opened */\n  onSelectOpen?: () => void;\n  /** Callback called when the Select menu is closed */\n  onSelectClose?: () => void;\n}\n\nexport const Select: FC<ISelectProps> = ({\n  type = \"single\",\n  mode,\n  target,\n  options,\n  selected = [],\n  position = \"bottom-start\",\n  onChange = () => null,\n  actionIcon,\n  actionLabel,\n  placeholder,\n  emptyAction = (): null => null,\n  disableSearch = false,\n  forceCloseMenu,\n  selectClassName,\n  keepSameOptionsOrder = false,\n  onSelectOpen,\n  onSelectClose,\n  renderOption,\n  handleDefaultOptionChange,\n  preselectDefaultValue = type === \"single\",\n  ...prop\n}) => {\n  const childNode = useRef<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n\n  const handleRef = useForkRef(childNode, elementRef);\n\n  const Tag = !target ? \"div\" : Menu;\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  const [open, setOpen] = useState(false);\n\n  const selectedOptions = useMemo(\n    () => (selected instanceof Array ? selected : [selected]),\n    [selected]\n  );\n\n  const selectOptions = useMemo(() => {\n    if (!options) {\n      return [];\n    }\n    return options;\n  }, [options]);\n\n  const allOptionValues = useMemo(() => {\n    return selectOptions.reduce(\n      (\n        acc: (string | number)[],\n        option: IOptionGroupProps | IOptionItemProps\n      ) => {\n        if (!isOptionGroup(option)) {\n          return [...acc, option.id];\n        }\n        const allGroupOptions = option.options.map((option) => option.id);\n        return [...acc, ...allGroupOptions];\n      },\n      []\n    );\n  }, [selectOptions]);\n\n  const isAllOptionsChecked = useMemo(\n    () => allOptionValues.every((option) => selectedOptions.includes(option)),\n    [allOptionValues, selectedOptions]\n  );\n\n  const someOptionsChecked = useMemo(\n    () => allOptionValues.some((option) => selectedOptions.includes(option)),\n    [allOptionValues, selectedOptions]\n  );\n\n  useEffect(() => {\n    open && childNode?.current?.focus();\n  }, [childNode, open]);\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (forceCloseMenu) {\n        if (typeof onSelectClose === \"function\") onSelectClose();\n        setOpen(false);\n      }\n      if (selectedValue !== selected) {\n        onChange(selectedValue);\n      }\n    },\n    [forceCloseMenu, selected, onSelectClose, onChange]\n  );\n\n  const onClose = useCallback(() => {\n    setOpen(false);\n    if (onSelectClose) {\n      onSelectClose();\n    }\n  }, [onSelectClose]);\n\n  const onOpen = useCallback(() => {\n    setOpen(true);\n    if (onSelectOpen) {\n      onSelectOpen();\n    }\n  }, [onSelectOpen]);\n\n  const props = useMemo(() => {\n    if (target) {\n      return {\n        menuClassName: classNames(\"c-select\", selectClassName),\n        onClose,\n        onOpen,\n        target,\n        mode,\n        open,\n        position,\n        onPopperOpen: () => elementRef?.current?.focus(),\n      };\n    }\n    return { className: classNames(\"c-select\", selectClassName) };\n  }, [target, selectClassName, onClose, onOpen, mode, open, position]);\n\n  const handleEmptyAction = useCallback(\n    (value) => {\n      emptyAction(value);\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n      formRef.current?.reset();\n    },\n    [emptyAction, forceCloseMenu]\n  );\n\n  const handleDefaultOptionChangeCallback = useCallback(() => {\n    if (type === \"multiple\") {\n      if (selectedOptions.length === allOptionValues.length) {\n        if (typeof handleDefaultOptionChange === \"function\") {\n          handleDefaultOptionChange();\n        } else {\n          onChange([]);\n        }\n      } else {\n        if (typeof handleDefaultOptionChange === \"function\") {\n          handleDefaultOptionChange();\n        } else {\n          onChange(allOptionValues);\n        }\n      }\n    } else {\n      if (typeof handleDefaultOptionChange === \"function\") {\n        handleDefaultOptionChange();\n      } else {\n        onChange(\"\");\n      }\n    }\n    if (forceCloseMenu) {\n      setOpen(false);\n    }\n  }, [\n    onChange,\n    type,\n    forceCloseMenu,\n    selectedOptions.length,\n    allOptionValues,\n    handleDefaultOptionChange,\n  ]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      if (typeof renderOption === \"function\") {\n        return renderOption(option, props);\n      }\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n            additionalInfo={option.additionalInfo}\n          />\n          {option.id === null ? (\n            type === \"multiple\" ? (\n              <StyledCheckbox\n                checked={isAllOptionsChecked}\n                isIndeterminate={someOptionsChecked && !isAllOptionsChecked}\n                {...props}\n              />\n            ) : (\n              <StyledRadioButton\n                checked={selectedOptions.length < 1 || !selectedOptions[0]}\n                {...props}\n              />\n            )\n          ) : type === \"multiple\" ? (\n            <StyledCheckbox {...props} />\n          ) : (\n            <StyledRadioButton {...props} />\n          )}\n        </>\n      );\n    },\n    [\n      isAllOptionsChecked,\n      renderOption,\n      selectedOptions,\n      type,\n      someOptionsChecked,\n    ]\n  );\n\n  return (\n    <Tag {...props}>\n      <div>\n        {!disableSearch ? (\n          <StyledSelectForm ref={formRef}>\n            <StyledSelectInput ref={handleRef} placeholder={placeholder} />\n            {actionIcon && actionLabel && (\n              <Tooltip\n                popperTooltipStyle={{ zIndex: 1301 }}\n                title={actionLabel}\n              >\n                <div>{actionIcon}</div>\n              </Tooltip>\n            )}\n            {actionIcon && !actionLabel && actionIcon}\n          </StyledSelectForm>\n        ) : null}\n        <Autocomplete\n          {...prop}\n          clearInputOnSelect\n          inputEl={childNode}\n          handleEmptyAction={handleEmptyAction}\n          selected={selected}\n          handleChange={handleChange}\n          renderOption={handleRenderOption}\n          options={options}\n          handleDefaultOptionChange={handleDefaultOptionChangeCallback}\n          type={type}\n          preselectDefaultValue={preselectDefaultValue}\n          keepSameOptionsOrder={keepSameOptionsOrder}\n        />\n      </div>\n    </Tag>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}

package/dist/cjs/components/Select/Styles.js

@@ -9,28 +9,24 @@ var _Input = require("../Input/Input");
 var _Checkbox = require("../Checkbox");
 var _RadioButton = require("../RadioButton");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var StyledSelectInput = (0, _styledComponents.default)(_Input.Input).withConfig({
+const StyledSelectInput = exports.StyledSelectInput = (0, _styledComponents.default)(_Input.Input).withConfig({
   displayName: "Styles__StyledSelectInput",
   componentId: "sc-gfxqpu-0"
 })([""]);
-exports.StyledSelectInput = StyledSelectInput;
 StyledSelectInput.displayName = "StyledSelectInput";
-var StyledSelectForm = _styledComponents.default.form.withConfig({
+const StyledSelectForm = exports.StyledSelectForm = _styledComponents.default.form.withConfig({
   displayName: "Styles__StyledSelectForm",
   componentId: "sc-gfxqpu-1"
 })(["margin:12px 12px 0 12px;display:flex;", "{width:100%;border-radius:4px;}*{margin:auto 0;}"], StyledSelectInput);
-exports.StyledSelectForm = StyledSelectForm;
 StyledSelectForm.displayName = "StyledSelectForm";
-var StyledCheckbox = (0, _styledComponents.default)(_Checkbox.Checkbox).withConfig({
+const StyledCheckbox = exports.StyledCheckbox = (0, _styledComponents.default)(_Checkbox.Checkbox).withConfig({
   displayName: "Styles__StyledCheckbox",
   componentId: "sc-gfxqpu-2"
 })(["margin-left:12px;"]);
-exports.StyledCheckbox = StyledCheckbox;
 StyledCheckbox.displayName = "StyledCheckbox";
-var StyledRadioButton = (0, _styledComponents.default)(_RadioButton.RadioButton).withConfig({
+const StyledRadioButton = exports.StyledRadioButton = (0, _styledComponents.default)(_RadioButton.RadioButton).withConfig({
   displayName: "Styles__StyledRadioButton",
   componentId: "sc-gfxqpu-3"
 })(["margin-left:12px;"]);
-exports.StyledRadioButton = StyledRadioButton;
 StyledRadioButton.displayName = "StyledRadioButton";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Select/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledSelectInput","styled","Input","displayName","StyledSelectForm","form","StyledCheckbox","Checkbox","StyledRadioButton","RadioButton"],"sources":["../../../../src/components/Select/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Input } from \"../Input/Input\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport const StyledSelectInput = styled(Input)``;\n\nStyledSelectInput.displayName = \"StyledSelectInput\";\n\nexport const StyledSelectForm = styled.form`\n  margin: 12px 12px 0 12px;\n  display: flex;\n\n  ${StyledSelectInput} {\n    width: 100%;\n    border-radius: 4px;\n  }\n\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledSelectForm.displayName = \"StyledSelectForm\";\n\nexport const StyledCheckbox = styled(Checkbox)`\n  margin-left: 12px;\n`;\n\nStyledCheckbox.displayName = \"StyledCheckbox\";\n\nexport const StyledRadioButton = styled(RadioButton)`\n  margin-left: 12px;\n`;\n\nStyledRadioButton.displayName = \"StyledRadioButton\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAA6C;AAEtC,IAAMA,iBAAiB,GAAG,IAAAC,yBAAM,EAACC,YAAK,CAAC;EAAA;EAAA;AAAA,QAAE;AAAC;AAEjDF,iBAAiB,CAACG,WAAW,GAAG,mBAAmB;AAE5C,IAAMC,gBAAgB,GAAGH,yBAAM,CAACI,IAAI;EAAA;EAAA;AAAA,kGAIvCL,iBAAiB,CAQpB;AAAC;AAEFI,gBAAgB,CAACD,WAAW,GAAG,kBAAkB;AAE1C,IAAMG,cAAc,GAAG,IAAAL,yBAAM,EAACM,kBAAQ,CAAC;EAAA;EAAA;AAAA,yBAE7C;AAAC;AAEFD,cAAc,CAACH,WAAW,GAAG,gBAAgB;AAEtC,IAAMK,iBAAiB,GAAG,IAAAP,yBAAM,EAACQ,wBAAW,CAAC;EAAA;EAAA;AAAA,yBAEnD;AAAC;AAEFD,iBAAiB,CAACL,WAAW,GAAG,mBAAmB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_Input","_Checkbox","_RadioButton","obj","__esModule","default","StyledSelectInput","exports","styled","Input","withConfig","displayName","componentId","StyledSelectForm","form","StyledCheckbox","Checkbox","StyledRadioButton","RadioButton"],"sources":["../../../../src/components/Select/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Input } from \"../Input/Input\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport const StyledSelectInput = styled(Input)``;\n\nStyledSelectInput.displayName = \"StyledSelectInput\";\n\nexport const StyledSelectForm = styled.form`\n  margin: 12px 12px 0 12px;\n  display: flex;\n\n  ${StyledSelectInput} {\n    width: 100%;\n    border-radius: 4px;\n  }\n\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledSelectForm.displayName = \"StyledSelectForm\";\n\nexport const StyledCheckbox = styled(Checkbox)`\n  margin-left: 12px;\n`;\n\nStyledCheckbox.displayName = \"StyledCheckbox\";\n\nexport const StyledRadioButton = styled(RadioButton)`\n  margin-left: 12px;\n`;\n\nStyledRadioButton.displayName = \"StyledRadioButton\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAA6C,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEtC,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,yBAAM,EAACC,YAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAEhDN,iBAAiB,CAACK,WAAW,GAAG,mBAAmB;AAE5C,MAAME,gBAAgB,GAAAN,OAAA,CAAAM,gBAAA,GAAGL,yBAAM,CAACM,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kGAIvCN,iBAAiB,CAQpB;AAEDO,gBAAgB,CAACF,WAAW,GAAG,kBAAkB;AAE1C,MAAMI,cAAc,GAAAR,OAAA,CAAAQ,cAAA,GAAG,IAAAP,yBAAM,EAACQ,kBAAQ,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAE7C;AAEDG,cAAc,CAACJ,WAAW,GAAG,gBAAgB;AAEtC,MAAMM,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,IAAAT,yBAAM,EAACU,wBAAW,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEnD;AAEDK,iBAAiB,CAACN,WAAW,GAAG,mBAAmB"}

package/dist/cjs/components/Select/index.js

@@ -9,7 +9,7 @@ Object.keys(_Select).forEach(function (key) {
   if (key in exports && exports[key] === _Select[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Select[key];
     }
   });
@@ -20,7 +20,7 @@ Object.keys(_Option).forEach(function (key) {
   if (key in exports && exports[key] === _Option[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Option[key];
     }
   });
@@ -31,7 +31,7 @@ Object.keys(_OptionGroup).forEach(function (key) {
   if (key in exports && exports[key] === _OptionGroup[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _OptionGroup[key];
     }
   });

package/dist/cjs/components/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Select/index.ts"],"sourcesContent":["export * from \"./Select\";\nexport * from \"./Option\";\nexport * from \"./OptionGroup\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_Select","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Option","_OptionGroup"],"sources":["../../../../src/components/Select/index.ts"],"sourcesContent":["export * from \"./Select\";\nexport * from \"./Option\";\nexport * from \"./OptionGroup\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,YAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,YAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,YAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,YAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/components/SelectDate/DatePickerForm.js

@@ -1,47 +1,40 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DatePickerForm = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _moment = _interopRequireDefault(require("react-day-picker/moment"));
 var _DatePicker = require("../DatePicker/DatePicker");
 var _IconButton = require("../IconButton");
 var _CancelCross = _interopRequireDefault(require("../Icons/collection/CancelCross"));
 var _Tooltip = require("../Tooltip/Tooltip");
 var _Styles = require("./Styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
-var DatePickerForm = function DatePickerForm(_ref) {
-  var mode = _ref.mode,
-    _ref$saveButtonText = _ref.saveButtonText,
-    saveButtonText = _ref$saveButtonText === void 0 ? "Save" : _ref$saveButtonText,
-    _ref$cancelButtonText = _ref.cancelButtonText,
-    cancelButtonText = _ref$cancelButtonText === void 0 ? "Cancel" : _ref$cancelButtonText,
-    _ref$clearButtonText = _ref.clearButtonText,
-    clearButtonText = _ref$clearButtonText === void 0 ? "Clear" : _ref$clearButtonText,
-    onSave = _ref.onSave,
-    onCancel = _ref.onCancel,
-    onClear = _ref.onClear,
-    _ref$dateRequired = _ref.dateRequired,
-    dateRequired = _ref$dateRequired === void 0 ? false : _ref$dateRequired,
-    _ref$firstDayOfWeek = _ref.firstDayOfWeek,
-    firstDayOfWeek = _ref$firstDayOfWeek === void 0 ? 0 : _ref$firstDayOfWeek,
-    selectedDays = _ref.selectedDays,
-    _ref$selectionMode = _ref.selectionMode,
-    selectionMode = _ref$selectionMode === void 0 ? "custom" : _ref$selectionMode,
-    onChange = _ref.onChange,
-    onDayClick = _ref.onDayClick,
-    onMonthChange = _ref.onMonthChange,
-    month = _ref.month,
-    _ref$disabledSaveButt = _ref.disabledSaveButton,
-    disabledSaveButton = _ref$disabledSaveButt === void 0 ? false : _ref$disabledSaveButt,
-    modifiers = _ref.modifiers,
-    renderDay = _ref.renderDay;
-  var handleOnKeyDown = (0, _react.useCallback)(function (e) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const DatePickerForm = _ref => {
+  let {
+    mode,
+    saveButtonText = "Save",
+    cancelButtonText = "Cancel",
+    clearButtonText = "Clear",
+    onSave,
+    onCancel,
+    onClear,
+    dateRequired = false,
+    firstDayOfWeek = 0,
+    selectedDays,
+    selectionMode = "custom",
+    onChange,
+    onDayClick,
+    onMonthChange,
+    month,
+    disabledSaveButton = false,
+    modifiers,
+    renderDay
+  } = _ref;
+  const handleOnKeyDown = (0, _react.useCallback)(e => {
     if (e.key === "Enter" && typeof onSave === "function") {
       onSave();
     } else if ((e.key === "Esc" || e.key === "Escape") && typeof onCancel === "function") {
@@ -62,8 +55,7 @@ var DatePickerForm = function DatePickerForm(_ref) {
     dateRequired: dateRequired,
     firstDayOfWeek: firstDayOfWeek,
     modifiers: modifiers,
-    renderDay: renderDay,
-    localeUtils: _moment.default
+    renderDay: renderDay
   })), mode === "atomic" || !dateRequired ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDateFooter, {
     className: "date-picker-footer",
     $mode: mode

package/dist/cjs/components/SelectDate/DatePickerForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerForm.js","names":["DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","useCallback","e","key","MomentLocaleUtils","zIndex","displayName"],"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"sourcesContent":["import React, { FC, ReactNode, MouseEvent, useCallback } from \"react\";\nimport { RangeModifier, Modifiers, DayModifiers } from \"react-day-picker\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { DatePicker } from \"../DatePicker/DatePicker\";\nimport { IconButton } from \"../IconButton\";\nimport CancelCrossIcon from \"../Icons/collection/CancelCross\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport {\n  StyledButtonClose,\n  StyledButtonCloseColored,\n  StyledButtonSave,\n  StyledSelectDateButtons,\n  StyledSelectDateDatePicker,\n  StyledSelectDateFooter,\n} from \"./Styles\";\n\ninterface IDatePickerForm {\n  mode: \"instant\" | \"atomic\";\n  saveButtonText?: string;\n  cancelButtonText?: string;\n  clearButtonText?: string;\n  onSave?: () => void;\n  onCancel?: (event: MouseEvent<HTMLElement>) => void;\n  onClear?: () => void;\n  onChange?: (dates?: { from: Date; to: Date }) => void;\n  /** Called when day is clicked */\n  onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n  /** Set selected day or days */\n  selectedDays?: RangeModifier;\n  /** Modifiers */\n  modifiers?: Partial<Modifiers>;\n  /** Render day callback */\n  renderDay?: (date: Date, modifiers: DayModifiers) => ReactNode;\n  /** Set selection range */\n  selectionMode?: string;\n  /** Set is date required */\n  dateRequired?: boolean;\n  /** Set first day of week */\n  firstDayOfWeek?: number;\n  /** on month change callback */\n  onMonthChange?: (month: Date) => void;\n  /** Selected month */\n  month: Date;\n  disabledSaveButton?: boolean;\n}\n\nexport const DatePickerForm: FC<IDatePickerForm> = ({\n  mode,\n  saveButtonText = \"Save\",\n  cancelButtonText = \"Cancel\",\n  clearButtonText = \"Clear\",\n  onSave,\n  onCancel,\n  onClear,\n  dateRequired = false,\n  firstDayOfWeek = 0,\n  selectedDays,\n  selectionMode = \"custom\",\n  onChange,\n  onDayClick,\n  onMonthChange,\n  month,\n  disabledSaveButton = false,\n  modifiers,\n  renderDay,\n}) => {\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Enter\" && typeof onSave === \"function\") {\n        onSave();\n      } else if (\n        (e.key === \"Esc\" || e.key === \"Escape\") &&\n        typeof onCancel === \"function\"\n      ) {\n        onCancel(e);\n      }\n    },\n    [onSave, onCancel]\n  );\n\n  return (\n    <div onKeyDown={handleOnKeyDown} tabIndex={-1} className=\"date-picker-form\">\n      <StyledSelectDateDatePicker>\n        <DatePicker\n          month={month}\n          onMonthChange={onMonthChange}\n          onChange={onChange}\n          onDayClick={onDayClick}\n          selectedDays={selectedDays}\n          selectionMode={selectionMode}\n          dateRequired={dateRequired}\n          firstDayOfWeek={firstDayOfWeek}\n          modifiers={modifiers}\n          renderDay={renderDay}\n          localeUtils={MomentLocaleUtils}\n        />\n      </StyledSelectDateDatePicker>\n      {mode === \"atomic\" || !dateRequired ? (\n        <StyledSelectDateFooter className=\"date-picker-footer\" $mode={mode}>\n          {mode === \"atomic\" ? (\n            <StyledSelectDateButtons className=\"date-picker-buttons\">\n              <StyledButtonSave\n                size=\"small\"\n                variant=\"primary\"\n                onClick={onSave}\n                disabled={disabledSaveButton}\n              >\n                {saveButtonText}\n              </StyledButtonSave>\n              <Tooltip\n                title={cancelButtonText}\n                popperTooltipStyle={{ zIndex: 1301 }}\n              >\n                <IconButton size=\"small\" variant=\"text gray\" onClick={onCancel}>\n                  <CancelCrossIcon />\n                </IconButton>\n              </Tooltip>\n              {!dateRequired ? (\n                <StyledButtonClose\n                  size=\"small\"\n                  onClick={onClear}\n                  variant=\"text gray\"\n                >\n                  {clearButtonText}\n                </StyledButtonClose>\n              ) : null}\n            </StyledSelectDateButtons>\n          ) : (\n            !dateRequired && (\n              <StyledButtonCloseColored\n                size=\"small\"\n                onClick={onClear}\n                variant=\"text colored\"\n              >\n                {clearButtonText}\n              </StyledButtonCloseColored>\n            )\n          )}\n        </StyledSelectDateFooter>\n      ) : null}\n    </div>\n  );\n};\n\nDatePickerForm.displayName = \"DatePickerForm\";\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAOkB;AAAA;AAAA;AAgCX,IAAMA,cAAmC,GAAG,SAAtCA,cAAmC,OAmB1C;EAAA,IAlBJC,IAAI,QAAJA,IAAI;IAAA,2BACJC,cAAc;IAAdA,cAAc,oCAAG,MAAM;IAAA,6BACvBC,gBAAgB;IAAhBA,gBAAgB,sCAAG,QAAQ;IAAA,4BAC3BC,eAAe;IAAfA,eAAe,qCAAG,OAAO;IACzBC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAAA,yBACPC,YAAY;IAAZA,YAAY,kCAAG,KAAK;IAAA,2BACpBC,cAAc;IAAdA,cAAc,oCAAG,CAAC;IAClBC,YAAY,QAAZA,YAAY;IAAA,0BACZC,aAAa;IAAbA,aAAa,mCAAG,QAAQ;IACxBC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IAAA,6BACLC,kBAAkB;IAAlBA,kBAAkB,sCAAG,KAAK;IAC1BC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;EAET,IAAMC,eAAe,GAAG,IAAAC,kBAAW,EACjC,UAACC,CAAC,EAAK;IACL,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAI,OAAOjB,MAAM,KAAK,UAAU,EAAE;MACrDA,MAAM,EAAE;IACV,CAAC,MAAM,IACL,CAACgB,CAAC,CAACC,GAAG,KAAK,KAAK,IAAID,CAAC,CAACC,GAAG,KAAK,QAAQ,KACtC,OAAOhB,QAAQ,KAAK,UAAU,EAC9B;MACAA,QAAQ,CAACe,CAAC,CAAC;IACb;EACF,CAAC,EACD,CAAChB,MAAM,EAAEC,QAAQ,CAAC,CACnB;EAED,oBACE;IAAK,SAAS,EAAEa,eAAgB;IAAC,QAAQ,EAAE,CAAC,CAAE;IAAC,SAAS,EAAC;EAAkB,gBACzE,6BAAC,kCAA0B,qBACzB,6BAAC,sBAAU;IACT,KAAK,EAAEJ,KAAM;IACb,aAAa,EAAED,aAAc;IAC7B,QAAQ,EAAEF,QAAS;IACnB,UAAU,EAAEC,UAAW;IACvB,YAAY,EAAEH,YAAa;IAC3B,aAAa,EAAEC,aAAc;IAC7B,YAAY,EAAEH,YAAa;IAC3B,cAAc,EAAEC,cAAe;IAC/B,SAAS,EAAEQ,SAAU;IACrB,SAAS,EAAEC,SAAU;IACrB,WAAW,EAAEK;EAAkB,EAC/B,CACyB,EAC5BtB,IAAI,KAAK,QAAQ,IAAI,CAACO,YAAY,gBACjC,6BAAC,8BAAsB;IAAC,SAAS,EAAC,oBAAoB;IAAC,KAAK,EAAEP;EAAK,GAChEA,IAAI,KAAK,QAAQ,gBAChB,6BAAC,+BAAuB;IAAC,SAAS,EAAC;EAAqB,gBACtD,6BAAC,wBAAgB;IACf,IAAI,EAAC,OAAO;IACZ,OAAO,EAAC,SAAS;IACjB,OAAO,EAAEI,MAAO;IAChB,QAAQ,EAAEW;EAAmB,GAE5Bd,cAAc,CACE,eACnB,6BAAC,gBAAO;IACN,KAAK,EAAEC,gBAAiB;IACxB,kBAAkB,EAAE;MAAEqB,MAAM,EAAE;IAAK;EAAE,gBAErC,6BAAC,sBAAU;IAAC,IAAI,EAAC,OAAO;IAAC,OAAO,EAAC,WAAW;IAAC,OAAO,EAAElB;EAAS,gBAC7D,6BAAC,oBAAe,OAAG,CACR,CACL,EACT,CAACE,YAAY,gBACZ,6BAAC,yBAAiB;IAChB,IAAI,EAAC,OAAO;IACZ,OAAO,EAAED,OAAQ;IACjB,OAAO,EAAC;EAAW,GAElBH,eAAe,CACE,GAClB,IAAI,CACgB,GAE1B,CAACI,YAAY,iBACX,6BAAC,gCAAwB;IACvB,IAAI,EAAC,OAAO;IACZ,OAAO,EAAED,OAAQ;IACjB,OAAO,EAAC;EAAc,GAErBH,eAAe,CAGrB,CACsB,GACvB,IAAI,CACJ;AAEV,CAAC;AAAC;AAEFJ,cAAc,CAACyB,WAAW,GAAG,gBAAgB"}
+{"version":3,"file":"DatePickerForm.js","names":["_react","_interopRequireWildcard","require","_DatePicker","_IconButton","_CancelCross","_interopRequireDefault","_Tooltip","_Styles","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","DatePickerForm","_ref","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","useCallback","key","createElement","onKeyDown","tabIndex","className","StyledSelectDateDatePicker","DatePicker","StyledSelectDateFooter","$mode","StyledSelectDateButtons","StyledButtonSave","size","variant","onClick","disabled","Tooltip","title","popperTooltipStyle","zIndex","IconButton","StyledButtonClose","StyledButtonCloseColored","exports","displayName"],"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"sourcesContent":["import React, { FC, MouseEvent, useCallback } from \"react\";\nimport { DayModifiers, DayProps } from \"react-day-picker\";\nimport { DatePicker } from \"../DatePicker/DatePicker\";\nimport { IconButton } from \"../IconButton\";\nimport CancelCrossIcon from \"../Icons/collection/CancelCross\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport {\n  StyledButtonClose,\n  StyledButtonCloseColored,\n  StyledButtonSave,\n  StyledSelectDateButtons,\n  StyledSelectDateDatePicker,\n  StyledSelectDateFooter,\n} from \"./Styles\";\n\nexport interface IDatePickerForm {\n  mode: \"instant\" | \"atomic\";\n  saveButtonText?: string;\n  cancelButtonText?: string;\n  clearButtonText?: string;\n  onSave?: () => void;\n  onCancel?: (event: MouseEvent<HTMLElement>) => void;\n  onClear?: () => void;\n  onChange?: (dates?: { from: Date; to: Date }) => void;\n  /** Called when day is clicked */\n  onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n  /** Set selected day or days */\n  selectedDays?: { from?: Date | undefined; to?: Date | undefined };\n  /** Modifiers */\n  modifiers?: DayModifiers;\n  /** Render day callback */\n  renderDay?: (props: DayProps) => JSX.Element | null;\n  /** Set selection range */\n  selectionMode?: string;\n  /** Set is date required */\n  dateRequired?: boolean;\n  /** Set first day of week */\n  firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** on month change callback */\n  onMonthChange?: (month: Date) => void;\n  /** Selected month */\n  month: Date;\n  disabledSaveButton?: boolean;\n}\n\nexport const DatePickerForm: FC<IDatePickerForm> = ({\n  mode,\n  saveButtonText = \"Save\",\n  cancelButtonText = \"Cancel\",\n  clearButtonText = \"Clear\",\n  onSave,\n  onCancel,\n  onClear,\n  dateRequired = false,\n  firstDayOfWeek = 0,\n  selectedDays,\n  selectionMode = \"custom\",\n  onChange,\n  onDayClick,\n  onMonthChange,\n  month,\n  disabledSaveButton = false,\n  modifiers,\n  renderDay,\n}) => {\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Enter\" && typeof onSave === \"function\") {\n        onSave();\n      } else if (\n        (e.key === \"Esc\" || e.key === \"Escape\") &&\n        typeof onCancel === \"function\"\n      ) {\n        onCancel(e);\n      }\n    },\n    [onSave, onCancel]\n  );\n\n  return (\n    <div onKeyDown={handleOnKeyDown} tabIndex={-1} className=\"date-picker-form\">\n      <StyledSelectDateDatePicker>\n        <DatePicker\n          month={month}\n          onMonthChange={onMonthChange}\n          onChange={onChange}\n          onDayClick={onDayClick}\n          selectedDays={selectedDays}\n          selectionMode={selectionMode}\n          dateRequired={dateRequired}\n          firstDayOfWeek={firstDayOfWeek}\n          modifiers={modifiers}\n          renderDay={renderDay}\n        />\n      </StyledSelectDateDatePicker>\n      {mode === \"atomic\" || !dateRequired ? (\n        <StyledSelectDateFooter className=\"date-picker-footer\" $mode={mode}>\n          {mode === \"atomic\" ? (\n            <StyledSelectDateButtons className=\"date-picker-buttons\">\n              <StyledButtonSave\n                size=\"small\"\n                variant=\"primary\"\n                onClick={onSave}\n                disabled={disabledSaveButton}\n              >\n                {saveButtonText}\n              </StyledButtonSave>\n              <Tooltip\n                title={cancelButtonText}\n                popperTooltipStyle={{ zIndex: 1301 }}\n              >\n                <IconButton size=\"small\" variant=\"text gray\" onClick={onCancel}>\n                  <CancelCrossIcon />\n                </IconButton>\n              </Tooltip>\n              {!dateRequired ? (\n                <StyledButtonClose\n                  size=\"small\"\n                  onClick={onClear}\n                  variant=\"text gray\"\n                >\n                  {clearButtonText}\n                </StyledButtonClose>\n              ) : null}\n            </StyledSelectDateButtons>\n          ) : (\n            !dateRequired && (\n              <StyledButtonCloseColored\n                size=\"small\"\n                onClick={onClear}\n                variant=\"text colored\"\n              >\n                {clearButtonText}\n              </StyledButtonCloseColored>\n            )\n          )}\n        </StyledSelectDateFooter>\n      ) : null}\n    </div>\n  );\n};\n\nDatePickerForm.displayName = \"DatePickerForm\";\n"],"mappings":"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"}