@activecollab/components 2.0.304 → 2.0.307

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":"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","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":[]}

package/dist/esm/components/ProgressRing/ProgressRing.js

@@ -4,17 +4,20 @@ import React, { useMemo } from "react";
 import classNames from "classnames";
 import { StyledWrapper, StyledChildrenWrapper, StyledBackgroundCircle, StyledForegroundCircle, StyledSvg, StyledProgressRingPercentage } from "./Styles";
 export const ProgressCircle = _ref => {
-  let {
-    backgroundColor,
-    progressColor,
-    progress = 0,
-    radius = 20,
-    stroke = 3,
-    roundStroke = false,
-    className,
-    showPercentage = false,
-    fontSize
-  } = _ref;
+  let backgroundColor = _ref.backgroundColor,
+    progressColor = _ref.progressColor,
+    _ref$progress = _ref.progress,
+    progress = _ref$progress === void 0 ? 0 : _ref$progress,
+    _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? 20 : _ref$radius,
+    _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? 3 : _ref$stroke,
+    _ref$roundStroke = _ref.roundStroke,
+    roundStroke = _ref$roundStroke === void 0 ? false : _ref$roundStroke,
+    className = _ref.className,
+    _ref$showPercentage = _ref.showPercentage,
+    showPercentage = _ref$showPercentage === void 0 ? false : _ref$showPercentage,
+    fontSize = _ref.fontSize;
   if (stroke > radius) {
     console.warn("Stroke can not have value greater than the radius.");
     stroke = radius;
@@ -66,10 +69,8 @@ export const ProgressCircle = _ref => {
   }, progressNumber, "%") : null);
 };
 export const ProgressRing = _ref2 => {
-  let {
-      className,
-      children
-    } = _ref2,
+  let className = _ref2.className,
+    children = _ref2.children,
     rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
   return /*#__PURE__*/React.createElement(StyledWrapper, {
     className: classNames(className),

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressRing.js","names":["React","useMemo","classNames","StyledWrapper","StyledChildrenWrapper","StyledBackgroundCircle","StyledForegroundCircle","StyledSvg","StyledProgressRingPercentage","ProgressCircle","_ref","backgroundColor","progressColor","progress","radius","stroke","roundStroke","className","showPercentage","fontSize","console","warn","progressNumber","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","createElement","height","$color","$strokeDashOffset","strokeWidth","strokeDasharray","r","cx","cy","$roundStroke","$fontSize","x","y","dominantBaseline","textAnchor","ProgressRing","_ref2","children","rest","_objectWithoutPropertiesLoose","_excluded","displayName"],"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledWrapper,\n  StyledChildrenWrapper,\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n  StyledProgressRingPercentage,\n} from \"./Styles\";\n\nexport interface ProgressCircleProps {\n  /** Progress prop can be number */\n  progress?: number;\n  /** Background color */\n  backgroundColor?: string;\n  /** Progress color */\n  progressColor?: string;\n  /** Radius size */\n  radius?: number;\n  /** Stroke size */\n  stroke?: number;\n  /** Should stroke line be rounded */\n  roundStroke?: boolean;\n  /** Applies passed classes */\n  className?: string;\n  /** Should the percentage be displayed inside ring or not */\n  showPercentage?: boolean;\n  /** Size of displayed percentage */\n  fontSize?: number;\n}\n\nexport interface ProgressRingProps extends ProgressCircleProps {\n  children?: ReactNode;\n}\n\nexport const ProgressCircle = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n  roundStroke = false,\n  className,\n  showPercentage = false,\n  fontSize,\n}: ProgressCircleProps) => {\n  if (stroke > radius) {\n    console.warn(\"Stroke can not have value greater than the radius.\");\n    stroke = radius;\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 normalizedRadius = useMemo(() => radius - stroke / 2, [radius, stroke]);\n  const circumference = useMemo(\n    () => normalizedRadius * 2 * Math.PI,\n    [normalizedRadius]\n  );\n  const strokeDashoffsetOuter = useMemo(\n    () => circumference - ((100 - progressNumber) / 100) * circumference,\n    [circumference, progressNumber]\n  );\n  const strokeDashoffsetInner = useMemo(\n    () => circumference - (progressNumber / 100) * circumference,\n    [circumference, progressNumber]\n  );\n  return (\n    <StyledSvg\n      height={radius * 2}\n      width={radius * 2}\n      className={className}\n      data-progress={progressNumber}\n      data-testid=\"progress-circle\"\n    >\n      <StyledBackgroundCircle\n        $color={backgroundColor}\n        $strokeDashOffset={-strokeDashoffsetOuter}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      <StyledForegroundCircle\n        $color={progressColor}\n        $strokeDashOffset={strokeDashoffsetInner}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        $roundStroke={roundStroke}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      {showPercentage ? (\n        <StyledProgressRingPercentage\n          $color={progressColor}\n          $fontSize={fontSize}\n          x=\"50%\"\n          y=\"-50%\"\n          dominantBaseline=\"central\"\n          textAnchor=\"middle\"\n        >\n          {progressNumber}%\n        </StyledProgressRingPercentage>\n      ) : null}\n    </StyledSvg>\n  );\n};\n\nexport const ProgressRing = ({\n  className,\n  children,\n  ...rest\n}: ProgressRingProps) => {\n  return (\n    <StyledWrapper\n      className={classNames(className)}\n      data-testid=\"progress-ring\"\n    >\n      <ProgressCircle {...rest} />\n      {children ? (\n        <StyledChildrenWrapper>{children}</StyledChildrenWrapper>\n      ) : null}\n    </StyledWrapper>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ProgressRing.js","names":["React","useMemo","classNames","StyledWrapper","StyledChildrenWrapper","StyledBackgroundCircle","StyledForegroundCircle","StyledSvg","StyledProgressRingPercentage","ProgressCircle","_ref","backgroundColor","progressColor","_ref$progress","progress","_ref$radius","radius","_ref$stroke","stroke","_ref$roundStroke","roundStroke","className","_ref$showPercentage","showPercentage","fontSize","console","warn","progressNumber","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","createElement","height","$color","$strokeDashOffset","strokeWidth","strokeDasharray","r","cx","cy","$roundStroke","$fontSize","x","y","dominantBaseline","textAnchor","ProgressRing","_ref2","children","rest","_objectWithoutPropertiesLoose","_excluded","displayName"],"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledWrapper,\n  StyledChildrenWrapper,\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n  StyledProgressRingPercentage,\n} from \"./Styles\";\n\nexport interface ProgressCircleProps {\n  /** Progress prop can be number */\n  progress?: number;\n  /** Background color */\n  backgroundColor?: string;\n  /** Progress color */\n  progressColor?: string;\n  /** Radius size */\n  radius?: number;\n  /** Stroke size */\n  stroke?: number;\n  /** Should stroke line be rounded */\n  roundStroke?: boolean;\n  /** Applies passed classes */\n  className?: string;\n  /** Should the percentage be displayed inside ring or not */\n  showPercentage?: boolean;\n  /** Size of displayed percentage */\n  fontSize?: number;\n}\n\nexport interface ProgressRingProps extends ProgressCircleProps {\n  children?: ReactNode;\n}\n\nexport const ProgressCircle = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n  roundStroke = false,\n  className,\n  showPercentage = false,\n  fontSize,\n}: ProgressCircleProps) => {\n  if (stroke > radius) {\n    console.warn(\"Stroke can not have value greater than the radius.\");\n    stroke = radius;\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 normalizedRadius = useMemo(() => radius - stroke / 2, [radius, stroke]);\n  const circumference = useMemo(\n    () => normalizedRadius * 2 * Math.PI,\n    [normalizedRadius]\n  );\n  const strokeDashoffsetOuter = useMemo(\n    () => circumference - ((100 - progressNumber) / 100) * circumference,\n    [circumference, progressNumber]\n  );\n  const strokeDashoffsetInner = useMemo(\n    () => circumference - (progressNumber / 100) * circumference,\n    [circumference, progressNumber]\n  );\n  return (\n    <StyledSvg\n      height={radius * 2}\n      width={radius * 2}\n      className={className}\n      data-progress={progressNumber}\n      data-testid=\"progress-circle\"\n    >\n      <StyledBackgroundCircle\n        $color={backgroundColor}\n        $strokeDashOffset={-strokeDashoffsetOuter}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      <StyledForegroundCircle\n        $color={progressColor}\n        $strokeDashOffset={strokeDashoffsetInner}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        $roundStroke={roundStroke}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      {showPercentage ? (\n        <StyledProgressRingPercentage\n          $color={progressColor}\n          $fontSize={fontSize}\n          x=\"50%\"\n          y=\"-50%\"\n          dominantBaseline=\"central\"\n          textAnchor=\"middle\"\n        >\n          {progressNumber}%\n        </StyledProgressRingPercentage>\n      ) : null}\n    </StyledSvg>\n  );\n};\n\nexport const ProgressRing = ({\n  className,\n  children,\n  ...rest\n}: ProgressRingProps) => {\n  return (\n    <StyledWrapper\n      className={classNames(className)}\n      data-testid=\"progress-ring\"\n    >\n      <ProgressCircle {...rest} />\n      {children ? (\n        <StyledChildrenWrapper>{children}</StyledChildrenWrapper>\n      ) : null}\n    </StyledWrapper>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/RadioButton/RadioButton.js

@@ -6,11 +6,11 @@ import classnames from "classnames";
 import { StyledRadioButton, StyledRadioInput, StyledRadioLabel } from "./Styles";
 import RadioButtonIcon from "../Icons/collection/RadioButton";
 export const RadioButton = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      className = "",
-      id = "radio",
-      hover
-    } = _ref,
+  let _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? "radio" : _ref$id,
+    hover = _ref.hover,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledRadioButton, {
     className: classnames("c-radio-btn", {

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","names":["React","forwardRef","classnames","StyledRadioButton","StyledRadioInput","StyledRadioLabel","RadioButtonIcon","RadioButton","_ref","ref","className","id","hover","props","_objectWithoutPropertiesLoose","_excluded","createElement","$isHovered","$isControlled","_extends","type","htmlFor","width","height","displayName"],"sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, InputHTMLAttributes, Ref } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledRadioButton,\n  StyledRadioInput,\n  StyledRadioLabel,\n} from \"./Styles\";\nimport RadioButtonIcon from \"../Icons/collection/RadioButton\";\n\nexport interface IRadioButtonProps {\n  /** Class names */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id for RadioButton */\n  id?: string;\n}\n\nexport const RadioButton = forwardRef(\n  (\n    {\n      className = \"\",\n      id = \"radio\",\n      hover,\n      ...props\n    }: InputHTMLAttributes<HTMLInputElement> & IRadioButtonProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    return (\n      <StyledRadioButton\n        className={classnames(\n          \"c-radio-btn\",\n          {\n            \"c-radio-btn__hover\": hover,\n            \"c-radio-btn__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        $isHovered={hover}\n        $isControlled={typeof hover === \"boolean\"}\n      >\n        <StyledRadioInput\n          id={id}\n          className=\"c-radio-btn--input\"\n          type=\"radio\"\n          ref={ref}\n          {...props}\n        />\n        <StyledRadioLabel htmlFor={id} className=\"c-radio-btn--label\">\n          <RadioButtonIcon width=\"16\" height=\"16\" />\n        </StyledRadioLabel>\n      </StyledRadioButton>\n    );\n  }\n);\n\nRadioButton.displayName = \"RadioButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAkC,OAAO;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,iBAAiB,EACjBC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AACjB,OAAOC,eAAe,MAAM,iCAAiC;AAW7D,OAAO,MAAMC,WAAW,gBAAGN,UAAU,CACnC,CAAAO,IAAA,EAOEC,GAA6C,KAC1C;EAAA,IAPH;MACEC,SAAS,GAAG,EAAE;MACdC,EAAE,GAAG,OAAO;MACZC;IAEyD,CAAC,GAAAJ,IAAA;IADvDK,KAAK,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAIV,oBACEf,KAAA,CAAAgB,aAAA,CAACb,iBAAiB;IAChBO,SAAS,EAAER,UAAU,CACnB,aAAa,EACb;MACE,oBAAoB,EAAEU,KAAK;MAC3B,yBAAyB,EAAE,OAAOA,KAAK,KAAK;IAC9C,CAAC,EACDF,SACF,CAAE;IACFO,UAAU,EAAEL,KAAM;IAClBM,aAAa,EAAE,OAAON,KAAK,KAAK;EAAU,gBAE1CZ,KAAA,CAAAgB,aAAA,CAACZ,gBAAgB,EAAAe,QAAA;IACfR,EAAE,EAAEA,EAAG;IACPD,SAAS,EAAC,oBAAoB;IAC9BU,IAAI,EAAC,OAAO;IACZX,GAAG,EAAEA;EAAI,GACLI,KAAK,CACV,CAAC,eACFb,KAAA,CAAAgB,aAAA,CAACX,gBAAgB;IAACgB,OAAO,EAAEV,EAAG;IAACD,SAAS,EAAC;EAAoB,gBAC3DV,KAAA,CAAAgB,aAAA,CAACV,eAAe;IAACgB,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAI,CAAE,CACzB,CACD,CAAC;AAExB,CACF,CAAC;AAEDhB,WAAW,CAACiB,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"file":"RadioButton.js","names":["React","forwardRef","classnames","StyledRadioButton","StyledRadioInput","StyledRadioLabel","RadioButtonIcon","RadioButton","_ref","ref","_ref$className","className","_ref$id","id","hover","props","_objectWithoutPropertiesLoose","_excluded","createElement","$isHovered","$isControlled","_extends","type","htmlFor","width","height","displayName"],"sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, InputHTMLAttributes, Ref } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledRadioButton,\n  StyledRadioInput,\n  StyledRadioLabel,\n} from \"./Styles\";\nimport RadioButtonIcon from \"../Icons/collection/RadioButton\";\n\nexport interface IRadioButtonProps {\n  /** Class names */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id for RadioButton */\n  id?: string;\n}\n\nexport const RadioButton = forwardRef(\n  (\n    {\n      className = \"\",\n      id = \"radio\",\n      hover,\n      ...props\n    }: InputHTMLAttributes<HTMLInputElement> & IRadioButtonProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    return (\n      <StyledRadioButton\n        className={classnames(\n          \"c-radio-btn\",\n          {\n            \"c-radio-btn__hover\": hover,\n            \"c-radio-btn__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        $isHovered={hover}\n        $isControlled={typeof hover === \"boolean\"}\n      >\n        <StyledRadioInput\n          id={id}\n          className=\"c-radio-btn--input\"\n          type=\"radio\"\n          ref={ref}\n          {...props}\n        />\n        <StyledRadioLabel htmlFor={id} className=\"c-radio-btn--label\">\n          <RadioButtonIcon width=\"16\" height=\"16\" />\n        </StyledRadioLabel>\n      </StyledRadioButton>\n    );\n  }\n);\n\nRadioButton.displayName = \"RadioButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAkC,OAAO;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,iBAAiB,EACjBC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AACjB,OAAOC,eAAe,MAAM,iCAAiC;AAW7D,OAAO,MAAMC,WAAW,gBAAGN,UAAU,CACnC,CAAAO,IAAA,EAOEC,GAA6C,KAC1C;EAAA,IAAAC,cAAA,GAAAF,IAAA,CANDG,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,EAAE,GAAAA,cAAA;IAAAE,OAAA,GAAAJ,IAAA,CACdK,EAAE;IAAFA,EAAE,GAAAD,OAAA,cAAG,OAAO,GAAAA,OAAA;IACZE,KAAK,GAAAN,IAAA,CAALM,KAAK;IACFC,KAAK,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIV,oBACEjB,KAAA,CAAAkB,aAAA,CAACf,iBAAiB;IAChBQ,SAAS,EAAET,UAAU,CACnB,aAAa,EACb;MACE,oBAAoB,EAAEY,KAAK;MAC3B,yBAAyB,EAAE,OAAOA,KAAK,KAAK;IAC9C,CAAC,EACDH,SACF,CAAE;IACFQ,UAAU,EAAEL,KAAM;IAClBM,aAAa,EAAE,OAAON,KAAK,KAAK;EAAU,gBAE1Cd,KAAA,CAAAkB,aAAA,CAACd,gBAAgB,EAAAiB,QAAA;IACfR,EAAE,EAAEA,EAAG;IACPF,SAAS,EAAC,oBAAoB;IAC9BW,IAAI,EAAC,OAAO;IACZb,GAAG,EAAEA;EAAI,GACLM,KAAK,CACV,CAAC,eACFf,KAAA,CAAAkB,aAAA,CAACb,gBAAgB;IAACkB,OAAO,EAAEV,EAAG;IAACF,SAAS,EAAC;EAAoB,gBAC3DX,KAAA,CAAAkB,aAAA,CAACZ,eAAe;IAACkB,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAI,CAAE,CACzB,CACD,CAAC;AAExB,CACF,CAAC;AAEDlB,WAAW,CAACmB,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/esm/components/ScaleBar/ScaleBar.js

@@ -2,10 +2,8 @@ import React from "react";
 import classNames from "classnames";
 import { StyledScaleBar, StyledScaleBarInner } from "./Styles";
 export const ScaleBar = _ref => {
-  let {
-    width,
-    className
-  } = _ref;
+  let width = _ref.width,
+    className = _ref.className;
   return /*#__PURE__*/React.createElement(StyledScaleBar, {
     className: classNames("c-scale-bar", className)
   }, /*#__PURE__*/React.createElement(StyledScaleBarInner, {

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

@@ -1 +1 @@
-{"version":3,"file":"ScaleBar.js","names":["React","classNames","StyledScaleBar","StyledScaleBarInner","ScaleBar","_ref","width","className","createElement","$width","displayName"],"sources":["../../../../src/components/ScaleBar/ScaleBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledScaleBar, StyledScaleBarInner } from \"./Styles\";\n\nexport interface IScaleBarProps {\n  /** Width prop can be string or number. */\n  width: string | number;\n  /** Custom classname for styling. */\n  className?: string;\n}\n\nexport const ScaleBar: FC<IScaleBarProps> = ({ width, className }) => {\n  return (\n    <StyledScaleBar className={classNames(\"c-scale-bar\", className)}>\n      <StyledScaleBarInner className=\"c-scale-bar__progress\" $width={width} />\n    </StyledScaleBar>\n  );\n};\n\nScaleBar.displayName = \"ScaleBar\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AAEjC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,UAAU;AAS9D,OAAO,MAAMC,QAA4B,GAAGC,IAAA,IAA0B;EAAA,IAAzB;IAAEC,KAAK;IAAEC;EAAU,CAAC,GAAAF,IAAA;EAC/D,oBACEL,KAAA,CAAAQ,aAAA,CAACN,cAAc;IAACK,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS;EAAE,gBAC9DP,KAAA,CAAAQ,aAAA,CAACL,mBAAmB;IAACI,SAAS,EAAC,uBAAuB;IAACE,MAAM,EAAEH;EAAM,CAAE,CACzD,CAAC;AAErB,CAAC;AAEDF,QAAQ,CAACM,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"file":"ScaleBar.js","names":["React","classNames","StyledScaleBar","StyledScaleBarInner","ScaleBar","_ref","width","className","createElement","$width","displayName"],"sources":["../../../../src/components/ScaleBar/ScaleBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledScaleBar, StyledScaleBarInner } from \"./Styles\";\n\nexport interface IScaleBarProps {\n  /** Width prop can be string or number. */\n  width: string | number;\n  /** Custom classname for styling. */\n  className?: string;\n}\n\nexport const ScaleBar: FC<IScaleBarProps> = ({ width, className }) => {\n  return (\n    <StyledScaleBar className={classNames(\"c-scale-bar\", className)}>\n      <StyledScaleBarInner className=\"c-scale-bar__progress\" $width={width} />\n    </StyledScaleBar>\n  );\n};\n\nScaleBar.displayName = \"ScaleBar\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AAEjC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,UAAU;AAS9D,OAAO,MAAMC,QAA4B,GAAGC,IAAA,IAA0B;EAAA,IAAvBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAC7D,oBACEP,KAAA,CAAAQ,aAAA,CAACN,cAAc;IAACK,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS;EAAE,gBAC9DP,KAAA,CAAAQ,aAAA,CAACL,mBAAmB;IAACI,SAAS,EAAC,uBAAuB;IAACE,MAAM,EAAEH;EAAM,CAAE,CACzD,CAAC;AAErB,CAAC;AAEDF,QAAQ,CAACM,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/esm/components/ScrollShadow/ScrollElement.js

@@ -6,12 +6,12 @@ import classNames from "classnames";
 import { useInitScrollRef } from "../../hooks";
 import useForkRef from "../../utils/useForkRef";
 export const ScrollElement = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      as = "div",
-      className,
-      invert = false,
-      style
-    } = _ref,
+  let _ref$as = _ref.as,
+    as = _ref$as === void 0 ? "div" : _ref$as,
+    className = _ref.className,
+    _ref$invert = _ref.invert,
+    invert = _ref$invert === void 0 ? false : _ref$invert,
+    style = _ref.style,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const internalRef = useInitScrollRef(null, invert);
   const handleRef = useForkRef(internalRef, ref);

package/dist/esm/components/ScrollShadow/ScrollElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollElement.js","names":["React","forwardRef","classNames","useInitScrollRef","useForkRef","ScrollElement","_ref","ref","as","className","invert","style","rest","_objectWithoutPropertiesLoose","_excluded","internalRef","handleRef","props","_extends","overflow","createElement","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { useInitScrollRef } from \"../../hooks\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface IScrollElement extends HTMLAttributes<HTMLElement> {\n  as?: string;\n  children?: ReactNode;\n  invert?: boolean;\n}\n\nexport const ScrollElement = forwardRef<HTMLElement, IScrollElement>(\n  ({ as = \"div\", className, invert = false, style, ...rest }, ref) => {\n    const internalRef = useInitScrollRef(null, invert);\n    const handleRef = useForkRef(internalRef, ref);\n\n    const props = {\n      ...rest,\n      ref: handleRef,\n      className: classNames(\"c-scroll-element\", className),\n      style: { overflow: \"auto\", ...style },\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAmC,OAAO;AAEpE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,aAAa;AAC9C,OAAOC,UAAU,MAAM,wBAAwB;AAQ/C,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,CAAAK,IAAA,EAA4DC,GAAG,KAAK;EAAA,IAAnE;MAAEC,EAAE,GAAG,KAAK;MAAEC,SAAS;MAAEC,MAAM,GAAG,KAAK;MAAEC;IAAe,CAAC,GAAAL,IAAA;IAANM,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EACtD,MAAMC,WAAW,GAAGZ,gBAAgB,CAAC,IAAI,EAAEO,MAAM,CAAC;EAClD,MAAMM,SAAS,GAAGZ,UAAU,CAACW,WAAW,EAAER,GAAG,CAAC;EAE9C,MAAMU,KAAK,GAAAC,QAAA,KACNN,IAAI;IACPL,GAAG,EAAES,SAAS;IACdP,SAAS,EAAEP,UAAU,CAAC,kBAAkB,EAAEO,SAAS,CAAC;IACpDE,KAAK,EAAAO,QAAA;MAAIC,QAAQ,EAAE;IAAM,GAAKR,KAAK;EAAE,EACtC;EAED,oBAAOX,KAAK,CAACoB,aAAa,CAACZ,EAAE,EAAES,KAAK,CAAC;AACvC,CACF,CAAC;AAEDZ,aAAa,CAACgB,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"file":"ScrollElement.js","names":["React","forwardRef","classNames","useInitScrollRef","useForkRef","ScrollElement","_ref","ref","_ref$as","as","className","_ref$invert","invert","style","rest","_objectWithoutPropertiesLoose","_excluded","internalRef","handleRef","props","_extends","overflow","createElement","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { useInitScrollRef } from \"../../hooks\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface IScrollElement extends HTMLAttributes<HTMLElement> {\n  as?: string;\n  children?: ReactNode;\n  invert?: boolean;\n}\n\nexport const ScrollElement = forwardRef<HTMLElement, IScrollElement>(\n  ({ as = \"div\", className, invert = false, style, ...rest }, ref) => {\n    const internalRef = useInitScrollRef(null, invert);\n    const handleRef = useForkRef(internalRef, ref);\n\n    const props = {\n      ...rest,\n      ref: handleRef,\n      className: classNames(\"c-scroll-element\", className),\n      style: { overflow: \"auto\", ...style },\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAmC,OAAO;AAEpE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,aAAa;AAC9C,OAAOC,UAAU,MAAM,wBAAwB;AAQ/C,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,CAAAK,IAAA,EAA4DC,GAAG,KAAK;EAAA,IAAAC,OAAA,GAAAF,IAAA,CAAjEG,EAAE;IAAFA,EAAE,GAAAD,OAAA,cAAG,KAAK,GAAAA,OAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAAC,WAAA,GAAAL,IAAA,CAAEM,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAEE,KAAK,GAAAP,IAAA,CAALO,KAAK;IAAKC,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EACtD,MAAMC,WAAW,GAAGd,gBAAgB,CAAC,IAAI,EAAES,MAAM,CAAC;EAClD,MAAMM,SAAS,GAAGd,UAAU,CAACa,WAAW,EAAEV,GAAG,CAAC;EAE9C,MAAMY,KAAK,GAAAC,QAAA,KACNN,IAAI;IACPP,GAAG,EAAEW,SAAS;IACdR,SAAS,EAAER,UAAU,CAAC,kBAAkB,EAAEQ,SAAS,CAAC;IACpDG,KAAK,EAAAO,QAAA;MAAIC,QAAQ,EAAE;IAAM,GAAKR,KAAK;EAAE,EACtC;EAED,oBAAOb,KAAK,CAACsB,aAAa,CAACb,EAAE,EAAEU,KAAK,CAAC;AACvC,CACF,CAAC;AAEDd,aAAa,CAACkB,WAAW,GAAG,eAAe","ignoreList":[]}