@activecollab/components 2.0.304 → 2.0.307

package/dist/esm/components/Sheet/Sheet.js

@@ -10,24 +10,35 @@ import { Overlay } from "../Overlay";
 import { Tooltip } from "../Tooltip";
 import { Window } from "../Window";
 export const Sheet = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      onClose,
-      controls = [],
-      open: defaultOpen = false,
-      animation = "top",
-      position = "center",
-      mode = "normal",
-      disableFocusLock = false,
-      disableScrollLock = false,
-      disableBackgroundColor = false,
-      bodyStyle,
-      bodyClassName,
-      disableBackgroundClick = false
-    } = _ref,
+  let children = _ref.children,
+    onClose = _ref.onClose,
+    _ref$controls = _ref.controls,
+    controls = _ref$controls === void 0 ? [] : _ref$controls,
+    _ref$open = _ref.open,
+    defaultOpen = _ref$open === void 0 ? false : _ref$open,
+    _ref$animation = _ref.animation,
+    animation = _ref$animation === void 0 ? "top" : _ref$animation,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "center" : _ref$position,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "normal" : _ref$mode,
+    _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.disableBackgroundColor,
+    disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
+    bodyStyle = _ref.bodyStyle,
+    bodyClassName = _ref.bodyClassName,
+    _ref$disableBackgroun2 = _ref.disableBackgroundClick,
+    disableBackgroundClick = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
     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];
   useEffect(() => {
     setOpen(defaultOpen);
   }, [defaultOpen]);
@@ -66,13 +77,11 @@ export const Sheet = /*#__PURE__*/forwardRef((_ref, ref) => {
     $position: position,
     $mode: mode
   }, controls.length > 0 && /*#__PURE__*/React.createElement(StyledSheetIcons, null, controls.map((_ref2, index) => {
-    let {
-      icon: IconComponent,
-      tooltip,
-      onClick,
-      disabled,
-      className
-    } = _ref2;
+    let IconComponent = _ref2.icon,
+      tooltip = _ref2.tooltip,
+      onClick = _ref2.onClick,
+      disabled = _ref2.disabled,
+      className = _ref2.className;
     const maxDurationIn = 4;
     const maxDurationOut = 2;
     const control = index + 1;
@@ -108,13 +117,11 @@ export const Sheet = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, /*#__PURE__*/React.createElement(StyledSheetWrapperPaper, {
     paperClass: "c-sheet__wrapper__paper"
   }, controls.length > 0 && /*#__PURE__*/React.createElement(StyledHeader, null, /*#__PURE__*/React.createElement(StyledIconsWrapperSmall, null, controls.map((_ref3, index) => {
-    let {
-      icon: IconComponent,
-      tooltip,
-      onClick,
-      disabled,
-      className
-    } = _ref3;
+    let IconComponent = _ref3.icon,
+      tooltip = _ref3.tooltip,
+      onClick = _ref3.onClick,
+      disabled = _ref3.disabled,
+      className = _ref3.className;
     return /*#__PURE__*/React.createElement(Tooltip, {
       title: tooltip,
       disable: !tooltip || disabled,

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

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","names":["React","useCallback","useEffect","forwardRef","useState","useImperativeHandle","Transition","classnames","StyledAnimatedSpan","StyledCssTransition","StyledHeader","StyledIconsWrapperSmall","StyledListSeparator","StyledSheetIcons","StyledSheetWrapper","StyledSheetWrapperPaper","IconButton","Overlay","Tooltip","Window","Sheet","_ref","ref","children","onClose","controls","open","defaultOpen","animation","position","mode","disableFocusLock","disableScrollLock","disableBackgroundColor","bodyStyle","bodyClassName","disableBackgroundClick","rest","_objectWithoutPropertiesLoose","_excluded","setOpen","exited","setExited","handleEnter","handleExited","handleClose","handleBackgroundClick","event","preventDefault","close","createElement","_extends","onClick","className","style","$position","$mode","length","map","_ref2","index","icon","IconComponent","tooltip","disabled","maxDurationIn","maxDurationOut","control","durationOut","Math","max","durationIn","min","appear","in","timeout","key","state","title","disable","$disabled","$state","$maxDurationIn","$maxDurationOut","$durationOut","$durationIn","classNames","$direction","onEnter","onExited","paperClass","_ref3","variant","displayName"],"sources":["../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  useImperativeHandle,\n} from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAnimatedSpan,\n  StyledCssTransition,\n  StyledHeader,\n  StyledIconsWrapperSmall,\n  StyledListSeparator,\n  StyledSheetIcons,\n  StyledSheetWrapper,\n  StyledSheetWrapperPaper,\n} from \"./Styles\";\nimport { IconButton } from \"../IconButton\";\nimport { Overlay } from \"../Overlay\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Window } from \"../Window\";\n\ninterface ControlProps {\n  onClick: () => void;\n  icon: React.ReactElement;\n  tooltip: string;\n  disabled: boolean;\n  className: string;\n}\n\ninterface ISheet {\n  onClose?: () => void;\n  controls?: ControlProps[];\n  open?: boolean;\n  animation?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  position?: \"center\" | \"left\" | \"right\";\n  mode?: \"normal\" | \"stretch\";\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableBackgroundColor?: boolean;\n  bodyStyle?: CSSProperties;\n  bodyClassName?: string;\n  disableBackgroundClick?: boolean;\n}\n\nexport interface SheetMethods {\n  close: () => void;\n}\n\ntype SheetProps = ISheet & HTMLAttributes<HTMLDivElement>;\n\nexport const Sheet = forwardRef<SheetMethods, SheetProps>(\n  (\n    {\n      children,\n      onClose,\n      controls = [],\n      open: defaultOpen = false,\n      animation = \"top\",\n      position = \"center\",\n      mode = \"normal\",\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundColor = false,\n      bodyStyle,\n      bodyClassName,\n      disableBackgroundClick = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      onClose?.();\n    }, [onClose]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n    }, []);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    useImperativeHandle(ref, () => ({\n      close: handleClose,\n    }));\n\n    if (!open && exited) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        {open && (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        )}\n        <StyledSheetWrapper\n          className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n          style={bodyStyle}\n          $position={position}\n          $mode={mode}\n        >\n          {controls.length > 0 && (\n            <StyledSheetIcons>\n              {controls.map(\n                (\n                  {\n                    icon: IconComponent,\n                    tooltip,\n                    onClick,\n                    disabled,\n                    className,\n                  },\n                  index\n                ) => {\n                  const maxDurationIn = 4;\n                  const maxDurationOut = 2;\n                  const control = index + 1;\n                  const durationOut = Math.max(0, maxDurationOut - control);\n                  const durationIn = Math.min(control, maxDurationIn);\n\n                  return (\n                    <Transition\n                      appear\n                      in={open}\n                      timeout={maxDurationIn * 100}\n                      key={`c-sheet-control-${index}`}\n                    >\n                      {(state) => (\n                        <Tooltip title={tooltip} disable={!tooltip || disabled}>\n                          <StyledAnimatedSpan\n                            onClick={onClick}\n                            $disabled={disabled}\n                            $mode={mode}\n                            $state={state}\n                            className={className}\n                            $maxDurationIn={maxDurationIn / 10}\n                            $maxDurationOut={maxDurationOut / 10}\n                            $durationOut={durationOut / 10}\n                            $durationIn={durationIn / 10}\n                          >\n                            {IconComponent}\n                          </StyledAnimatedSpan>\n                        </Tooltip>\n                      )}\n                    </Transition>\n                  );\n                }\n              )}\n            </StyledSheetIcons>\n          )}\n          <StyledCssTransition\n            appear\n            in={open}\n            timeout={400}\n            classNames=\"c-sheet__animation\"\n            $direction={animation}\n            onEnter={handleEnter}\n            onExited={handleExited}\n          >\n            <StyledSheetWrapperPaper paperClass=\"c-sheet__wrapper__paper\">\n              {controls.length > 0 && (\n                <StyledHeader>\n                  <StyledIconsWrapperSmall>\n                    {controls.map(\n                      (\n                        {\n                          icon: IconComponent,\n                          tooltip,\n                          onClick,\n                          disabled,\n                          className,\n                        },\n                        index\n                      ) => (\n                        <Tooltip\n                          title={tooltip}\n                          disable={!tooltip || disabled}\n                          key={index}\n                        >\n                          <IconButton\n                            onClick={onClick}\n                            disabled={disabled}\n                            className={className}\n                            variant=\"text gray\"\n                          >\n                            {IconComponent}\n                          </IconButton>\n                        </Tooltip>\n                      )\n                    )}\n                  </StyledIconsWrapperSmall>\n                  <StyledListSeparator />\n                </StyledHeader>\n              )}\n              {children}\n            </StyledSheetWrapperPaper>\n          </StyledCssTransition>\n        </StyledSheetWrapper>\n      </Window>\n    );\n  }\n);\n\nSheet.displayName = \"Sheet\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,WAAW,EACXC,SAAS,EACTC,UAAU,EAEVC,QAAQ,EAGRC,mBAAmB,QACd,OAAO;AACd,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,kBAAkB,EAClBC,mBAAmB,EACnBC,YAAY,EACZC,uBAAuB,EACvBC,mBAAmB,EACnBC,gBAAgB,EAChBC,kBAAkB,EAClBC,uBAAuB,QAClB,UAAU;AACjB,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,MAAM,QAAQ,WAAW;AA+BlC,OAAO,MAAMC,KAAK,gBAAGjB,UAAU,CAC7B,CAAAkB,IAAA,EAiBEC,GAAG,KACA;EAAA,IAjBH;MACEC,QAAQ;MACRC,OAAO;MACPC,QAAQ,GAAG,EAAE;MACbC,IAAI,EAAEC,WAAW,GAAG,KAAK;MACzBC,SAAS,GAAG,KAAK;MACjBC,QAAQ,GAAG,QAAQ;MACnBC,IAAI,GAAG,QAAQ;MACfC,gBAAgB,GAAG,KAAK;MACxBC,iBAAiB,GAAG,KAAK;MACzBC,sBAAsB,GAAG,KAAK;MAC9BC,SAAS;MACTC,aAAa;MACbC,sBAAsB,GAAG;IAE3B,CAAC,GAAAf,IAAA;IADIgB,IAAI,GAAAC,6BAAA,CAAAjB,IAAA,EAAAkB,SAAA;EAIT,MAAM,CAACb,IAAI,EAAEc,OAAO,CAAC,GAAGpC,QAAQ,CAACuB,WAAW,CAAC;EAC7C,MAAM,CAACc,MAAM,EAAEC,SAAS,CAAC,GAAGtC,QAAQ,CAAC,IAAI,CAAC;EAE1CF,SAAS,CAAC,MAAM;IACdsC,OAAO,CAACb,WAAW,CAAC;EACtB,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAMgB,WAAW,GAAG1C,WAAW,CAAC,MAAM;IACpCyC,SAAS,CAAC,KAAK,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,YAAY,GAAG3C,WAAW,CAAC,MAAM;IACrCyC,SAAS,CAAC,IAAI,CAAC;IACflB,OAAO,YAAPA,OAAO,CAAG,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMqB,WAAW,GAAG5C,WAAW,CAAC,MAAM;IACpCuC,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,qBAAqB,GAAG7C,WAAW,CACtC8C,KAAiC,IAAK;IACrC,IAAI,CAACX,sBAAsB,EAAE;MAC3BW,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBH,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EACD,CAACT,sBAAsB,EAAES,WAAW,CACtC,CAAC;EAEDxC,mBAAmB,CAACiB,GAAG,EAAE,OAAO;IAC9B2B,KAAK,EAAEJ;EACT,CAAC,CAAC,CAAC;EAEH,IAAI,CAACnB,IAAI,IAAIe,MAAM,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBACEzC,KAAA,CAAAkD,aAAA,CAAC/B,MAAM,EAAAgC,QAAA,KACDd,IAAI;IACRb,OAAO,EAAEqB,WAAY;IACrBd,gBAAgB,EAAEA,gBAAiB;IACnCC,iBAAiB,EAAEA;EAAkB,IAEpCN,IAAI,iBACH1B,KAAA,CAAAkD,aAAA,CAACjC,OAAO;IACNmC,OAAO,EAAEN,qBAAsB;IAC/Bb,sBAAsB,EAAEA;EAAuB,CAChD,CACF,eACDjC,KAAA,CAAAkD,aAAA,CAACpC,kBAAkB;IACjBuC,SAAS,EAAE9C,UAAU,CAAC,kBAAkB,EAAE4B,aAAa,CAAE;IACzDmB,KAAK,EAAEpB,SAAU;IACjBqB,SAAS,EAAE1B,QAAS;IACpB2B,KAAK,EAAE1B;EAAK,GAEXL,QAAQ,CAACgC,MAAM,GAAG,CAAC,iBAClBzD,KAAA,CAAAkD,aAAA,CAACrC,gBAAgB,QACdY,QAAQ,CAACiC,GAAG,CACX,CAAAC,KAAA,EAQEC,KAAK,KACF;IAAA,IARH;MACEC,IAAI,EAAEC,aAAa;MACnBC,OAAO;MACPX,OAAO;MACPY,QAAQ;MACRX;IACF,CAAC,GAAAM,KAAA;IAGD,MAAMM,aAAa,GAAG,CAAC;IACvB,MAAMC,cAAc,GAAG,CAAC;IACxB,MAAMC,OAAO,GAAGP,KAAK,GAAG,CAAC;IACzB,MAAMQ,WAAW,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,cAAc,GAAGC,OAAO,CAAC;IACzD,MAAMI,UAAU,GAAGF,IAAI,CAACG,GAAG,CAACL,OAAO,EAAEF,aAAa,CAAC;IAEnD,oBACEjE,KAAA,CAAAkD,aAAA,CAAC5C,UAAU;MACTmE,MAAM;MACNC,EAAE,EAAEhD,IAAK;MACTiD,OAAO,EAAEV,aAAa,GAAG,GAAI;MAC7BW,GAAG,uBAAqBhB;IAAQ,GAE9BiB,KAAK,iBACL7E,KAAA,CAAAkD,aAAA,CAAChC,OAAO;MAAC4D,KAAK,EAAEf,OAAQ;MAACgB,OAAO,EAAE,CAAChB,OAAO,IAAIC;IAAS,gBACrDhE,KAAA,CAAAkD,aAAA,CAAC1C,kBAAkB;MACjB4C,OAAO,EAAEA,OAAQ;MACjB4B,SAAS,EAAEhB,QAAS;MACpBR,KAAK,EAAE1B,IAAK;MACZmD,MAAM,EAAEJ,KAAM;MACdxB,SAAS,EAAEA,SAAU;MACrB6B,cAAc,EAAEjB,aAAa,GAAG,EAAG;MACnCkB,eAAe,EAAEjB,cAAc,GAAG,EAAG;MACrCkB,YAAY,EAAEhB,WAAW,GAAG,EAAG;MAC/BiB,WAAW,EAAEd,UAAU,GAAG;IAAG,GAE5BT,aACiB,CACb,CAED,CAAC;EAEjB,CACF,CACgB,CACnB,eACD9D,KAAA,CAAAkD,aAAA,CAACzC,mBAAmB;IAClBgE,MAAM;IACNC,EAAE,EAAEhD,IAAK;IACTiD,OAAO,EAAE,GAAI;IACbW,UAAU,EAAC,oBAAoB;IAC/BC,UAAU,EAAE3D,SAAU;IACtB4D,OAAO,EAAE7C,WAAY;IACrB8C,QAAQ,EAAE7C;EAAa,gBAEvB5C,KAAA,CAAAkD,aAAA,CAACnC,uBAAuB;IAAC2E,UAAU,EAAC;EAAyB,GAC1DjE,QAAQ,CAACgC,MAAM,GAAG,CAAC,iBAClBzD,KAAA,CAAAkD,aAAA,CAACxC,YAAY,qBACXV,KAAA,CAAAkD,aAAA,CAACvC,uBAAuB,QACrBc,QAAQ,CAACiC,GAAG,CACX,CAAAiC,KAAA,EAQE/B,KAAK;IAAA,IAPL;MACEC,IAAI,EAAEC,aAAa;MACnBC,OAAO;MACPX,OAAO;MACPY,QAAQ;MACRX;IACF,CAAC,GAAAsC,KAAA;IAAA,oBAGD3F,KAAA,CAAAkD,aAAA,CAAChC,OAAO;MACN4D,KAAK,EAAEf,OAAQ;MACfgB,OAAO,EAAE,CAAChB,OAAO,IAAIC,QAAS;MAC9BY,GAAG,EAAEhB;IAAM,gBAEX5D,KAAA,CAAAkD,aAAA,CAAClC,UAAU;MACToC,OAAO,EAAEA,OAAQ;MACjBY,QAAQ,EAAEA,QAAS;MACnBX,SAAS,EAAEA,SAAU;MACrBuC,OAAO,EAAC;IAAW,GAElB9B,aACS,CACL,CAAC;EAAA,CAEd,CACuB,CAAC,eAC1B9D,KAAA,CAAAkD,aAAA,CAACtC,mBAAmB,MAAE,CACV,CACf,EACAW,QACsB,CACN,CACH,CACd,CAAC;AAEb,CACF,CAAC;AAEDH,KAAK,CAACyE,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"file":"Sheet.js","names":["React","useCallback","useEffect","forwardRef","useState","useImperativeHandle","Transition","classnames","StyledAnimatedSpan","StyledCssTransition","StyledHeader","StyledIconsWrapperSmall","StyledListSeparator","StyledSheetIcons","StyledSheetWrapper","StyledSheetWrapperPaper","IconButton","Overlay","Tooltip","Window","Sheet","_ref","ref","children","onClose","_ref$controls","controls","_ref$open","open","defaultOpen","_ref$animation","animation","_ref$position","position","_ref$mode","mode","_ref$disableFocusLock","disableFocusLock","_ref$disableScrollLoc","disableScrollLock","_ref$disableBackgroun","disableBackgroundColor","bodyStyle","bodyClassName","_ref$disableBackgroun2","disableBackgroundClick","rest","_objectWithoutPropertiesLoose","_excluded","_useState","setOpen","_useState2","exited","setExited","handleEnter","handleExited","handleClose","handleBackgroundClick","event","preventDefault","close","createElement","_extends","onClick","className","style","$position","$mode","length","map","_ref2","index","IconComponent","icon","tooltip","disabled","maxDurationIn","maxDurationOut","control","durationOut","Math","max","durationIn","min","appear","in","timeout","key","state","title","disable","$disabled","$state","$maxDurationIn","$maxDurationOut","$durationOut","$durationIn","classNames","$direction","onEnter","onExited","paperClass","_ref3","variant","displayName"],"sources":["../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  useImperativeHandle,\n} from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAnimatedSpan,\n  StyledCssTransition,\n  StyledHeader,\n  StyledIconsWrapperSmall,\n  StyledListSeparator,\n  StyledSheetIcons,\n  StyledSheetWrapper,\n  StyledSheetWrapperPaper,\n} from \"./Styles\";\nimport { IconButton } from \"../IconButton\";\nimport { Overlay } from \"../Overlay\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Window } from \"../Window\";\n\ninterface ControlProps {\n  onClick: () => void;\n  icon: React.ReactElement;\n  tooltip: string;\n  disabled: boolean;\n  className: string;\n}\n\ninterface ISheet {\n  onClose?: () => void;\n  controls?: ControlProps[];\n  open?: boolean;\n  animation?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  position?: \"center\" | \"left\" | \"right\";\n  mode?: \"normal\" | \"stretch\";\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableBackgroundColor?: boolean;\n  bodyStyle?: CSSProperties;\n  bodyClassName?: string;\n  disableBackgroundClick?: boolean;\n}\n\nexport interface SheetMethods {\n  close: () => void;\n}\n\ntype SheetProps = ISheet & HTMLAttributes<HTMLDivElement>;\n\nexport const Sheet = forwardRef<SheetMethods, SheetProps>(\n  (\n    {\n      children,\n      onClose,\n      controls = [],\n      open: defaultOpen = false,\n      animation = \"top\",\n      position = \"center\",\n      mode = \"normal\",\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundColor = false,\n      bodyStyle,\n      bodyClassName,\n      disableBackgroundClick = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      onClose?.();\n    }, [onClose]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n    }, []);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    useImperativeHandle(ref, () => ({\n      close: handleClose,\n    }));\n\n    if (!open && exited) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        {open && (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        )}\n        <StyledSheetWrapper\n          className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n          style={bodyStyle}\n          $position={position}\n          $mode={mode}\n        >\n          {controls.length > 0 && (\n            <StyledSheetIcons>\n              {controls.map(\n                (\n                  {\n                    icon: IconComponent,\n                    tooltip,\n                    onClick,\n                    disabled,\n                    className,\n                  },\n                  index\n                ) => {\n                  const maxDurationIn = 4;\n                  const maxDurationOut = 2;\n                  const control = index + 1;\n                  const durationOut = Math.max(0, maxDurationOut - control);\n                  const durationIn = Math.min(control, maxDurationIn);\n\n                  return (\n                    <Transition\n                      appear\n                      in={open}\n                      timeout={maxDurationIn * 100}\n                      key={`c-sheet-control-${index}`}\n                    >\n                      {(state) => (\n                        <Tooltip title={tooltip} disable={!tooltip || disabled}>\n                          <StyledAnimatedSpan\n                            onClick={onClick}\n                            $disabled={disabled}\n                            $mode={mode}\n                            $state={state}\n                            className={className}\n                            $maxDurationIn={maxDurationIn / 10}\n                            $maxDurationOut={maxDurationOut / 10}\n                            $durationOut={durationOut / 10}\n                            $durationIn={durationIn / 10}\n                          >\n                            {IconComponent}\n                          </StyledAnimatedSpan>\n                        </Tooltip>\n                      )}\n                    </Transition>\n                  );\n                }\n              )}\n            </StyledSheetIcons>\n          )}\n          <StyledCssTransition\n            appear\n            in={open}\n            timeout={400}\n            classNames=\"c-sheet__animation\"\n            $direction={animation}\n            onEnter={handleEnter}\n            onExited={handleExited}\n          >\n            <StyledSheetWrapperPaper paperClass=\"c-sheet__wrapper__paper\">\n              {controls.length > 0 && (\n                <StyledHeader>\n                  <StyledIconsWrapperSmall>\n                    {controls.map(\n                      (\n                        {\n                          icon: IconComponent,\n                          tooltip,\n                          onClick,\n                          disabled,\n                          className,\n                        },\n                        index\n                      ) => (\n                        <Tooltip\n                          title={tooltip}\n                          disable={!tooltip || disabled}\n                          key={index}\n                        >\n                          <IconButton\n                            onClick={onClick}\n                            disabled={disabled}\n                            className={className}\n                            variant=\"text gray\"\n                          >\n                            {IconComponent}\n                          </IconButton>\n                        </Tooltip>\n                      )\n                    )}\n                  </StyledIconsWrapperSmall>\n                  <StyledListSeparator />\n                </StyledHeader>\n              )}\n              {children}\n            </StyledSheetWrapperPaper>\n          </StyledCssTransition>\n        </StyledSheetWrapper>\n      </Window>\n    );\n  }\n);\n\nSheet.displayName = \"Sheet\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Signifier/Signifier.js

@@ -6,18 +6,20 @@ import { Tooltip } from "../Tooltip";
 import { Body1, Caption1 } from "../Typography";
 export const signifierTypes = ["EyeIcon", "EyeSmallIcon", "PencilIcon", "PencilSmallIcon", "EyeOffIcon", "EyeOffSmallIcon", "ChecklistIcon", "ChecklistSmallIcon", "WarningTriangleIcon", "WarningTriangleSmallIcon", "DependencyIcon", "DependencySmallIcon", "MessageIcon", "MessageSmallIcon", "ClockStopwatchIcon", "ClockStopwatchSmallIcon", "ClockIcon", "ClockSmallIcon", "DollarOffIcon", "DollarOffSmallIcon", "DollarIcon", "DollarSmallIcon", "DollarCheckmarkIcon", "DollarCheckmarkSmallIcon", "DollarClockIcon", "DollarClockSmallIcon", "BellOffIcon", "BellOffSmallIcon", "LockIcon", "LockSmallIcon", "RecurringCheckmarkIcon", "RecurringCheckmarkSmallIcon", "PinIcon", "PinSmallIcon"];
 export const Signifier = _ref => {
-  let {
-    type: Component,
-    value = null,
-    className,
-    tooltipText,
-    tooltipClassName
-  } = _ref;
+  let Component = _ref.type,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? null : _ref$value,
+    className = _ref.className,
+    tooltipText = _ref.tooltipText,
+    tooltipClassName = _ref.tooltipClassName;
   if (signifierTypes.indexOf(Component.displayName) === -1) {
     console.warn("You are using unsupported Signifier icon");
   }
-  const [direction, setDirection] = useState("c-signifier--top");
-  const [, setPrevValue] = useState(value);
+  const _useState = useState("c-signifier--top"),
+    direction = _useState[0],
+    setDirection = _useState[1];
+  const _useState2 = useState(value),
+    setPrevValue = _useState2[1];
   const label = useMemo(() => {
     if (!value || value < 1) return null;
     const max = 1000000000;

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

@@ -1 +1 @@
-{"version":3,"file":"Signifier.js","names":["React","useMemo","useState","useEffect","SwitchTransition","classnames","StyledIcon","StyledSignifier","StyledSignifierTransition","Tooltip","Body1","Caption1","signifierTypes","Signifier","_ref","type","Component","value","className","tooltipText","tooltipClassName","indexOf","displayName","console","warn","direction","setDirection","setPrevValue","label","max","newValue","Math","floor","v","renderSignifier","createElement","$direction","as","mode","key","timeout","classNames","includes","color","title","disable","popperTooltipClassName"],"sources":["../../../../src/components/Signifier/Signifier.tsx"],"sourcesContent":["import React, { FC, useMemo, ElementType, useState, useEffect } from \"react\";\nimport { SwitchTransition } from \"react-transition-group\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledIcon,\n  StyledSignifier,\n  StyledSignifierTransition,\n} from \"./Styles\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Body1, Caption1 } from \"../Typography\";\n\nexport interface ISignifierProps {\n  /** One of icon types */\n  type: ElementType;\n  /** Number that represent total value */\n  value?: number;\n  /** Value that represent class names */\n  className?: string;\n  /** The text that will be displayed on hover in tooltip */\n  tooltipText?: string;\n  /** ClassName for tooltip if there is one */\n  tooltipClassName?: string;\n}\n\nexport const signifierTypes = [\n  \"EyeIcon\",\n  \"EyeSmallIcon\",\n  \"PencilIcon\",\n  \"PencilSmallIcon\",\n  \"EyeOffIcon\",\n  \"EyeOffSmallIcon\",\n  \"ChecklistIcon\",\n  \"ChecklistSmallIcon\",\n  \"WarningTriangleIcon\",\n  \"WarningTriangleSmallIcon\",\n  \"DependencyIcon\",\n  \"DependencySmallIcon\",\n  \"MessageIcon\",\n  \"MessageSmallIcon\",\n  \"ClockStopwatchIcon\",\n  \"ClockStopwatchSmallIcon\",\n  \"ClockIcon\",\n  \"ClockSmallIcon\",\n  \"DollarOffIcon\",\n  \"DollarOffSmallIcon\",\n  \"DollarIcon\",\n  \"DollarSmallIcon\",\n  \"DollarCheckmarkIcon\",\n  \"DollarCheckmarkSmallIcon\",\n  \"DollarClockIcon\",\n  \"DollarClockSmallIcon\",\n  \"BellOffIcon\",\n  \"BellOffSmallIcon\",\n  \"LockIcon\",\n  \"LockSmallIcon\",\n  \"RecurringCheckmarkIcon\",\n  \"RecurringCheckmarkSmallIcon\",\n  \"PinIcon\",\n  \"PinSmallIcon\",\n];\n\nexport const Signifier: FC<ISignifierProps> = ({\n  type: Component,\n  value = null,\n  className,\n  tooltipText,\n  tooltipClassName,\n}) => {\n  if (\n    signifierTypes.indexOf(\n      (Component as { displayName: string }).displayName\n    ) === -1\n  ) {\n    console.warn(\"You are using unsupported Signifier icon\");\n  }\n\n  const [direction, setDirection] = useState(\"c-signifier--top\");\n  const [, setPrevValue] = useState(value);\n\n  const label: string | null = useMemo(() => {\n    if (!value || value < 1) return null;\n\n    const max = 1_000_000_000;\n    let newValue = value;\n\n    if (newValue > max) {\n      newValue = max;\n    }\n\n    if (newValue === max) {\n      return `${Math.floor(newValue / 1_000_000_000)}B+`;\n    } else if (newValue > 999_999) {\n      return `${Math.floor(newValue / 1_000_000)}M`;\n    } else if (newValue > 999) {\n      return `${Math.floor(newValue / 1000)}k`;\n    }\n\n    return `${newValue}`;\n  }, [value]);\n\n  useEffect(() => {\n    value &&\n      setPrevValue((v) => {\n        v &&\n          setDirection(\n            v - value > 0 ? \"c-signifier--top\" : \"c-signifier--bottom\"\n          );\n        return value;\n      });\n  }, [value]);\n\n  const renderSignifier = useMemo(\n    () => (\n      <StyledSignifier\n        className={classnames(\"c-signifier\", className)}\n        $direction={direction}\n      >\n        <StyledIcon as={Component} />\n        {value !== null && (\n          <SwitchTransition mode=\"out-in\">\n            <StyledSignifierTransition\n              key={label}\n              timeout={300}\n              classNames=\"c-signifier--animate\"\n            >\n              {(Component as { displayName: string }).displayName.includes(\n                \"SmallIcon\"\n              ) ? (\n                <Caption1 color=\"secondary\">{label}</Caption1>\n              ) : (\n                <Body1 color=\"secondary\">{label}</Body1>\n              )}\n            </StyledSignifierTransition>\n          </SwitchTransition>\n        )}\n      </StyledSignifier>\n    ),\n    [className, direction, Component, value, label]\n  );\n\n  return (\n    <Tooltip\n      title={tooltipText ?? \"\"}\n      disable={!tooltipText}\n      popperTooltipClassName={tooltipClassName}\n    >\n      {renderSignifier}\n    </Tooltip>\n  );\n};\n\nSignifier.displayName = \"Signifier\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Signifier.js","names":["React","useMemo","useState","useEffect","SwitchTransition","classnames","StyledIcon","StyledSignifier","StyledSignifierTransition","Tooltip","Body1","Caption1","signifierTypes","Signifier","_ref","Component","type","_ref$value","value","className","tooltipText","tooltipClassName","indexOf","displayName","console","warn","_useState","direction","setDirection","_useState2","setPrevValue","label","max","newValue","Math","floor","v","renderSignifier","createElement","$direction","as","mode","key","timeout","classNames","includes","color","title","disable","popperTooltipClassName"],"sources":["../../../../src/components/Signifier/Signifier.tsx"],"sourcesContent":["import React, { FC, useMemo, ElementType, useState, useEffect } from \"react\";\nimport { SwitchTransition } from \"react-transition-group\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledIcon,\n  StyledSignifier,\n  StyledSignifierTransition,\n} from \"./Styles\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Body1, Caption1 } from \"../Typography\";\n\nexport interface ISignifierProps {\n  /** One of icon types */\n  type: ElementType;\n  /** Number that represent total value */\n  value?: number;\n  /** Value that represent class names */\n  className?: string;\n  /** The text that will be displayed on hover in tooltip */\n  tooltipText?: string;\n  /** ClassName for tooltip if there is one */\n  tooltipClassName?: string;\n}\n\nexport const signifierTypes = [\n  \"EyeIcon\",\n  \"EyeSmallIcon\",\n  \"PencilIcon\",\n  \"PencilSmallIcon\",\n  \"EyeOffIcon\",\n  \"EyeOffSmallIcon\",\n  \"ChecklistIcon\",\n  \"ChecklistSmallIcon\",\n  \"WarningTriangleIcon\",\n  \"WarningTriangleSmallIcon\",\n  \"DependencyIcon\",\n  \"DependencySmallIcon\",\n  \"MessageIcon\",\n  \"MessageSmallIcon\",\n  \"ClockStopwatchIcon\",\n  \"ClockStopwatchSmallIcon\",\n  \"ClockIcon\",\n  \"ClockSmallIcon\",\n  \"DollarOffIcon\",\n  \"DollarOffSmallIcon\",\n  \"DollarIcon\",\n  \"DollarSmallIcon\",\n  \"DollarCheckmarkIcon\",\n  \"DollarCheckmarkSmallIcon\",\n  \"DollarClockIcon\",\n  \"DollarClockSmallIcon\",\n  \"BellOffIcon\",\n  \"BellOffSmallIcon\",\n  \"LockIcon\",\n  \"LockSmallIcon\",\n  \"RecurringCheckmarkIcon\",\n  \"RecurringCheckmarkSmallIcon\",\n  \"PinIcon\",\n  \"PinSmallIcon\",\n];\n\nexport const Signifier: FC<ISignifierProps> = ({\n  type: Component,\n  value = null,\n  className,\n  tooltipText,\n  tooltipClassName,\n}) => {\n  if (\n    signifierTypes.indexOf(\n      (Component as { displayName: string }).displayName\n    ) === -1\n  ) {\n    console.warn(\"You are using unsupported Signifier icon\");\n  }\n\n  const [direction, setDirection] = useState(\"c-signifier--top\");\n  const [, setPrevValue] = useState(value);\n\n  const label: string | null = useMemo(() => {\n    if (!value || value < 1) return null;\n\n    const max = 1_000_000_000;\n    let newValue = value;\n\n    if (newValue > max) {\n      newValue = max;\n    }\n\n    if (newValue === max) {\n      return `${Math.floor(newValue / 1_000_000_000)}B+`;\n    } else if (newValue > 999_999) {\n      return `${Math.floor(newValue / 1_000_000)}M`;\n    } else if (newValue > 999) {\n      return `${Math.floor(newValue / 1000)}k`;\n    }\n\n    return `${newValue}`;\n  }, [value]);\n\n  useEffect(() => {\n    value &&\n      setPrevValue((v) => {\n        v &&\n          setDirection(\n            v - value > 0 ? \"c-signifier--top\" : \"c-signifier--bottom\"\n          );\n        return value;\n      });\n  }, [value]);\n\n  const renderSignifier = useMemo(\n    () => (\n      <StyledSignifier\n        className={classnames(\"c-signifier\", className)}\n        $direction={direction}\n      >\n        <StyledIcon as={Component} />\n        {value !== null && (\n          <SwitchTransition mode=\"out-in\">\n            <StyledSignifierTransition\n              key={label}\n              timeout={300}\n              classNames=\"c-signifier--animate\"\n            >\n              {(Component as { displayName: string }).displayName.includes(\n                \"SmallIcon\"\n              ) ? (\n                <Caption1 color=\"secondary\">{label}</Caption1>\n              ) : (\n                <Body1 color=\"secondary\">{label}</Body1>\n              )}\n            </StyledSignifierTransition>\n          </SwitchTransition>\n        )}\n      </StyledSignifier>\n    ),\n    [className, direction, Component, value, label]\n  );\n\n  return (\n    <Tooltip\n      title={tooltipText ?? \"\"}\n      disable={!tooltipText}\n      popperTooltipClassName={tooltipClassName}\n    >\n      {renderSignifier}\n    </Tooltip>\n  );\n};\n\nSignifier.displayName = \"Signifier\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Sort/Sort.js

@@ -2,16 +2,16 @@ import React, { useCallback, useMemo, useState } from "react";
 import { StyledIconButton, StyledList, StyledListItem, StyledListItemName, StyledSortIcon, StyledSortIconDown, StyledSortIconUp, StyledSortWrapper, StyledValueButton } from "./Styles";
 import { Menu } from "../Menu";
 export const Sort = _ref => {
-  let {
-    label,
-    icon,
-    options,
-    selected,
-    onChange,
-    target,
-    className
-  } = _ref;
-  const [open, setOpen] = useState(false);
+  let label = _ref.label,
+    icon = _ref.icon,
+    options = _ref.options,
+    selected = _ref.selected,
+    onChange = _ref.onChange,
+    target = _ref.target,
+    className = _ref.className;
+  const _useState = useState(false),
+    open = _useState[0],
+    setOpen = _useState[1];
   const handleClose = useCallback(() => setOpen(false), []);
   const handleOpen = useCallback(() => setOpen(true), []);
   const handleOnChange = useCallback(event => {
@@ -50,11 +50,9 @@ export const Sort = _ref => {
       "data-testid": "sort-icon-button"
     }, icon || /*#__PURE__*/React.createElement(StyledSortIcon, null)))
   }, /*#__PURE__*/React.createElement(StyledList, null, options.map(_ref2 => {
-    let {
-      id,
-      name,
-      defaultDirection
-    } = _ref2;
+    let id = _ref2.id,
+      name = _ref2.name,
+      defaultDirection = _ref2.defaultDirection;
     let showDownArrow = selected.sortDirection === "asc";
     if (selected.sortBy !== id) {
       showDownArrow = defaultDirection === "asc";

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

@@ -1 +1 @@
-{"version":3,"file":"Sort.js","names":["React","useCallback","useMemo","useState","StyledIconButton","StyledList","StyledListItem","StyledListItemName","StyledSortIcon","StyledSortIconDown","StyledSortIconUp","StyledSortWrapper","StyledValueButton","Menu","Sort","_ref","label","icon","options","selected","onChange","target","className","open","setOpen","handleClose","handleOpen","handleOnChange","event","nextSortBy","currentTarget","dataset","id","nextOrder","sortDirection","sortBy","_options$find","find","opt","defaultDirection","labelText","_options$find$name","_options$find2","name","console","warn","createElement","onOpen","onClose","position","active","value","variant","map","_ref2","showDownArrow","key","onClick","$active"],"sources":["../../../../src/components/Sort/Sort.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\n\nimport {\n  StyledIconButton,\n  StyledList,\n  StyledListItem,\n  StyledListItemName,\n  StyledSortIcon,\n  StyledSortIconDown,\n  StyledSortIconUp,\n  StyledSortWrapper,\n  StyledValueButton,\n} from \"./Styles\";\nimport { Menu } from \"../Menu\";\nimport { ElementWithRef } from \"../Select\";\n\nexport type SortDirections = \"asc\" | \"desc\";\n\nexport type SortOption = {\n  id: string;\n  name: string;\n  defaultDirection: SortDirections;\n};\n\nexport type SortObj = { sortBy: string; sortDirection: SortDirections };\n\nexport interface SortProps {\n  label: string;\n  icon?: React.ReactNode;\n  options: SortOption[];\n  selected: SortObj;\n  onChange: (sort: SortObj) => void;\n  target?: ElementWithRef<Element>;\n  className?: string;\n}\n\nexport const Sort: React.FC<SortProps> = ({\n  label,\n  icon,\n  options,\n  selected,\n  onChange,\n  target,\n  className,\n}) => {\n  const [open, setOpen] = useState(false);\n\n  const handleClose = useCallback(() => setOpen(false), []);\n  const handleOpen = useCallback(() => setOpen(true), []);\n\n  const handleOnChange = useCallback(\n    (event: React.MouseEvent<HTMLLIElement>) => {\n      const nextSortBy = event.currentTarget.dataset.id as string;\n      let nextOrder: SortDirections =\n        selected.sortDirection === \"desc\" ? \"asc\" : \"desc\";\n\n      if (nextSortBy !== selected.sortBy) {\n        nextOrder =\n          options.find((opt) => opt.id === nextSortBy)?.defaultDirection ||\n          \"asc\";\n      }\n\n      onChange({ sortBy: nextSortBy, sortDirection: nextOrder });\n    },\n    [onChange, selected, options]\n  );\n\n  const labelText = useMemo(() => {\n    return options.find((opt) => opt.id === selected.sortBy)?.name ?? \"\";\n  }, [selected.sortBy, options]);\n\n  if (!labelText) {\n    console.warn(\"Cannot find selected id in options.\");\n  }\n\n  return (\n    <Menu\n      onOpen={handleOpen}\n      onClose={handleClose}\n      position=\"bottom-end\"\n      target={\n        target || (\n          <StyledSortWrapper className={className}>\n            <StyledValueButton\n              active={open}\n              value={labelText}\n              label={label}\n              data-testid=\"sort-button\"\n            />\n            <StyledIconButton\n              active={open}\n              variant=\"text gray\"\n              data-testid=\"sort-icon-button\"\n            >\n              {icon || <StyledSortIcon />}\n            </StyledIconButton>\n          </StyledSortWrapper>\n        )\n      }\n    >\n      <StyledList>\n        {options.map(({ id, name, defaultDirection }) => {\n          let showDownArrow = selected.sortDirection === \"asc\";\n\n          if (selected.sortBy !== id) {\n            showDownArrow = defaultDirection === \"asc\";\n          }\n\n          return (\n            <StyledListItem\n              key={id}\n              onClick={handleOnChange}\n              data-id={id}\n              data-testid={id}\n              $active={id === selected.sortBy}\n            >\n              <StyledListItemName>{name}</StyledListItemName>\n              {showDownArrow ? <StyledSortIconDown /> : <StyledSortIconUp />}\n            </StyledListItem>\n          );\n        })}\n      </StyledList>\n    </Menu>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Sort.js","names":["React","useCallback","useMemo","useState","StyledIconButton","StyledList","StyledListItem","StyledListItemName","StyledSortIcon","StyledSortIconDown","StyledSortIconUp","StyledSortWrapper","StyledValueButton","Menu","Sort","_ref","label","icon","options","selected","onChange","target","className","_useState","open","setOpen","handleClose","handleOpen","handleOnChange","event","nextSortBy","currentTarget","dataset","id","nextOrder","sortDirection","sortBy","_options$find","find","opt","defaultDirection","labelText","_options$find$name","_options$find2","name","console","warn","createElement","onOpen","onClose","position","active","value","variant","map","_ref2","showDownArrow","key","onClick","$active"],"sources":["../../../../src/components/Sort/Sort.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\n\nimport {\n  StyledIconButton,\n  StyledList,\n  StyledListItem,\n  StyledListItemName,\n  StyledSortIcon,\n  StyledSortIconDown,\n  StyledSortIconUp,\n  StyledSortWrapper,\n  StyledValueButton,\n} from \"./Styles\";\nimport { Menu } from \"../Menu\";\nimport { ElementWithRef } from \"../Select\";\n\nexport type SortDirections = \"asc\" | \"desc\";\n\nexport type SortOption = {\n  id: string;\n  name: string;\n  defaultDirection: SortDirections;\n};\n\nexport type SortObj = { sortBy: string; sortDirection: SortDirections };\n\nexport interface SortProps {\n  label: string;\n  icon?: React.ReactNode;\n  options: SortOption[];\n  selected: SortObj;\n  onChange: (sort: SortObj) => void;\n  target?: ElementWithRef<Element>;\n  className?: string;\n}\n\nexport const Sort: React.FC<SortProps> = ({\n  label,\n  icon,\n  options,\n  selected,\n  onChange,\n  target,\n  className,\n}) => {\n  const [open, setOpen] = useState(false);\n\n  const handleClose = useCallback(() => setOpen(false), []);\n  const handleOpen = useCallback(() => setOpen(true), []);\n\n  const handleOnChange = useCallback(\n    (event: React.MouseEvent<HTMLLIElement>) => {\n      const nextSortBy = event.currentTarget.dataset.id as string;\n      let nextOrder: SortDirections =\n        selected.sortDirection === \"desc\" ? \"asc\" : \"desc\";\n\n      if (nextSortBy !== selected.sortBy) {\n        nextOrder =\n          options.find((opt) => opt.id === nextSortBy)?.defaultDirection ||\n          \"asc\";\n      }\n\n      onChange({ sortBy: nextSortBy, sortDirection: nextOrder });\n    },\n    [onChange, selected, options]\n  );\n\n  const labelText = useMemo(() => {\n    return options.find((opt) => opt.id === selected.sortBy)?.name ?? \"\";\n  }, [selected.sortBy, options]);\n\n  if (!labelText) {\n    console.warn(\"Cannot find selected id in options.\");\n  }\n\n  return (\n    <Menu\n      onOpen={handleOpen}\n      onClose={handleClose}\n      position=\"bottom-end\"\n      target={\n        target || (\n          <StyledSortWrapper className={className}>\n            <StyledValueButton\n              active={open}\n              value={labelText}\n              label={label}\n              data-testid=\"sort-button\"\n            />\n            <StyledIconButton\n              active={open}\n              variant=\"text gray\"\n              data-testid=\"sort-icon-button\"\n            >\n              {icon || <StyledSortIcon />}\n            </StyledIconButton>\n          </StyledSortWrapper>\n        )\n      }\n    >\n      <StyledList>\n        {options.map(({ id, name, defaultDirection }) => {\n          let showDownArrow = selected.sortDirection === \"asc\";\n\n          if (selected.sortBy !== id) {\n            showDownArrow = defaultDirection === \"asc\";\n          }\n\n          return (\n            <StyledListItem\n              key={id}\n              onClick={handleOnChange}\n              data-id={id}\n              data-testid={id}\n              $active={id === selected.sortBy}\n            >\n              <StyledListItemName>{name}</StyledListItemName>\n              {showDownArrow ? <StyledSortIconDown /> : <StyledSortIconUp />}\n            </StyledListItem>\n          );\n        })}\n      </StyledList>\n    </Menu>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Steppers/DateStepper/DateStepper.js

@@ -11,30 +11,39 @@ import ArrowLeftIcon from "../../Icons/collection/ArrowLeft";
  */
 
 export const DateStepper = _ref => {
-  let {
-    step,
-    formatCallback,
-    onChange,
-    from,
-    to,
-    onBack,
-    onForward,
-    minValue,
-    maxValue,
-    className,
-    period = "week",
-    withDatePicker = true,
-    defaultMonth = moment(),
-    enableYearPicker,
-    position = "bottom",
-    popperClassName,
-    mode = "outlined",
-    alwaysShowDate = false,
-    disableArrows = false,
-    maxRange
-  } = _ref;
-  const [fromDate, setFromDate] = useState(moment.utc(from));
-  const [toDate, setToDate] = useState(to ? moment.utc(to) : null);
+  let step = _ref.step,
+    formatCallback = _ref.formatCallback,
+    onChange = _ref.onChange,
+    from = _ref.from,
+    to = _ref.to,
+    onBack = _ref.onBack,
+    onForward = _ref.onForward,
+    minValue = _ref.minValue,
+    maxValue = _ref.maxValue,
+    className = _ref.className,
+    _ref$period = _ref.period,
+    period = _ref$period === void 0 ? "week" : _ref$period,
+    _ref$withDatePicker = _ref.withDatePicker,
+    withDatePicker = _ref$withDatePicker === void 0 ? true : _ref$withDatePicker,
+    _ref$defaultMonth = _ref.defaultMonth,
+    defaultMonth = _ref$defaultMonth === void 0 ? moment() : _ref$defaultMonth,
+    enableYearPicker = _ref.enableYearPicker,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "bottom" : _ref$position,
+    popperClassName = _ref.popperClassName,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
+    _ref$alwaysShowDate = _ref.alwaysShowDate,
+    alwaysShowDate = _ref$alwaysShowDate === void 0 ? false : _ref$alwaysShowDate,
+    _ref$disableArrows = _ref.disableArrows,
+    disableArrows = _ref$disableArrows === void 0 ? false : _ref$disableArrows,
+    maxRange = _ref.maxRange;
+  const _useState = useState(moment.utc(from)),
+    fromDate = _useState[0],
+    setFromDate = _useState[1];
+  const _useState2 = useState(to ? moment.utc(to) : null),
+    toDate = _useState2[0],
+    setToDate = _useState2[1];
   const getDatesByPeriod = useCallback(interval => {
     const date = fromDate ? fromDate : moment();
     if (step === "daily") {
@@ -158,7 +167,9 @@ export const DateStepper = _ref => {
     if (isAfterMaxDate) {
       return;
     }
-    const [newFrom, newTo] = getDatesByPeriod(1);
+    const _getDatesByPeriod = getDatesByPeriod(1),
+      newFrom = _getDatesByPeriod[0],
+      newTo = _getDatesByPeriod[1];
     setFromDate(moment.utc(newFrom));
     setToDate(moment.utc(newTo));
     if (onChange) {
@@ -172,7 +183,9 @@ export const DateStepper = _ref => {
     if (isBeforeMinDate) {
       return;
     }
-    const [newFrom, newTo] = getDatesByPeriod(-1);
+    const _getDatesByPeriod2 = getDatesByPeriod(-1),
+      newFrom = _getDatesByPeriod2[0],
+      newTo = _getDatesByPeriod2[1];
     setFromDate(moment.utc(newFrom));
     setToDate(moment.utc(newTo));
     if (onChange) {

package/dist/esm/components/Steppers/DateStepper/DateStepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateStepper.js","names":["React","useCallback","useMemo","useState","useEffect","classNames","moment","StyledButton","StyledButtonGroup","StyledDiv","StyledSpan","StyledControl","DatePicker","ArrowRightIcon","ArrowLeftIcon","DateStepper","_ref","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","withDatePicker","defaultMonth","enableYearPicker","position","popperClassName","mode","alwaysShowDate","disableArrows","maxRange","fromDate","setFromDate","utc","toDate","setToDate","getDatesByPeriod","interval","date","add","clone","startOf","endOf","effectiveToDate","daysDiff","diff","daysToMove","newFromDate","newToDate","getDateFormatted","actualYear","year","showWeekOrCustomDateFormat","start","end","endDate","format","startDate","quarter","datePickerMode","onDatePickerChange","dates","console","log","fromDateTemp","Number","toDateTemp","isMoment","onToggleDatePicker","open","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","onRightClickHandler","newFrom","newTo","onLeftClickHandler","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","disabled","matched","title","nonWorkingDay","createElement","type","variant","onClick","$isTargetable","$isRounded","$mode","$alwaysShowDate","style","month","onCalendarToggle","target","$step","selected","unix","firstDayOfWeek","disabledDaysAfter","disabledDaysBefore","disableYearPicker","key","instant","required","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classNames from \"classnames\";\nimport { Moment } from \"moment\";\nimport moment from \"moment-timezone\";\n\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledSpan,\n  StyledControl,\n} from \"./Styles\";\nimport { DatePicker, TimestampDateRange } from \"../../DatePicker/DatePicker\";\nimport { ArrowRightIcon } from \"../../Icons\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\nimport { InputMode } from \"../../Input/types\";\n\nexport interface IDateStepperProps {\n  /** One of the possible steps for this component */\n  step: \"daily\" | \"weekly\" | \"monthly\" | \"quarterly\" | \"yearly\" | \"custom\";\n  /** Callback function that will be called after the changed range */\n  onChange?: (from: Date, to: Date | null) => void;\n  /** Start date of the range */\n  from: Moment | string;\n  /** End date of the range */\n  to?: Moment | string;\n  /** Callback function that will format the text label */\n  formatCallback?: (from: string | Moment, to: string | Moment) => string;\n  /** Default month */\n  defaultMonth?: Moment;\n  /** Callback function onBack */\n  onBack?: (from: Date, to: Date) => void;\n  /** Callback function onForward */\n  onForward?: (from: Date, to: Date) => void;\n  /** Min date */\n  minValue?: Moment;\n  /** Max fate */\n  maxValue?: Moment;\n  /** html class */\n  className?: string;\n  /** Period for calculating week (isoWeek) */\n  period?: \"week\" | \"isoWeek\";\n  /** Classes for datePicker */\n  datePickerClass?: string;\n  /** Show datePicker in the middle button */\n  withDatePicker?: boolean;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** DatePicker menu position */\n  position?: Placement;\n  /** Enable year picker in DatePicker */\n  enableYearPicker?: boolean;\n  /** conditional border & button variant styles */\n  mode?: InputMode;\n  /** preserve date on smaller screens */\n  alwaysShowDate?: boolean;\n  /** Hide navigation arrows */\n  disableArrows?: boolean;\n  /**\n   * Maximum number of days in a selection range (minimum value: 2, maximum value: 366).\n   * @minimum 2\n   * @maximum 366\n   */\n  maxRange?: number;\n}\n\n/**\n * This component allow you to select date range. It accepts two parameters \"from\" and \"to\" as valid format\n * onChange and onBack and onForward it will return \"from: Date\" and \"to: Date\" as function arguments\n */\n\nexport const DateStepper: FC<IDateStepperProps> = ({\n  step,\n  formatCallback,\n  onChange,\n  from,\n  to,\n  onBack,\n  onForward,\n  minValue,\n  maxValue,\n  className,\n  period = \"week\",\n  withDatePicker = true,\n  defaultMonth = moment(),\n  enableYearPicker,\n  position = \"bottom\",\n  popperClassName,\n  mode = \"outlined\",\n  alwaysShowDate = false,\n  disableArrows = false,\n  maxRange,\n}) => {\n  const [fromDate, setFromDate] = useState<Moment>(moment.utc(from));\n  const [toDate, setToDate] = useState<Moment>(to ? moment.utc(to) : null);\n\n  const getDatesByPeriod = useCallback(\n    (interval: number): Moment[] => {\n      const date = fromDate ? fromDate : moment();\n      if (step === \"daily\") {\n        date.add(interval, \"days\");\n        return [date, date.clone()];\n      } else if (step === \"weekly\") {\n        date.add(interval, \"weeks\");\n        return [date.clone().startOf(period), date.clone().endOf(period)];\n      } else if (step === \"monthly\") {\n        date.add(interval, \"months\");\n        return [date.clone().startOf(\"month\"), date.clone().endOf(\"month\")];\n      } else if (step === \"quarterly\") {\n        date.add(interval, \"quarters\");\n        return [date.clone().startOf(\"quarter\"), date.clone().endOf(\"quarter\")];\n      } else if (step === \"yearly\") {\n        date.add(interval, \"years\");\n        return [date.clone().startOf(\"year\"), date.clone().endOf(\"year\")];\n      } else if (step === \"custom\") {\n        // For range step, calculate N days based on current selection\n        // Handle case where toDate is undefined\n        const effectiveToDate = !toDate ? fromDate : toDate;\n\n        const daysDiff = effectiveToDate.diff(fromDate, \"days\");\n\n        // If same day selected (daysDiff = 0), move by 1 day\n        const daysToMove = daysDiff === 0 ? 1 : daysDiff + 1;\n        const newFromDate = fromDate.clone().add(interval * daysToMove, \"days\");\n        const newToDate =\n          daysDiff === 0\n            ? newFromDate.clone()\n            : effectiveToDate.clone().add(interval * daysToMove, \"days\");\n\n        return [newFromDate, newToDate];\n      }\n      return [date, date];\n    },\n    [fromDate, toDate, period, step]\n  );\n\n  const getDateFormatted = useMemo(() => {\n    if (formatCallback) {\n      return formatCallback(fromDate, toDate ? toDate : fromDate);\n    }\n\n    const actualYear = moment().year();\n\n    const showWeekOrCustomDateFormat = (start, end): string => {\n      const endDate = end ? end : start;\n      if (start.year() === actualYear && end.year() === actualYear) {\n        return (\n          start.utc().format(\"MMM DD\") + \" - \" + endDate.utc().format(\"MMM DD\")\n        );\n      } else {\n        return (\n          start.utc().format(\"MMM DD YYYY\") +\n          \" - \" +\n          endDate.utc().format(\"MMM DD YYYY\")\n        );\n      }\n    };\n\n    if (step === \"daily\") {\n      if (fromDate.year() === actualYear) {\n        return fromDate.utc().format(\"MMM DD\");\n      }\n      return fromDate.utc().format(\"MMM DD YYYY\");\n    } else if (step === \"weekly\") {\n      const startDate = fromDate.clone().utc().startOf(period);\n      const endDate = startDate.clone().utc().endOf(period);\n      return showWeekOrCustomDateFormat(startDate, endDate);\n    } else if (step === \"monthly\") {\n      return fromDate.utc().format(\"MMM YYYY\");\n    } else if (step === \"quarterly\") {\n      return `Q${fromDate.utc().quarter()}/${fromDate.utc().format(\"YYYY\")}`;\n    } else if (step === \"yearly\") {\n      return fromDate.utc().format(\"YYYY\");\n    } else if (step === \"custom\") {\n      if (!toDate) {\n        if (fromDate.year() === actualYear) {\n          return fromDate.utc().format(\"MMM DD\");\n        }\n        return fromDate.utc().format(\"MMM DD YYYY\");\n      }\n      // If from and to are the same date, show only once\n      if (fromDate.format(\"YYYY-MM-DD\") === toDate.format(\"YYYY-MM-DD\")) {\n        if (fromDate.year() === actualYear) {\n          return fromDate.utc().format(\"MMM DD\");\n        }\n        return fromDate.utc().format(\"MMM DD YYYY\");\n      }\n      return showWeekOrCustomDateFormat(fromDate, toDate);\n    }\n\n    return \"\";\n  }, [fromDate, toDate, step, formatCallback, period]);\n\n  const datePickerMode = useMemo(() => {\n    if (step === \"custom\") return \"custom\";\n    if (step === \"yearly\") return \"custom\";\n    return step;\n  }, [step]);\n\n  const onDatePickerChange = useCallback(\n    (dates?: TimestampDateRange) => {\n      console.log(\"dates: \", dates);\n      const fromDateTemp: Moment = moment.utc(Number(dates?.from) * 1000);\n      const toDateTemp: Moment = dates?.to\n        ? moment.utc(Number(dates?.to) * 1000)\n        : null;\n\n      setFromDate(fromDateTemp);\n      setToDate(toDateTemp);\n\n      if (\n        onChange &&\n        step !== \"custom\" &&\n        moment.isMoment(fromDateTemp) &&\n        moment.isMoment(toDateTemp)\n      ) {\n        onChange(fromDateTemp.toDate(), toDateTemp.toDate());\n      }\n    },\n    [onChange, step]\n  );\n\n  const onToggleDatePicker = useCallback(\n    (open?: boolean) => {\n      if (step === \"custom\" && !open) {\n        const toDateTemp: Moment = toDate ? toDate : fromDate;\n        setToDate(toDateTemp);\n        onChange?.(fromDate.toDate(), toDateTemp.toDate());\n      }\n    },\n    [fromDate, onChange, step, toDate]\n  );\n\n  const isAfterMaxDate = useMemo(() => {\n    return (\n      moment.isMoment(maxValue) &&\n      toDate &&\n      moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n        toDate.utc().format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [maxValue, toDate]);\n\n  const isBeforeMinDate = useMemo(() => {\n    return (\n      moment.isMoment(minValue) &&\n      toDate &&\n      moment\n        .utc(moment.utc(minValue).format(\"YYYY-MM-DD\"))\n        .isSameOrAfter(toDate.utc().format(\"YYYY-MM-DD\"))\n    );\n  }, [minValue, toDate]);\n\n  useEffect(() => {\n    if (isBeforeMinDate) {\n      if (step === \"daily\") {\n        setFromDate(moment.utc(minValue));\n        setToDate(moment.utc(minValue));\n      }\n    }\n    if (isAfterMaxDate) {\n      if (step === \"daily\") {\n        setFromDate(moment.utc(maxValue));\n        setToDate(moment.utc(maxValue));\n      }\n    }\n  }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n  const onRightClickHandler = useCallback(() => {\n    if (isAfterMaxDate) {\n      return;\n    }\n\n    const [newFrom, newTo] = getDatesByPeriod(1);\n    setFromDate(moment.utc(newFrom));\n    setToDate(moment.utc(newTo));\n\n    if (onChange) {\n      onChange(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n\n    if (onForward) {\n      onForward(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n  }, [isAfterMaxDate, getDatesByPeriod, onChange, onForward]);\n\n  const onLeftClickHandler = useCallback(() => {\n    if (isBeforeMinDate) {\n      return;\n    }\n\n    const [newFrom, newTo] = getDatesByPeriod(-1);\n    setFromDate(moment.utc(newFrom));\n    setToDate(moment.utc(newTo));\n\n    if (onChange) {\n      onChange(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n    if (onBack) {\n      onBack(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n  }, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);\n\n  useEffect(() => {\n    setFromDate(moment.utc(from));\n    setToDate(to ? moment.utc(to) : null);\n  }, [from, to]);\n\n  const dateStepperWidth = (\n    fromDay: Moment,\n    toDay: Moment | undefined,\n    range: string\n  ): { minWidth: string } => {\n    if (range === \"range\") {\n      return { minWidth: \"102px\" };\n    }\n    if (\n      fromDay.utc().year() !== moment.utc().year() ||\n      (!!toDay && toDay?.utc().year() !== moment.utc().year())\n    ) {\n      switch (range) {\n        case \"daily\":\n        case \"monthly\":\n          return { minWidth: \"122px\" };\n        case \"weekly\":\n        case \"custom\":\n          return { minWidth: \"232px\" };\n      }\n    }\n    switch (range) {\n      case \"monthly\":\n        return { minWidth: \"122px\" };\n      case \"weekly\":\n      case \"custom\":\n        return { minWidth: \"182px\" };\n    }\n\n    return { minWidth: \"102px\" };\n  };\n  const isDisabled = useCallback(\n    (day: Moment): boolean => {\n      const dayFormat = moment.utc(day).format(\"YYYY-MM-DD\");\n\n      const isBefore =\n        moment.isMoment(maxValue) &&\n        moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n      const isAfter =\n        moment.isMoment(minValue) &&\n        moment(moment.utc(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n      return isBefore || isAfter;\n    },\n    [maxValue, minValue]\n  );\n\n  const modifiers = useMemo(\n    () => ({\n      disabled: (day: Moment) => ({ matched: isDisabled(day), title: null }),\n      nonWorkingDay: (day: Moment) => ({\n        matched: isDisabled(day),\n        title: null,\n      }),\n    }),\n    [isDisabled]\n  );\n\n  return (\n    <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n      {!disableArrows ? (\n        <StyledControl\n          type=\"button\"\n          variant={mode === \"flat\" ? \"text gray\" : \"secondary\"}\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <ArrowLeftIcon />\n        </StyledControl>\n      ) : null}\n      <StyledDiv\n        $isTargetable={step === \"yearly\" || !withDatePicker}\n        $isRounded={disableArrows}\n        $mode={mode}\n        $alwaysShowDate={alwaysShowDate}\n        style={dateStepperWidth(fromDate, toDate, step)}\n      >\n        {withDatePicker && step !== \"yearly\" ? (\n          <DatePicker\n            month={defaultMonth}\n            onCalendarToggle={onToggleDatePicker}\n            target={\n              <StyledButton $step={step} type=\"button\">\n                {getDateFormatted}\n              </StyledButton>\n            }\n            mode={datePickerMode}\n            selected={{\n              from: moment.utc(fromDate).unix(),\n              to: toDate ? moment.utc(toDate).unix() : null,\n            }}\n            onChange={onDatePickerChange}\n            firstDayOfWeek={period === \"week\" ? 0 : 1}\n            modifiers={modifiers}\n            disabledDaysAfter={maxValue}\n            disabledDaysBefore={minValue}\n            disableYearPicker={!enableYearPicker}\n            popperClassName={popperClassName}\n            position={position}\n            maxRange={maxRange}\n            key={datePickerMode}\n            instant\n            required\n          />\n        ) : (\n          <StyledSpan>{getDateFormatted}</StyledSpan>\n        )}\n      </StyledDiv>\n      {!disableArrows ? (\n        <StyledControl\n          type=\"button\"\n          variant={mode === \"flat\" ? \"text gray\" : \"secondary\"}\n          onClick={onRightClickHandler}\n          disabled={isAfterMaxDate}\n        >\n          <ArrowRightIcon />\n        </StyledControl>\n      ) : null}\n    </StyledButtonGroup>\n  );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DateStepper.js","names":["React","useCallback","useMemo","useState","useEffect","classNames","moment","StyledButton","StyledButtonGroup","StyledDiv","StyledSpan","StyledControl","DatePicker","ArrowRightIcon","ArrowLeftIcon","DateStepper","_ref","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","_ref$period","period","_ref$withDatePicker","withDatePicker","_ref$defaultMonth","defaultMonth","enableYearPicker","_ref$position","position","popperClassName","_ref$mode","mode","_ref$alwaysShowDate","alwaysShowDate","_ref$disableArrows","disableArrows","maxRange","_useState","utc","fromDate","setFromDate","_useState2","toDate","setToDate","getDatesByPeriod","interval","date","add","clone","startOf","endOf","effectiveToDate","daysDiff","diff","daysToMove","newFromDate","newToDate","getDateFormatted","actualYear","year","showWeekOrCustomDateFormat","start","end","endDate","format","startDate","quarter","datePickerMode","onDatePickerChange","dates","console","log","fromDateTemp","Number","toDateTemp","isMoment","onToggleDatePicker","open","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","onRightClickHandler","_getDatesByPeriod","newFrom","newTo","onLeftClickHandler","_getDatesByPeriod2","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","disabled","matched","title","nonWorkingDay","createElement","type","variant","onClick","$isTargetable","$isRounded","$mode","$alwaysShowDate","style","month","onCalendarToggle","target","$step","selected","unix","firstDayOfWeek","disabledDaysAfter","disabledDaysBefore","disableYearPicker","key","instant","required","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classNames from \"classnames\";\nimport { Moment } from \"moment\";\nimport moment from \"moment-timezone\";\n\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledSpan,\n  StyledControl,\n} from \"./Styles\";\nimport { DatePicker, TimestampDateRange } from \"../../DatePicker/DatePicker\";\nimport { ArrowRightIcon } from \"../../Icons\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\nimport { InputMode } from \"../../Input/types\";\n\nexport interface IDateStepperProps {\n  /** One of the possible steps for this component */\n  step: \"daily\" | \"weekly\" | \"monthly\" | \"quarterly\" | \"yearly\" | \"custom\";\n  /** Callback function that will be called after the changed range */\n  onChange?: (from: Date, to: Date | null) => void;\n  /** Start date of the range */\n  from: Moment | string;\n  /** End date of the range */\n  to?: Moment | string;\n  /** Callback function that will format the text label */\n  formatCallback?: (from: string | Moment, to: string | Moment) => string;\n  /** Default month */\n  defaultMonth?: Moment;\n  /** Callback function onBack */\n  onBack?: (from: Date, to: Date) => void;\n  /** Callback function onForward */\n  onForward?: (from: Date, to: Date) => void;\n  /** Min date */\n  minValue?: Moment;\n  /** Max fate */\n  maxValue?: Moment;\n  /** html class */\n  className?: string;\n  /** Period for calculating week (isoWeek) */\n  period?: \"week\" | \"isoWeek\";\n  /** Classes for datePicker */\n  datePickerClass?: string;\n  /** Show datePicker in the middle button */\n  withDatePicker?: boolean;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** DatePicker menu position */\n  position?: Placement;\n  /** Enable year picker in DatePicker */\n  enableYearPicker?: boolean;\n  /** conditional border & button variant styles */\n  mode?: InputMode;\n  /** preserve date on smaller screens */\n  alwaysShowDate?: boolean;\n  /** Hide navigation arrows */\n  disableArrows?: boolean;\n  /**\n   * Maximum number of days in a selection range (minimum value: 2, maximum value: 366).\n   * @minimum 2\n   * @maximum 366\n   */\n  maxRange?: number;\n}\n\n/**\n * This component allow you to select date range. It accepts two parameters \"from\" and \"to\" as valid format\n * onChange and onBack and onForward it will return \"from: Date\" and \"to: Date\" as function arguments\n */\n\nexport const DateStepper: FC<IDateStepperProps> = ({\n  step,\n  formatCallback,\n  onChange,\n  from,\n  to,\n  onBack,\n  onForward,\n  minValue,\n  maxValue,\n  className,\n  period = \"week\",\n  withDatePicker = true,\n  defaultMonth = moment(),\n  enableYearPicker,\n  position = \"bottom\",\n  popperClassName,\n  mode = \"outlined\",\n  alwaysShowDate = false,\n  disableArrows = false,\n  maxRange,\n}) => {\n  const [fromDate, setFromDate] = useState<Moment>(moment.utc(from));\n  const [toDate, setToDate] = useState<Moment>(to ? moment.utc(to) : null);\n\n  const getDatesByPeriod = useCallback(\n    (interval: number): Moment[] => {\n      const date = fromDate ? fromDate : moment();\n      if (step === \"daily\") {\n        date.add(interval, \"days\");\n        return [date, date.clone()];\n      } else if (step === \"weekly\") {\n        date.add(interval, \"weeks\");\n        return [date.clone().startOf(period), date.clone().endOf(period)];\n      } else if (step === \"monthly\") {\n        date.add(interval, \"months\");\n        return [date.clone().startOf(\"month\"), date.clone().endOf(\"month\")];\n      } else if (step === \"quarterly\") {\n        date.add(interval, \"quarters\");\n        return [date.clone().startOf(\"quarter\"), date.clone().endOf(\"quarter\")];\n      } else if (step === \"yearly\") {\n        date.add(interval, \"years\");\n        return [date.clone().startOf(\"year\"), date.clone().endOf(\"year\")];\n      } else if (step === \"custom\") {\n        // For range step, calculate N days based on current selection\n        // Handle case where toDate is undefined\n        const effectiveToDate = !toDate ? fromDate : toDate;\n\n        const daysDiff = effectiveToDate.diff(fromDate, \"days\");\n\n        // If same day selected (daysDiff = 0), move by 1 day\n        const daysToMove = daysDiff === 0 ? 1 : daysDiff + 1;\n        const newFromDate = fromDate.clone().add(interval * daysToMove, \"days\");\n        const newToDate =\n          daysDiff === 0\n            ? newFromDate.clone()\n            : effectiveToDate.clone().add(interval * daysToMove, \"days\");\n\n        return [newFromDate, newToDate];\n      }\n      return [date, date];\n    },\n    [fromDate, toDate, period, step]\n  );\n\n  const getDateFormatted = useMemo(() => {\n    if (formatCallback) {\n      return formatCallback(fromDate, toDate ? toDate : fromDate);\n    }\n\n    const actualYear = moment().year();\n\n    const showWeekOrCustomDateFormat = (start, end): string => {\n      const endDate = end ? end : start;\n      if (start.year() === actualYear && end.year() === actualYear) {\n        return (\n          start.utc().format(\"MMM DD\") + \" - \" + endDate.utc().format(\"MMM DD\")\n        );\n      } else {\n        return (\n          start.utc().format(\"MMM DD YYYY\") +\n          \" - \" +\n          endDate.utc().format(\"MMM DD YYYY\")\n        );\n      }\n    };\n\n    if (step === \"daily\") {\n      if (fromDate.year() === actualYear) {\n        return fromDate.utc().format(\"MMM DD\");\n      }\n      return fromDate.utc().format(\"MMM DD YYYY\");\n    } else if (step === \"weekly\") {\n      const startDate = fromDate.clone().utc().startOf(period);\n      const endDate = startDate.clone().utc().endOf(period);\n      return showWeekOrCustomDateFormat(startDate, endDate);\n    } else if (step === \"monthly\") {\n      return fromDate.utc().format(\"MMM YYYY\");\n    } else if (step === \"quarterly\") {\n      return `Q${fromDate.utc().quarter()}/${fromDate.utc().format(\"YYYY\")}`;\n    } else if (step === \"yearly\") {\n      return fromDate.utc().format(\"YYYY\");\n    } else if (step === \"custom\") {\n      if (!toDate) {\n        if (fromDate.year() === actualYear) {\n          return fromDate.utc().format(\"MMM DD\");\n        }\n        return fromDate.utc().format(\"MMM DD YYYY\");\n      }\n      // If from and to are the same date, show only once\n      if (fromDate.format(\"YYYY-MM-DD\") === toDate.format(\"YYYY-MM-DD\")) {\n        if (fromDate.year() === actualYear) {\n          return fromDate.utc().format(\"MMM DD\");\n        }\n        return fromDate.utc().format(\"MMM DD YYYY\");\n      }\n      return showWeekOrCustomDateFormat(fromDate, toDate);\n    }\n\n    return \"\";\n  }, [fromDate, toDate, step, formatCallback, period]);\n\n  const datePickerMode = useMemo(() => {\n    if (step === \"custom\") return \"custom\";\n    if (step === \"yearly\") return \"custom\";\n    return step;\n  }, [step]);\n\n  const onDatePickerChange = useCallback(\n    (dates?: TimestampDateRange) => {\n      console.log(\"dates: \", dates);\n      const fromDateTemp: Moment = moment.utc(Number(dates?.from) * 1000);\n      const toDateTemp: Moment = dates?.to\n        ? moment.utc(Number(dates?.to) * 1000)\n        : null;\n\n      setFromDate(fromDateTemp);\n      setToDate(toDateTemp);\n\n      if (\n        onChange &&\n        step !== \"custom\" &&\n        moment.isMoment(fromDateTemp) &&\n        moment.isMoment(toDateTemp)\n      ) {\n        onChange(fromDateTemp.toDate(), toDateTemp.toDate());\n      }\n    },\n    [onChange, step]\n  );\n\n  const onToggleDatePicker = useCallback(\n    (open?: boolean) => {\n      if (step === \"custom\" && !open) {\n        const toDateTemp: Moment = toDate ? toDate : fromDate;\n        setToDate(toDateTemp);\n        onChange?.(fromDate.toDate(), toDateTemp.toDate());\n      }\n    },\n    [fromDate, onChange, step, toDate]\n  );\n\n  const isAfterMaxDate = useMemo(() => {\n    return (\n      moment.isMoment(maxValue) &&\n      toDate &&\n      moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n        toDate.utc().format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [maxValue, toDate]);\n\n  const isBeforeMinDate = useMemo(() => {\n    return (\n      moment.isMoment(minValue) &&\n      toDate &&\n      moment\n        .utc(moment.utc(minValue).format(\"YYYY-MM-DD\"))\n        .isSameOrAfter(toDate.utc().format(\"YYYY-MM-DD\"))\n    );\n  }, [minValue, toDate]);\n\n  useEffect(() => {\n    if (isBeforeMinDate) {\n      if (step === \"daily\") {\n        setFromDate(moment.utc(minValue));\n        setToDate(moment.utc(minValue));\n      }\n    }\n    if (isAfterMaxDate) {\n      if (step === \"daily\") {\n        setFromDate(moment.utc(maxValue));\n        setToDate(moment.utc(maxValue));\n      }\n    }\n  }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n  const onRightClickHandler = useCallback(() => {\n    if (isAfterMaxDate) {\n      return;\n    }\n\n    const [newFrom, newTo] = getDatesByPeriod(1);\n    setFromDate(moment.utc(newFrom));\n    setToDate(moment.utc(newTo));\n\n    if (onChange) {\n      onChange(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n\n    if (onForward) {\n      onForward(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n  }, [isAfterMaxDate, getDatesByPeriod, onChange, onForward]);\n\n  const onLeftClickHandler = useCallback(() => {\n    if (isBeforeMinDate) {\n      return;\n    }\n\n    const [newFrom, newTo] = getDatesByPeriod(-1);\n    setFromDate(moment.utc(newFrom));\n    setToDate(moment.utc(newTo));\n\n    if (onChange) {\n      onChange(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n    if (onBack) {\n      onBack(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n  }, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);\n\n  useEffect(() => {\n    setFromDate(moment.utc(from));\n    setToDate(to ? moment.utc(to) : null);\n  }, [from, to]);\n\n  const dateStepperWidth = (\n    fromDay: Moment,\n    toDay: Moment | undefined,\n    range: string\n  ): { minWidth: string } => {\n    if (range === \"range\") {\n      return { minWidth: \"102px\" };\n    }\n    if (\n      fromDay.utc().year() !== moment.utc().year() ||\n      (!!toDay && toDay?.utc().year() !== moment.utc().year())\n    ) {\n      switch (range) {\n        case \"daily\":\n        case \"monthly\":\n          return { minWidth: \"122px\" };\n        case \"weekly\":\n        case \"custom\":\n          return { minWidth: \"232px\" };\n      }\n    }\n    switch (range) {\n      case \"monthly\":\n        return { minWidth: \"122px\" };\n      case \"weekly\":\n      case \"custom\":\n        return { minWidth: \"182px\" };\n    }\n\n    return { minWidth: \"102px\" };\n  };\n  const isDisabled = useCallback(\n    (day: Moment): boolean => {\n      const dayFormat = moment.utc(day).format(\"YYYY-MM-DD\");\n\n      const isBefore =\n        moment.isMoment(maxValue) &&\n        moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n      const isAfter =\n        moment.isMoment(minValue) &&\n        moment(moment.utc(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n      return isBefore || isAfter;\n    },\n    [maxValue, minValue]\n  );\n\n  const modifiers = useMemo(\n    () => ({\n      disabled: (day: Moment) => ({ matched: isDisabled(day), title: null }),\n      nonWorkingDay: (day: Moment) => ({\n        matched: isDisabled(day),\n        title: null,\n      }),\n    }),\n    [isDisabled]\n  );\n\n  return (\n    <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n      {!disableArrows ? (\n        <StyledControl\n          type=\"button\"\n          variant={mode === \"flat\" ? \"text gray\" : \"secondary\"}\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <ArrowLeftIcon />\n        </StyledControl>\n      ) : null}\n      <StyledDiv\n        $isTargetable={step === \"yearly\" || !withDatePicker}\n        $isRounded={disableArrows}\n        $mode={mode}\n        $alwaysShowDate={alwaysShowDate}\n        style={dateStepperWidth(fromDate, toDate, step)}\n      >\n        {withDatePicker && step !== \"yearly\" ? (\n          <DatePicker\n            month={defaultMonth}\n            onCalendarToggle={onToggleDatePicker}\n            target={\n              <StyledButton $step={step} type=\"button\">\n                {getDateFormatted}\n              </StyledButton>\n            }\n            mode={datePickerMode}\n            selected={{\n              from: moment.utc(fromDate).unix(),\n              to: toDate ? moment.utc(toDate).unix() : null,\n            }}\n            onChange={onDatePickerChange}\n            firstDayOfWeek={period === \"week\" ? 0 : 1}\n            modifiers={modifiers}\n            disabledDaysAfter={maxValue}\n            disabledDaysBefore={minValue}\n            disableYearPicker={!enableYearPicker}\n            popperClassName={popperClassName}\n            position={position}\n            maxRange={maxRange}\n            key={datePickerMode}\n            instant\n            required\n          />\n        ) : (\n          <StyledSpan>{getDateFormatted}</StyledSpan>\n        )}\n      </StyledDiv>\n      {!disableArrows ? (\n        <StyledControl\n          type=\"button\"\n          variant={mode === \"flat\" ? \"text gray\" : \"secondary\"}\n          onClick={onRightClickHandler}\n          disabled={isAfterMaxDate}\n        >\n          <ArrowRightIcon />\n        </StyledControl>\n      ) : null}\n    </StyledButtonGroup>\n  );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Steppers/Steps/Steps.js

@@ -2,12 +2,11 @@ import React, { useMemo, forwardRef } from "react";
 import classnames from "classnames";
 import { StyledStep, StyledSteps } from "./Styles";
 export const Steps = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    numberOfSteps,
-    activeStep,
-    progressive = false,
-    wrapperClassName
-  } = _ref;
+  let numberOfSteps = _ref.numberOfSteps,
+    activeStep = _ref.activeStep,
+    _ref$progressive = _ref.progressive,
+    progressive = _ref$progressive === void 0 ? false : _ref$progressive,
+    wrapperClassName = _ref.wrapperClassName;
   const steps = useMemo(() => {
     // fastest way to generate an array of N numbers
     const a = [];

package/dist/esm/components/Steppers/Steps/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","names":["React","useMemo","forwardRef","classnames","StyledStep","StyledSteps","Steps","_ref","ref","numberOfSteps","activeStep","progressive","wrapperClassName","steps","a","b","activeSteps","filter","step","createElement","className","map","key","$isActiveStep","indexOf","displayName"],"sources":["../../../../../src/components/Steppers/Steps/Steps.tsx"],"sourcesContent":["import React, { Ref, useMemo, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledStep, StyledSteps } from \"./Styles\";\n\nexport interface IStepsProps {\n  /** Number of steps */\n  numberOfSteps: number;\n  /** If not progressive, the index of the only active step. If progressive, the index of the last active steps */\n  activeStep: number;\n  /** Does the stepper can have only single active step */\n  progressive?: boolean;\n  /** Class for wrapper div */\n  wrapperClassName?: string;\n}\n\nexport const Steps = forwardRef(\n  (\n    {\n      numberOfSteps,\n      activeStep,\n      progressive = false,\n      wrapperClassName,\n    }: IStepsProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const steps = useMemo(() => {\n      // fastest way to generate an array of N numbers\n      const a: number[] = [];\n      let b = numberOfSteps;\n      while (b--) {\n        a[b] = b + 1;\n      }\n      return a;\n    }, [numberOfSteps]);\n\n    const activeSteps = useMemo(() => {\n      if (!progressive) {\n        return [activeStep];\n      }\n\n      return steps.filter((step) => {\n        return step <= activeStep;\n      });\n    }, [activeStep, progressive, steps]);\n\n    return (\n      <StyledSteps\n        className={classnames(\"c-steps-wrapper\", wrapperClassName)}\n        ref={ref}\n      >\n        {steps.map((step) => {\n          return (\n            <StyledStep\n              key={`step-${step}`}\n              $isActiveStep={activeSteps.indexOf(step) > -1}\n            />\n          );\n        })}\n      </StyledSteps>\n    );\n  }\n);\n\nSteps.displayName = \"Steps\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAASC,OAAO,EAAEC,UAAU,QAAQ,OAAO;AAEvD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,UAAU,EAAEC,WAAW,QAAQ,UAAU;AAalD,OAAO,MAAMC,KAAK,gBAAGJ,UAAU,CAC7B,CAAAK,IAAA,EAOEC,GAA2C,KACxC;EAAA,IAPH;IACEC,aAAa;IACbC,UAAU;IACVC,WAAW,GAAG,KAAK;IACnBC;EACW,CAAC,GAAAL,IAAA;EAGd,MAAMM,KAAK,GAAGZ,OAAO,CAAC,MAAM;IAC1B;IACA,MAAMa,CAAW,GAAG,EAAE;IACtB,IAAIC,CAAC,GAAGN,aAAa;IACrB,OAAOM,CAAC,EAAE,EAAE;MACVD,CAAC,CAACC,CAAC,CAAC,GAAGA,CAAC,GAAG,CAAC;IACd;IACA,OAAOD,CAAC;EACV,CAAC,EAAE,CAACL,aAAa,CAAC,CAAC;EAEnB,MAAMO,WAAW,GAAGf,OAAO,CAAC,MAAM;IAChC,IAAI,CAACU,WAAW,EAAE;MAChB,OAAO,CAACD,UAAU,CAAC;IACrB;IAEA,OAAOG,KAAK,CAACI,MAAM,CAAEC,IAAI,IAAK;MAC5B,OAAOA,IAAI,IAAIR,UAAU;IAC3B,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,UAAU,EAAEC,WAAW,EAAEE,KAAK,CAAC,CAAC;EAEpC,oBACEb,KAAA,CAAAmB,aAAA,CAACd,WAAW;IACVe,SAAS,EAAEjB,UAAU,CAAC,iBAAiB,EAAES,gBAAgB,CAAE;IAC3DJ,GAAG,EAAEA;EAAI,GAERK,KAAK,CAACQ,GAAG,CAAEH,IAAI,IAAK;IACnB,oBACElB,KAAA,CAAAmB,aAAA,CAACf,UAAU;MACTkB,GAAG,YAAUJ,IAAO;MACpBK,aAAa,EAAEP,WAAW,CAACQ,OAAO,CAACN,IAAI,CAAC,GAAG,CAAC;IAAE,CAC/C,CAAC;EAEN,CAAC,CACU,CAAC;AAElB,CACF,CAAC;AAEDZ,KAAK,CAACmB,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"file":"Steps.js","names":["React","useMemo","forwardRef","classnames","StyledStep","StyledSteps","Steps","_ref","ref","numberOfSteps","activeStep","_ref$progressive","progressive","wrapperClassName","steps","a","b","activeSteps","filter","step","createElement","className","map","key","$isActiveStep","indexOf","displayName"],"sources":["../../../../../src/components/Steppers/Steps/Steps.tsx"],"sourcesContent":["import React, { Ref, useMemo, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledStep, StyledSteps } from \"./Styles\";\n\nexport interface IStepsProps {\n  /** Number of steps */\n  numberOfSteps: number;\n  /** If not progressive, the index of the only active step. If progressive, the index of the last active steps */\n  activeStep: number;\n  /** Does the stepper can have only single active step */\n  progressive?: boolean;\n  /** Class for wrapper div */\n  wrapperClassName?: string;\n}\n\nexport const Steps = forwardRef(\n  (\n    {\n      numberOfSteps,\n      activeStep,\n      progressive = false,\n      wrapperClassName,\n    }: IStepsProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const steps = useMemo(() => {\n      // fastest way to generate an array of N numbers\n      const a: number[] = [];\n      let b = numberOfSteps;\n      while (b--) {\n        a[b] = b + 1;\n      }\n      return a;\n    }, [numberOfSteps]);\n\n    const activeSteps = useMemo(() => {\n      if (!progressive) {\n        return [activeStep];\n      }\n\n      return steps.filter((step) => {\n        return step <= activeStep;\n      });\n    }, [activeStep, progressive, steps]);\n\n    return (\n      <StyledSteps\n        className={classnames(\"c-steps-wrapper\", wrapperClassName)}\n        ref={ref}\n      >\n        {steps.map((step) => {\n          return (\n            <StyledStep\n              key={`step-${step}`}\n              $isActiveStep={activeSteps.indexOf(step) > -1}\n            />\n          );\n        })}\n      </StyledSteps>\n    );\n  }\n);\n\nSteps.displayName = \"Steps\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAASC,OAAO,EAAEC,UAAU,QAAQ,OAAO;AAEvD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,UAAU,EAAEC,WAAW,QAAQ,UAAU;AAalD,OAAO,MAAMC,KAAK,gBAAGJ,UAAU,CAC7B,CAAAK,IAAA,EAOEC,GAA2C,KACxC;EAAA,IANDC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAAC,gBAAA,GAAAJ,IAAA,CACVK,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA;IACnBE,gBAAgB,GAAAN,IAAA,CAAhBM,gBAAgB;EAIlB,MAAMC,KAAK,GAAGb,OAAO,CAAC,MAAM;IAC1B;IACA,MAAMc,CAAW,GAAG,EAAE;IACtB,IAAIC,CAAC,GAAGP,aAAa;IACrB,OAAOO,CAAC,EAAE,EAAE;MACVD,CAAC,CAACC,CAAC,CAAC,GAAGA,CAAC,GAAG,CAAC;IACd;IACA,OAAOD,CAAC;EACV,CAAC,EAAE,CAACN,aAAa,CAAC,CAAC;EAEnB,MAAMQ,WAAW,GAAGhB,OAAO,CAAC,MAAM;IAChC,IAAI,CAACW,WAAW,EAAE;MAChB,OAAO,CAACF,UAAU,CAAC;IACrB;IAEA,OAAOI,KAAK,CAACI,MAAM,CAAEC,IAAI,IAAK;MAC5B,OAAOA,IAAI,IAAIT,UAAU;IAC3B,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,UAAU,EAAEE,WAAW,EAAEE,KAAK,CAAC,CAAC;EAEpC,oBACEd,KAAA,CAAAoB,aAAA,CAACf,WAAW;IACVgB,SAAS,EAAElB,UAAU,CAAC,iBAAiB,EAAEU,gBAAgB,CAAE;IAC3DL,GAAG,EAAEA;EAAI,GAERM,KAAK,CAACQ,GAAG,CAAEH,IAAI,IAAK;IACnB,oBACEnB,KAAA,CAAAoB,aAAA,CAAChB,UAAU;MACTmB,GAAG,YAAUJ,IAAO;MACpBK,aAAa,EAAEP,WAAW,CAACQ,OAAO,CAACN,IAAI,CAAC,GAAG,CAAC;IAAE,CAC/C,CAAC;EAEN,CAAC,CACU,CAAC;AAElB,CACF,CAAC;AAEDb,KAAK,CAACoB,WAAW,GAAG,OAAO","ignoreList":[]}

package/dist/esm/components/Stopwatch/Stopwatch.js

@@ -5,7 +5,9 @@ import { EditableHours } from "../EditableHours";
 import { IconButton } from "../IconButton";
 import { CloseIcon, NoteIcon, PauseSmallIcon, PlaySmallIcon, UploadIcon } from "../Icons";
 export const Stopwatch = () => {
-  const [isActive, setIsActive] = useState(false);
+  const _useState = useState(false),
+    isActive = _useState[0],
+    setIsActive = _useState[1];
   return /*#__PURE__*/React.createElement(StyledStopwatch, {
     className: classNames("", {
       "tw-bg-red-100": isActive,