@activecollab/components 0.1.537 → 1.0.1

package/dist/esm/components/Select/OptionGroup/OptionGroup.js

@@ -0,0 +1,77 @@
+import { useMemo, useEffect, useCallback } from 'react';
+import classnames from 'classnames';
+import { Checkbox } from '../../Checkbox/Checkbox.js';
+import { StyledOptionGroup, StyledOptionGroupOption, StyledOptionGroupHeader } from './Styles.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var OptionGroup = function OptionGroup(_ref) {
+  var id = _ref.id,
+      name = _ref.name,
+      options = _ref.options,
+      type = _ref.type,
+      hover = _ref.hover,
+      filter = _ref.filter,
+      checked = _ref.checked,
+      onChange = _ref.onChange,
+      setHover = _ref.setHover,
+      renderOptions = _ref.renderOptions,
+      optionGroupClassName = _ref.optionGroupClassName;
+  var list = useMemo(function () {
+    return filter ? options.filter(function (v) {
+      return v.name.toLowerCase().includes(filter.trim().toLowerCase());
+    }) : options;
+  }, [filter, options]);
+  useEffect(function () {
+    if (hover === id && type !== "single") {
+      var _document$getElementB;
+
+      (_document$getElementB = document.getElementById("".concat(id))) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.focus();
+    }
+  }, [hover, type, id]);
+  var isAllOptionsChecked = useMemo(function () {
+    return options.every(function (option) {
+      return checked.includes(option.id);
+    });
+  }, [options, checked]);
+  var handleHover = useCallback(function () {
+    if (setHover) {
+      setHover(type === "single" ? undefined : id);
+    }
+  }, [setHover, type, id]);
+  var allOptionValues = useMemo(function () {
+    return options.map(function (option) {
+      return option.id;
+    });
+  }, [options]);
+  var handleClick = useCallback(function (e) {
+    e.stopPropagation();
+
+    if (onChange) {
+      onChange(allOptionValues);
+    }
+  }, [allOptionValues, onChange]);
+  return /*#__PURE__*/jsxs(StyledOptionGroup, {
+    className: classnames("c-option-group", optionGroupClassName),
+    children: [/*#__PURE__*/jsx(StyledOptionGroupOption, {
+      title: name,
+      onMouseEnter: handleHover,
+      hover: hover === id && type === "multiple",
+      children: /*#__PURE__*/jsxs(StyledOptionGroupHeader, {
+        children: [/*#__PURE__*/jsx("div", {
+          children: name
+        }), type === "multiple" && /*#__PURE__*/jsx(Checkbox, {
+          id: "".concat(id),
+          checked: isAllOptionsChecked,
+          onChange: handleClick,
+          type: "checkbox"
+        })]
+      })
+    }), list.map(function (item) {
+      return renderOptions && renderOptions(item);
+    })]
+  }, id);
+};
+OptionGroup.displayName = "OptionGroup";
+
+export { OptionGroup };
+//# sourceMappingURL=OptionGroup.js.map

package/dist/esm/components/Select/OptionGroup/OptionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionGroup.js","sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, FC } from \"react\";\nimport classNames from \"classnames\";\nimport { IOptionItemProps } from \"../Option/Option\";\nimport { Checkbox } from \"../../Checkbox/Checkbox\";\nimport {\n  StyledOptionGroup,\n  StyledOptionGroupHeader,\n  StyledOptionGroupOption,\n} from \"./Styles\";\n\nexport interface IOptionGroupProps {\n  /** Group value */\n  id?: string | number;\n  /** Group label */\n  name: string;\n  /** Options items list */\n  options: IOptionItemProps[];\n}\n\ninterface IAdditionalOptionGroupProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** Value of hovered element */\n  hover?: number | string | null;\n  /** Filter for labels */\n  filter?: string;\n  /** Checked values */\n  checked: (string | number)[];\n  /** onChange callback */\n  onChange?: (e: (string | number)[]) => void;\n  /** Set value of hovered element */\n  setHover?: (e: number | string | undefined) => void;\n  /** Render function */\n  renderOptions?: (item: IOptionItemProps) => void;\n  /** Value that represent class names */\n  optionGroupClassName?: string;\n}\n\nexport const OptionGroup: FC<\n  IOptionGroupProps & IAdditionalOptionGroupProps\n> = ({\n  id,\n  name,\n  options,\n  type,\n  hover,\n  filter,\n  checked,\n  onChange,\n  setHover,\n  renderOptions,\n  optionGroupClassName,\n}) => {\n  const list = useMemo(\n    () =>\n      filter\n        ? options.filter((v) =>\n            v.name.toLowerCase().includes(filter.trim().toLowerCase())\n          )\n        : options,\n    [filter, options]\n  );\n\n  useEffect(() => {\n    if (hover === id && type !== \"single\") {\n      document.getElementById(`${id}`)?.focus();\n    }\n  }, [hover, type, id]);\n\n  const isAllOptionsChecked = useMemo(\n    () => options.every((option) => checked.includes(option.id)),\n    [options, checked]\n  );\n\n  const handleHover = useCallback(() => {\n    if (setHover) {\n      setHover(type === \"single\" ? undefined : id);\n    }\n  }, [setHover, type, id]);\n\n  const allOptionValues = useMemo(\n    () => options.map((option) => option.id),\n    [options]\n  );\n\n  const handleClick = useCallback(\n    (e) => {\n      e.stopPropagation();\n      if (onChange) {\n        onChange(allOptionValues);\n      }\n    },\n    [allOptionValues, onChange]\n  );\n\n  return (\n    <StyledOptionGroup\n      key={id}\n      className={classNames(\"c-option-group\", optionGroupClassName)}\n    >\n      <StyledOptionGroupOption\n        title={name}\n        onMouseEnter={handleHover}\n        hover={hover === id && type === \"multiple\"}\n      >\n        <StyledOptionGroupHeader>\n          <div>{name}</div>\n          {type === \"multiple\" && (\n            <Checkbox\n              id={`${id}`}\n              checked={isAllOptionsChecked}\n              onChange={handleClick}\n              type=\"checkbox\"\n            />\n          )}\n        </StyledOptionGroupHeader>\n      </StyledOptionGroupOption>\n      {list.map(\n        (item: IOptionItemProps) => renderOptions && renderOptions(item)\n      )}\n    </StyledOptionGroup>\n  );\n};\n\nOptionGroup.displayName = \"OptionGroup\";\n"],"names":["OptionGroup","id","name","options","type","hover","filter","checked","onChange","setHover","renderOptions","optionGroupClassName","list","useMemo","v","toLowerCase","includes","trim","useEffect","document","getElementById","focus","isAllOptionsChecked","every","option","handleHover","useCallback","undefined","allOptionValues","map","handleClick","e","stopPropagation","_jsxs","classNames","_jsx","item","displayName"],"mappings":"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"}

package/dist/esm/components/Select/OptionGroup/Styles.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledOptionGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledOptionGroupHeader: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const StyledOptionGroupOption: import("styled-components").StyledComponent<"label", any, {
+    hover?: boolean | undefined;
+}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Select/OptionGroup/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionGroup/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,oEAI7B,CAAC;AAIF,eAAO,MAAM,uBAAuB,mEAUnC,CAAC;AAIF,eAAO,MAAM,uBAAuB;;SAMnC,CAAC"}

package/dist/esm/components/Select/OptionGroup/Styles.js

@@ -0,0 +1,26 @@
+import styled, { css } from 'styled-components';
+import { BoxSizingStyle } from '../../BoxSizingStyle.js';
+import { FontStyle } from '../../FontStyle.js';
+
+var StyledOptionGroup = styled.div.withConfig({
+  displayName: "Styles__StyledOptionGroup",
+  componentId: "sc-16v5afu-0"
+})(["", " ", " ", ""], {
+  "userSelect": "none"
+}, FontStyle, BoxSizingStyle);
+StyledOptionGroup.displayName = "StyledOptionGroup";
+var StyledOptionGroupHeader = styled.h3.withConfig({
+  displayName: "Styles__StyledOptionGroupHeader",
+  componentId: "sc-16v5afu-1"
+})(["height:28px;display:flex;justify-content:space-between;padding:0 16px;color:var(--color-theme-900);margin:6px 0;*{margin:auto 0;}"]);
+StyledOptionGroupHeader.displayName = "StyledOptionGroupHeader";
+var StyledOptionGroupOption = styled.label.withConfig({
+  displayName: "Styles__StyledOptionGroupOption",
+  componentId: "sc-16v5afu-2"
+})(["", ""], function (props) {
+  return props.hover && css(["background-color:var(--color-theme-200);"]);
+});
+StyledOptionGroupOption.displayName = "StyledOptionGroupOption";
+
+export { StyledOptionGroup, StyledOptionGroupHeader, StyledOptionGroupOption };
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Select/OptionGroup/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../../src/components/Select/OptionGroup/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledOptionGroup = styled.div`\n  ${tw`tw-select-none`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledOptionGroup.displayName = \"StyledOptionGroup\";\n\nexport const StyledOptionGroupHeader = styled.h3`\n  height: 28px;\n  display: flex;\n  justify-content: space-between;\n  padding: 0 16px;\n  color: var(--color-theme-900);\n  margin: 6px 0;\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledOptionGroupHeader.displayName = \"StyledOptionGroupHeader\";\n\nexport const StyledOptionGroupOption = styled.label<{ hover?: boolean }>`\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n    `}\n`;\n\nStyledOptionGroupOption.displayName = \"StyledOptionGroupOption\";\n"],"names":["StyledOptionGroup","styled","div","FontStyle","BoxSizingStyle","displayName","StyledOptionGroupHeader","h3","StyledOptionGroupOption","label","props","hover","css"],"mappings":";;;;IAKaA,iBAAiB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,uBACxB;AAAA;AAAA,CADwB,EAE1BC,SAF0B,EAG1BC,cAH0B;AAM9BJ,iBAAiB,CAACK,WAAlB,GAAgC,mBAAhC;IAEaC,uBAAuB,GAAGL,MAAM,CAACM,EAAV;AAAA;AAAA;AAAA;AAYpCD,uBAAuB,CAACD,WAAxB,GAAsC,yBAAtC;IAEaG,uBAAuB,GAAGP,MAAM,CAACQ,KAAV;AAAA;AAAA;AAAA,aAChC,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,IACAC,GADA,8CADA;AAAA,CADgC;AAQpCJ,uBAAuB,CAACH,WAAxB,GAAsC,yBAAtC;;;;"}

package/dist/esm/components/Select/Select.d.ts

@@ -1,5 +1,4 @@
 import { FC, ReactElement, Ref } from "react";
-import "./Select.css";
 import { Placement } from "@popperjs/core";
 import { IAutocompleteProps } from "../Autocomplete/Autocomplete";
 interface ElementWithRef<T> extends ReactElement {

package/dist/esm/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EAGF,YAAY,EAIZ,GAAG,EACJ,MAAM,OAAO,CAAC;AAUf,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAGlE,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,UAAU,YAAY;IAEpB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAE7B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAEnC,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAEjC,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;IAEjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAE9D,UAAU,CAAC,EAAE,YAAY,CAAC;IAE1B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAE9C,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,YAAY,GAAG,kBAAkB,CA+OxD,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EAGF,YAAY,EAIZ,GAAG,EACJ,MAAM,OAAO,CAAC;AASf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAKlE,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,UAAU,YAAY;IAEpB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAE7B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAEnC,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAEjC,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;IAEjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAE9D,UAAU,CAAC,EAAE,YAAY,CAAC;IAE1B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAE9C,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,YAAY,GAAG,kBAAkB,CA+NxD,CAAC"}

package/dist/esm/components/Select/Select.js

@@ -0,0 +1,244 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
+import { Menu } from '../Menu/Menu.js';
+import classnames from 'classnames';
+import useForkRef from '../../utils/useForkRef.js';
+import { StyledSelectForm, StyledSelectInput } from './Styles.js';
+import { OptionContent } from './OptionContent/OptionContent.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import { RadioButton } from '../RadioButton/RadioButton.js';
+import { Autocomplete } from '../Autocomplete/Autocomplete.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+
+var _excluded = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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,
+      prop = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      childNode = _useState2[0],
+      setChildNode = _useState2[1];
+
+  var elementRef = useRef(null);
+  var handleRef = useForkRef(setChildNode, elementRef);
+  var Tag = !target ? "div" : Menu;
+  var formRef = useRef(null);
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      open = _useState4[0],
+      setOpen = _useState4[1];
+
+  function isGroup(item) {
+    return item.options !== undefined;
+  }
+
+  var selectedOptions = useMemo(function () {
+    return selected instanceof Array ? selected : [selected];
+  }, [selected]);
+  var selectOptions = useMemo(function () {
+    if (!options) {
+      return [];
+    }
+
+    return options;
+  }, [options]);
+  var allOptionValues = useMemo(function () {
+    return selectOptions.reduce(function (acc, option) {
+      if (!isGroup(option)) {
+        return [].concat(_toConsumableArray(acc), [option.id]);
+      }
+
+      var allGroupOptions = option.options.map(function (option) {
+        return option.id;
+      });
+      return [].concat(_toConsumableArray(acc), _toConsumableArray(allGroupOptions));
+    }, []);
+  }, [selectOptions]);
+  var isAllOptionsChecked = useMemo(function () {
+    return allOptionValues.every(function (option) {
+      return selectedOptions.includes(option);
+    });
+  }, [allOptionValues, selectedOptions]);
+  useEffect(function () {
+    open && (childNode === null || childNode === void 0 ? void 0 : childNode.focus());
+  }, [childNode, open]);
+  var handleChange = useCallback(function (selectedValue) {
+    if (selectedValue !== null) {
+      if (type === "single") {
+        if (forceCloseMenu) {
+          setOpen(false);
+        }
+
+        return onChange(selectedValue);
+      } // multiple
+
+
+      var value = function value() {
+        if (selectedValue instanceof Array) {
+          if (selectedValue.every(function (v) {
+            return selectedOptions.includes(v);
+          })) {
+            return selectedOptions.filter(function (v) {
+              return !selectedValue.includes(v);
+            });
+          }
+
+          return selectedValue.concat(selectedOptions);
+        }
+
+        if (selectedOptions.includes(selectedValue)) {
+          return selectedOptions.filter(function (option) {
+            return option !== selectedValue;
+          });
+        }
+
+        return [].concat(_toConsumableArray(selectedOptions), [selectedValue]);
+      };
+
+      return onChange(value());
+    }
+  }, [onChange, type, forceCloseMenu, selectedOptions]);
+  var onClose = useCallback(function () {
+    setOpen(false);
+
+    if (onSelectClose) {
+      onSelectClose();
+    }
+  }, [onSelectClose]);
+  var onOpen = useCallback(function () {
+    setOpen(true);
+
+    if (onSelectOpen) {
+      onSelectOpen();
+    }
+  }, [onSelectOpen]);
+  var props = useMemo(function () {
+    if (target) {
+      return {
+        menuClassName: classnames("c-select", selectClassName),
+        onClose: onClose,
+        onOpen: onOpen,
+        target: target,
+        mode: mode,
+        open: open,
+        position: position
+      };
+    }
+
+    return {
+      className: classnames("c-select", selectClassName)
+    };
+  }, [target, selectClassName, onClose, onOpen, mode, open, position]);
+  var handleEmptyAction = useCallback(function (value) {
+    var _formRef$current;
+
+    emptyAction(value);
+
+    if (forceCloseMenu) {
+      setOpen(false);
+    }
+
+    (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.reset();
+  }, [emptyAction, forceCloseMenu]);
+  var handleDefaultOptionChange = useCallback(function () {
+    if (type === "multiple") {
+      if (selectedOptions.length === allOptionValues.length) {
+        onChange([]);
+      } else {
+        onChange(allOptionValues);
+      }
+    } else {
+      onChange("");
+
+      if (forceCloseMenu) {
+        setOpen(false);
+      }
+    }
+  }, [onChange, type, forceCloseMenu, selectedOptions.length, allOptionValues]);
+  var handleRenderOption = useCallback(function (option, props) {
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(OptionContent, {
+        imageUrl: option.image,
+        color: option.color,
+        textColor: option.textColor,
+        name: option.name
+      }), option.id === null ? type === "multiple" ? /*#__PURE__*/jsx(Checkbox, _objectSpread({
+        checked: isAllOptionsChecked
+      }, props)) : /*#__PURE__*/jsx(RadioButton, _objectSpread({
+        checked: selectedOptions.length < 1 || !selectedOptions[0]
+      }, props)) : type === "multiple" ? /*#__PURE__*/jsx(Checkbox, _objectSpread({}, props)) : /*#__PURE__*/jsx(RadioButton, _objectSpread({}, props))]
+    });
+  }, [isAllOptionsChecked, selectedOptions, type]);
+  return /*#__PURE__*/jsx(Tag, _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/jsxs("div", {
+      children: [!disableSearch ? /*#__PURE__*/jsxs(StyledSelectForm, {
+        ref: formRef,
+        children: [/*#__PURE__*/jsx(StyledSelectInput, {
+          ref: handleRef,
+          autoFocus: true,
+          placeholder: placeholder
+        }), actionIcon && actionLabel && /*#__PURE__*/jsx(Tooltip, {
+          popperTooltipStyle: {
+            zIndex: 1301
+          },
+          title: actionLabel,
+          children: /*#__PURE__*/jsx("div", {
+            children: actionIcon
+          })
+        }), actionIcon && !actionLabel && actionIcon]
+      }) : null, /*#__PURE__*/jsx(Autocomplete, _objectSpread(_objectSpread({}, prop), {}, {
+        inputEl: childNode,
+        handleEmptyAction: handleEmptyAction,
+        selected: selected,
+        handleChange: handleChange,
+        renderOption: handleRenderOption,
+        options: options,
+        handleDefaultOptionChange: handleDefaultOptionChange,
+        type: type,
+        preselectDefaultValue: type === "single",
+        keepSameOptionsOrder: keepSameOptionsOrder
+      }))]
+    })
+  }));
+};
+Select.displayName = "Select";
+
+export { Select };
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","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 { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\nimport { Autocomplete } 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 { StyledSelectForm, StyledSelectInput } from \"./Styles\";\nimport { OptionContent } from \"./OptionContent/OptionContent\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\ninterface ISelectProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** Menu width mode */\n  mode?: \"normal\" | \"wider\" | \"tiny\";\n  /** Set select target element */\n  target?: ElementWithRef<Element>;\n  /** Set selected items */\n  selected?: (string | number)[] | string | number;\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  /** Should the order stay the same after choosing an option */\n  keepSameOptionsOrder?: boolean;\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 & IAutocompleteProps> = ({\n  type = \"single\",\n  mode,\n  target,\n  options,\n  selected = [],\n  position = \"bottom-start\",\n  onChange = (): null => 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  ...prop\n}) => {\n  const [childNode, setChildNode] = useState<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n\n  const handleRef = useForkRef(setChildNode, elementRef);\n\n  const Tag = !target ? \"div\" : Menu;\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  const [open, setOpen] = useState(false);\n\n  function isGroup(\n    item: IOptionGroupProps | IOptionItemProps\n  ): item is IOptionGroupProps {\n    return (item as IOptionGroupProps).options !== undefined;\n  }\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 (!isGroup(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  useEffect(() => {\n    open && childNode?.focus();\n  }, [childNode, open]);\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (selectedValue !== null) {\n        if (type === \"single\") {\n          if (forceCloseMenu) {\n            setOpen(false);\n          }\n          return onChange(selectedValue);\n        }\n        // multiple\n        const value = (): (string | number)[] => {\n          if (selectedValue instanceof Array) {\n            if (selectedValue.every((v) => selectedOptions.includes(v))) {\n              return selectedOptions.filter((v) => !selectedValue.includes(v));\n            }\n            return selectedValue.concat(selectedOptions);\n          }\n          if (selectedOptions.includes(selectedValue)) {\n            return selectedOptions.filter((option) => option !== selectedValue);\n          }\n          return [...selectedOptions, selectedValue];\n        };\n        return onChange(value());\n      }\n    },\n    [onChange, type, forceCloseMenu, selectedOptions]\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      };\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 handleDefaultOptionChange = useCallback(() => {\n    if (type === \"multiple\") {\n      if (selectedOptions.length === allOptionValues.length) {\n        onChange([]);\n      } else {\n        onChange(allOptionValues);\n      }\n    } else {\n      onChange(\"\");\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n    }\n  }, [onChange, type, forceCloseMenu, selectedOptions.length, allOptionValues]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n          />\n          {option.id === null ? (\n            type === \"multiple\" ? (\n              <Checkbox checked={isAllOptionsChecked} {...props} />\n            ) : (\n              <RadioButton\n                checked={selectedOptions.length < 1 || !selectedOptions[0]}\n                {...props}\n              />\n            )\n          ) : type === \"multiple\" ? (\n            <Checkbox {...props} />\n          ) : (\n            <RadioButton {...props} />\n          )}\n        </>\n      );\n    },\n    [isAllOptionsChecked, selectedOptions, type]\n  );\n\n  return (\n    <Tag {...props}>\n      <div>\n        {!disableSearch ? (\n          <StyledSelectForm ref={formRef}>\n            <StyledSelectInput\n              ref={handleRef}\n              autoFocus\n              placeholder={placeholder}\n            />\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          inputEl={childNode}\n          handleEmptyAction={handleEmptyAction}\n          selected={selected}\n          handleChange={handleChange}\n          renderOption={handleRenderOption}\n          options={options}\n          handleDefaultOptionChange={handleDefaultOptionChange}\n          type={type}\n          preselectDefaultValue={type === \"single\"}\n          keepSameOptionsOrder={keepSameOptionsOrder}\n        />\n      </div>\n    </Tag>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"names":["Select","type","mode","target","options","selected","position","onChange","actionIcon","actionLabel","placeholder","emptyAction","disableSearch","forceCloseMenu","selectClassName","keepSameOptionsOrder","onSelectOpen","onSelectClose","prop","useState","childNode","setChildNode","elementRef","useRef","handleRef","useForkRef","Tag","Menu","formRef","open","setOpen","isGroup","item","undefined","selectedOptions","useMemo","Array","selectOptions","allOptionValues","reduce","acc","option","id","allGroupOptions","map","isAllOptionsChecked","every","includes","useEffect","focus","handleChange","useCallback","selectedValue","value","v","filter","concat","onClose","onOpen","props","menuClassName","classNames","className","handleEmptyAction","current","reset","handleDefaultOptionChange","length","handleRenderOption","_jsxs","_jsx","image","color","textColor","name","zIndex","displayName"],"mappings":"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"}

package/dist/esm/components/Select/Styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledSelectForm: import("styled-components").StyledComponent<"form", any, {}, never>;
+export declare const StyledSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Select/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,gBAAgB,qEAO5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,iVAG7B,CAAC"}

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

@@ -0,0 +1,16 @@
+import styled from 'styled-components';
+import { Input } from '../Input/Input.js';
+
+var StyledSelectForm = styled.form.withConfig({
+  displayName: "Styles__StyledSelectForm",
+  componentId: "sc-gfxqpu-0"
+})(["margin:12px 12px 0 12px;display:flex;*{margin:auto 0;}"]);
+StyledSelectForm.displayName = "StyledSelectForm";
+var StyledSelectInput = styled(Input).withConfig({
+  displayName: "Styles__StyledSelectInput",
+  componentId: "sc-gfxqpu-1"
+})(["width:100%;border-radius:4px;"]);
+StyledSelectInput.displayName = "StyledSelectInput";
+
+export { StyledSelectForm, StyledSelectInput };
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/Select/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Input } from \"../Input/Input\";\n\nexport const StyledSelectForm = styled.form`\n  margin: 12px 12px 0 12px;\n  display: flex;\n\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledSelectForm.displayName = \"StyledSelectForm\";\n\nexport const StyledSelectInput = styled(Input)`\n  width: 100%;\n  border-radius: 4px;\n`;\n\nStyledSelectInput.displayName = \"StyledSelectInput\";\n"],"names":["StyledSelectForm","styled","form","displayName","StyledSelectInput","Input"],"mappings":";;;IAGaA,gBAAgB,GAAGC,MAAM,CAACC,IAAV;AAAA;AAAA;AAAA;AAS7BF,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B;IAEaC,iBAAiB,GAAGH,MAAM,CAACI,KAAD,CAAT;AAAA;AAAA;AAAA;AAK9BD,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;;;;"}

package/dist/esm/components/SelectDate/DatePickerForm.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode, MouseEvent } from "react";
 import { RangeModifier, Modifiers, DayModifiers } from "react-day-picker";
 interface IDatePickerForm {
-    mode?: "atomic" | "instant";
+    mode: "instant" | "atomic";
     saveButtonText?: string;
     cancelButtonText?: string;
     clearButtonText?: string;

package/dist/esm/components/SelectDate/DatePickerForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerForm.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAe,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAQ1E,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IAEtD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC;IAE1D,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAE/B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAK,SAAS,CAAC;IAE/D,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IAEtC,KAAK,EAAE,IAAI,CAAC;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CAoG9C,CAAC"}
+{"version":3,"file":"DatePickerForm.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAe,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAc1E,UAAU,eAAe;IACvB,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IAEtD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC;IAE1D,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAE/B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAK,SAAS,CAAC;IAE/D,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IAEtC,KAAK,EAAE,IAAI,CAAC;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CA8F9C,CAAC"}

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

@@ -0,0 +1,98 @@
+import { useCallback } from 'react';
+import MomentLocaleUtils from 'react-day-picker/moment';
+import { Button } from '../Button/Button.js';
+import CancelCrossIcon from '../Icons/collection/CancelCross.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import { StyledSelectDateDatePicker, StyledSelectDateFooter, StyledSelectDateButtons, StyledButtonSave, StyledButtonClose, StyledButtonCloseColored } from './Styles.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 = useCallback(function (e) {
+    if (e.key === "Enter" && typeof onSave === "function") {
+      onSave();
+    } else if ((e.key === "Esc" || e.key === "Escape") && typeof onCancel === "function") {
+      onCancel(e);
+    }
+  }, [onSave, onCancel]);
+  return /*#__PURE__*/jsxs("div", {
+    onKeyDown: handleOnKeyDown,
+    tabIndex: -1,
+    className: "date-picker-form",
+    children: [/*#__PURE__*/jsx(StyledSelectDateDatePicker, {
+      month: month,
+      onMonthChange: onMonthChange,
+      onChange: onChange,
+      onDayClick: onDayClick,
+      selectedDays: selectedDays,
+      selectionMode: selectionMode,
+      dateRequired: dateRequired,
+      firstDayOfWeek: firstDayOfWeek,
+      modifiers: modifiers,
+      renderDay: renderDay,
+      localeUtils: MomentLocaleUtils
+    }), mode === "atomic" || !dateRequired ? /*#__PURE__*/jsx(StyledSelectDateFooter, {
+      className: "date-picker-footer",
+      $mode: mode,
+      children: mode === "atomic" ? /*#__PURE__*/jsxs(StyledSelectDateButtons, {
+        className: "date-picker-buttons",
+        children: [/*#__PURE__*/jsx(StyledButtonSave, {
+          size: "small",
+          variant: "primary",
+          onClick: onSave,
+          disabled: disabledSaveButton,
+          children: saveButtonText
+        }), /*#__PURE__*/jsx(Tooltip, {
+          title: cancelButtonText,
+          popperTooltipStyle: {
+            zIndex: 1301
+          },
+          children: /*#__PURE__*/jsx(Button, {
+            size: "small",
+            variant: "text gray",
+            onClick: onCancel,
+            children: /*#__PURE__*/jsx(CancelCrossIcon, {})
+          })
+        }), !dateRequired ? /*#__PURE__*/jsx(StyledButtonClose, {
+          size: "small",
+          onClick: onClear,
+          variant: "text gray",
+          children: clearButtonText
+        }) : null]
+      }) : !dateRequired && /*#__PURE__*/jsx(StyledButtonCloseColored, {
+        size: "small",
+        onClick: onClear,
+        variant: "text colored",
+        children: clearButtonText
+      })
+    }) : null]
+  });
+};
+DatePickerForm.displayName = "DatePickerForm";
+
+export { DatePickerForm };
+//# sourceMappingURL=DatePickerForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerForm.js","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 { Button } from \"../Button/Button\";\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        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      {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                <Button size=\"small\" variant=\"text gray\" onClick={onCancel}>\n                  <CancelCrossIcon />\n                </Button>\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"],"names":["DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","useCallback","e","key","_jsxs","_jsx","MomentLocaleUtils","zIndex","displayName"],"mappings":"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"}

package/dist/esm/components/SelectDate/SelectDate.d.ts

@@ -2,7 +2,6 @@ import { ElementType, FC, CSSProperties } from "react";
 import { DayModifiers } from "react-day-picker";
 import { Placement } from "@popperjs/core";
 import { DaysToModify } from "./types";
-import "./SelectDate.css";
 interface ISelectDate {
     changeMode?: "atomic" | "instant";
     trigger?: "text" | "icon" | "inline";

package/dist/esm/components/SelectDate/SelectDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDate.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/SelectDate.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,WAAW,EACX,EAAE,EAMF,aAAa,EACd,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAIvC,OAAO,kBAAkB,CAAC;AA0B1B,UAAU,WAAW;IAEnB,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAElC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IAErC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC;IAE1D,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAExD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAE9C,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAE5C,YAAY,CAAC,EAAE,IAAI,CAAC;IAEpB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAE9B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IAEpB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,kBAAkB,CAAC,EAAE,aAAa,CAAC;IAEnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,iBAAiB,CAAC,EAAE,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,WAAW,CAqetC,CAAC"}
+{"version":3,"file":"SelectDate.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/SelectDate.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,WAAW,EACX,EAAE,EAMF,aAAa,EACd,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAiCvC,UAAU,WAAW;IAEnB,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAElC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IAErC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC;IAE1D,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAExD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAE9C,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAE5C,YAAY,CAAC,EAAE,IAAI,CAAC;IAEpB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAE9B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IAEpB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,kBAAkB,CAAC,EAAE,aAAa,CAAC;IAEnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,iBAAiB,CAAC,EAAE,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,WAAW,CAqetC,CAAC"}