@activecollab/components 2.0.304 → 2.0.305

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

@@ -1 +1 @@
-{"version":3,"file":"MenuSelector.js","names":["React","useCallback","classNames","StyledMenuSelector","StyledMenuSelectorBack","StyledMenuSelectorDots","StyledMenuSelectorInner","Input","MenuSelector","_ref","defaultValue","children","placeholder","onChange","onBack","onEdit","autoFocus","className","onFocus","onBlur","autoComplete","handleChange","e","target","value","createElement","onClick","width","height","displayName"],"sources":["../../../../src/components/MenuSelector/MenuSelector.tsx"],"sourcesContent":["import React, {\n  FC,\n  FocusEvent,\n  useCallback,\n  ChangeEvent,\n  PropsWithChildren,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledMenuSelector,\n  StyledMenuSelectorBack,\n  StyledMenuSelectorDots,\n  StyledMenuSelectorInner,\n} from \"./Styles\";\nimport { Input } from \"../Input\";\n\ninterface IMenuSelector {\n  /** Initial value on mount */\n  defaultValue?: string;\n  /** Input placeholder */\n  placeholder?: string;\n  /** Execute callback when input has been changed */\n  onChange?: (value: string) => void;\n  /** Execute callback when click on back button */\n  onBack?: () => void;\n  /** Execute callback when click on edit button */\n  onEdit?: () => void;\n  /** Auto focus on mount */\n  autoFocus?: boolean;\n  /** Applies passed classes */\n  className?: string;\n  /** Input focus event callback */\n  onFocus?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Input focus event callback */\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Set auto complete option on/off */\n  autoComplete?: boolean;\n}\n\nexport const MenuSelector: FC<PropsWithChildren<IMenuSelector>> = ({\n  defaultValue,\n  children,\n  placeholder,\n  onChange,\n  onBack,\n  onEdit,\n  autoFocus = false,\n  className,\n  onFocus,\n  onBlur,\n  autoComplete = false,\n}) => {\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (typeof onChange === \"function\") {\n        onChange(e.target.value);\n      }\n    },\n    [onChange]\n  );\n\n  return (\n    <StyledMenuSelector className={classNames(\"c-menu-selector\", className)}>\n      <StyledMenuSelectorInner>\n        {typeof onBack === \"function\" ? (\n          <StyledMenuSelectorBack onClick={onBack} width=\"16px\" height=\"16px\" />\n        ) : null}\n        <Input\n          onChange={handleChange}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          defaultValue={defaultValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          autoComplete={autoComplete ? \"on\" : \"off\"}\n        />\n        {typeof onEdit === \"function\" ? (\n          <StyledMenuSelectorDots onClick={onEdit} />\n        ) : null}\n      </StyledMenuSelectorInner>\n      {children}\n    </StyledMenuSelector>\n  );\n};\n\nMenuSelector.displayName = \"MenuSelector\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAGVC,WAAW,QAGN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,kBAAkB,EAClBC,sBAAsB,EACtBC,sBAAsB,EACtBC,uBAAuB,QAClB,UAAU;AACjB,SAASC,KAAK,QAAQ,UAAU;AAyBhC,OAAO,MAAMC,YAAkD,GAAGC,IAAA,IAY5D;EAAA,IAZ6D;IACjEC,YAAY;IACZC,QAAQ;IACRC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNC,SAAS,GAAG,KAAK;IACjBC,SAAS;IACTC,OAAO;IACPC,MAAM;IACNC,YAAY,GAAG;EACjB,CAAC,GAAAX,IAAA;EACC,MAAMY,YAAY,GAAGpB,WAAW,CAC7BqB,CAAgC,IAAK;IACpC,IAAI,OAAOT,QAAQ,KAAK,UAAU,EAAE;MAClCA,QAAQ,CAACS,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;IAC1B;EACF,CAAC,EACD,CAACX,QAAQ,CACX,CAAC;EAED,oBACEb,KAAA,CAAAyB,aAAA,CAACtB,kBAAkB;IAACc,SAAS,EAAEf,UAAU,CAAC,iBAAiB,EAAEe,SAAS;EAAE,gBACtEjB,KAAA,CAAAyB,aAAA,CAACnB,uBAAuB,QACrB,OAAOQ,MAAM,KAAK,UAAU,gBAC3Bd,KAAA,CAAAyB,aAAA,CAACrB,sBAAsB;IAACsB,OAAO,EAAEZ,MAAO;IAACa,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC;EAAM,CAAE,CAAC,GACpE,IAAI,eACR5B,KAAA,CAAAyB,aAAA,CAAClB,KAAK;IACJM,QAAQ,EAAEQ,YAAa;IACvBT,WAAW,EAAEA,WAAY;IACzBI,SAAS,EAAEA,SAAU;IACrBN,YAAY,EAAEA,YAAa;IAC3BQ,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEA,YAAY,GAAG,IAAI,GAAG;EAAM,CAC3C,CAAC,EACD,OAAOL,MAAM,KAAK,UAAU,gBAC3Bf,KAAA,CAAAyB,aAAA,CAACpB,sBAAsB;IAACqB,OAAO,EAAEX;EAAO,CAAE,CAAC,GACzC,IACmB,CAAC,EACzBJ,QACiB,CAAC;AAEzB,CAAC;AAEDH,YAAY,CAACqB,WAAW,GAAG,cAAc","ignoreList":[]}
+{"version":3,"file":"MenuSelector.js","names":["React","useCallback","classNames","StyledMenuSelector","StyledMenuSelectorBack","StyledMenuSelectorDots","StyledMenuSelectorInner","Input","MenuSelector","_ref","defaultValue","children","placeholder","onChange","onBack","onEdit","_ref$autoFocus","autoFocus","className","onFocus","onBlur","_ref$autoComplete","autoComplete","handleChange","e","target","value","createElement","onClick","width","height","displayName"],"sources":["../../../../src/components/MenuSelector/MenuSelector.tsx"],"sourcesContent":["import React, {\n  FC,\n  FocusEvent,\n  useCallback,\n  ChangeEvent,\n  PropsWithChildren,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledMenuSelector,\n  StyledMenuSelectorBack,\n  StyledMenuSelectorDots,\n  StyledMenuSelectorInner,\n} from \"./Styles\";\nimport { Input } from \"../Input\";\n\ninterface IMenuSelector {\n  /** Initial value on mount */\n  defaultValue?: string;\n  /** Input placeholder */\n  placeholder?: string;\n  /** Execute callback when input has been changed */\n  onChange?: (value: string) => void;\n  /** Execute callback when click on back button */\n  onBack?: () => void;\n  /** Execute callback when click on edit button */\n  onEdit?: () => void;\n  /** Auto focus on mount */\n  autoFocus?: boolean;\n  /** Applies passed classes */\n  className?: string;\n  /** Input focus event callback */\n  onFocus?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Input focus event callback */\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Set auto complete option on/off */\n  autoComplete?: boolean;\n}\n\nexport const MenuSelector: FC<PropsWithChildren<IMenuSelector>> = ({\n  defaultValue,\n  children,\n  placeholder,\n  onChange,\n  onBack,\n  onEdit,\n  autoFocus = false,\n  className,\n  onFocus,\n  onBlur,\n  autoComplete = false,\n}) => {\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (typeof onChange === \"function\") {\n        onChange(e.target.value);\n      }\n    },\n    [onChange]\n  );\n\n  return (\n    <StyledMenuSelector className={classNames(\"c-menu-selector\", className)}>\n      <StyledMenuSelectorInner>\n        {typeof onBack === \"function\" ? (\n          <StyledMenuSelectorBack onClick={onBack} width=\"16px\" height=\"16px\" />\n        ) : null}\n        <Input\n          onChange={handleChange}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          defaultValue={defaultValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          autoComplete={autoComplete ? \"on\" : \"off\"}\n        />\n        {typeof onEdit === \"function\" ? (\n          <StyledMenuSelectorDots onClick={onEdit} />\n        ) : null}\n      </StyledMenuSelectorInner>\n      {children}\n    </StyledMenuSelector>\n  );\n};\n\nMenuSelector.displayName = \"MenuSelector\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAGVC,WAAW,QAGN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,kBAAkB,EAClBC,sBAAsB,EACtBC,sBAAsB,EACtBC,uBAAuB,QAClB,UAAU;AACjB,SAASC,KAAK,QAAQ,UAAU;AAyBhC,OAAO,MAAMC,YAAkD,GAAGC,IAAA,IAY5D;EAAA,IAXJC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACZC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,MAAM,GAAAN,IAAA,CAANM,MAAM;IAAAC,cAAA,GAAAP,IAAA,CACNQ,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IACjBE,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,OAAO,GAAAV,IAAA,CAAPU,OAAO;IACPC,MAAM,GAAAX,IAAA,CAANW,MAAM;IAAAC,iBAAA,GAAAZ,IAAA,CACNa,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;EAEpB,MAAME,YAAY,GAAGtB,WAAW,CAC7BuB,CAAgC,IAAK;IACpC,IAAI,OAAOX,QAAQ,KAAK,UAAU,EAAE;MAClCA,QAAQ,CAACW,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;IAC1B;EACF,CAAC,EACD,CAACb,QAAQ,CACX,CAAC;EAED,oBACEb,KAAA,CAAA2B,aAAA,CAACxB,kBAAkB;IAACe,SAAS,EAAEhB,UAAU,CAAC,iBAAiB,EAAEgB,SAAS;EAAE,gBACtElB,KAAA,CAAA2B,aAAA,CAACrB,uBAAuB,QACrB,OAAOQ,MAAM,KAAK,UAAU,gBAC3Bd,KAAA,CAAA2B,aAAA,CAACvB,sBAAsB;IAACwB,OAAO,EAAEd,MAAO;IAACe,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC;EAAM,CAAE,CAAC,GACpE,IAAI,eACR9B,KAAA,CAAA2B,aAAA,CAACpB,KAAK;IACJM,QAAQ,EAAEU,YAAa;IACvBX,WAAW,EAAEA,WAAY;IACzBK,SAAS,EAAEA,SAAU;IACrBP,YAAY,EAAEA,YAAa;IAC3BS,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfE,YAAY,EAAEA,YAAY,GAAG,IAAI,GAAG;EAAM,CAC3C,CAAC,EACD,OAAOP,MAAM,KAAK,UAAU,gBAC3Bf,KAAA,CAAA2B,aAAA,CAACtB,sBAAsB;IAACuB,OAAO,EAAEb;EAAO,CAAE,CAAC,GACzC,IACmB,CAAC,EACzBJ,QACiB,CAAC;AAEzB,CAAC;AAEDH,YAAY,CAACuB,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/esm/components/Modal/Modal.js

@@ -10,20 +10,28 @@ const getHasTransition = children => {
   return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
 };
 export const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      disableFocusLock = false,
-      disableScrollLock = false,
-      disableBackgroundClick = false,
-      disableBackgroundColor = false,
-      disableCloseOnEsc = false,
-      open: defaultOpen = false,
-      onClose,
-      onClickOutside
-    } = _ref,
+  let children = _ref.children,
+    _ref$disableFocusLock = _ref.disableFocusLock,
+    disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
+    _ref$disableScrollLoc = _ref.disableScrollLock,
+    disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
+    _ref$disableBackgroun = _ref.disableBackgroundClick,
+    disableBackgroundClick = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
+    _ref$disableBackgroun2 = _ref.disableBackgroundColor,
+    disableBackgroundColor = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
+    _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
+    disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
+    _ref$open = _ref.open,
+    defaultOpen = _ref$open === void 0 ? false : _ref$open,
+    onClose = _ref.onClose,
+    onClickOutside = _ref.onClickOutside,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const [open, setOpen] = useState(defaultOpen);
-  const [exited, setExited] = useState(true);
+  const _useState = useState(defaultOpen),
+    open = _useState[0],
+    setOpen = _useState[1];
+  const _useState2 = useState(true),
+    exited = _useState2[0],
+    setExited = _useState2[1];
   const innerRef = useRef(null);
   const handleRef = useForkRef(innerRef, ref);
   const hasTransition = useMemo(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","forwardRef","useRef","cloneElement","useMemo","useCallback","useState","useEffect","createChainedFunction","useForkRef","Overlay","Window","getHasTransition","children","props","Object","prototype","hasOwnProperty","call","Modal","_ref","ref","disableFocusLock","disableScrollLock","disableBackgroundClick","disableBackgroundColor","disableCloseOnEsc","open","defaultOpen","onClose","onClickOutside","rest","_objectWithoutPropertiesLoose","_excluded","setOpen","exited","setExited","innerRef","handleRef","hasTransition","handleClose","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","onExited","in","createElement","_extends","onClick","displayName"],"sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useRef,\n  cloneElement,\n  useMemo,\n  useCallback,\n  ReactElement,\n  useState,\n  useEffect,\n  MouseEvent,\n} from \"react\";\n\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\n\nexport interface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n  disableBackgroundColor?: boolean;\n  onClose?: () => void;\n  children: ReactElement;\n  onClickOutside?: (event) => void;\n}\n\nconst getHasTransition = (children): boolean => {\n  return children.props\n    ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n    : false;\n};\n\nexport const Modal = forwardRef<\n  HTMLDivElement,\n  IModal & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundClick = false,\n      disableBackgroundColor = false,\n      disableCloseOnEsc = false,\n      open: defaultOpen = false,\n      onClose,\n      onClickOutside,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n\n    const hasTransition = useMemo(() => {\n      return getHasTransition(children);\n    }, [children]);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n      if (!hasTransition) {\n        typeof onClose === \"function\" && onClose();\n      }\n    }, [hasTransition, onClose]);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          return handleClose();\n        }\n\n        if (onClickOutside) {\n          onClickOutside(event);\n        }\n      },\n      [disableBackgroundClick, onClickOutside, handleClose]\n    );\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const childProps = useMemo(() => {\n      let props = {};\n\n      // It's a Transition like component\n      if (hasTransition && children) {\n        props = {\n          onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n          onExited: createChainedFunction(\n            handleExited,\n            children.props.onExited\n          ),\n          in: open,\n        };\n      }\n\n      return props;\n    }, [children, handleEnter, handleExited, hasTransition, open]);\n\n    if (!open && (!hasTransition || exited)) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n        disableCloseOnEsc={disableCloseOnEsc}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Modal.js","names":["React","forwardRef","useRef","cloneElement","useMemo","useCallback","useState","useEffect","createChainedFunction","useForkRef","Overlay","Window","getHasTransition","children","props","Object","prototype","hasOwnProperty","call","Modal","_ref","ref","_ref$disableFocusLock","disableFocusLock","_ref$disableScrollLoc","disableScrollLock","_ref$disableBackgroun","disableBackgroundClick","_ref$disableBackgroun2","disableBackgroundColor","_ref$disableCloseOnEs","disableCloseOnEsc","_ref$open","open","defaultOpen","onClose","onClickOutside","rest","_objectWithoutPropertiesLoose","_excluded","_useState","setOpen","_useState2","exited","setExited","innerRef","handleRef","hasTransition","handleClose","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","onExited","in","createElement","_extends","onClick","displayName"],"sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useRef,\n  cloneElement,\n  useMemo,\n  useCallback,\n  ReactElement,\n  useState,\n  useEffect,\n  MouseEvent,\n} from \"react\";\n\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\n\nexport interface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n  disableBackgroundColor?: boolean;\n  onClose?: () => void;\n  children: ReactElement;\n  onClickOutside?: (event) => void;\n}\n\nconst getHasTransition = (children): boolean => {\n  return children.props\n    ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n    : false;\n};\n\nexport const Modal = forwardRef<\n  HTMLDivElement,\n  IModal & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundClick = false,\n      disableBackgroundColor = false,\n      disableCloseOnEsc = false,\n      open: defaultOpen = false,\n      onClose,\n      onClickOutside,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n\n    const hasTransition = useMemo(() => {\n      return getHasTransition(children);\n    }, [children]);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n      if (!hasTransition) {\n        typeof onClose === \"function\" && onClose();\n      }\n    }, [hasTransition, onClose]);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          return handleClose();\n        }\n\n        if (onClickOutside) {\n          onClickOutside(event);\n        }\n      },\n      [disableBackgroundClick, onClickOutside, handleClose]\n    );\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const childProps = useMemo(() => {\n      let props = {};\n\n      // It's a Transition like component\n      if (hasTransition && children) {\n        props = {\n          onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n          onExited: createChainedFunction(\n            handleExited,\n            children.props.onExited\n          ),\n          in: open,\n        };\n      }\n\n      return props;\n    }, [children, handleEnter, handleExited, hasTransition, open]);\n\n    if (!open && (!hasTransition || exited)) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n        disableCloseOnEsc={disableCloseOnEsc}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/MultiAvatar/MultiAvatar.js

@@ -28,13 +28,12 @@ import { StyledMultiAvatar, StyledMultiAvatarInner } from "./Styles";
  * https://design.activecollab.com/docs/components/avatar
  */
 export const MultiAvatar = _ref => {
-  let {
-    url,
-    alt,
-    size = 24,
-    className,
-    children
-  } = _ref;
+  let url = _ref.url,
+    alt = _ref.alt,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    className = _ref.className,
+    children = _ref.children;
   const setSize = useCallback(i => {
     switch (url.length) {
       case 1:

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

@@ -1 +1 @@
-{"version":3,"file":"MultiAvatar.js","names":["React","useCallback","useMemo","StyledMultiAvatar","StyledMultiAvatarInner","MultiAvatar","_ref","url","alt","size","className","children","setSize","i","length","width","height","slicedUrl","slice","createElement","style","$urlCount","map","v","key","src","displayName"],"sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"sourcesContent":["import React, { PropsWithChildren, useCallback, useMemo } from \"react\";\n\nimport { StyledMultiAvatar, StyledMultiAvatarInner } from \"./Styles\";\n\nexport interface MultiAvatarProps {\n  /** Path url. */\n  url: string[];\n  /** Alt text. */\n  alt?: string[];\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n}\n\n/**\n * @component MultiAvatar\n * @description\n * The MultiAvatar component is used to represent user, and displays the profile picture, initials or fallback icon.\n *\n * @prop {url} - The image urls of the MultiAvatar.\n * @prop {size} - controls the size of an MultiAvatar (width and height) in pixels.\n * @prop {alt} - alt attributes of the imgs.\n *\n * @example\n * <MultiAvatar\n *  url={[\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\", \"https://faces-img.xcdn.link/image-lorem-face-953.jpg\"]}\n *  alt={[\"Profile picture of John\", \"Profile picture of Sarah\"]} />\n *\n * @example\n * <MultiAvatar\n *  url={[\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\", \"https://faces-img.xcdn.link/image-lorem-face-953.jpg\"]}\n *  alt={[\"Profile picture of John\", \"Profile picture of Sarah\"]}\n * >\n *  <Badge />\n * </MultiAvatar>\n *\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-avatar--avatar\n * @see\n * https://design.activecollab.com/docs/components/avatar\n */\nexport const MultiAvatar = ({\n  url,\n  alt,\n  size = 24,\n  className,\n  children,\n}: PropsWithChildren<MultiAvatarProps>) => {\n  const setSize = useCallback(\n    (i: number): object => {\n      switch (url.length) {\n        case 1:\n          return { width: `${size}px`, height: `${size}px` };\n        case 2:\n          return { width: `${size / 2}px`, height: `${size}px` };\n        case 3:\n          if (i === 0) {\n            return { width: `${size / 2}px`, height: `${size}px` };\n          } else {\n            return { width: `${size / 2}px`, height: `${size / 2}px` };\n          }\n        default:\n          return { width: `${size / 2}px`, height: `${size / 2}px` };\n      }\n    },\n    [size, url.length]\n  );\n\n  const slicedUrl = useMemo(() => {\n    if (url?.length > 4) {\n      return url.slice(0, 4);\n    }\n\n    return url;\n  }, [url]);\n\n  return (\n    <span className=\"tw-relative tw-inline-flex\">\n      <StyledMultiAvatar\n        style={{ width: `${size}px`, height: `${size}px` }}\n        className={className}\n        $urlCount={url.length}\n      >\n        {slicedUrl.map((v, i) => (\n          <StyledMultiAvatarInner\n            style={setSize(i)}\n            className=\"c-multi-avatar__wrapper\"\n            key={`avatar_${i}`}\n          >\n            <img\n              src={v}\n              alt={alt && alt[i] ? alt[i] : `avatar_${i}`}\n              width={size}\n              height={size}\n            />\n          </StyledMultiAvatarInner>\n        ))}\n      </StyledMultiAvatar>\n      {children}\n    </span>\n  );\n};\n\nMultiAvatar.displayName = \"MultiAvatar\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAuBC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEtE,SAASC,iBAAiB,EAAEC,sBAAsB,QAAQ,UAAU;AAapE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAGC,IAAA,IAMgB;EAAA,IANf;IAC1BC,GAAG;IACHC,GAAG;IACHC,IAAI,GAAG,EAAE;IACTC,SAAS;IACTC;EACmC,CAAC,GAAAL,IAAA;EACpC,MAAMM,OAAO,GAAGX,WAAW,CACxBY,CAAS,IAAa;IACrB,QAAQN,GAAG,CAACO,MAAM;MAChB,KAAK,CAAC;QACJ,OAAO;UAAEC,KAAK,EAAKN,IAAI,OAAI;UAAEO,MAAM,EAAKP,IAAI;QAAK,CAAC;MACpD,KAAK,CAAC;QACJ,OAAO;UAAEM,KAAK,EAAKN,IAAI,GAAG,CAAC,OAAI;UAAEO,MAAM,EAAKP,IAAI;QAAK,CAAC;MACxD,KAAK,CAAC;QACJ,IAAII,CAAC,KAAK,CAAC,EAAE;UACX,OAAO;YAAEE,KAAK,EAAKN,IAAI,GAAG,CAAC,OAAI;YAAEO,MAAM,EAAKP,IAAI;UAAK,CAAC;QACxD,CAAC,MAAM;UACL,OAAO;YAAEM,KAAK,EAAKN,IAAI,GAAG,CAAC,OAAI;YAAEO,MAAM,EAAKP,IAAI,GAAG,CAAC;UAAK,CAAC;QAC5D;MACF;QACE,OAAO;UAAEM,KAAK,EAAKN,IAAI,GAAG,CAAC,OAAI;UAAEO,MAAM,EAAKP,IAAI,GAAG,CAAC;QAAK,CAAC;IAC9D;EACF,CAAC,EACD,CAACA,IAAI,EAAEF,GAAG,CAACO,MAAM,CACnB,CAAC;EAED,MAAMG,SAAS,GAAGf,OAAO,CAAC,MAAM;IAC9B,IAAI,CAAAK,GAAG,oBAAHA,GAAG,CAAEO,MAAM,IAAG,CAAC,EAAE;MACnB,OAAOP,GAAG,CAACW,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACxB;IAEA,OAAOX,GAAG;EACZ,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAET,oBACEP,KAAA,CAAAmB,aAAA;IAAMT,SAAS,EAAC;EAA4B,gBAC1CV,KAAA,CAAAmB,aAAA,CAAChB,iBAAiB;IAChBiB,KAAK,EAAE;MAAEL,KAAK,EAAKN,IAAI,OAAI;MAAEO,MAAM,EAAKP,IAAI;IAAK,CAAE;IACnDC,SAAS,EAAEA,SAAU;IACrBW,SAAS,EAAEd,GAAG,CAACO;EAAO,GAErBG,SAAS,CAACK,GAAG,CAAC,CAACC,CAAC,EAAEV,CAAC,kBAClBb,KAAA,CAAAmB,aAAA,CAACf,sBAAsB;IACrBgB,KAAK,EAAER,OAAO,CAACC,CAAC,CAAE;IAClBH,SAAS,EAAC,yBAAyB;IACnCc,GAAG,cAAYX;EAAI,gBAEnBb,KAAA,CAAAmB,aAAA;IACEM,GAAG,EAAEF,CAAE;IACPf,GAAG,EAAEA,GAAG,IAAIA,GAAG,CAACK,CAAC,CAAC,GAAGL,GAAG,CAACK,CAAC,CAAC,eAAaA,CAAI;IAC5CE,KAAK,EAAEN,IAAK;IACZO,MAAM,EAAEP;EAAK,CACd,CACqB,CACzB,CACgB,CAAC,EACnBE,QACG,CAAC;AAEX,CAAC;AAEDN,WAAW,CAACqB,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"file":"MultiAvatar.js","names":["React","useCallback","useMemo","StyledMultiAvatar","StyledMultiAvatarInner","MultiAvatar","_ref","url","alt","_ref$size","size","className","children","setSize","i","length","width","height","slicedUrl","slice","createElement","style","$urlCount","map","v","key","src","displayName"],"sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"sourcesContent":["import React, { PropsWithChildren, useCallback, useMemo } from \"react\";\n\nimport { StyledMultiAvatar, StyledMultiAvatarInner } from \"./Styles\";\n\nexport interface MultiAvatarProps {\n  /** Path url. */\n  url: string[];\n  /** Alt text. */\n  alt?: string[];\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n}\n\n/**\n * @component MultiAvatar\n * @description\n * The MultiAvatar component is used to represent user, and displays the profile picture, initials or fallback icon.\n *\n * @prop {url} - The image urls of the MultiAvatar.\n * @prop {size} - controls the size of an MultiAvatar (width and height) in pixels.\n * @prop {alt} - alt attributes of the imgs.\n *\n * @example\n * <MultiAvatar\n *  url={[\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\", \"https://faces-img.xcdn.link/image-lorem-face-953.jpg\"]}\n *  alt={[\"Profile picture of John\", \"Profile picture of Sarah\"]} />\n *\n * @example\n * <MultiAvatar\n *  url={[\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\", \"https://faces-img.xcdn.link/image-lorem-face-953.jpg\"]}\n *  alt={[\"Profile picture of John\", \"Profile picture of Sarah\"]}\n * >\n *  <Badge />\n * </MultiAvatar>\n *\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-avatar--avatar\n * @see\n * https://design.activecollab.com/docs/components/avatar\n */\nexport const MultiAvatar = ({\n  url,\n  alt,\n  size = 24,\n  className,\n  children,\n}: PropsWithChildren<MultiAvatarProps>) => {\n  const setSize = useCallback(\n    (i: number): object => {\n      switch (url.length) {\n        case 1:\n          return { width: `${size}px`, height: `${size}px` };\n        case 2:\n          return { width: `${size / 2}px`, height: `${size}px` };\n        case 3:\n          if (i === 0) {\n            return { width: `${size / 2}px`, height: `${size}px` };\n          } else {\n            return { width: `${size / 2}px`, height: `${size / 2}px` };\n          }\n        default:\n          return { width: `${size / 2}px`, height: `${size / 2}px` };\n      }\n    },\n    [size, url.length]\n  );\n\n  const slicedUrl = useMemo(() => {\n    if (url?.length > 4) {\n      return url.slice(0, 4);\n    }\n\n    return url;\n  }, [url]);\n\n  return (\n    <span className=\"tw-relative tw-inline-flex\">\n      <StyledMultiAvatar\n        style={{ width: `${size}px`, height: `${size}px` }}\n        className={className}\n        $urlCount={url.length}\n      >\n        {slicedUrl.map((v, i) => (\n          <StyledMultiAvatarInner\n            style={setSize(i)}\n            className=\"c-multi-avatar__wrapper\"\n            key={`avatar_${i}`}\n          >\n            <img\n              src={v}\n              alt={alt && alt[i] ? alt[i] : `avatar_${i}`}\n              width={size}\n              height={size}\n            />\n          </StyledMultiAvatarInner>\n        ))}\n      </StyledMultiAvatar>\n      {children}\n    </span>\n  );\n};\n\nMultiAvatar.displayName = \"MultiAvatar\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Nav/Item/Item.js

@@ -5,13 +5,13 @@ import React from "react";
 import classNames from "classnames";
 import { StyledNavListItem } from "../Styles";
 export const Item = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      children,
-      active = false,
-      disabled = false,
-      className,
-      role
-    } = _ref,
+  let children = _ref.children,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    className = _ref.className,
+    role = _ref.role,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledNavListItem, _extends({
     className: classNames("c-nav__item", {

package/dist/esm/components/Nav/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","names":["React","classNames","StyledNavListItem","Item","forwardRef","_ref","ref","children","active","disabled","className","role","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$active","$disabled","$role","displayName"],"sources":["../../../../../src/components/Nav/Item/Item.tsx"],"sourcesContent":["import React, { ReactChild } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { NavRoleType } from \"../Nav\";\nimport { StyledNavListItem } from \"../Styles\";\n\nexport interface ItemProps {\n  /** Classname prop for custom styling. */\n  children: ReactChild | string;\n  /** Active state(underline). */\n  active?: boolean;\n  /** Disabled state. */\n  disabled?: boolean;\n  className?: string;\n  name: string;\n  role?: NavRoleType;\n}\n\nexport const Item = React.forwardRef<\n  HTMLLIElement,\n  ItemProps & React.ComponentPropsWithoutRef<\"li\">\n>(\n  (\n    { children, active = false, disabled = false, className, role, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledNavListItem\n        className={classNames(\n          `c-nav__item`,\n          {\n            \"c-nav__item--active\": active,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n        $active={active}\n        $disabled={disabled}\n        $role={role}\n      >\n        {children}\n      </StyledNavListItem>\n    );\n  }\n);\n\nItem.displayName = \"Item\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAsB,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAGnC,SAASC,iBAAiB,QAAQ,WAAW;AAc7C,OAAO,MAAMC,IAAI,gBAAGH,KAAK,CAACI,UAAU,CAIlC,CAAAC,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;MAAEC,QAAQ;MAAEC,MAAM,GAAG,KAAK;MAAEC,QAAQ,GAAG,KAAK;MAAEC,SAAS;MAAEC;IAAc,CAAC,GAAAN,IAAA;IAANO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAGtE,oBACEd,KAAA,CAAAe,aAAA,CAACb,iBAAiB,EAAAc,QAAA;IAChBN,SAAS,EAAET,UAAU,gBAEnB;MACE,qBAAqB,EAAEO;IACzB,CAAC,EACDE,SACF,CAAE;IACFJ,GAAG,EAAEA;EAAI,GACLM,IAAI;IACRK,OAAO,EAAET,MAAO;IAChBU,SAAS,EAAET,QAAS;IACpBU,KAAK,EAAER;EAAK,IAEXJ,QACgB,CAAC;AAExB,CACF,CAAC;AAEDJ,IAAI,CAACiB,WAAW,GAAG,MAAM","ignoreList":[]}
+{"version":3,"file":"Item.js","names":["React","classNames","StyledNavListItem","Item","forwardRef","_ref","ref","children","_ref$active","active","_ref$disabled","disabled","className","role","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$active","$disabled","$role","displayName"],"sources":["../../../../../src/components/Nav/Item/Item.tsx"],"sourcesContent":["import React, { ReactChild } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { NavRoleType } from \"../Nav\";\nimport { StyledNavListItem } from \"../Styles\";\n\nexport interface ItemProps {\n  /** Classname prop for custom styling. */\n  children: ReactChild | string;\n  /** Active state(underline). */\n  active?: boolean;\n  /** Disabled state. */\n  disabled?: boolean;\n  className?: string;\n  name: string;\n  role?: NavRoleType;\n}\n\nexport const Item = React.forwardRef<\n  HTMLLIElement,\n  ItemProps & React.ComponentPropsWithoutRef<\"li\">\n>(\n  (\n    { children, active = false, disabled = false, className, role, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledNavListItem\n        className={classNames(\n          `c-nav__item`,\n          {\n            \"c-nav__item--active\": active,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n        $active={active}\n        $disabled={disabled}\n        $role={role}\n      >\n        {children}\n      </StyledNavListItem>\n    );\n  }\n);\n\nItem.displayName = \"Item\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAsB,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAGnC,SAASC,iBAAiB,QAAQ,WAAW;AAc7C,OAAO,MAAMC,IAAI,gBAAGH,KAAK,CAACI,UAAU,CAIlC,CAAAC,IAAA,EAEEC,GAAG,KACA;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,WAAA,GAAAH,IAAA,CAAEI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,aAAA,GAAAL,IAAA,CAAEM,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEE,SAAS,GAAAP,IAAA,CAATO,SAAS;IAAEC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;IAAKC,IAAI,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAGtE,oBACEhB,KAAA,CAAAiB,aAAA,CAACf,iBAAiB,EAAAgB,QAAA;IAChBN,SAAS,EAAEX,UAAU,gBAEnB;MACE,qBAAqB,EAAEQ;IACzB,CAAC,EACDG,SACF,CAAE;IACFN,GAAG,EAAEA;EAAI,GACLQ,IAAI;IACRK,OAAO,EAAEV,MAAO;IAChBW,SAAS,EAAET,QAAS;IACpBU,KAAK,EAAER;EAAK,IAEXN,QACgB,CAAC;AAExB,CACF,CAAC;AAEDJ,IAAI,CAACmB,WAAW,GAAG,MAAM","ignoreList":[]}

package/dist/esm/components/Nav/Nav.js

@@ -7,17 +7,23 @@ import { ExpandSingle } from "../Expanders/ExpandSingle";
 import { Select } from "../Select/Select";
 export const Nav = _ref => {
   var _dimensions$width, _childDimensions$widt;
-  let {
-    children,
-    alignment = "left",
-    onSelect,
-    className,
-    role = "bold",
-    targetId
-  } = _ref;
-  const [active, setActive] = useState(0);
-  const [moreOpened, setMoreOpened] = useState(false);
-  const [type, setType] = useState("inline");
+  let children = _ref.children,
+    _ref$alignment = _ref.alignment,
+    alignment = _ref$alignment === void 0 ? "left" : _ref$alignment,
+    onSelect = _ref.onSelect,
+    className = _ref.className,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? "bold" : _ref$role,
+    targetId = _ref.targetId;
+  const _useState = useState(0),
+    active = _useState[0],
+    setActive = _useState[1];
+  const _useState2 = useState(false),
+    moreOpened = _useState2[0],
+    setMoreOpened = _useState2[1];
+  const _useState3 = useState("inline"),
+    type = _useState3[0],
+    setType = _useState3[1];
   const setMoreOpen = useCallback(() => setMoreOpened(true), []);
   const setMoreClose = useCallback(() => setMoreOpened(false), []);
   const navItemNames = useMemo(() => {
@@ -40,7 +46,9 @@ export const Nav = _ref => {
   const childDimensions = useResizeObserver(navRef);
   const parentWidth = (_dimensions$width = dimensions == null ? void 0 : dimensions.width) != null ? _dimensions$width : 0;
   const childWidth = (_childDimensions$widt = childDimensions == null ? void 0 : childDimensions.width) != null ? _childDimensions$widt : 0;
-  const [childrenWidth, setChildrenWidth] = useState(childWidth);
+  const _useState4 = useState(childWidth),
+    childrenWidth = _useState4[0],
+    setChildrenWidth = _useState4[1];
   useLayoutEffect(() => {
     if (type === "inline") setChildrenWidth(childWidth);
   }, [childWidth, type]);

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

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","names":["React","useState","useRef","useCallback","useMemo","Children","cloneElement","useEffect","useLayoutEffect","classNames","StyledNavListItemMore","StyledNav","StyledNavAsSelect","StyledNavList","useResizeObserver","ExpandSingle","Select","Nav","_ref","_dimensions$width","_childDimensions$widt","children","alignment","onSelect","className","role","targetId","active","setActive","moreOpened","setMoreOpened","type","setType","setMoreOpen","setMoreClose","navItemNames","toArray","map","item","_item$props","props","name","allOptions","index","id","navRef","wrapRef","dimensions","childDimensions","parentWidth","width","childWidth","childrenWidth","setChildrenWidth","onClick","e","metaKey","ctrlKey","target","currentTarget","dataset","disabled","Number","onMoreOptionClick","forEach","child","navAsSelect","createElement","$active","expanded","fill","current","$align","$role","ref","element","selected","disabledInternalSort","options","mode","forceCloseMenu","disableSearch","keepSameOptionsOrder","onChange","onSelectOpen","onSelectClose","displayName"],"sources":["../../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  FC,\n  ReactNode,\n  useState,\n  useRef,\n  useCallback,\n  useMemo,\n  Children,\n  cloneElement,\n  useEffect,\n  useLayoutEffect,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { ItemProps } from \"./Item/Item\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { StyledNav, StyledNavAsSelect, StyledNavList } from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\nimport { Select } from \"../Select/Select\";\n\ntype NavType = \"inline\" | \"dropdown\";\nexport type NavAlignType = \"left\" | \"center\" | \"right\";\nexport type NavRoleType = \"bold\" | \"light\";\n\nexport interface INavProps {\n  children?: ReactElement<ItemProps>[];\n  /** Function for changing active navs. */\n  onSelect?: (index: number) => void;\n  /** Aligment of nav component. */\n  alignment?: NavAlignType;\n  /** CSS classes. */\n  className?: string;\n  /** Role of nav component. */\n  role?: NavRoleType;\n  /** Target id */\n  targetId?: string;\n}\n\nexport const Nav: FC<INavProps> = ({\n  children,\n  alignment = \"left\",\n  onSelect,\n  className,\n  role = \"bold\",\n  targetId,\n}) => {\n  const [active, setActive] = useState(0);\n  const [moreOpened, setMoreOpened] = useState(false);\n  const [type, setType] = useState<NavType>(\"inline\");\n\n  const setMoreOpen = useCallback(() => setMoreOpened(true), []);\n  const setMoreClose = useCallback(() => setMoreOpened(false), []);\n\n  const navItemNames = useMemo(() => {\n    return children\n      ? (Children.toArray(children) as ReactElement<ItemProps>[]).map(\n          (item) => item?.props?.name\n        )\n      : [];\n  }, [children]);\n\n  const allOptions = useMemo(() => {\n    return navItemNames?.map((name, index) => {\n      return { id: index, name: name };\n    });\n  }, [navItemNames]);\n\n  const navRef = useRef<HTMLUListElement | null>(null);\n  const wrapRef = useRef<HTMLElement | null>(null);\n  const dimensions = useResizeObserver(wrapRef);\n  const childDimensions = useResizeObserver(navRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const [childrenWidth, setChildrenWidth] = useState(childWidth);\n\n  useLayoutEffect(() => {\n    if (type === \"inline\") setChildrenWidth(childWidth);\n  }, [childWidth, type]);\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n      if (e.metaKey || e.ctrlKey) {\n        return;\n      }\n      if (\n        e.target &&\n        e.currentTarget.dataset.index &&\n        !e.currentTarget.dataset.disabled\n      ) {\n        const index = Number(e.currentTarget.dataset.index);\n        setActive(index);\n        if (onSelect) {\n          onSelect(index);\n        }\n      }\n    },\n    [onSelect]\n  );\n\n  const onMoreOptionClick = useCallback(\n    (id) => {\n      setActive(id);\n      if (onSelect) {\n        onSelect(id);\n      }\n    },\n    [onSelect]\n  );\n\n  useMemo(() => {\n    Children.forEach(\n      children as ReactElement[],\n      (child: ReactElement, index) => {\n        if (child && child.props.active) {\n          setActive(index);\n        }\n      }\n    );\n  }, [children]);\n\n  const navAsSelect = useMemo(() => {\n    return (\n      <StyledNavAsSelect id={targetId} $active>\n        <span>{navItemNames[active]}</span>\n        <ExpandSingle expanded={moreOpened} fill=\"currentColor\" />\n      </StyledNavAsSelect>\n    );\n  }, [active, moreOpened, navItemNames, targetId]);\n\n  useEffect(() => {\n    if (!navRef.current || !wrapRef.current) return;\n    if (!childrenWidth || !parentWidth) return;\n\n    if (childrenWidth < parentWidth) {\n      setType(\"inline\");\n    } else {\n      setType(\"dropdown\");\n    }\n  }, [childrenWidth, parentWidth]);\n\n  if (!children) return;\n\n  return (\n    <StyledNav\n      className={classNames(\"c-nav\", className)}\n      $align={alignment}\n      $role={role}\n      ref={wrapRef}\n    >\n      <StyledNavList ref={navRef}>\n        {type === \"inline\" &&\n          Children.toArray(children).map((child: ReactNode, index: number) => {\n            const element = child as ReactElement;\n            return cloneElement(element, {\n              active: index === active,\n              role,\n              onClick,\n              \"data-index\": index,\n              \"data-disabled\": element.props.disabled,\n            });\n          })}\n        {type === \"dropdown\" ? (\n          <StyledNavListItemMore name={navItemNames[active]} role={role}>\n            <Select\n              selected={active}\n              target={navAsSelect}\n              disabledInternalSort\n              options={allOptions}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onChange={onMoreOptionClick}\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n      </StyledNavList>\n    </StyledNav>\n  );\n};\n\nNav.displayName = \"Nav\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Nav.js","names":["React","useState","useRef","useCallback","useMemo","Children","cloneElement","useEffect","useLayoutEffect","classNames","StyledNavListItemMore","StyledNav","StyledNavAsSelect","StyledNavList","useResizeObserver","ExpandSingle","Select","Nav","_ref","_dimensions$width","_childDimensions$widt","children","_ref$alignment","alignment","onSelect","className","_ref$role","role","targetId","_useState","active","setActive","_useState2","moreOpened","setMoreOpened","_useState3","type","setType","setMoreOpen","setMoreClose","navItemNames","toArray","map","item","_item$props","props","name","allOptions","index","id","navRef","wrapRef","dimensions","childDimensions","parentWidth","width","childWidth","_useState4","childrenWidth","setChildrenWidth","onClick","e","metaKey","ctrlKey","target","currentTarget","dataset","disabled","Number","onMoreOptionClick","forEach","child","navAsSelect","createElement","$active","expanded","fill","current","$align","$role","ref","element","selected","disabledInternalSort","options","mode","forceCloseMenu","disableSearch","keepSameOptionsOrder","onChange","onSelectOpen","onSelectClose","displayName"],"sources":["../../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  FC,\n  ReactNode,\n  useState,\n  useRef,\n  useCallback,\n  useMemo,\n  Children,\n  cloneElement,\n  useEffect,\n  useLayoutEffect,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { ItemProps } from \"./Item/Item\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { StyledNav, StyledNavAsSelect, StyledNavList } from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\nimport { Select } from \"../Select/Select\";\n\ntype NavType = \"inline\" | \"dropdown\";\nexport type NavAlignType = \"left\" | \"center\" | \"right\";\nexport type NavRoleType = \"bold\" | \"light\";\n\nexport interface INavProps {\n  children?: ReactElement<ItemProps>[];\n  /** Function for changing active navs. */\n  onSelect?: (index: number) => void;\n  /** Aligment of nav component. */\n  alignment?: NavAlignType;\n  /** CSS classes. */\n  className?: string;\n  /** Role of nav component. */\n  role?: NavRoleType;\n  /** Target id */\n  targetId?: string;\n}\n\nexport const Nav: FC<INavProps> = ({\n  children,\n  alignment = \"left\",\n  onSelect,\n  className,\n  role = \"bold\",\n  targetId,\n}) => {\n  const [active, setActive] = useState(0);\n  const [moreOpened, setMoreOpened] = useState(false);\n  const [type, setType] = useState<NavType>(\"inline\");\n\n  const setMoreOpen = useCallback(() => setMoreOpened(true), []);\n  const setMoreClose = useCallback(() => setMoreOpened(false), []);\n\n  const navItemNames = useMemo(() => {\n    return children\n      ? (Children.toArray(children) as ReactElement<ItemProps>[]).map(\n          (item) => item?.props?.name\n        )\n      : [];\n  }, [children]);\n\n  const allOptions = useMemo(() => {\n    return navItemNames?.map((name, index) => {\n      return { id: index, name: name };\n    });\n  }, [navItemNames]);\n\n  const navRef = useRef<HTMLUListElement | null>(null);\n  const wrapRef = useRef<HTMLElement | null>(null);\n  const dimensions = useResizeObserver(wrapRef);\n  const childDimensions = useResizeObserver(navRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const [childrenWidth, setChildrenWidth] = useState(childWidth);\n\n  useLayoutEffect(() => {\n    if (type === \"inline\") setChildrenWidth(childWidth);\n  }, [childWidth, type]);\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n      if (e.metaKey || e.ctrlKey) {\n        return;\n      }\n      if (\n        e.target &&\n        e.currentTarget.dataset.index &&\n        !e.currentTarget.dataset.disabled\n      ) {\n        const index = Number(e.currentTarget.dataset.index);\n        setActive(index);\n        if (onSelect) {\n          onSelect(index);\n        }\n      }\n    },\n    [onSelect]\n  );\n\n  const onMoreOptionClick = useCallback(\n    (id) => {\n      setActive(id);\n      if (onSelect) {\n        onSelect(id);\n      }\n    },\n    [onSelect]\n  );\n\n  useMemo(() => {\n    Children.forEach(\n      children as ReactElement[],\n      (child: ReactElement, index) => {\n        if (child && child.props.active) {\n          setActive(index);\n        }\n      }\n    );\n  }, [children]);\n\n  const navAsSelect = useMemo(() => {\n    return (\n      <StyledNavAsSelect id={targetId} $active>\n        <span>{navItemNames[active]}</span>\n        <ExpandSingle expanded={moreOpened} fill=\"currentColor\" />\n      </StyledNavAsSelect>\n    );\n  }, [active, moreOpened, navItemNames, targetId]);\n\n  useEffect(() => {\n    if (!navRef.current || !wrapRef.current) return;\n    if (!childrenWidth || !parentWidth) return;\n\n    if (childrenWidth < parentWidth) {\n      setType(\"inline\");\n    } else {\n      setType(\"dropdown\");\n    }\n  }, [childrenWidth, parentWidth]);\n\n  if (!children) return;\n\n  return (\n    <StyledNav\n      className={classNames(\"c-nav\", className)}\n      $align={alignment}\n      $role={role}\n      ref={wrapRef}\n    >\n      <StyledNavList ref={navRef}>\n        {type === \"inline\" &&\n          Children.toArray(children).map((child: ReactNode, index: number) => {\n            const element = child as ReactElement;\n            return cloneElement(element, {\n              active: index === active,\n              role,\n              onClick,\n              \"data-index\": index,\n              \"data-disabled\": element.props.disabled,\n            });\n          })}\n        {type === \"dropdown\" ? (\n          <StyledNavListItemMore name={navItemNames[active]} role={role}>\n            <Select\n              selected={active}\n              target={navAsSelect}\n              disabledInternalSort\n              options={allOptions}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onChange={onMoreOptionClick}\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n      </StyledNavList>\n    </StyledNav>\n  );\n};\n\nNav.displayName = \"Nav\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAIVC,QAAQ,EACRC,MAAM,EACNC,WAAW,EACXC,OAAO,EACPC,QAAQ,EACRC,YAAY,EACZC,SAAS,EACTC,eAAe,QACV,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAGnC,SAASC,qBAAqB,QAAQ,eAAe;AACrD,SAASC,SAAS,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,UAAU;AACtE,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,MAAM,QAAQ,kBAAkB;AAoBzC,OAAO,MAAMC,GAAkB,GAAGC,IAAA,IAO5B;EAAA,IAAAC,iBAAA,EAAAC,qBAAA;EAAA,IANJC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,cAAA,GAAAJ,IAAA,CACRK,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,MAAM,GAAAA,cAAA;IAClBE,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,SAAS,GAAAP,IAAA,CAATO,SAAS;IAAAC,SAAA,GAAAR,IAAA,CACTS,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,MAAM,GAAAA,SAAA;IACbE,QAAQ,GAAAV,IAAA,CAARU,QAAQ;EAER,MAAAC,SAAA,GAA4B5B,QAAQ,CAAC,CAAC,CAAC;IAAhC6B,MAAM,GAAAD,SAAA;IAAEE,SAAS,GAAAF,SAAA;EACxB,MAAAG,UAAA,GAAoC/B,QAAQ,CAAC,KAAK,CAAC;IAA5CgC,UAAU,GAAAD,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAChC,MAAAG,UAAA,GAAwBlC,QAAQ,CAAU,QAAQ,CAAC;IAA5CmC,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EAEpB,MAAMG,WAAW,GAAGnC,WAAW,CAAC,MAAM+B,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EAC9D,MAAMK,YAAY,GAAGpC,WAAW,CAAC,MAAM+B,aAAa,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAEhE,MAAMM,YAAY,GAAGpC,OAAO,CAAC,MAAM;IACjC,OAAOiB,QAAQ,GACVhB,QAAQ,CAACoC,OAAO,CAACpB,QAAQ,CAAC,CAA+BqB,GAAG,CAC1DC,IAAI;MAAA,IAAAC,WAAA;MAAA,OAAKD,IAAI,aAAAC,WAAA,GAAJD,IAAI,CAAEE,KAAK,qBAAXD,WAAA,CAAaE,IAAI;IAAA,CAC7B,CAAC,GACD,EAAE;EACR,CAAC,EAAE,CAACzB,QAAQ,CAAC,CAAC;EAEd,MAAM0B,UAAU,GAAG3C,OAAO,CAAC,MAAM;IAC/B,OAAOoC,YAAY,oBAAZA,YAAY,CAAEE,GAAG,CAAC,CAACI,IAAI,EAAEE,KAAK,KAAK;MACxC,OAAO;QAAEC,EAAE,EAAED,KAAK;QAAEF,IAAI,EAAEA;MAAK,CAAC;IAClC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACN,YAAY,CAAC,CAAC;EAElB,MAAMU,MAAM,GAAGhD,MAAM,CAA0B,IAAI,CAAC;EACpD,MAAMiD,OAAO,GAAGjD,MAAM,CAAqB,IAAI,CAAC;EAChD,MAAMkD,UAAU,GAAGtC,iBAAiB,CAACqC,OAAO,CAAC;EAC7C,MAAME,eAAe,GAAGvC,iBAAiB,CAACoC,MAAM,CAAC;EAEjD,MAAMI,WAAW,IAAAnC,iBAAA,GAAGiC,UAAU,oBAAVA,UAAU,CAAEG,KAAK,YAAApC,iBAAA,GAAI,CAAC;EAC1C,MAAMqC,UAAU,IAAApC,qBAAA,GAAGiC,eAAe,oBAAfA,eAAe,CAAEE,KAAK,YAAAnC,qBAAA,GAAI,CAAC;EAE9C,MAAAqC,UAAA,GAA0CxD,QAAQ,CAACuD,UAAU,CAAC;IAAvDE,aAAa,GAAAD,UAAA;IAAEE,gBAAgB,GAAAF,UAAA;EAEtCjD,eAAe,CAAC,MAAM;IACpB,IAAI4B,IAAI,KAAK,QAAQ,EAAEuB,gBAAgB,CAACH,UAAU,CAAC;EACrD,CAAC,EAAE,CAACA,UAAU,EAAEpB,IAAI,CAAC,CAAC;EAEtB,MAAMwB,OAAO,GAAGzD,WAAW,CACxB0D,CAA4C,IAAK;IAChD,IAAIA,CAAC,CAACC,OAAO,IAAID,CAAC,CAACE,OAAO,EAAE;MAC1B;IACF;IACA,IACEF,CAAC,CAACG,MAAM,IACRH,CAAC,CAACI,aAAa,CAACC,OAAO,CAAClB,KAAK,IAC7B,CAACa,CAAC,CAACI,aAAa,CAACC,OAAO,CAACC,QAAQ,EACjC;MACA,MAAMnB,KAAK,GAAGoB,MAAM,CAACP,CAAC,CAACI,aAAa,CAACC,OAAO,CAAClB,KAAK,CAAC;MACnDjB,SAAS,CAACiB,KAAK,CAAC;MAChB,IAAIxB,QAAQ,EAAE;QACZA,QAAQ,CAACwB,KAAK,CAAC;MACjB;IACF;EACF,CAAC,EACD,CAACxB,QAAQ,CACX,CAAC;EAED,MAAM6C,iBAAiB,GAAGlE,WAAW,CAClC8C,EAAE,IAAK;IACNlB,SAAS,CAACkB,EAAE,CAAC;IACb,IAAIzB,QAAQ,EAAE;MACZA,QAAQ,CAACyB,EAAE,CAAC;IACd;EACF,CAAC,EACD,CAACzB,QAAQ,CACX,CAAC;EAEDpB,OAAO,CAAC,MAAM;IACZC,QAAQ,CAACiE,OAAO,CACdjD,QAAQ,EACR,CAACkD,KAAmB,EAAEvB,KAAK,KAAK;MAC9B,IAAIuB,KAAK,IAAIA,KAAK,CAAC1B,KAAK,CAACf,MAAM,EAAE;QAC/BC,SAAS,CAACiB,KAAK,CAAC;MAClB;IACF,CACF,CAAC;EACH,CAAC,EAAE,CAAC3B,QAAQ,CAAC,CAAC;EAEd,MAAMmD,WAAW,GAAGpE,OAAO,CAAC,MAAM;IAChC,oBACEJ,KAAA,CAAAyE,aAAA,CAAC7D,iBAAiB;MAACqC,EAAE,EAAErB,QAAS;MAAC8C,OAAO;IAAA,gBACtC1E,KAAA,CAAAyE,aAAA,eAAOjC,YAAY,CAACV,MAAM,CAAQ,CAAC,eACnC9B,KAAA,CAAAyE,aAAA,CAAC1D,YAAY;MAAC4D,QAAQ,EAAE1C,UAAW;MAAC2C,IAAI,EAAC;IAAc,CAAE,CACxC,CAAC;EAExB,CAAC,EAAE,CAAC9C,MAAM,EAAEG,UAAU,EAAEO,YAAY,EAAEZ,QAAQ,CAAC,CAAC;EAEhDrB,SAAS,CAAC,MAAM;IACd,IAAI,CAAC2C,MAAM,CAAC2B,OAAO,IAAI,CAAC1B,OAAO,CAAC0B,OAAO,EAAE;IACzC,IAAI,CAACnB,aAAa,IAAI,CAACJ,WAAW,EAAE;IAEpC,IAAII,aAAa,GAAGJ,WAAW,EAAE;MAC/BjB,OAAO,CAAC,QAAQ,CAAC;IACnB,CAAC,MAAM;MACLA,OAAO,CAAC,UAAU,CAAC;IACrB;EACF,CAAC,EAAE,CAACqB,aAAa,EAAEJ,WAAW,CAAC,CAAC;EAEhC,IAAI,CAACjC,QAAQ,EAAE;EAEf,oBACErB,KAAA,CAAAyE,aAAA,CAAC9D,SAAS;IACRc,SAAS,EAAEhB,UAAU,CAAC,OAAO,EAAEgB,SAAS,CAAE;IAC1CqD,MAAM,EAAEvD,SAAU;IAClBwD,KAAK,EAAEpD,IAAK;IACZqD,GAAG,EAAE7B;EAAQ,gBAEbnD,KAAA,CAAAyE,aAAA,CAAC5D,aAAa;IAACmE,GAAG,EAAE9B;EAAO,GACxBd,IAAI,KAAK,QAAQ,IAChB/B,QAAQ,CAACoC,OAAO,CAACpB,QAAQ,CAAC,CAACqB,GAAG,CAAC,CAAC6B,KAAgB,EAAEvB,KAAa,KAAK;IAClE,MAAMiC,OAAO,GAAGV,KAAqB;IACrC,oBAAOjE,YAAY,CAAC2E,OAAO,EAAE;MAC3BnD,MAAM,EAAEkB,KAAK,KAAKlB,MAAM;MACxBH,IAAI;MACJiC,OAAO;MACP,YAAY,EAAEZ,KAAK;MACnB,eAAe,EAAEiC,OAAO,CAACpC,KAAK,CAACsB;IACjC,CAAC,CAAC;EACJ,CAAC,CAAC,EACH/B,IAAI,KAAK,UAAU,gBAClBpC,KAAA,CAAAyE,aAAA,CAAC/D,qBAAqB;IAACoC,IAAI,EAAEN,YAAY,CAACV,MAAM,CAAE;IAACH,IAAI,EAAEA;EAAK,gBAC5D3B,KAAA,CAAAyE,aAAA,CAACzD,MAAM;IACLkE,QAAQ,EAAEpD,MAAO;IACjBkC,MAAM,EAAEQ,WAAY;IACpBW,oBAAoB;IACpBC,OAAO,EAAErC,UAAW;IACpBX,IAAI,EAAC,QAAQ;IACbiD,IAAI,EAAC,QAAQ;IACbC,cAAc;IACdC,aAAa;IACbC,oBAAoB;IACpBC,QAAQ,EAAEpB,iBAAkB;IAC5BqB,YAAY,EAAEpD,WAAY;IAC1BqD,aAAa,EAAEpD;EAAa,CAC7B,CACoB,CAAC,GACtB,IACS,CACN,CAAC;AAEhB,CAAC;AAEDtB,GAAG,CAAC2E,WAAW,GAAG,KAAK","ignoreList":[]}

package/dist/esm/components/Overlay/Overlay.js

@@ -5,10 +5,9 @@ import React from "react";
 import classnames from "classnames";
 import { StyledOverlay } from "./Styles";
 export const Overlay = _ref => {
-  let {
-      className,
-      disableBackgroundColor = false
-    } = _ref,
+  let className = _ref.className,
+    _ref$disableBackgroun = _ref.disableBackgroundColor,
+    disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledOverlay, _extends({
     className: classnames("c-overlay", className),

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","names":["React","classnames","StyledOverlay","Overlay","_ref","className","disableBackgroundColor","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$disableBackgroundColor","displayName"],"sources":["../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledOverlay } from \"./Styles\";\n\nexport interface IOverlay {\n  disableBackgroundColor?: boolean;\n}\n\nexport const Overlay: FC<\n  IOverlay & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IOverlay>\n> = ({ className, disableBackgroundColor = false, ...rest }) => {\n  return (\n    <StyledOverlay\n      className={classnames(\"c-overlay\", className)}\n      $disableBackgroundColor={disableBackgroundColor}\n      {...rest}\n    />\n  );\n};\n\nOverlay.displayName = \"Overlay\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAc,OAAO;AAEjC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,aAAa,QAAQ,UAAU;AAMxC,OAAO,MAAMC,OAEZ,GAAGC,IAAA,IAA4D;EAAA,IAA3D;MAAEC,SAAS;MAAEC,sBAAsB,GAAG;IAAe,CAAC,GAAAF,IAAA;IAANG,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EACvD,oBACET,KAAA,CAAAU,aAAA,CAACR,aAAa,EAAAS,QAAA;IACZN,SAAS,EAAEJ,UAAU,CAAC,WAAW,EAAEI,SAAS,CAAE;IAC9CO,uBAAuB,EAAEN;EAAuB,GAC5CC,IAAI,CACT,CAAC;AAEN,CAAC;AAEDJ,OAAO,CAACU,WAAW,GAAG,SAAS","ignoreList":[]}
+{"version":3,"file":"Overlay.js","names":["React","classnames","StyledOverlay","Overlay","_ref","className","_ref$disableBackgroun","disableBackgroundColor","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$disableBackgroundColor","displayName"],"sources":["../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledOverlay } from \"./Styles\";\n\nexport interface IOverlay {\n  disableBackgroundColor?: boolean;\n}\n\nexport const Overlay: FC<\n  IOverlay & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IOverlay>\n> = ({ className, disableBackgroundColor = false, ...rest }) => {\n  return (\n    <StyledOverlay\n      className={classnames(\"c-overlay\", className)}\n      $disableBackgroundColor={disableBackgroundColor}\n      {...rest}\n    />\n  );\n};\n\nOverlay.displayName = \"Overlay\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAc,OAAO;AAEjC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,aAAa,QAAQ,UAAU;AAMxC,OAAO,MAAMC,OAEZ,GAAGC,IAAA,IAA4D;EAAA,IAAzDC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAAC,qBAAA,GAAAF,IAAA,CAAEG,sBAAsB;IAAtBA,sBAAsB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAKE,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EACvD,oBACEV,KAAA,CAAAW,aAAA,CAACT,aAAa,EAAAU,QAAA;IACZP,SAAS,EAAEJ,UAAU,CAAC,WAAW,EAAEI,SAAS,CAAE;IAC9CQ,uBAAuB,EAAEN;EAAuB,GAC5CC,IAAI,CACT,CAAC;AAEN,CAAC;AAEDL,OAAO,CAACW,WAAW,GAAG,SAAS","ignoreList":[]}

package/dist/esm/components/Paper/Paper.js

@@ -8,13 +8,14 @@ import { StyledPaper } from "./Styles";
  * This is a component description and should sit directly above your component
  */
 export const Paper = /*#__PURE__*/forwardRef((_ref, innerRef) => {
-  let {
-      children,
-      className,
-      type = "paper-1",
-      hover = false,
-      useOptimizedShadow = false
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "paper-1" : _ref$type,
+    _ref$hover = _ref.hover,
+    hover = _ref$hover === void 0 ? false : _ref$hover,
+    _ref$useOptimizedShad = _ref.useOptimizedShadow,
+    useOptimizedShadow = _ref$useOptimizedShad === void 0 ? false : _ref$useOptimizedShad,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledPaper, _extends({
     className: classNames(className, {

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

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","names":["React","forwardRef","classNames","StyledPaper","Paper","_ref","innerRef","children","className","type","hover","useOptimizedShadow","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","ref","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** CSS classes */\n  className?: string;\n  /** Ref object. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Define custom style */\n  style?: object;\n  /** Type of paper to be used */\n  type?: \"paper-1\" | \"paper-2\" | \"paper-3\" | \"tile-1\" | \"tile-2\";\n  /** Paper has hover or not */\n  hover?: boolean;\n  /** Use optimized shadow */\n  useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n  (\n    {\n      children,\n      className,\n      type = \"paper-1\",\n      hover = false,\n      useOptimizedShadow = false,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n    innerRef: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledPaper\n        className={classNames(className, {\n          \"ac-shadow--raised--lg\":\n            !useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow-optimized--lg\":\n            useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow--lg\": !hover && type === \"paper-1\",\n          \"ac-shadow--raised--sm\":\n            (!useOptimizedShadow && hover && type === \"paper-2\") ||\n            (!useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow-optimized--sm\":\n            (useOptimizedShadow && hover && type === \"paper-2\") ||\n            (useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow--sm\":\n            (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n        })}\n        ref={innerRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </StyledPaper>\n    );\n  }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,WAAW,QAAQ,UAAU;AAmBtC;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAC7B,CAAAI,IAAA,EASEC,QAAgD,KAC7C;EAAA,IATH;MACEC,QAAQ;MACRC,SAAS;MACTC,IAAI,GAAG,SAAS;MAChBC,KAAK,GAAG,KAAK;MACbC,kBAAkB,GAAG;IAEuB,CAAC,GAAAN,IAAA;IAD1CO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIT,oBACEd,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA;IACVR,SAAS,EAAEN,UAAU,CAACM,SAAS,EAAE;MAC/B,uBAAuB,EACrB,CAACG,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACpD,yBAAyB,EACvBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACnD,eAAe,EAAE,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS;MAC7C,uBAAuB,EACpB,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IAClD,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACtD,yBAAyB,EACtBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IACjDE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACrD,eAAe,EACZ,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS,IAAM,CAACC,KAAK,IAAID,IAAI,KAAK;IAC1D,CAAC,CAAE;IACHQ,GAAG,EAAEX,QAAS;IACdG,IAAI,EAAEA;EAAK,GACPG,IAAI,GAEPL,QACU,CAAC;AAElB,CACF,CAAC;AAEDH,KAAK,CAACc,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"file":"Paper.js","names":["React","forwardRef","classNames","StyledPaper","Paper","_ref","innerRef","children","className","_ref$type","type","_ref$hover","hover","_ref$useOptimizedShad","useOptimizedShadow","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","ref","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** CSS classes */\n  className?: string;\n  /** Ref object. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Define custom style */\n  style?: object;\n  /** Type of paper to be used */\n  type?: \"paper-1\" | \"paper-2\" | \"paper-3\" | \"tile-1\" | \"tile-2\";\n  /** Paper has hover or not */\n  hover?: boolean;\n  /** Use optimized shadow */\n  useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n  (\n    {\n      children,\n      className,\n      type = \"paper-1\",\n      hover = false,\n      useOptimizedShadow = false,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n    innerRef: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledPaper\n        className={classNames(className, {\n          \"ac-shadow--raised--lg\":\n            !useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow-optimized--lg\":\n            useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow--lg\": !hover && type === \"paper-1\",\n          \"ac-shadow--raised--sm\":\n            (!useOptimizedShadow && hover && type === \"paper-2\") ||\n            (!useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow-optimized--sm\":\n            (useOptimizedShadow && hover && type === \"paper-2\") ||\n            (useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow--sm\":\n            (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n        })}\n        ref={innerRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </StyledPaper>\n    );\n  }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,WAAW,QAAQ,UAAU;AAmBtC;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAC7B,CAAAI,IAAA,EASEC,QAAgD,KAC7C;EAAA,IARDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,SAAA,GAAAJ,IAAA,CACTK,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,SAAS,GAAAA,SAAA;IAAAE,UAAA,GAAAN,IAAA,CAChBO,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,qBAAA,GAAAR,IAAA,CACbS,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IACvBE,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;EAIT,oBACEjB,KAAA,CAAAkB,aAAA,CAACf,WAAW,EAAAgB,QAAA;IACVX,SAAS,EAAEN,UAAU,CAACM,SAAS,EAAE;MAC/B,uBAAuB,EACrB,CAACM,kBAAkB,IAAIF,KAAK,IAAIF,IAAI,KAAK,SAAS;MACpD,yBAAyB,EACvBI,kBAAkB,IAAIF,KAAK,IAAIF,IAAI,KAAK,SAAS;MACnD,eAAe,EAAE,CAACE,KAAK,IAAIF,IAAI,KAAK,SAAS;MAC7C,uBAAuB,EACpB,CAACI,kBAAkB,IAAIF,KAAK,IAAIF,IAAI,KAAK,SAAS,IAClD,CAACI,kBAAkB,IAAIF,KAAK,IAAIF,IAAI,KAAK,SAAU;MACtD,yBAAyB,EACtBI,kBAAkB,IAAIF,KAAK,IAAIF,IAAI,KAAK,SAAS,IACjDI,kBAAkB,IAAIF,KAAK,IAAIF,IAAI,KAAK,SAAU;MACrD,eAAe,EACZ,CAACE,KAAK,IAAIF,IAAI,KAAK,SAAS,IAAM,CAACE,KAAK,IAAIF,IAAI,KAAK;IAC1D,CAAC,CAAE;IACHU,GAAG,EAAEd,QAAS;IACdI,IAAI,EAAEA;EAAK,GACPK,IAAI,GAEPR,QACU,CAAC;AAElB,CACF,CAAC;AAEDH,KAAK,CAACiB,WAAW,GAAG,OAAO","ignoreList":[]}

package/dist/esm/components/Popper/Popper.js

@@ -6,19 +6,25 @@ import { createPopper } from "@popperjs/core";
 import { StyledPopper } from "./Styles";
 import useForkRef from "../../utils/useForkRef";
 export const Popper = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      anchorEl,
-      open = false,
-      style,
-      transition = false,
-      placement: initialPlacement = "bottom",
-      strategy = "absolute",
-      afterWrite
-    } = _ref,
+  let children = _ref.children,
+    anchorEl = _ref.anchorEl,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    style = _ref.style,
+    _ref$transition = _ref.transition,
+    transition = _ref$transition === void 0 ? false : _ref$transition,
+    _ref$placement = _ref.placement,
+    initialPlacement = _ref$placement === void 0 ? "bottom" : _ref$placement,
+    _ref$strategy = _ref.strategy,
+    strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
+    afterWrite = _ref.afterWrite,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const [exited, setExited] = useState(true);
-  const [placement, setPlacement] = useState(initialPlacement);
+  const _useState = useState(true),
+    exited = _useState[0],
+    setExited = _useState[1];
+  const _useState2 = useState(initialPlacement),
+    placement = _useState2[0],
+    setPlacement = _useState2[1];
   const ownRef = useRef(null);
   const popperRef = useRef();
   const handleInnerRef = useForkRef(ownRef, ref);

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

@@ -1 +1 @@
-{"version":3,"file":"Popper.js","names":["React","forwardRef","useCallback","useRef","useEffect","useState","createPopper","StyledPopper","useForkRef","Popper","_ref","ref","children","anchorEl","open","style","transition","placement","initialPlacement","strategy","afterWrite","rest","_objectWithoutPropertiesLoose","_excluded","exited","setExited","setPlacement","ownRef","popperRef","handleInnerRef","handlePopperUpdate","data","handleOpen","current","destroy","modifiers","name","enabled","phase","fn","referenceElement","currentElement","isHidden","computedStyle","getComputedStyle","display","visibility","parentElement","_ownRef$current","setAttribute","_ownRef$current2","removeAttribute","push","onFirstUpdate","handleClose","handleRef","node","handleEnter","handleExited","update","childProps","transitionProps","in","onEnter","onExited","createElement","_extends","displayName"],"sources":["../../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useRef,\n  useEffect,\n  useState,\n  CSSProperties,\n  ReactNode,\n  HTMLAttributes,\n} from \"react\";\n\nimport {\n  createPopper,\n  Instance,\n  Modifier,\n  Options as PopperOptions,\n  PositioningStrategy,\n  State,\n} from \"@popperjs/core\";\n\nimport { Placement } from \".\";\nimport { StyledPopper } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\ntype CustomModifier = Modifier<string, PopperOptions>;\ninterface TransitionProps {\n  in: boolean;\n  onEnter: () => void;\n  onExited: () => void;\n}\ninterface IChildProps {\n  placement: Placement;\n  transitionProps: Partial<TransitionProps>;\n}\n\ninterface PopperProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /** Anchor Element. */\n  anchorEl?: Element | null;\n  /** Open */\n  open?: boolean;\n  /** Inline style */\n  style?: CSSProperties;\n  /** Child with transition */\n  transition?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Strategy */\n  strategy?: PositioningStrategy;\n  /** After Write callback */\n  afterWrite?: (...args) => void;\n\n  /** Component children */\n  children?: ReactNode | React.FC<Partial<IChildProps>>;\n}\n\nexport const Popper = forwardRef<HTMLDivElement, PopperProps>(\n  (\n    {\n      children,\n      anchorEl,\n      open = false,\n      style,\n      transition = false,\n      placement: initialPlacement = \"bottom\",\n      strategy = \"absolute\",\n      afterWrite,\n      ...rest\n    },\n    ref\n  ) => {\n    const [exited, setExited] = useState(true);\n    const [placement, setPlacement] = useState(initialPlacement);\n    const ownRef = useRef<HTMLDivElement | null>(null);\n    const popperRef = useRef<Instance>();\n\n    const handleInnerRef = useForkRef(ownRef, ref);\n\n    const handlePopperUpdate = (data: Partial<State>): void => {\n      setPlacement(data.placement || \"bottom\");\n    };\n\n    const handleOpen = useCallback(() => {\n      if (!ownRef.current || !anchorEl || !open) {\n        return;\n      }\n\n      if (popperRef.current) {\n        popperRef.current.destroy();\n      }\n\n      const modifiers: CustomModifier[] = [\n        {\n          name: \"hide\",\n          enabled: true,\n          phase: \"main\",\n          fn: () => {\n            const referenceElement = anchorEl as HTMLElement;\n\n            let currentElement: HTMLElement | null = referenceElement;\n            let isHidden = false;\n            while (currentElement) {\n              const computedStyle = getComputedStyle(currentElement);\n              if (\n                computedStyle.display === \"none\" ||\n                computedStyle.visibility === \"hidden\"\n              ) {\n                isHidden = true;\n                break;\n              }\n              currentElement = currentElement.parentElement;\n            }\n\n            if (isHidden) {\n              ownRef.current?.setAttribute(\"data-popper-reference-hidden\", \"\");\n            } else {\n              ownRef.current?.removeAttribute(\"data-popper-reference-hidden\");\n            }\n          },\n        },\n      ];\n\n      if (typeof afterWrite === \"function\") {\n        modifiers.push({\n          phase: \"afterWrite\",\n          enabled: true,\n          name: \"popper-after-write\",\n          fn: afterWrite,\n        });\n      }\n\n      popperRef.current = createPopper(anchorEl, ownRef.current, {\n        placement,\n        onFirstUpdate: handlePopperUpdate,\n        strategy,\n        modifiers,\n      });\n    }, [afterWrite, anchorEl, open, placement, strategy]);\n\n    const handleClose = (): void => {\n      if (!popperRef.current) {\n        return;\n      }\n\n      popperRef.current.destroy();\n    };\n\n    const handleRef = useCallback(\n      (node: HTMLDivElement) => {\n        handleInnerRef(node);\n        handleOpen();\n      },\n      [handleOpen, handleInnerRef]\n    );\n\n    const handleEnter = (): void => {\n      setExited(false);\n    };\n\n    const handleExited = (): void => {\n      setExited(true);\n      handleClose();\n    };\n\n    useEffect(() => {\n      return (): void => {\n        handleClose();\n      };\n    }, []);\n\n    useEffect(() => {\n      if (!open && !transition) {\n        handleClose();\n      }\n    }, [open, transition]);\n\n    useEffect(() => {\n      if (popperRef.current) {\n        popperRef.current.update();\n      }\n    });\n\n    if (!open && (!transition || exited)) {\n      return null;\n    }\n\n    const childProps: Partial<IChildProps> = { placement };\n\n    if (transition) {\n      childProps.transitionProps = {\n        in: open,\n        onEnter: handleEnter,\n        onExited: handleExited,\n      };\n    }\n\n    return (\n      <StyledPopper\n        ref={handleRef}\n        {...rest}\n        style={{\n          ...style,\n        }}\n      >\n        {typeof children === \"function\" ? children(childProps) : children}\n      </StyledPopper>\n    );\n  }\n);\n\nPopper.displayName = \"Popper\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Popper.js","names":["React","forwardRef","useCallback","useRef","useEffect","useState","createPopper","StyledPopper","useForkRef","Popper","_ref","ref","children","anchorEl","_ref$open","open","style","_ref$transition","transition","_ref$placement","placement","initialPlacement","_ref$strategy","strategy","afterWrite","rest","_objectWithoutPropertiesLoose","_excluded","_useState","exited","setExited","_useState2","setPlacement","ownRef","popperRef","handleInnerRef","handlePopperUpdate","data","handleOpen","current","destroy","modifiers","name","enabled","phase","fn","referenceElement","currentElement","isHidden","computedStyle","getComputedStyle","display","visibility","parentElement","_ownRef$current","setAttribute","_ownRef$current2","removeAttribute","push","onFirstUpdate","handleClose","handleRef","node","handleEnter","handleExited","update","childProps","transitionProps","in","onEnter","onExited","createElement","_extends","displayName"],"sources":["../../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useRef,\n  useEffect,\n  useState,\n  CSSProperties,\n  ReactNode,\n  HTMLAttributes,\n} from \"react\";\n\nimport {\n  createPopper,\n  Instance,\n  Modifier,\n  Options as PopperOptions,\n  PositioningStrategy,\n  State,\n} from \"@popperjs/core\";\n\nimport { Placement } from \".\";\nimport { StyledPopper } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\ntype CustomModifier = Modifier<string, PopperOptions>;\ninterface TransitionProps {\n  in: boolean;\n  onEnter: () => void;\n  onExited: () => void;\n}\ninterface IChildProps {\n  placement: Placement;\n  transitionProps: Partial<TransitionProps>;\n}\n\ninterface PopperProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /** Anchor Element. */\n  anchorEl?: Element | null;\n  /** Open */\n  open?: boolean;\n  /** Inline style */\n  style?: CSSProperties;\n  /** Child with transition */\n  transition?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Strategy */\n  strategy?: PositioningStrategy;\n  /** After Write callback */\n  afterWrite?: (...args) => void;\n\n  /** Component children */\n  children?: ReactNode | React.FC<Partial<IChildProps>>;\n}\n\nexport const Popper = forwardRef<HTMLDivElement, PopperProps>(\n  (\n    {\n      children,\n      anchorEl,\n      open = false,\n      style,\n      transition = false,\n      placement: initialPlacement = \"bottom\",\n      strategy = \"absolute\",\n      afterWrite,\n      ...rest\n    },\n    ref\n  ) => {\n    const [exited, setExited] = useState(true);\n    const [placement, setPlacement] = useState(initialPlacement);\n    const ownRef = useRef<HTMLDivElement | null>(null);\n    const popperRef = useRef<Instance>();\n\n    const handleInnerRef = useForkRef(ownRef, ref);\n\n    const handlePopperUpdate = (data: Partial<State>): void => {\n      setPlacement(data.placement || \"bottom\");\n    };\n\n    const handleOpen = useCallback(() => {\n      if (!ownRef.current || !anchorEl || !open) {\n        return;\n      }\n\n      if (popperRef.current) {\n        popperRef.current.destroy();\n      }\n\n      const modifiers: CustomModifier[] = [\n        {\n          name: \"hide\",\n          enabled: true,\n          phase: \"main\",\n          fn: () => {\n            const referenceElement = anchorEl as HTMLElement;\n\n            let currentElement: HTMLElement | null = referenceElement;\n            let isHidden = false;\n            while (currentElement) {\n              const computedStyle = getComputedStyle(currentElement);\n              if (\n                computedStyle.display === \"none\" ||\n                computedStyle.visibility === \"hidden\"\n              ) {\n                isHidden = true;\n                break;\n              }\n              currentElement = currentElement.parentElement;\n            }\n\n            if (isHidden) {\n              ownRef.current?.setAttribute(\"data-popper-reference-hidden\", \"\");\n            } else {\n              ownRef.current?.removeAttribute(\"data-popper-reference-hidden\");\n            }\n          },\n        },\n      ];\n\n      if (typeof afterWrite === \"function\") {\n        modifiers.push({\n          phase: \"afterWrite\",\n          enabled: true,\n          name: \"popper-after-write\",\n          fn: afterWrite,\n        });\n      }\n\n      popperRef.current = createPopper(anchorEl, ownRef.current, {\n        placement,\n        onFirstUpdate: handlePopperUpdate,\n        strategy,\n        modifiers,\n      });\n    }, [afterWrite, anchorEl, open, placement, strategy]);\n\n    const handleClose = (): void => {\n      if (!popperRef.current) {\n        return;\n      }\n\n      popperRef.current.destroy();\n    };\n\n    const handleRef = useCallback(\n      (node: HTMLDivElement) => {\n        handleInnerRef(node);\n        handleOpen();\n      },\n      [handleOpen, handleInnerRef]\n    );\n\n    const handleEnter = (): void => {\n      setExited(false);\n    };\n\n    const handleExited = (): void => {\n      setExited(true);\n      handleClose();\n    };\n\n    useEffect(() => {\n      return (): void => {\n        handleClose();\n      };\n    }, []);\n\n    useEffect(() => {\n      if (!open && !transition) {\n        handleClose();\n      }\n    }, [open, transition]);\n\n    useEffect(() => {\n      if (popperRef.current) {\n        popperRef.current.update();\n      }\n    });\n\n    if (!open && (!transition || exited)) {\n      return null;\n    }\n\n    const childProps: Partial<IChildProps> = { placement };\n\n    if (transition) {\n      childProps.transitionProps = {\n        in: open,\n        onEnter: handleEnter,\n        onExited: handleExited,\n      };\n    }\n\n    return (\n      <StyledPopper\n        ref={handleRef}\n        {...rest}\n        style={{\n          ...style,\n        }}\n      >\n        {typeof children === \"function\" ? children(childProps) : children}\n      </StyledPopper>\n    );\n  }\n);\n\nPopper.displayName = \"Popper\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/ProgressBar/ProgressBar.js

@@ -2,14 +2,15 @@ import React, { useMemo } from "react";
 import classNames from "classnames";
 import { StyledProgressBar, StyledProgressBarProgress } from "./Styles";
 export const ProgressBar = _ref => {
-  let {
-    progress = 0,
-    backgroundColor,
-    progressColor,
-    stroke = 3,
-    width = 100,
-    className
-  } = _ref;
+  let _ref$progress = _ref.progress,
+    progress = _ref$progress === void 0 ? 0 : _ref$progress,
+    backgroundColor = _ref.backgroundColor,
+    progressColor = _ref.progressColor,
+    _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? 3 : _ref$stroke,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 100 : _ref$width,
+    className = _ref.className;
   const progressNumber = useMemo(() => {
     let width = progress;
     if (progress > 100) {

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["React","useMemo","classNames","StyledProgressBar","StyledProgressBarProgress","ProgressBar","_ref","progress","backgroundColor","progressColor","stroke","width","className","progressNumber","widthPercent","width_percent","height","stroke_min","createElement","$color","$width","style","$height","displayName"],"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface IProgressBarProps {\n  /** Progress prop can be number. */\n  progress: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Progress height. */\n  stroke?: number;\n  /** Progress width in percentage. */\n  width?: number;\n  className?: string;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n  progress = 0,\n  backgroundColor,\n  progressColor,\n  stroke = 3,\n  width = 100,\n  className,\n}) => {\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const widthPercent = useMemo(() => {\n    let width_percent = width;\n\n    if (width > 100) {\n      width_percent = 100;\n    }\n\n    if (width <= 0) {\n      width_percent = 100;\n    }\n\n    return width_percent;\n  }, [width]);\n\n  const height = useMemo(() => {\n    let stroke_min = stroke;\n\n    if (stroke <= 0) {\n      stroke_min = 3;\n    }\n\n    return stroke_min;\n  }, [stroke]);\n\n  return (\n    <StyledProgressBar\n      className={classNames(\"c-progress-bar\", className)}\n      $color={backgroundColor}\n      $width={widthPercent}\n    >\n      <StyledProgressBarProgress\n        className=\"c-progress-bar__progress\"\n        style={{ width: `${progressNumber}%` }}\n        $height={height}\n        $color={progressColor}\n      />\n    </StyledProgressBar>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAE1C,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,UAAU;AAgBvE,OAAO,MAAMC,WAAkC,GAAGC,IAAA,IAO5C;EAAA,IAP6C;IACjDC,QAAQ,GAAG,CAAC;IACZC,eAAe;IACfC,aAAa;IACbC,MAAM,GAAG,CAAC;IACVC,KAAK,GAAG,GAAG;IACXC;EACF,CAAC,GAAAN,IAAA;EACC,MAAMO,cAAc,GAAGZ,OAAO,CAAC,MAAM;IACnC,IAAIU,KAAK,GAAGJ,QAAQ;IACpB,IAAIA,QAAQ,GAAG,GAAG,EAAE;MAClBI,KAAK,GAAG,GAAG;IACb;IACA,IAAIJ,QAAQ,GAAG,CAAC,EAAE;MAChBI,KAAK,GAAG,CAAC;IACX;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EAEd,MAAMO,YAAY,GAAGb,OAAO,CAAC,MAAM;IACjC,IAAIc,aAAa,GAAGJ,KAAK;IAEzB,IAAIA,KAAK,GAAG,GAAG,EAAE;MACfI,aAAa,GAAG,GAAG;IACrB;IAEA,IAAIJ,KAAK,IAAI,CAAC,EAAE;MACdI,aAAa,GAAG,GAAG;IACrB;IAEA,OAAOA,aAAa;EACtB,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;EAEX,MAAMK,MAAM,GAAGf,OAAO,CAAC,MAAM;IAC3B,IAAIgB,UAAU,GAAGP,MAAM;IAEvB,IAAIA,MAAM,IAAI,CAAC,EAAE;MACfO,UAAU,GAAG,CAAC;IAChB;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;EAEZ,oBACEV,KAAA,CAAAkB,aAAA,CAACf,iBAAiB;IAChBS,SAAS,EAAEV,UAAU,CAAC,gBAAgB,EAAEU,SAAS,CAAE;IACnDO,MAAM,EAAEX,eAAgB;IACxBY,MAAM,EAAEN;EAAa,gBAErBd,KAAA,CAAAkB,aAAA,CAACd,yBAAyB;IACxBQ,SAAS,EAAC,0BAA0B;IACpCS,KAAK,EAAE;MAAEV,KAAK,EAAKE,cAAc;IAAI,CAAE;IACvCS,OAAO,EAAEN,MAAO;IAChBG,MAAM,EAAEV;EAAc,CACvB,CACgB,CAAC;AAExB,CAAC;AAEDJ,WAAW,CAACkB,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"file":"ProgressBar.js","names":["React","useMemo","classNames","StyledProgressBar","StyledProgressBarProgress","ProgressBar","_ref","_ref$progress","progress","backgroundColor","progressColor","_ref$stroke","stroke","_ref$width","width","className","progressNumber","widthPercent","width_percent","height","stroke_min","createElement","$color","$width","style","$height","displayName"],"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface IProgressBarProps {\n  /** Progress prop can be number. */\n  progress: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Progress height. */\n  stroke?: number;\n  /** Progress width in percentage. */\n  width?: number;\n  className?: string;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n  progress = 0,\n  backgroundColor,\n  progressColor,\n  stroke = 3,\n  width = 100,\n  className,\n}) => {\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const widthPercent = useMemo(() => {\n    let width_percent = width;\n\n    if (width > 100) {\n      width_percent = 100;\n    }\n\n    if (width <= 0) {\n      width_percent = 100;\n    }\n\n    return width_percent;\n  }, [width]);\n\n  const height = useMemo(() => {\n    let stroke_min = stroke;\n\n    if (stroke <= 0) {\n      stroke_min = 3;\n    }\n\n    return stroke_min;\n  }, [stroke]);\n\n  return (\n    <StyledProgressBar\n      className={classNames(\"c-progress-bar\", className)}\n      $color={backgroundColor}\n      $width={widthPercent}\n    >\n      <StyledProgressBarProgress\n        className=\"c-progress-bar__progress\"\n        style={{ width: `${progressNumber}%` }}\n        $height={height}\n        $color={progressColor}\n      />\n    </StyledProgressBar>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAE1C,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,UAAU;AAgBvE,OAAO,MAAMC,WAAkC,GAAGC,IAAA,IAO5C;EAAA,IAAAC,aAAA,GAAAD,IAAA,CANJE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,CAAC,GAAAA,aAAA;IACZE,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IAAAC,WAAA,GAAAL,IAAA,CACbM,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,CAAC,GAAAA,WAAA;IAAAE,UAAA,GAAAP,IAAA,CACVQ,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,GAAG,GAAAA,UAAA;IACXE,SAAS,GAAAT,IAAA,CAATS,SAAS;EAET,MAAMC,cAAc,GAAGf,OAAO,CAAC,MAAM;IACnC,IAAIa,KAAK,GAAGN,QAAQ;IACpB,IAAIA,QAAQ,GAAG,GAAG,EAAE;MAClBM,KAAK,GAAG,GAAG;IACb;IACA,IAAIN,QAAQ,GAAG,CAAC,EAAE;MAChBM,KAAK,GAAG,CAAC;IACX;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,MAAMS,YAAY,GAAGhB,OAAO,CAAC,MAAM;IACjC,IAAIiB,aAAa,GAAGJ,KAAK;IAEzB,IAAIA,KAAK,GAAG,GAAG,EAAE;MACfI,aAAa,GAAG,GAAG;IACrB;IAEA,IAAIJ,KAAK,IAAI,CAAC,EAAE;MACdI,aAAa,GAAG,GAAG;IACrB;IAEA,OAAOA,aAAa;EACtB,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;EAEX,MAAMK,MAAM,GAAGlB,OAAO,CAAC,MAAM;IAC3B,IAAImB,UAAU,GAAGR,MAAM;IAEvB,IAAIA,MAAM,IAAI,CAAC,EAAE;MACfQ,UAAU,GAAG,CAAC;IAChB;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CAACR,MAAM,CAAC,CAAC;EAEZ,oBACEZ,KAAA,CAAAqB,aAAA,CAAClB,iBAAiB;IAChBY,SAAS,EAAEb,UAAU,CAAC,gBAAgB,EAAEa,SAAS,CAAE;IACnDO,MAAM,EAAEb,eAAgB;IACxBc,MAAM,EAAEN;EAAa,gBAErBjB,KAAA,CAAAqB,aAAA,CAACjB,yBAAyB;IACxBW,SAAS,EAAC,0BAA0B;IACpCS,KAAK,EAAE;MAAEV,KAAK,EAAKE,cAAc;IAAI,CAAE;IACvCS,OAAO,EAAEN,MAAO;IAChBG,MAAM,EAAEZ;EAAc,CACvB,CACgB,CAAC;AAExB,CAAC;AAEDL,WAAW,CAACqB,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/esm/components/ProgressPie/ProgressPie.js

@@ -4,9 +4,8 @@ const _excluded = ["radius"];
 import React from "react";
 import { ProgressCircle } from "../ProgressRing";
 export const ProgressPie = _ref => {
-  let {
-      radius = 20
-    } = _ref,
+  let _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? 20 : _ref$radius,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(ProgressCircle, _extends({}, rest, {
     stroke: radius,

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressPie.js","names":["React","ProgressCircle","ProgressPie","_ref","radius","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","stroke","displayName"],"sources":["../../../../src/components/ProgressPie/ProgressPie.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ProgressCircle, ProgressCircleProps } from \"../ProgressRing\";\n\nexport const ProgressPie = ({\n  radius = 20,\n  ...rest\n}: Omit<\n  ProgressCircleProps,\n  \"stroke\" | \"fontSize\" | \"showPercentage\" | \"roundStroke\"\n>) => {\n  return <ProgressCircle {...rest} stroke={radius} radius={radius} />;\n};\n\nProgressPie.displayName = \"ProgressPie\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAA6B,iBAAiB;AAErE,OAAO,MAAMC,WAAW,GAAGC,IAAA,IAMrB;EAAA,IANsB;MAC1BC,MAAM,GAAG;IAKX,CAAC,GAAAD,IAAA;IAJIE,IAAI,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAKP,oBAAOP,KAAA,CAAAQ,aAAA,CAACP,cAAc,EAAAQ,QAAA,KAAKJ,IAAI;IAAEK,MAAM,EAAEN,MAAO;IAACA,MAAM,EAAEA;EAAO,EAAE,CAAC;AACrE,CAAC;AAEDF,WAAW,CAACS,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"file":"ProgressPie.js","names":["React","ProgressCircle","ProgressPie","_ref","_ref$radius","radius","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","stroke","displayName"],"sources":["../../../../src/components/ProgressPie/ProgressPie.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ProgressCircle, ProgressCircleProps } from \"../ProgressRing\";\n\nexport const ProgressPie = ({\n  radius = 20,\n  ...rest\n}: Omit<\n  ProgressCircleProps,\n  \"stroke\" | \"fontSize\" | \"showPercentage\" | \"roundStroke\"\n>) => {\n  return <ProgressCircle {...rest} stroke={radius} radius={radius} />;\n};\n\nProgressPie.displayName = \"ProgressPie\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAA6B,iBAAiB;AAErE,OAAO,MAAMC,WAAW,GAAGC,IAAA,IAMrB;EAAA,IAAAC,WAAA,GAAAD,IAAA,CALJE,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,EAAE,GAAAA,WAAA;IACRE,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAKP,oBAAOR,KAAA,CAAAS,aAAA,CAACR,cAAc,EAAAS,QAAA,KAAKJ,IAAI;IAAEK,MAAM,EAAEN,MAAO;IAACA,MAAM,EAAEA;EAAO,EAAE,CAAC;AACrE,CAAC;AAEDH,WAAW,CAACU,WAAW,GAAG,aAAa","ignoreList":[]}