npm - @activecollab/components - Versions diffs - 2.0.265 → 2.0.266 - Mend

@activecollab/components 2.0.265 → 2.0.266

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2636) hide show

package/dist/esm/components/SelectTrigger/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","names":["styled","css","CollapseExpandSingleIcon","Trigger","StyledSelectTrigger","withConfig","displayName","componentId","_ref","$mode","_ref2","disabled","_ref3","$invalid","_ref4","_ref5","$size","_ref6","_ref7","_ref8","StyledCaretIcon","_ref9","$open"],"sources":["../../../../src/components/SelectTrigger/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { CollapseExpandSingleIcon } from \"../Icons\";\nimport { InputMode, InputSize } from \"../Input/types\";\nimport { Trigger } from \"../Trigger\";\n\nexport const StyledSelectTrigger = styled(Trigger)<{\n $size?: InputSize;\n $invalid?: boolean;\n $mode?: InputMode;\n}>`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 4px 0 8px;\n width: 300px;\n transition: border-color 0.3s ease;\n background-color: transparent;\n border: none;\n\n ${({ $mode }) =>\n $mode === \"outlined\" &&\n css`\n border: 1px solid var(--color-theme-500);\n background-color: var(--input-background-color);\n `}\n\n ${({ disabled }) =>\n disabled &&\n css`\n opacity: 50%;\n cursor: default;\n `}\n\n ${({ $invalid, disabled, $mode }) =>\n !$invalid &&\n !disabled &&\n $mode === \"outlined\" &&\n css`\n &:hover,\n &:focus {\n border-color: var(--color-primary-700);\n }\n `}\n\n ${({ $invalid, $mode }) =>\n $invalid &&\n $mode === \"outlined\" &&\n css`\n ${tw`tw-border-alert`}\n\n &:hover {\n ${tw`tw-border-alert`}\n }\n `}\n\n ${({ $size }) =>\n $size === \"small\" &&\n css`\n height: 24px;\n border-radius: var(--ac-br-6);\n `}\n\n ${({ $size }) =>\n $size === \"regular\" &&\n css`\n height: 32px;\n border-radius: var(--ac-br-8);\n `}\n\n ${({ $size }) =>\n $size === \"big\" &&\n css`\n height: 40px;\n border-radius: var(--ac-br-8);\n `};\n\n ${({ $size }) =>\n $size === \"biggest\" &&\n css`\n height: 48px;\n border-radius: var(--ac-br-8);\n `};\n`;\n\nStyledSelectTrigger.displayName = \"StyledSelectTrigger\";\n\nexport const StyledCaretIcon = styled(CollapseExpandSingleIcon)<{\n $open: boolean;\n}>`\n margin-left: 8px;\n flex-shrink: 0;\n transition: transform 200ms ease;\n\n ${({ $open }) =>\n !$open &&\n css`\n transform: rotate(180deg);\n `}\n`;\n\nStyledCaretIcon.displayName = \"StyledCaretIcon\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,wBAAwB,QAAQ,UAAU;AAEnD,SAASC,OAAO,QAAQ,YAAY;AAEpC,OAAO,MAAMC,mBAAmB,GAAGJ,MAAM,CAACG,OAAO,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0NAc9CC,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,OACVC,KAAK,KAAK,UAAU,IACpBR,GAAG,6FAGF;AAAA,GAEDS,KAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,KAAA;EAAA,OACbC,QAAQ,IACRV,GAAG,iCAGF;AAAA,GAEDW,KAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEF,QAAQ;IAAEF;EAAM,CAAC,GAAAG,KAAA;EAAA,OAC9B,CAACC,QAAQ,IACT,CAACF,QAAQ,IACTF,KAAK,KAAK,UAAU,IACpBR,GAAG,6DAKF;AAAA,GAEDa,KAAA;EAAA,IAAC;IAAED,QAAQ;IAAEJ;EAAM,CAAC,GAAAK,KAAA;EAAA,OACpBD,QAAQ,IACRJ,KAAK,KAAK,UAAU,IACpBR,GAAG,yBACG;IAAA;EAAgB,CAAC,EAGf;IAAA;EAAgB,CAAC,CAExB;AAAA,GAEDc,KAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,KAAA;EAAA,OACVC,KAAK,KAAK,OAAO,IACjBf,GAAG,+CAGF;AAAA,GAEDgB,KAAA;EAAA,IAAC;IAAED;EAAM,CAAC,GAAAC,KAAA;EAAA,OACVD,KAAK,KAAK,SAAS,IACnBf,GAAG,+CAGF;AAAA,GAECiB,KAAA;EAAA,IAAC;IAAEF;EAAM,CAAC,GAAAE,KAAA;EAAA,OACZF,KAAK,KAAK,KAAK,IACff,GAAG,+CAGF;AAAA,GAEDkB,KAAA;EAAA,IAAC;IAAEH;EAAM,CAAC,GAAAG,KAAA;EAAA,OACVH,KAAK,KAAK,SAAS,IACnBf,GAAG,+CAGF;AAAA,EACJ;AAEDG,mBAAmB,CAACE,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMc,eAAe,GAAGpB,MAAM,CAACE,wBAAwB,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2EAO3Dc,KAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,KAAA;EAAA,OACV,CAACC,KAAK,IACNrB,GAAG,+BAEF;AAAA,EACJ;AAEDmB,eAAe,CAACd,WAAW,GAAG,iBAAiB"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","CollapseExpandSingleIcon","Trigger","StyledSelectTrigger","withConfig","displayName","componentId","_ref","$mode","_ref2","disabled","_ref3","$invalid","_ref4","_ref5","$size","_ref6","_ref7","_ref8","StyledCaretIcon","_ref9","$open"],"sources":["../../../../src/components/SelectTrigger/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { CollapseExpandSingleIcon } from \"../Icons\";\nimport { InputMode, InputSize } from \"../Input/types\";\nimport { Trigger } from \"../Trigger\";\n\nexport const StyledSelectTrigger = styled(Trigger)<{\n $size?: InputSize;\n $invalid?: boolean;\n $mode?: InputMode;\n}>`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 4px 0 8px;\n width: 300px;\n transition: border-color 0.3s ease;\n background-color: transparent;\n border: none;\n\n ${({ $mode }) =>\n $mode === \"outlined\" &&\n css`\n border: 1px solid var(--color-theme-500);\n background-color: var(--input-background-color);\n `}\n\n ${({ disabled }) =>\n disabled &&\n css`\n opacity: 50%;\n cursor: default;\n `}\n\n ${({ $invalid, disabled, $mode }) =>\n !$invalid &&\n !disabled &&\n $mode === \"outlined\" &&\n css`\n &:hover,\n &:focus {\n border-color: var(--color-primary-700);\n }\n `}\n\n ${({ $invalid, $mode }) =>\n $invalid &&\n $mode === \"outlined\" &&\n css`\n ${tw`tw-border-alert`}\n\n &:hover {\n ${tw`tw-border-alert`}\n }\n `}\n\n ${({ $size }) =>\n $size === \"small\" &&\n css`\n height: 24px;\n border-radius: var(--ac-br-6);\n `}\n\n ${({ $size }) =>\n $size === \"regular\" &&\n css`\n height: 32px;\n border-radius: var(--ac-br-8);\n `}\n\n ${({ $size }) =>\n $size === \"big\" &&\n css`\n height: 40px;\n border-radius: var(--ac-br-8);\n `};\n\n ${({ $size }) =>\n $size === \"biggest\" &&\n css`\n height: 48px;\n border-radius: var(--ac-br-8);\n `};\n`;\n\nStyledSelectTrigger.displayName = \"StyledSelectTrigger\";\n\nexport const StyledCaretIcon = styled(CollapseExpandSingleIcon)<{\n $open: boolean;\n}>`\n margin-left: 8px;\n flex-shrink: 0;\n transition: transform 200ms ease;\n\n ${({ $open }) =>\n !$open &&\n css`\n transform: rotate(180deg);\n `}\n`;\n\nStyledCaretIcon.displayName = \"StyledCaretIcon\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,wBAAwB,QAAQ,UAAU;AAEnD,SAASC,OAAO,QAAQ,YAAY;AAEpC,OAAO,MAAMC,mBAAmB,GAAGJ,MAAM,CAACG,OAAO,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0NAc9CC,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,OACVC,KAAK,KAAK,UAAU,IACpBR,GAAG,6FAGF;AAAA,GAEDS,KAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,KAAA;EAAA,OACbC,QAAQ,IACRV,GAAG,iCAGF;AAAA,GAEDW,KAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEF,QAAQ;IAAEF;EAAM,CAAC,GAAAG,KAAA;EAAA,OAC9B,CAACC,QAAQ,IACT,CAACF,QAAQ,IACTF,KAAK,KAAK,UAAU,IACpBR,GAAG,6DAKF;AAAA,GAEDa,KAAA;EAAA,IAAC;IAAED,QAAQ;IAAEJ;EAAM,CAAC,GAAAK,KAAA;EAAA,OACpBD,QAAQ,IACRJ,KAAK,KAAK,UAAU,IACpBR,GAAG,yBACG;IAAA;EAAgB,CAAC,EAGf;IAAA;EAAgB,CAAC,CAExB;AAAA,GAEDc,KAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,KAAA;EAAA,OACVC,KAAK,KAAK,OAAO,IACjBf,GAAG,+CAGF;AAAA,GAEDgB,KAAA;EAAA,IAAC;IAAED;EAAM,CAAC,GAAAC,KAAA;EAAA,OACVD,KAAK,KAAK,SAAS,IACnBf,GAAG,+CAGF;AAAA,GAECiB,KAAA;EAAA,IAAC;IAAEF;EAAM,CAAC,GAAAE,KAAA;EAAA,OACZF,KAAK,KAAK,KAAK,IACff,GAAG,+CAGF;AAAA,GAEDkB,KAAA;EAAA,IAAC;IAAEH;EAAM,CAAC,GAAAG,KAAA;EAAA,OACVH,KAAK,KAAK,SAAS,IACnBf,GAAG,+CAGF;AAAA,EACJ;AAEDG,mBAAmB,CAACE,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMc,eAAe,GAAGpB,MAAM,CAACE,wBAAwB,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2EAO3Dc,KAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,KAAA;EAAA,OACV,CAACC,KAAK,IACNrB,GAAG,+BAEF;AAAA,EACJ;AAEDmB,eAAe,CAACd,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/esm/components/SelectTrigger/index.js.map CHANGED Viewed

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

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

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
 import React, { useCallback, useEffect, forwardRef, useState, useImperativeHandle } from "react";
 import { Transition } from "react-transition-group";
 import classnames from "classnames";
@@ -9,21 +11,21 @@ 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,
-    ...rest
-  } = _ref;
+      children,
+      onClose,
+      controls = [],
+      open: defaultOpen = false,
+      animation = "top",
+      position = "center",
+      mode = "normal",
+      disableFocusLock = false,
+      disableScrollLock = false,
+      disableBackgroundColor = false,
+      bodyStyle,
+      bodyClassName,
+      disableBackgroundClick = false
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const [open, setOpen] = useState(defaultOpen);
   const [exited, setExited] = useState(true);
   useEffect(() => {

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

	@@ -1 +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","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":"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"}
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":"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","ignoreList":[]}

package/dist/esm/components/Sheet/Styles.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CSSTransition } from "react-transition-group";
 export declare const StyledSheetIcons: import("styled-components").StyledComponent<"div", any, {}, never>;
 interface IStyledSheetWrapper {

package/dist/esm/components/Sheet/Styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/Styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AASvD,eAAO,MAAM,gBAAgB,oEA2B5B,CAAC;AAIF,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,kBAAkB,qFAmG9B,CAAC;AAIF,UAAU,wBAAwB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,uBAAuB,0FAanC,CAAC;AAIF,eAAO,MAAM,sBAAsB,uCASlC,CAAC;AAEF,eAAO,MAAM,yBAAyB,uCASrC,CAAC;AAEF,eAAO,MAAM,2BAA2B,uCASvC,CAAC;AAEF,eAAO,MAAM,4BAA4B,uCASxC,CAAC;AAEF,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,sFA6D9B,CAAC;AAIF,eAAO,MAAM,mBAAmB;gBAClB,MAAM;SA6HnB,CAAC;AAIF,eAAO,MAAM,mBAAmB;;;kBAE/B,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEASnC,CAAC;AAIF,eAAO,MAAM,YAAY,oEAIxB,CAAC"}
1	+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/Styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AASvD,eAAO,MAAM,gBAAgB,oEA2B5B,CAAC;AAIF,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,kBAAkB,qFAmG9B,CAAC;AAIF,UAAU,wBAAwB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,uBAAuB,0FAanC,CAAC;AAIF,eAAO,MAAM,sBAAsB,uCASlC,CAAC;AAEF,eAAO,MAAM,yBAAyB,uCASrC,CAAC;AAEF,eAAO,MAAM,2BAA2B,uCASvC,CAAC;AAEF,eAAO,MAAM,4BAA4B,uCASxC,CAAC;AAEF,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,sFA6D9B,CAAC;AAIF,eAAO,MAAM,mBAAmB;gBAClB,MAAM;SA6HnB,CAAC;AAIF,eAAO,MAAM,mBAAmB;;;kBAE/B,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEASnC,CAAC;AAIF,eAAO,MAAM,YAAY,oEAIxB,CAAC"}

package/dist/esm/components/Sheet/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","names":["CSSTransition","styled","css","keyframes","BoxSizingStyle","FontStyle","ListSeparator","StyledSheetIcons","div","withConfig","displayName","componentId","StyledSheetWrapper","props","$mode","$position","StyledSheetWrapperPaper","attrs","className","paperClass","StyledSheetControlsTop","StyledSheetControlsBottom","StyledSheetControlsCenterIn","StyledSheetControlsCenterOut","StyledAnimatedSpan","span","$state","$durationIn","$maxDurationIn","$disabled","$durationOut","$maxDurationOut","StyledCssTransition","$direction","StyledListSeparator","StyledIconsWrapperSmall","StyledHeader"],"sources":["../../../../src/components/Sheet/Styles.ts"],"sourcesContent":["import { CSSTransition } from \"react-transition-group\";\n\nimport styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { ListSeparator } from \"../List\";\n\nexport const StyledSheetIcons = styled.div`\n display: flex;\n height: 0;\n position: relative;\n\n span {\n position: relative;\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-secondary);\n cursor: pointer;\n border-radius: 100%;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n & > * {\n height: 40px;\n width: 40px;\n padding: 8px;\n fill: var(--color-theme-600);\n }\n }\n\n @media (max-width: 640px) {\n display: none;\n }\n`;\n\nStyledSheetIcons.displayName = \"StyledSheetIcons\";\n\ninterface IStyledSheetWrapper {\n $position?: \"center\" \| \"left\" \| \"right\";\n $mode?: \"normal\" \| \"stretch\";\n}\n\nexport const StyledSheetWrapper = styled.div<IStyledSheetWrapper>`\n ${BoxSizingStyle}\n ${FontStyle}\n\n position: relative;\n max-width: 95vw;\n display: flex;\n flex-direction: row;\n\n ${(props) =>\n props.$mode === \"stretch\"\n ? css`\n margin-top: 8px;\n height: calc(100vh - 16px);\n width: calc(100vw - 100px);\n max-width: 1000px;\n ${StyledSheetIcons} {\n flex-direction: column;\n width: 0;\n height: calc(100vh - 32px);\n & > * {\n margin-bottom: 8px;\n animation-fill-mode: both;\n }\n span {\n top: 8px;\n }\n }\n `\n : css`\n max-height: calc(100vh - 156px);\n margin-top: 126px;\n margin-bottom: 30px;\n width: 540px;\n flex-direction: column;\n\n ${StyledSheetIcons} {\n flex-direction: row-reverse;\n & > * {\n margin-left: 8px;\n animation-fill-mode: both;\n }\n span {\n top: -48px;\n right: 8px;\n }\n }\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n css`\n @media (max-width: 640px) {\n width: 100%;\n height: 100%;\n }\n `}\n\n ${(props) =>\n props.$position === \"center\" &&\n css`\n ${tw`tw-mx-auto`}\n `}\n\n ${(props) =>\n props.$position === \"left\" &&\n css`\n ${tw`tw-ml-2 tw-mr-auto`}\n `}\n\n ${(props) =>\n props.$position === \"right\" &&\n css`\n ${tw`tw-mr-2 tw-ml-auto`}\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position !== \"left\" &&\n css`\n ${StyledSheetIcons} {\n span {\n right: 48px;\n }\n }\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position === \"left\" &&\n css`\n flex-direction: row-reverse;\n\n ${StyledSheetIcons} {\n span {\n right: -8px;\n }\n }\n `}\n`;\n\nStyledSheetWrapper.displayName = \"StyledSheetWrapper\";\n\ninterface IStyledSheetWrapperPaper {\n paperClass?: string;\n}\n\nexport const StyledSheetWrapperPaper = styled.div.attrs<IStyledSheetWrapperPaper>(\n (props) => ({\n className: props.paperClass,\n })\n)<IStyledSheetWrapperPaper>`\n background-color: var(--page-paper-main);\n color: var(--color-theme-900);\n box-shadow: var(--shadow-primary);\n border-radius: 6px;\n overflow: auto;\n animation: 0.3s linear ease-out;\n\n ${tw`tw-flex-auto`}\n`;\n\nStyledSheetWrapperPaper.displayName = \"StyledSheetWrapperPaper\";\n\nexport const StyledSheetControlsTop = keyframes`\n 0% {\n opacity: 0;\n transform: translateY(-200px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n`;\n\nexport const StyledSheetControlsBottom = keyframes`\n 0% {\n opacity: 1;\n transform: translateY(0);\n }\n 100% {\n opacity: 0;\n transform: translateY(-200px);\n}\n`;\n\nexport const StyledSheetControlsCenterIn = keyframes`\n 0% {\n transform: translateY(-150px);\n opacity: 0;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n`;\n\nexport const StyledSheetControlsCenterOut = keyframes`\n 0% {\n transform: translateY(0);\n opacity: 1;\n }\n 100% {\n transform: translateY(-150px);\n opacity: 0;\n }\n`;\n\ninterface IStyledAnimatedSpan {\n $mode: string;\n $state?: string;\n $maxDurationIn: number;\n $maxDurationOut: number;\n $durationOut: number;\n $durationIn: number;\n $disabled?: boolean;\n}\n\nexport const StyledAnimatedSpan = styled.span<IStyledAnimatedSpan>`\n &:hover svg {\n fill: var(--color-primary);\n }\n ${(props) =>\n props.$state === \"entering\" &&\n css`\n opacity: 1;\n\n ${props.$mode === \"stretch\"\n ? css`\n animation-name: ${StyledSheetControlsTop};\n animation-duration: ${`${props.$durationIn}s`};\n animation-delay: ${`${props.$durationIn}s`};\n `\n : css`\n animation-name: ${StyledSheetControlsCenterIn};\n animation-duration: ${`${props.$maxDurationIn}s`};\n animation-delay: 0s;\n `}\n `}\n\n ${(props) =>\n props.$state === \"entered\" &&\n css`\n opacity: 1;\n `}\n\n ${(props) =>\n props.$disabled &&\n css`\n pointer-events: none;\n\n svg {\n opacity: 0.5;\n }\n `}\n\n ${(props) =>\n props.$state === \"exiting\" &&\n css`\n opacity: 0;\n\n ${props.$mode === \"stretch\"\n ? css`\n animation-name: ${StyledSheetControlsBottom};\n animation-duration: ${`${props.$durationOut}s`};\n animation-delay: ${`${props.$durationOut}s`};\n `\n : css`\n animation-name: ${StyledSheetControlsCenterOut};\n animation-duration: ${`${props.$maxDurationOut}s`};\n animation-delay: 0;\n `}\n `}\n\n ${(props) =>\n props.$state === \"exited\" &&\n css`\n opacity: 0;\n `}\n`;\n\nStyledAnimatedSpan.displayName = \"StyledAnimatedSpan\";\n\nexport const StyledCssTransition = styled(CSSTransition)<{\n $direction: string;\n}>`\n ${(props) =>\n props.$direction === \"top\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(-100%);\n transition: opacity 200ms, transform 200ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"bottom\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(100%);\n transition: opacity 200ms, transform 200ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"left\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(-100%);\n transition: opacity 200ms, transform 200ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"right\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(100%);\n transition: opacity 200ms, transform 200ms;\n }\n `}\n`;\n\nStyledCssTransition.displayName = \"StyledCssTransition\";\n\nexport const StyledListSeparator = styled(ListSeparator)`\n margin: 0;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n\nexport const StyledIconsWrapperSmall = styled.div`\n height: 40px;\n display: flex;\n gap: 8px;\n padding-left: 16px;\n padding-right: 16px;\n align-items: center;\n place-content: end;\n flex-direction: row-reverse;\n`;\n\nStyledIconsWrapperSmall.displayName = \"StyledIconsWrapperSmall\";\n\nexport const StyledHeader = styled.div`\n @media (min-width: 640px) {\n display: none;\n }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":"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"}
1	+ {"version":3,"file":"Styles.js","names":["CSSTransition","styled","css","keyframes","BoxSizingStyle","FontStyle","ListSeparator","StyledSheetIcons","div","withConfig","displayName","componentId","StyledSheetWrapper","props","$mode","$position","StyledSheetWrapperPaper","attrs","className","paperClass","StyledSheetControlsTop","StyledSheetControlsBottom","StyledSheetControlsCenterIn","StyledSheetControlsCenterOut","StyledAnimatedSpan","span","$state","$durationIn","$maxDurationIn","$disabled","$durationOut","$maxDurationOut","StyledCssTransition","$direction","StyledListSeparator","StyledIconsWrapperSmall","StyledHeader"],"sources":["../../../../src/components/Sheet/Styles.ts"],"sourcesContent":["import { CSSTransition } from \"react-transition-group\";\n\nimport styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { ListSeparator } from \"../List\";\n\nexport const StyledSheetIcons = styled.div`\n display: flex;\n height: 0;\n position: relative;\n\n span {\n position: relative;\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-secondary);\n cursor: pointer;\n border-radius: 100%;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n & > * {\n height: 40px;\n width: 40px;\n padding: 8px;\n fill: var(--color-theme-600);\n }\n }\n\n @media (max-width: 640px) {\n display: none;\n }\n`;\n\nStyledSheetIcons.displayName = \"StyledSheetIcons\";\n\ninterface IStyledSheetWrapper {\n $position?: \"center\" \| \"left\" \| \"right\";\n $mode?: \"normal\" \| \"stretch\";\n}\n\nexport const StyledSheetWrapper = styled.div<IStyledSheetWrapper>`\n ${BoxSizingStyle}\n ${FontStyle}\n\n position: relative;\n max-width: 95vw;\n display: flex;\n flex-direction: row;\n\n ${(props) =>\n props.$mode === \"stretch\"\n ? css`\n margin-top: 8px;\n height: calc(100vh - 16px);\n width: calc(100vw - 100px);\n max-width: 1000px;\n ${StyledSheetIcons} {\n flex-direction: column;\n width: 0;\n height: calc(100vh - 32px);\n & > * {\n margin-bottom: 8px;\n animation-fill-mode: both;\n }\n span {\n top: 8px;\n }\n }\n `\n : css`\n max-height: calc(100vh - 156px);\n margin-top: 126px;\n margin-bottom: 30px;\n width: 540px;\n flex-direction: column;\n\n ${StyledSheetIcons} {\n flex-direction: row-reverse;\n & > * {\n margin-left: 8px;\n animation-fill-mode: both;\n }\n span {\n top: -48px;\n right: 8px;\n }\n }\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n css`\n @media (max-width: 640px) {\n width: 100%;\n height: 100%;\n }\n `}\n\n ${(props) =>\n props.$position === \"center\" &&\n css`\n ${tw`tw-mx-auto`}\n `}\n\n ${(props) =>\n props.$position === \"left\" &&\n css`\n ${tw`tw-ml-2 tw-mr-auto`}\n `}\n\n ${(props) =>\n props.$position === \"right\" &&\n css`\n ${tw`tw-mr-2 tw-ml-auto`}\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position !== \"left\" &&\n css`\n ${StyledSheetIcons} {\n span {\n right: 48px;\n }\n }\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position === \"left\" &&\n css`\n flex-direction: row-reverse;\n\n ${StyledSheetIcons} {\n span {\n right: -8px;\n }\n }\n `}\n`;\n\nStyledSheetWrapper.displayName = \"StyledSheetWrapper\";\n\ninterface IStyledSheetWrapperPaper {\n paperClass?: string;\n}\n\nexport const StyledSheetWrapperPaper = styled.div.attrs<IStyledSheetWrapperPaper>(\n (props) => ({\n className: props.paperClass,\n })\n)<IStyledSheetWrapperPaper>`\n background-color: var(--page-paper-main);\n color: var(--color-theme-900);\n box-shadow: var(--shadow-primary);\n border-radius: 6px;\n overflow: auto;\n animation: 0.3s linear ease-out;\n\n ${tw`tw-flex-auto`}\n`;\n\nStyledSheetWrapperPaper.displayName = \"StyledSheetWrapperPaper\";\n\nexport const StyledSheetControlsTop = keyframes`\n 0% {\n opacity: 0;\n transform: translateY(-200px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n`;\n\nexport const StyledSheetControlsBottom = keyframes`\n 0% {\n opacity: 1;\n transform: translateY(0);\n }\n 100% {\n opacity: 0;\n transform: translateY(-200px);\n}\n`;\n\nexport const StyledSheetControlsCenterIn = keyframes`\n 0% {\n transform: translateY(-150px);\n opacity: 0;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n`;\n\nexport const StyledSheetControlsCenterOut = keyframes`\n 0% {\n transform: translateY(0);\n opacity: 1;\n }\n 100% {\n transform: translateY(-150px);\n opacity: 0;\n }\n`;\n\ninterface IStyledAnimatedSpan {\n $mode: string;\n $state?: string;\n $maxDurationIn: number;\n $maxDurationOut: number;\n $durationOut: number;\n $durationIn: number;\n $disabled?: boolean;\n}\n\nexport const StyledAnimatedSpan = styled.span<IStyledAnimatedSpan>`\n &:hover svg {\n fill: var(--color-primary);\n }\n ${(props) =>\n props.$state === \"entering\" &&\n css`\n opacity: 1;\n\n ${props.$mode === \"stretch\"\n ? css`\n animation-name: ${StyledSheetControlsTop};\n animation-duration: ${`${props.$durationIn}s`};\n animation-delay: ${`${props.$durationIn}s`};\n `\n : css`\n animation-name: ${StyledSheetControlsCenterIn};\n animation-duration: ${`${props.$maxDurationIn}s`};\n animation-delay: 0s;\n `}\n `}\n\n ${(props) =>\n props.$state === \"entered\" &&\n css`\n opacity: 1;\n `}\n\n ${(props) =>\n props.$disabled &&\n css`\n pointer-events: none;\n\n svg {\n opacity: 0.5;\n }\n `}\n\n ${(props) =>\n props.$state === \"exiting\" &&\n css`\n opacity: 0;\n\n ${props.$mode === \"stretch\"\n ? css`\n animation-name: ${StyledSheetControlsBottom};\n animation-duration: ${`${props.$durationOut}s`};\n animation-delay: ${`${props.$durationOut}s`};\n `\n : css`\n animation-name: ${StyledSheetControlsCenterOut};\n animation-duration: ${`${props.$maxDurationOut}s`};\n animation-delay: 0;\n `}\n `}\n\n ${(props) =>\n props.$state === \"exited\" &&\n css`\n opacity: 0;\n `}\n`;\n\nStyledAnimatedSpan.displayName = \"StyledAnimatedSpan\";\n\nexport const StyledCssTransition = styled(CSSTransition)<{\n $direction: string;\n}>`\n ${(props) =>\n props.$direction === \"top\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(-100%);\n transition: opacity 200ms, transform 200ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"bottom\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(100%);\n transition: opacity 200ms, transform 200ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"left\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(-100%);\n transition: opacity 200ms, transform 200ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"right\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(100%);\n transition: opacity 200ms, transform 200ms;\n }\n `}\n`;\n\nStyledCssTransition.displayName = \"StyledCssTransition\";\n\nexport const StyledListSeparator = styled(ListSeparator)`\n margin: 0;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n\nexport const StyledIconsWrapperSmall = styled.div`\n height: 40px;\n display: flex;\n gap: 8px;\n padding-left: 16px;\n padding-right: 16px;\n align-items: center;\n place-content: end;\n flex-direction: row-reverse;\n`;\n\nStyledIconsWrapperSmall.displayName = \"StyledIconsWrapperSmall\";\n\nexport const StyledHeader = styled.div`\n @media (min-width: 640px) {\n display: none;\n }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Sheet/index.js.map CHANGED Viewed

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

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

	@@ -1 +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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"}
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":[]}

package/dist/esm/components/Signifier/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","names":["CSSTransition","styled","css","BoxSizingStyle","FontStyle","StyledSignifier","div","withConfig","displayName","componentId","props","$direction","StyledSignifierTransition","StyledIcon","svg"],"sources":["../../../../src/components/Signifier/Styles.ts"],"sourcesContent":["import { CSSTransition } from \"react-transition-group\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledSignifier = styled.div<{ $direction: string }>`\n ${tw`tw-inline-flex tw-items-center tw-text-theme-800`}\n ${FontStyle}\n ${BoxSizingStyle}\n\n cursor: default;\n\n ${(props) =>\n props.$direction === \"c-signifier--top\" &&\n css`\n --signifier-in: 60%;\n --signifier-out: -60%;\n `}\n\n ${(props) =>\n props.$direction === \"c-signifier--bottom\" &&\n css`\n --signifier-in: -60%;\n --signifier-out: 60%;\n `}\n`;\nStyledSignifier.displayName = \"StyledSignifier\";\n\nexport const StyledSignifierTransition = styled(CSSTransition)`\n &.c-signifier--animate-enter {\n opacity: 0;\n transform: translateY(var(--signifier-in));\n }\n &.c-signifier--animate-enter-active {\n opacity: 1;\n transform: translateY(0%);\n transition-duration: 300ms;\n }\n &.c-signifier--animate-exit {\n transform: translateY(0%);\n opacity: 1;\n }\n &.c-signifier--animate-exit-active {\n transform: translateY(var(--signifier-out));\n opacity: 0;\n transition-duration: 300ms;\n }\n`;\nStyledSignifierTransition.displayName = \"StyledSignifierTransition\";\n\nexport const StyledIcon = styled.svg`\n ${tw`tw-text-xs tw-mr-1`}\n`;\nStyledIcon.displayName = \"StyledIcon\";\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,wBAAwB;AAEtD,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,eAAe,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDACnC;EAAA;EAAA;EAAA;AAAiD,CAAC,EACpDL,SAAS,EACTD,cAAc,EAIbO,KAAK,IACNA,KAAK,CAACC,UAAU,KAAK,kBAAkB,IACvCT,GAAG,8CAGF,EAEAQ,KAAK,IACNA,KAAK,CAACC,UAAU,KAAK,qBAAqB,IAC1CT,GAAG,8CAGF,CACJ;AACDG,eAAe,CAACG,WAAW,GAAG,iBAAiB;AAE/C,OAAO,MAAMI,yBAAyB,GAAGX,MAAM,CAACD,aAAa,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+WAmB7D;AACDG,yBAAyB,CAACJ,WAAW,GAAG,2BAA2B;AAEnE,OAAO,MAAMK,UAAU,GAAGZ,MAAM,CAACa,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC9B;EAAA;EAAA;EAAA;AAAmB,CAAC,CACzB;AACDI,UAAU,CAACL,WAAW,GAAG,YAAY"}
1	+ {"version":3,"file":"Styles.js","names":["CSSTransition","styled","css","BoxSizingStyle","FontStyle","StyledSignifier","div","withConfig","displayName","componentId","props","$direction","StyledSignifierTransition","StyledIcon","svg"],"sources":["../../../../src/components/Signifier/Styles.ts"],"sourcesContent":["import { CSSTransition } from \"react-transition-group\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledSignifier = styled.div<{ $direction: string }>`\n ${tw`tw-inline-flex tw-items-center tw-text-theme-800`}\n ${FontStyle}\n ${BoxSizingStyle}\n\n cursor: default;\n\n ${(props) =>\n props.$direction === \"c-signifier--top\" &&\n css`\n --signifier-in: 60%;\n --signifier-out: -60%;\n `}\n\n ${(props) =>\n props.$direction === \"c-signifier--bottom\" &&\n css`\n --signifier-in: -60%;\n --signifier-out: 60%;\n `}\n`;\nStyledSignifier.displayName = \"StyledSignifier\";\n\nexport const StyledSignifierTransition = styled(CSSTransition)`\n &.c-signifier--animate-enter {\n opacity: 0;\n transform: translateY(var(--signifier-in));\n }\n &.c-signifier--animate-enter-active {\n opacity: 1;\n transform: translateY(0%);\n transition-duration: 300ms;\n }\n &.c-signifier--animate-exit {\n transform: translateY(0%);\n opacity: 1;\n }\n &.c-signifier--animate-exit-active {\n transform: translateY(var(--signifier-out));\n opacity: 0;\n transition-duration: 300ms;\n }\n`;\nStyledSignifierTransition.displayName = \"StyledSignifierTransition\";\n\nexport const StyledIcon = styled.svg`\n ${tw`tw-text-xs tw-mr-1`}\n`;\nStyledIcon.displayName = \"StyledIcon\";\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,wBAAwB;AAEtD,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,eAAe,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDACnC;EAAA;EAAA;EAAA;AAAiD,CAAC,EACpDL,SAAS,EACTD,cAAc,EAIbO,KAAK,IACNA,KAAK,CAACC,UAAU,KAAK,kBAAkB,IACvCT,GAAG,8CAGF,EAEAQ,KAAK,IACNA,KAAK,CAACC,UAAU,KAAK,qBAAqB,IAC1CT,GAAG,8CAGF,CACJ;AACDG,eAAe,CAACG,WAAW,GAAG,iBAAiB;AAE/C,OAAO,MAAMI,yBAAyB,GAAGX,MAAM,CAACD,aAAa,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+WAmB7D;AACDG,yBAAyB,CAACJ,WAAW,GAAG,2BAA2B;AAEnE,OAAO,MAAMK,UAAU,GAAGZ,MAAM,CAACa,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC9B;EAAA;EAAA;EAAA;AAAmB,CAAC,CACzB;AACDI,UAAU,CAACL,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/esm/components/Signifier/index.js.map CHANGED Viewed

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

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

	@@ -1 +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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"}
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":[]}

package/dist/esm/components/Sort/Styles.d.ts CHANGED Viewed

@@ -1,24 +1,23 @@
-/// <reference types="react" />
 import { ListItemProps } from "../List";
 export declare const StyledSortWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledValueButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../ValueButton").IValueButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../IconButton").IconButtonProps & {
-    children?: import("react").ReactNode;
+export declare const StyledValueButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").IValueButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").IconButtonProps & {
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const StyledSortIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement> & {
-    gradient?: string | undefined;
+    gradient?: string;
 }, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
 export declare const StyledSortIconDown: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement> & {
-    gradient?: string | undefined;
+    gradient?: string;
 }, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
 export declare const StyledSortIconUp: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement> & {
-    gradient?: string | undefined;
+    gradient?: string;
 }, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
-export declare const StyledList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").ListProps & {
-    children?: import("react").ReactNode;
+export declare const StyledList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ListProps & {
+    children?: import("react").ReactNode | undefined;
 } & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>> & {
     Item: import("react").ForwardRefExoticComponent<ListItemProps & {
-        children?: import("react").ReactNode;
+        children?: import("react").ReactNode | undefined;
     } & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
     Separator: {
         ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
@@ -29,7 +28,7 @@ interface StyledListItemProps extends ListItemProps {
     $active?: boolean;
 }
 export declare const StyledListItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ListItemProps & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>, any, StyledListItemProps, never>;
 export declare const StyledListItemName: import("styled-components").StyledComponent<"span", any, {}, never>;
 export {};

package/dist/esm/components/Sort/Styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Sort/Styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxD,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAIF,eAAO,MAAM,iBAAiB,~~uMAE7B~~,CAAC;AAIF,eAAO,MAAM,gBAAgB;;sEAE5B,CAAC;AAIF,eAAO,MAAM,cAAc;;0EAE1B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;0EAE9B,CAAC;AAIF,eAAO,MAAM,gBAAgB;;0EAE5B,CAAC;AAIF,eAAO,MAAM,UAAU;;;;;;;;;;kBAEtB,CAAC;AAIF,UAAU,mBAAoB,SAAQ,aAAa;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc;;mIAwB1B,CAAC;AAIF,eAAO,MAAM,kBAAkB,qEAE9B,CAAC"}
1	+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Sort/Styles.ts"],"names":[],"mappings":"AAKA,OAAO,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxD,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAIF,eAAO,MAAM,iBAAiB,2LAE7B,CAAC;AAIF,eAAO,MAAM,gBAAgB;;sEAE5B,CAAC;AAIF,eAAO,MAAM,cAAc;;0EAE1B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;0EAE9B,CAAC;AAIF,eAAO,MAAM,gBAAgB;;0EAE5B,CAAC;AAIF,eAAO,MAAM,UAAU;;;;;;;;;;kBAEtB,CAAC;AAIF,UAAU,mBAAoB,SAAQ,aAAa;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc;;mIAwB1B,CAAC;AAIF,eAAO,MAAM,kBAAkB,qEAE9B,CAAC"}

package/dist/esm/components/Sort/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","names":["styled","css","IconButton","ArrowDownLongIcon","ArrowUpLongIcon","SortGeneralIcon","List","ListItem","ValueButton","StyledSortWrapper","div","withConfig","displayName","componentId","StyledValueButton","StyledIconButton","StyledSortIcon","StyledSortIconDown","StyledSortIconUp","StyledList","StyledListItem","props","$active","StyledListItemName","span"],"sources":["../../../../src/components/Sort/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IconButton } from \"../IconButton\";\nimport { ArrowDownLongIcon, ArrowUpLongIcon, SortGeneralIcon } from \"../Icons\";\nimport { List, ListItem, ListItemProps } from \"../List\";\nimport { ValueButton } from \"../ValueButton\";\n\nexport const StyledSortWrapper = styled.div`\n ${tw`tw-w-fit`};\n`;\n\nStyledSortWrapper.displayName = \"StyledSortWrapper\";\n\nexport const StyledValueButton = styled(ValueButton)`\n ${tw`tw-hidden md:tw-flex tw-items-center`};\n`;\n\nStyledValueButton.displayName = \"StyledValueButton\";\n\nexport const StyledIconButton = styled(IconButton)`\n ${tw`tw-flex tw-items-center md:tw-hidden hover:tw-text-primary`};\n`;\n\nStyledIconButton.displayName = \"StyledIconButton\";\n\nexport const StyledSortIcon = styled(SortGeneralIcon)`\n ${tw`tw-mt-0`};\n`;\n\nStyledSortIcon.displayName = \"StyledSortIcon\";\n\nexport const StyledSortIconDown = styled(ArrowDownLongIcon)`\n ${tw`tw-shrink-0`};\n`;\n\nStyledSortIconDown.displayName = \"StyledSortIconDown\";\n\nexport const StyledSortIconUp = styled(ArrowUpLongIcon)`\n ${tw`tw-shrink-0`};\n`;\n\nStyledSortIconUp.displayName = \"StyledSortIconUp\";\n\nexport const StyledList = styled(List)`\n ${tw`tw-py-2`};\n`;\n\nStyledList.displayName = \"StyledList\";\n\ninterface StyledListItemProps extends ListItemProps {\n $active?: boolean;\n}\n\nexport const StyledListItem = styled(ListItem)<StyledListItemProps>`\n ${tw`tw-justify-between`};\n svg {\n visibility: hidden;\n }\n &:hover svg {\n fill: var(--color-theme-500);\n visibility: visible;\n }\n\n ${(props) =>\n props.$active &&\n css`\n ${tw`tw-text-primary`};\n\n svg {\n fill: var(--color-primary);\n visibility: visible;\n }\n &:hover svg {\n fill: var(--color-primary);\n visibility: visible;\n }\n `}\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListItemName = styled.span`\n ${tw`tw-truncate`};\n`;\n\nStyledListItemName.displayName = \"StyledListItemName\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,iBAAiB,EAAEC,eAAe,EAAEC,eAAe,QAAQ,UAAU;AAC9E,SAASC,IAAI,EAAEC,QAAQ,QAAuB,SAAS;AACvD,SAASC,WAAW,QAAQ,gBAAgB;AAE5C,OAAO,MAAMC,iBAAiB,GAAGT,MAAM,CAACU,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cACrC;EAAA;AAAS,CAAC,CACf;AAEDJ,iBAAiB,CAACG,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAME,iBAAiB,GAAGd,MAAM,CAACQ,WAAW,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cAC9C;EAAA;EAAA;EAAA;IAAA;EAAA;AAAqC,CAAC,CAC3C;AAEDC,iBAAiB,CAACF,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMG,gBAAgB,GAAGf,MAAM,CAACE,UAAU,CAAC,CAAAS,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cAC5C;EAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAA2D,CAAC,CACjE;AAEDE,gBAAgB,CAACH,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAMI,cAAc,GAAGhB,MAAM,CAACK,eAAe,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cAC/C;EAAA;AAAQ,CAAC,CACd;AAEDG,cAAc,CAACJ,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMK,kBAAkB,GAAGjB,MAAM,CAACG,iBAAiB,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cACrD;EAAA;AAAY,CAAC,CAClB;AAEDI,kBAAkB,CAACL,WAAW,GAAG,oBAAoB;AAErD,OAAO,MAAMM,gBAAgB,GAAGlB,MAAM,CAACI,eAAe,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cACjD;EAAA;AAAY,CAAC,CAClB;AAEDK,gBAAgB,CAACN,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAMO,UAAU,GAAGnB,MAAM,CAACM,IAAI,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cAChC;EAAA;EAAA;AAAQ,CAAC,CACd;AAEDM,UAAU,CAACP,WAAW,GAAG,YAAY;AAMrC,OAAO,MAAMQ,cAAc,GAAGpB,MAAM,CAACO,QAAQ,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGACxC;EAAA;AAAmB,CAAC,EASrBQ,KAAK,IACNA,KAAK,CAACC,OAAO,IACbrB,GAAG,wHACG;EAAA;AAAgB,CAAC,CAUtB,CACJ;AAEDmB,cAAc,CAACR,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMW,kBAAkB,GAAGvB,MAAM,CAACwB,IAAI,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cACvC;EAAA;EAAA;EAAA;AAAY,CAAC,CAClB;AAEDU,kBAAkB,CAACX,WAAW,GAAG,oBAAoB"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","IconButton","ArrowDownLongIcon","ArrowUpLongIcon","SortGeneralIcon","List","ListItem","ValueButton","StyledSortWrapper","div","withConfig","displayName","componentId","StyledValueButton","StyledIconButton","StyledSortIcon","StyledSortIconDown","StyledSortIconUp","StyledList","StyledListItem","props","$active","StyledListItemName","span"],"sources":["../../../../src/components/Sort/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IconButton } from \"../IconButton\";\nimport { ArrowDownLongIcon, ArrowUpLongIcon, SortGeneralIcon } from \"../Icons\";\nimport { List, ListItem, ListItemProps } from \"../List\";\nimport { ValueButton } from \"../ValueButton\";\n\nexport const StyledSortWrapper = styled.div`\n ${tw`tw-w-fit`};\n`;\n\nStyledSortWrapper.displayName = \"StyledSortWrapper\";\n\nexport const StyledValueButton = styled(ValueButton)`\n ${tw`tw-hidden md:tw-flex tw-items-center`};\n`;\n\nStyledValueButton.displayName = \"StyledValueButton\";\n\nexport const StyledIconButton = styled(IconButton)`\n ${tw`tw-flex tw-items-center md:tw-hidden hover:tw-text-primary`};\n`;\n\nStyledIconButton.displayName = \"StyledIconButton\";\n\nexport const StyledSortIcon = styled(SortGeneralIcon)`\n ${tw`tw-mt-0`};\n`;\n\nStyledSortIcon.displayName = \"StyledSortIcon\";\n\nexport const StyledSortIconDown = styled(ArrowDownLongIcon)`\n ${tw`tw-shrink-0`};\n`;\n\nStyledSortIconDown.displayName = \"StyledSortIconDown\";\n\nexport const StyledSortIconUp = styled(ArrowUpLongIcon)`\n ${tw`tw-shrink-0`};\n`;\n\nStyledSortIconUp.displayName = \"StyledSortIconUp\";\n\nexport const StyledList = styled(List)`\n ${tw`tw-py-2`};\n`;\n\nStyledList.displayName = \"StyledList\";\n\ninterface StyledListItemProps extends ListItemProps {\n $active?: boolean;\n}\n\nexport const StyledListItem = styled(ListItem)<StyledListItemProps>`\n ${tw`tw-justify-between`};\n svg {\n visibility: hidden;\n }\n &:hover svg {\n fill: var(--color-theme-500);\n visibility: visible;\n }\n\n ${(props) =>\n props.$active &&\n css`\n ${tw`tw-text-primary`};\n\n svg {\n fill: var(--color-primary);\n visibility: visible;\n }\n &:hover svg {\n fill: var(--color-primary);\n visibility: visible;\n }\n `}\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListItemName = styled.span`\n ${tw`tw-truncate`};\n`;\n\nStyledListItemName.displayName = \"StyledListItemName\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,iBAAiB,EAAEC,eAAe,EAAEC,eAAe,QAAQ,UAAU;AAC9E,SAASC,IAAI,EAAEC,QAAQ,QAAuB,SAAS;AACvD,SAASC,WAAW,QAAQ,gBAAgB;AAE5C,OAAO,MAAMC,iBAAiB,GAAGT,MAAM,CAACU,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cACrC;EAAA;AAAS,CAAC,CACf;AAEDJ,iBAAiB,CAACG,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAME,iBAAiB,GAAGd,MAAM,CAACQ,WAAW,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cAC9C;EAAA;EAAA;EAAA;IAAA;EAAA;AAAqC,CAAC,CAC3C;AAEDC,iBAAiB,CAACF,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMG,gBAAgB,GAAGf,MAAM,CAACE,UAAU,CAAC,CAAAS,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cAC5C;EAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAA2D,CAAC,CACjE;AAEDE,gBAAgB,CAACH,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAMI,cAAc,GAAGhB,MAAM,CAACK,eAAe,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cAC/C;EAAA;AAAQ,CAAC,CACd;AAEDG,cAAc,CAACJ,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMK,kBAAkB,GAAGjB,MAAM,CAACG,iBAAiB,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cACrD;EAAA;AAAY,CAAC,CAClB;AAEDI,kBAAkB,CAACL,WAAW,GAAG,oBAAoB;AAErD,OAAO,MAAMM,gBAAgB,GAAGlB,MAAM,CAACI,eAAe,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cACjD;EAAA;AAAY,CAAC,CAClB;AAEDK,gBAAgB,CAACN,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAMO,UAAU,GAAGnB,MAAM,CAACM,IAAI,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cAChC;EAAA;EAAA;AAAQ,CAAC,CACd;AAEDM,UAAU,CAACP,WAAW,GAAG,YAAY;AAMrC,OAAO,MAAMQ,cAAc,GAAGpB,MAAM,CAACO,QAAQ,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGACxC;EAAA;AAAmB,CAAC,EASrBQ,KAAK,IACNA,KAAK,CAACC,OAAO,IACbrB,GAAG,wHACG;EAAA;AAAgB,CAAC,CAUtB,CACJ;AAEDmB,cAAc,CAACR,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMW,kBAAkB,GAAGvB,MAAM,CAACwB,IAAI,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cACvC;EAAA;EAAA;EAAA;AAAY,CAAC,CAClB;AAEDU,kBAAkB,CAACX,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/esm/components/Sort/index.js.map CHANGED Viewed

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

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

	@@ -1 +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","fromDate","setFromDate","utc","toDate","setToDate","getDatesByPeriod","interval","date","add","clone","startOf","endOf","getDateFormatted","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","datePickerMode","onDatePickerChange","dates","fromDateTemp","Number","toDateTemp","isMoment","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","onRightClickHandler","newFrom","newTo","onLeftClickHandler","renderLeftRightButtons","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","target","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\" \| \"range\";\n /* Callback function that will be called after the changed range /\n onChange?: (from: Date, to: Date) => 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}\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}) => {\n const [fromDate, setFromDate] = useState<Moment>(moment.utc(from));\n const [toDate, setToDate] = useState<Moment>(moment.utc(to));\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 }\n return [date, date];\n },\n [fromDate, period, step]\n );\n\n const getDateFormatted = useMemo(() => {\n if (formatCallback) {\n return formatCallback(fromDate, toDate);\n }\n\n const actualYear = moment().year();\n\n const showWeekOrCustomDateFormat = (start, end): string => {\n if (start.year() === actualYear && end.year() === actualYear) {\n return (\n start.utc().format(\"MMM DD\") + \" - \" + end.utc().format(\"MMM DD\")\n );\n } else {\n return (\n start.utc().format(\"MMM DD YYYY\") +\n \" - \" +\n end.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 === \"range\") {\n return showWeekOrCustomDateFormat(fromDate, toDate);\n }\n\n return \"\";\n }, [fromDate, toDate, step, formatCallback, period]);\n\n const datePickerMode = useMemo(() => {\n if (step === \"range\") return \"custom\";\n if (step === \"yearly\") return \"custom\";\n return step;\n }, [step]);\n\n const onDatePickerChange = useCallback(\n (dates?: TimestampDateRange) => {\n const fromDateTemp: Moment = moment.utc(Number(dates?.from) 1000);\n const toDateTemp: Moment = moment.utc(Number(dates?.to) * 1000);\n\n setFromDate(fromDateTemp);\n setToDate(toDateTemp);\n\n if (\n onChange &&\n moment.isMoment(fromDateTemp) &&\n moment.isMoment(toDateTemp)\n ) {\n onChange(fromDateTemp.toDate(), toDateTemp.toDate());\n }\n },\n [onChange, setFromDate, setToDate]\n );\n\n const isAfterMaxDate = useMemo(() => {\n return (\n moment.isMoment(maxValue) &&\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 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), moment.utc(newTo));\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), moment.utc(newTo));\n }\n if (onBack) {\n onBack(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n }\n }, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);\n\n const renderLeftRightButtons = useMemo(() => {\n return step !== \"range\";\n }, [step]);\n\n useEffect(() => {\n setFromDate(moment.utc(from));\n setToDate(moment.utc(to));\n }, [from, to]);\n\n const dateStepperWidth = (\n fromDay: Moment,\n toDay: Moment,\n range: string\n ): { minWidth: string } => {\n if (\n fromDay.utc().year() !== moment.utc().year() \|\|\n 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 {renderLeftRightButtons ? (\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={step === \"range\"}\n $mode={mode}\n $alwaysShowDate={alwaysShowDate}\n style={dateStepperWidth(fromDate, toDate, step)}\n >\n {withDatePicker && step !== \"yearly\" ? (\n <DatePicker\n month={defaultMonth}\n target={\n <StyledButton type=\"button\">{getDateFormatted}</StyledButton>\n }\n mode={datePickerMode}\n selected={{\n from: moment.utc(fromDate).unix(),\n to: moment.utc(toDate).unix(),\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 key={datePickerMode}\n instant\n required\n />\n ) : (\n <StyledSpan>{getDateFormatted}</StyledSpan>\n )}\n </StyledDiv>\n {renderLeftRightButtons ? (\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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"}
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","fromDate","setFromDate","utc","toDate","setToDate","getDatesByPeriod","interval","date","add","clone","startOf","endOf","getDateFormatted","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","datePickerMode","onDatePickerChange","dates","fromDateTemp","Number","toDateTemp","isMoment","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","onRightClickHandler","newFrom","newTo","onLeftClickHandler","renderLeftRightButtons","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","target","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\" \| \"range\";\n /* Callback function that will be called after the changed range /\n onChange?: (from: Date, to: Date) => 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}\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}) => {\n const [fromDate, setFromDate] = useState<Moment>(moment.utc(from));\n const [toDate, setToDate] = useState<Moment>(moment.utc(to));\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 }\n return [date, date];\n },\n [fromDate, period, step]\n );\n\n const getDateFormatted = useMemo(() => {\n if (formatCallback) {\n return formatCallback(fromDate, toDate);\n }\n\n const actualYear = moment().year();\n\n const showWeekOrCustomDateFormat = (start, end): string => {\n if (start.year() === actualYear && end.year() === actualYear) {\n return (\n start.utc().format(\"MMM DD\") + \" - \" + end.utc().format(\"MMM DD\")\n );\n } else {\n return (\n start.utc().format(\"MMM DD YYYY\") +\n \" - \" +\n end.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 === \"range\") {\n return showWeekOrCustomDateFormat(fromDate, toDate);\n }\n\n return \"\";\n }, [fromDate, toDate, step, formatCallback, period]);\n\n const datePickerMode = useMemo(() => {\n if (step === \"range\") return \"custom\";\n if (step === \"yearly\") return \"custom\";\n return step;\n }, [step]);\n\n const onDatePickerChange = useCallback(\n (dates?: TimestampDateRange) => {\n const fromDateTemp: Moment = moment.utc(Number(dates?.from) 1000);\n const toDateTemp: Moment = moment.utc(Number(dates?.to) * 1000);\n\n setFromDate(fromDateTemp);\n setToDate(toDateTemp);\n\n if (\n onChange &&\n moment.isMoment(fromDateTemp) &&\n moment.isMoment(toDateTemp)\n ) {\n onChange(fromDateTemp.toDate(), toDateTemp.toDate());\n }\n },\n [onChange, setFromDate, setToDate]\n );\n\n const isAfterMaxDate = useMemo(() => {\n return (\n moment.isMoment(maxValue) &&\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 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), moment.utc(newTo));\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), moment.utc(newTo));\n }\n if (onBack) {\n onBack(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n }\n }, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);\n\n const renderLeftRightButtons = useMemo(() => {\n return step !== \"range\";\n }, [step]);\n\n useEffect(() => {\n setFromDate(moment.utc(from));\n setToDate(moment.utc(to));\n }, [from, to]);\n\n const dateStepperWidth = (\n fromDay: Moment,\n toDay: Moment,\n range: string\n ): { minWidth: string } => {\n if (\n fromDay.utc().year() !== moment.utc().year() \|\|\n 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 {renderLeftRightButtons ? (\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={step === \"range\"}\n $mode={mode}\n $alwaysShowDate={alwaysShowDate}\n style={dateStepperWidth(fromDate, toDate, step)}\n >\n {withDatePicker && step !== \"yearly\" ? (\n <DatePicker\n month={defaultMonth}\n target={\n <StyledButton type=\"button\">{getDateFormatted}</StyledButton>\n }\n mode={datePickerMode}\n selected={{\n from: moment.utc(fromDate).unix(),\n to: moment.utc(toDate).unix(),\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 key={datePickerMode}\n instant\n required\n />\n ) : (\n <StyledSpan>{getDateFormatted}</StyledSpan>\n )}\n </StyledDiv>\n {renderLeftRightButtons ? (\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/DateStepper/Styles.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const StyledButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const StyledMenu: import("styled-components").StyledComponent<import("react").FC<import("../../Menu").IMenu>, any, {}, never>;
+export declare const StyledMenu: import("styled-components").StyledComponent<import("react").FC<import("../..").IMenu>, any, {}, never>;
 export declare const StyledButtonGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    invalid?: boolean | undefined;
+    invalid?: boolean;
 } & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledSpan: import("styled-components").StyledComponent<"span", any, {}, never>;
 interface StyledDiv {
@@ -12,8 +11,8 @@ interface StyledDiv {
     $alwaysShowDate: boolean;
 }
 export declare const StyledDiv: import("styled-components").StyledComponent<"div", any, StyledDiv, never>;
-export declare const StyledControl: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../IconButton").IconButtonProps & {
-    children?: import("react").ReactNode;
+export declare const StyledControl: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").IconButtonProps & {
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export {};
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Steppers/DateStepper/Styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY,uEAmDxB,CAAC;AAEF,eAAO,MAAM,UAAU,~~6GAOtB~~,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mEAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,2EA+FrB,CAAC;AAEF,eAAO,MAAM,aAAa;;sEAEzB,CAAC"}
1	+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY,uEAmDxB,CAAC;AAEF,eAAO,MAAM,UAAU,wGAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mEAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,2EA+FrB,CAAC;AAEF,eAAO,MAAM,aAAa;;sEAEzB,CAAC"}