@activecollab/components 1.0.206 → 1.0.207

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":["styled","css","Body2","StyledOptionContentWrapper","div","displayName","StyledOptionIndicator","props","backgroundColor","children","StyledOptionText","textColor","StyledAdditionalInfo","span"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,KAAT,QAAsB,kBAAtB;AAEA,OAAO,IAAMC,0BAA0B,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,0HAAhC;AAUPD,0BAA0B,CAACE,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMC,qBAAqB,GAAGN,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,sFAM9B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,IAEAR,GAFA,6BAGsBM,KAAK,CAACC,eAH5B,CADA;AAAA,CAN8B,CAA3B;AAcPF,qBAAqB,CAACD,WAAtB,GAAoC,uBAApC;AAEA,OAAO,IAAMK,gBAAgB,GAAGV,MAAM,CAACE,KAAD,CAAT;AAAA;AAAA;AAAA,kEACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAKzB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACI,SAAN,IACAV,GADA,kBAEWM,KAAK,CAACI,SAFjB,CADA;AAAA,CALyB,CAAtB;AAYPD,gBAAgB,CAACL,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMO,oBAAoB,GAAGZ,MAAM,CAACa,IAAV;AAAA;AAAA;AAAA,wDAA1B;AAMPD,oBAAoB,CAACP,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledOptionContentWrapper = styled.div`\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  align-items: center;\n  height: 100%;\n  flex-grow: 1;\n`;\n\nStyledOptionContentWrapper.displayName = \"StyledOptionContentWrapper\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  flex-shrink: 0;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled(Body2)<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 28px;\n  padding-right: 10px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n\nexport const StyledAdditionalInfo = styled.span`\n  margin: 0 0 0 5px;\n  line-height: 18px;\n  flex-shrink: 0;\n`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","css","Body2","StyledOptionContentWrapper","div","displayName","StyledOptionIndicator","props","backgroundColor","children","StyledOptionText","textColor","StyledAdditionalInfo","span"],"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledOptionContentWrapper = styled.div`\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  align-items: center;\n  height: 100%;\n  flex-grow: 1;\n`;\n\nStyledOptionContentWrapper.displayName = \"StyledOptionContentWrapper\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  flex-shrink: 0;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled(Body2)<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 28px;\n  padding-right: 10px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n\nexport const StyledAdditionalInfo = styled.span`\n  margin: 0 0 0 5px;\n  line-height: 18px;\n  flex-shrink: 0;\n`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,IAAMC,0BAA0B,GAAGH,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,0HAQnD;AAEDD,0BAA0B,CAACE,WAAW,GAAG,4BAA4B;AAErE,OAAO,IAAMC,qBAAqB,GAAGN,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,sFAM3C,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,eAAe,IACrB,CAACD,KAAK,CAACE,QAAQ,IACfR,GAAG,6BACmBM,KAAK,CAACC,eAAe,CAC1C;AAAA,EACJ;AAEDF,qBAAqB,CAACD,WAAW,GAAG,uBAAuB;AAE3D,OAAO,IAAMK,gBAAgB,GAAGV,MAAM,CAACE,KAAK,CAAC;EAAA;EAAA;AAAA,kEACvC;EAAA;EAAA;EAAA;AAAY,CAAC,EAIf,UAACK,KAAK;EAAA,OACNA,KAAK,CAACI,SAAS,IACfV,GAAG,kBACQM,KAAK,CAACI,SAAS,CACzB;AAAA,EACJ;AAEDD,gBAAgB,CAACL,WAAW,GAAG,kBAAkB;AAEjD,OAAO,IAAMO,oBAAoB,GAAGZ,MAAM,CAACa,IAAI;EAAA;EAAA;AAAA,wDAI9C;AAEDD,oBAAoB,CAACP,WAAW,GAAG,sBAAsB"}

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

@@ -5,16 +5,16 @@ import { StyledOptionGroup, StyledOptionGroupHeader, StyledOptionGroupOption, St
 import { List } from "../../List";
 export 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;
+    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());
@@ -23,7 +23,6 @@ export var OptionGroup = function OptionGroup(_ref) {
   useEffect(function () {
     if (hover === id && type !== "single") {
       var _document$getElementB;
-
       (_document$getElementB = document.getElementById("" + id)) == null ? void 0 : _document$getElementB.focus();
     }
   }, [hover, type, id]);
@@ -44,7 +43,6 @@ export var OptionGroup = function OptionGroup(_ref) {
   }, [options]);
   var handleClick = useCallback(function (e) {
     e.stopPropagation();
-
     if (onChange) {
       if (isAllOptionsChecked) {
         onChange(checked.filter(function (i) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"names":["React","useCallback","useEffect","useMemo","classNames","Checkbox","StyledOptionGroup","StyledOptionGroupHeader","StyledOptionGroupOption","StyledOptionGroupLi","List","OptionGroup","id","name","options","type","hover","filter","checked","onChange","setHover","renderOptions","optionGroupClassName","list","v","toLowerCase","includes","trim","document","getElementById","focus","isAllOptionsChecked","every","option","handleHover","undefined","allOptionValues","map","handleClick","e","stopPropagation","i","values","unique","item","pos","indexOf","index","displayName"],"mappings":"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","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  StyledOptionGroupLi,\n} from \"./Styles\";\nimport { List } from \"../../List\";\n\nexport interface IOptionGroupProps extends IOptionItemProps {\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, index: number) => 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        if (isAllOptionsChecked) {\n          onChange(\n            checked.filter((i) => allOptionValues.includes(i) === false)\n          );\n        } else {\n          const values = [...checked, ...allOptionValues];\n          const unique = values.filter((item, pos) => {\n            return values.indexOf(item) === pos;\n          });\n          onChange(unique);\n        }\n      }\n    },\n    [allOptionValues, checked, isAllOptionsChecked, onChange]\n  );\n\n  return (\n    <StyledOptionGroupLi\n      key={id}\n      className={classNames(\"c-option-group\", optionGroupClassName)}\n    >\n      <StyledOptionGroup key={id}>\n        <StyledOptionGroupOption\n          onMouseEnter={handleHover}\n          hover={hover === id && type === \"multiple\"}\n        >\n          <StyledOptionGroupHeader>\n            {name}\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>\n          {list.map((item: IOptionItemProps, index) => {\n            return typeof renderOptions === \"function\"\n              ? renderOptions(item, index)\n              : item.name;\n          })}\n        </List>\n      </StyledOptionGroup>\n    </StyledOptionGroupLi>\n  );\n};\n\nOptionGroup.displayName = \"OptionGroup\";\n"],"file":"OptionGroup.js"}
+{"version":3,"file":"OptionGroup.js","names":["React","useCallback","useEffect","useMemo","classNames","Checkbox","StyledOptionGroup","StyledOptionGroupHeader","StyledOptionGroupOption","StyledOptionGroupLi","List","OptionGroup","id","name","options","type","hover","filter","checked","onChange","setHover","renderOptions","optionGroupClassName","list","v","toLowerCase","includes","trim","document","getElementById","focus","isAllOptionsChecked","every","option","handleHover","undefined","allOptionValues","map","handleClick","e","stopPropagation","i","values","unique","item","pos","indexOf","index","displayName"],"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  StyledOptionGroupLi,\n} from \"./Styles\";\nimport { List } from \"../../List\";\n\nexport interface IOptionGroupProps extends IOptionItemProps {\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, index: number) => 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        if (isAllOptionsChecked) {\n          onChange(\n            checked.filter((i) => allOptionValues.includes(i) === false)\n          );\n        } else {\n          const values = [...checked, ...allOptionValues];\n          const unique = values.filter((item, pos) => {\n            return values.indexOf(item) === pos;\n          });\n          onChange(unique);\n        }\n      }\n    },\n    [allOptionValues, checked, isAllOptionsChecked, onChange]\n  );\n\n  return (\n    <StyledOptionGroupLi\n      key={id}\n      className={classNames(\"c-option-group\", optionGroupClassName)}\n    >\n      <StyledOptionGroup key={id}>\n        <StyledOptionGroupOption\n          onMouseEnter={handleHover}\n          hover={hover === id && type === \"multiple\"}\n        >\n          <StyledOptionGroupHeader>\n            {name}\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>\n          {list.map((item: IOptionItemProps, index) => {\n            return typeof renderOptions === \"function\"\n              ? renderOptions(item, index)\n              : item.name;\n          })}\n        </List>\n      </StyledOptionGroup>\n    </StyledOptionGroupLi>\n  );\n};\n\nOptionGroup.displayName = \"OptionGroup\";\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/OptionGroup/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledOptionGroupLi","li","StyledOptionGroup","div","displayName","StyledOptionGroupHeader","h3","StyledOptionGroupOption","props","hover"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,sBAA/B;AACA,SAASC,SAAT,QAA0B,iBAA1B;AAEA,OAAO,IAAMC,mBAAmB,GAAGJ,MAAM,CAACK,EAAV;AAAA;AAAA;AAAA,8BAAzB;AAGP,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,uBACxB;AAAA;AAAA,CADwB,EAE1BJ,SAF0B,EAG1BD,cAH0B,CAAvB;AAMPI,iBAAiB,CAACE,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMC,uBAAuB,GAAGT,MAAM,CAACU,EAAV;AAAA;AAAA;AAAA,4JAA7B;AAaPD,uBAAuB,CAACD,WAAxB,GAAsC,yBAAtC;AAEA,OAAO,IAAMG,uBAAuB,GAAGX,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,aAChC,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,IACAZ,GADA,8CADA;AAAA,CADgC,CAA7B;AAQPU,uBAAuB,CAACH,WAAxB,GAAsC,yBAAtC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledOptionGroupLi = styled.li`\n  flex-direction: column;\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  align-items: center;\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.div<{ hover?: boolean }>`\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n    `}\n`;\n\nStyledOptionGroupOption.displayName = \"StyledOptionGroupOption\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledOptionGroupLi","li","StyledOptionGroup","div","displayName","StyledOptionGroupHeader","h3","StyledOptionGroupOption","props","hover"],"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 StyledOptionGroupLi = styled.li`\n  flex-direction: column;\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  align-items: center;\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.div<{ hover?: boolean }>`\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n    `}\n`;\n\nStyledOptionGroupOption.displayName = \"StyledOptionGroupOption\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,OAAO,IAAMC,mBAAmB,GAAGJ,MAAM,CAACK,EAAE;EAAA;EAAA;AAAA,8BAE3C;AACD,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACO,GAAG;EAAA;EAAA;AAAA,uBACrC;EAAA;AAAe,CAAC,EAClBJ,SAAS,EACTD,cAAc,CACjB;AAEDI,iBAAiB,CAACE,WAAW,GAAG,mBAAmB;AAEnD,OAAO,IAAMC,uBAAuB,GAAGT,MAAM,CAACU,EAAE;EAAA;EAAA;AAAA,4JAW/C;AAEDD,uBAAuB,CAACD,WAAW,GAAG,yBAAyB;AAE/D,OAAO,IAAMG,uBAAuB,GAAGX,MAAM,CAACO,GAAG;EAAA;EAAA;AAAA,aAC7C,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,IACXZ,GAAG,8CAEF;AAAA,EACJ;AAEDU,uBAAuB,CAACH,WAAW,GAAG,yBAAyB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/OptionGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAd","sourcesContent":["export * from \"./OptionGroup\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Select/OptionGroup/index.ts"],"sourcesContent":["export * from \"./OptionGroup\";\n"],"mappings":"AAAA,cAAc,eAAe"}

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

@@ -11,52 +11,48 @@ import { StyledSelectForm, StyledSelectInput, StyledCheckbox, StyledRadioButton
 import { OptionContent } from "./OptionContent/OptionContent";
 export 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,
-      prop = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    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,
+    prop = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(),
-      childNode = _useState[0],
-      setChildNode = _useState[1];
-
+    childNode = _useState[0],
+    setChildNode = _useState[1];
   var elementRef = useRef(null);
   var handleRef = useForkRef(setChildNode, elementRef);
   var Tag = !target ? "div" : Menu;
   var formRef = useRef(null);
-
   var _useState2 = useState(false),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
+    open = _useState2[0],
+    setOpen = _useState2[1];
   var selectedOptions = useMemo(function () {
     return selected instanceof Array ? selected : [selected];
   }, [selected]);
@@ -64,7 +60,6 @@ export var Select = function Select(_ref) {
     if (!options) {
       return [];
     }
-
     return options;
   }, [options]);
   var allOptionValues = useMemo(function () {
@@ -72,7 +67,6 @@ export var Select = function Select(_ref) {
       if (!isOptionGroup(option)) {
         return [].concat(acc, [option.id]);
       }
-
       var allGroupOptions = option.options.map(function (option) {
         return option.id;
       });
@@ -91,19 +85,16 @@ export var Select = function Select(_ref) {
     if (forceCloseMenu) {
       setOpen(false);
     }
-
     onChange(selectedValue);
   }, [onChange, forceCloseMenu]);
   var onClose = useCallback(function () {
     setOpen(false);
-
     if (onSelectClose) {
       onSelectClose();
     }
   }, [onSelectClose]);
   var onOpen = useCallback(function () {
     setOpen(true);
-
     if (onSelectOpen) {
       onSelectOpen();
     }
@@ -120,20 +111,16 @@ export var Select = function Select(_ref) {
         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 ? void 0 : _formRef$current.reset();
   }, [emptyAction, forceCloseMenu]);
   var handleDefaultOptionChangeCallback = useCallback(function () {
@@ -158,7 +145,6 @@ export var Select = function Select(_ref) {
         onChange("");
       }
     }
-
     if (forceCloseMenu) {
       setOpen(false);
     }
@@ -167,7 +153,6 @@ export var Select = function Select(_ref) {
     if (typeof renderOption === "function") {
       return renderOption(option, props);
     }
-
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OptionContent, {
       imageUrl: option.image,
       color: option.color,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"names":["React","useCallback","useState","useMemo","useEffect","useRef","Autocomplete","isOptionGroup","Tooltip","Menu","classNames","useForkRef","StyledSelectForm","StyledSelectInput","StyledCheckbox","StyledRadioButton","OptionContent","Select","type","mode","target","options","selected","position","onChange","actionIcon","actionLabel","placeholder","emptyAction","disableSearch","forceCloseMenu","selectClassName","keepSameOptionsOrder","onSelectOpen","onSelectClose","renderOption","handleDefaultOptionChange","preselectDefaultValue","prop","childNode","setChildNode","elementRef","handleRef","Tag","formRef","open","setOpen","selectedOptions","Array","selectOptions","allOptionValues","reduce","acc","option","id","allGroupOptions","map","isAllOptionsChecked","every","includes","focus","handleChange","selectedValue","onClose","onOpen","props","menuClassName","className","handleEmptyAction","value","current","reset","handleDefaultOptionChangeCallback","length","handleRenderOption","image","color","textColor","name","additionalInfo","zIndex","displayName"],"mappings":"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","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<IAutocompleteProps, \"handleChange\" | \"inputEl\"> {\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, 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  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  useEffect(() => {\n    open && childNode?.focus();\n  }, [childNode, open]);\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n      onChange(selectedValue);\n    },\n    [onChange, forceCloseMenu]\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 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 checked={isAllOptionsChecked} {...props} />\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    [isAllOptionsChecked, renderOption, 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={handleDefaultOptionChangeCallback}\n          type={type}\n          preselectDefaultValue={preselectDefaultValue}\n          keepSameOptionsOrder={keepSameOptionsOrder}\n        />\n      </div>\n    </Tag>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"file":"Select.js"}
+{"version":3,"file":"Select.js","names":["React","useCallback","useState","useMemo","useEffect","useRef","Autocomplete","isOptionGroup","Tooltip","Menu","classNames","useForkRef","StyledSelectForm","StyledSelectInput","StyledCheckbox","StyledRadioButton","OptionContent","Select","type","mode","target","options","selected","position","onChange","actionIcon","actionLabel","placeholder","emptyAction","disableSearch","forceCloseMenu","selectClassName","keepSameOptionsOrder","onSelectOpen","onSelectClose","renderOption","handleDefaultOptionChange","preselectDefaultValue","prop","childNode","setChildNode","elementRef","handleRef","Tag","formRef","open","setOpen","selectedOptions","Array","selectOptions","allOptionValues","reduce","acc","option","id","allGroupOptions","map","isAllOptionsChecked","every","includes","focus","handleChange","selectedValue","onClose","onOpen","props","menuClassName","className","handleEmptyAction","value","current","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<IAutocompleteProps, \"handleChange\" | \"inputEl\"> {\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, 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  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  useEffect(() => {\n    open && childNode?.focus();\n  }, [childNode, open]);\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n      onChange(selectedValue);\n    },\n    [onChange, forceCloseMenu]\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 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 checked={isAllOptionsChecked} {...props} />\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    [isAllOptionsChecked, renderOption, 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={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/esm/components/Select/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/Styles.ts"],"names":["styled","Input","Checkbox","RadioButton","StyledSelectInput","displayName","StyledSelectForm","form","StyledCheckbox","StyledRadioButton"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,WAAT,QAA4B,gBAA5B;AAEA,OAAO,IAAMC,iBAAiB,GAAGJ,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA,QAAvB;AAEPG,iBAAiB,CAACC,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMC,gBAAgB,GAAGN,MAAM,CAACO,IAAV;AAAA;AAAA;AAAA,kGAIzBH,iBAJyB,CAAtB;AAcPE,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMG,cAAc,GAAGR,MAAM,CAACE,QAAD,CAAT;AAAA;AAAA;AAAA,yBAApB;AAIPM,cAAc,CAACH,WAAf,GAA6B,gBAA7B;AAEA,OAAO,IAAMI,iBAAiB,GAAGT,MAAM,CAACG,WAAD,CAAT;AAAA;AAAA;AAAA,yBAAvB;AAIPM,iBAAiB,CAACJ,WAAlB,GAAgC,mBAAhC","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"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","Input","Checkbox","RadioButton","StyledSelectInput","displayName","StyledSelectForm","form","StyledCheckbox","StyledRadioButton"],"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,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,WAAW,QAAQ,gBAAgB;AAE5C,OAAO,IAAMC,iBAAiB,GAAGJ,MAAM,CAACC,KAAK,CAAC;EAAA;EAAA;AAAA,QAAE;AAEhDG,iBAAiB,CAACC,WAAW,GAAG,mBAAmB;AAEnD,OAAO,IAAMC,gBAAgB,GAAGN,MAAM,CAACO,IAAI;EAAA;EAAA;AAAA,kGAIvCH,iBAAiB,CAQpB;AAEDE,gBAAgB,CAACD,WAAW,GAAG,kBAAkB;AAEjD,OAAO,IAAMG,cAAc,GAAGR,MAAM,CAACE,QAAQ,CAAC;EAAA;EAAA;AAAA,yBAE7C;AAEDM,cAAc,CAACH,WAAW,GAAG,gBAAgB;AAE7C,OAAO,IAAMI,iBAAiB,GAAGT,MAAM,CAACG,WAAW,CAAC;EAAA;EAAA;AAAA,yBAEnD;AAEDM,iBAAiB,CAACJ,WAAW,GAAG,mBAAmB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,UAAd;AACA,cAAc,eAAd","sourcesContent":["export * from \"./Select\";\nexport * from \"./Option\";\nexport * from \"./OptionGroup\";\n"],"file":"index.js"}
+{"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,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,eAAe"}

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

@@ -7,30 +7,30 @@ import { Tooltip } from "../Tooltip/Tooltip";
 import { StyledButtonClose, StyledButtonCloseColored, StyledButtonSave, StyledSelectDateButtons, StyledSelectDateDatePicker, StyledSelectDateFooter } from "./Styles";
 export 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;
+    _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();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":["React","useCallback","MomentLocaleUtils","DatePicker","Button","CancelCrossIcon","Tooltip","StyledButtonClose","StyledButtonCloseColored","StyledButtonSave","StyledSelectDateButtons","StyledSelectDateDatePicker","StyledSelectDateFooter","DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","e","key","zIndex","displayName"],"mappings":"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","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 { 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        <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                <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"],"file":"DatePickerForm.js"}
+{"version":3,"file":"DatePickerForm.js","names":["React","useCallback","MomentLocaleUtils","DatePicker","Button","CancelCrossIcon","Tooltip","StyledButtonClose","StyledButtonCloseColored","StyledButtonSave","StyledSelectDateButtons","StyledSelectDateDatePicker","StyledSelectDateFooter","DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","e","key","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 { 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        <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                <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"],"mappings":"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"}