@activecollab/components 2.0.4 → 2.0.6

package/dist/cjs/components/SelectTrigger/SelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.js","names":["_react","_interopRequireWildcard","require","_Typography","_Styles","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SelectTrigger","exports","forwardRef","_ref","ref","children","_ref$type","type","_ref$size","size","_ref$invalid","invalid","_ref$open","open","endAdornment","typographyProps","rest","createElement","StyledSelectTrigger","role","$size","$invalid","Typography","as","overflow","whitespace","variant","StyledCaretIcon","$open","displayName"],"sources":["../../../../src/components/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import React, { forwardRef, ComponentPropsWithoutRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\nimport { StyledCaretIcon, StyledSelectTrigger } from \"./Styles\";\n\nexport type Size = \"regular\" | \"big\" | \"small\";\n\nexport interface SelectTriggerProps extends ComponentPropsWithoutRef<\"button\"> {\n  size?: Size;\n  invalid?: boolean;\n  endAdornment?: JSX.Element;\n  open?: boolean;\n  typographyProps?: ITypographyProps;\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    {\n      children,\n      type = \"button\",\n      size = \"regular\",\n      invalid = false,\n      open = false,\n      endAdornment,\n      typographyProps,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSelectTrigger\n        ref={ref}\n        role=\"button\"\n        type={type}\n        $size={size}\n        $invalid={invalid}\n        {...rest}\n      >\n        <Typography\n          as=\"div\"\n          overflow=\"truncate\"\n          whitespace=\"no-wrap\"\n          variant={size === \"small\" || size === \"regular\" ? \"Body 2\" : \"Body 1\"}\n          {...typographyProps}\n        >\n          {children}\n        </Typography>\n\n        {endAdornment ? endAdornment : <StyledCaretIcon $open={open} />}\n      </StyledSelectTrigger>\n    );\n  }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"mappings":"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"}
+{"version":3,"file":"SelectTrigger.js","names":["_react","_interopRequireWildcard","require","_Styles","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SelectTrigger","exports","forwardRef","_ref","ref","children","_ref$type","type","_ref$size","size","_ref$invalid","invalid","_ref$open","open","endAdornment","typographyProps","rest","createElement","StyledSelectTrigger","role","$size","$invalid","Typography","as","overflow","whitespace","variant","StyledCaretIcon","$open","displayName"],"sources":["../../../../src/components/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import React, { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport { StyledCaretIcon, StyledSelectTrigger } from \"./Styles\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport type Size = \"regular\" | \"big\" | \"small\";\n\nexport interface SelectTriggerProps extends ComponentPropsWithoutRef<\"button\"> {\n  size?: Size;\n  invalid?: boolean;\n  endAdornment?: JSX.Element;\n  open?: boolean;\n  typographyProps?: ITypographyProps;\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    {\n      children,\n      type = \"button\",\n      size = \"regular\",\n      invalid = false,\n      open = false,\n      endAdornment,\n      typographyProps,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSelectTrigger\n        ref={ref}\n        role=\"button\"\n        type={type}\n        $size={size}\n        $invalid={invalid}\n        {...rest}\n      >\n        <Typography\n          as=\"div\"\n          overflow=\"truncate\"\n          whitespace=\"no-wrap\"\n          variant={size === \"small\" || size === \"regular\" ? \"Body 2\" : \"Body 1\"}\n          {...typographyProps}\n        >\n          {children}\n        </Typography>\n\n        {endAdornment ? endAdornment : <StyledCaretIcon $open={open} />}\n      </StyledSelectTrigger>\n    );\n  }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"mappings":"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"}

package/dist/cjs/components/SelectTrigger/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Icons","_Trigger","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledSelectTrigger","exports","styled","Trigger","withConfig","displayName","componentId","_ref","disabled","css","_ref2","$invalid","_ref3","_ref4","$size","_ref5","_ref6","StyledCaretIcon","CollapseExpandSingleIcon","_ref7","$open"],"sources":["../../../../src/components/SelectTrigger/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CollapseExpandSingleIcon } from \"../Icons\";\nimport { Trigger } from \"../Trigger\";\nimport { Size } from \"./SelectTrigger\";\n\nexport const StyledSelectTrigger = styled(Trigger)<{\n  $size?: Size;\n  $invalid?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid var(--color-theme-500);\n  padding: 0 4px 0 8px;\n  width: 300px;\n  transition: border-color 0.3s ease;\n  background-color: var(--input-background-color);\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      opacity: 50%;\n      cursor: default;\n    `}\n\n  ${({ $invalid, disabled }) =>\n    !$invalid &&\n    !disabled &&\n    css`\n      &:hover,\n      &:focus {\n        border-color: var(--color-primary-700);\n      }\n    `}\n\n  ${({ $invalid }) =>\n    $invalid &&\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\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":"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"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Icons","_Trigger","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledSelectTrigger","exports","styled","Trigger","withConfig","displayName","componentId","_ref","disabled","css","_ref2","$invalid","_ref3","_ref4","$size","_ref5","_ref6","StyledCaretIcon","CollapseExpandSingleIcon","_ref7","$open"],"sources":["../../../../src/components/SelectTrigger/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Size } from \"./SelectTrigger\";\nimport { CollapseExpandSingleIcon } from \"../Icons\";\nimport { Trigger } from \"../Trigger\";\n\nexport const StyledSelectTrigger = styled(Trigger)<{\n  $size?: Size;\n  $invalid?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid var(--color-theme-500);\n  padding: 0 4px 0 8px;\n  width: 300px;\n  transition: border-color 0.3s ease;\n  background-color: var(--input-background-color);\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      opacity: 50%;\n      cursor: default;\n    `}\n\n  ${({ $invalid, disabled }) =>\n    !$invalid &&\n    !disabled &&\n    css`\n      &:hover,\n      &:focus {\n        border-color: var(--color-primary-700);\n      }\n    `}\n\n  ${({ $invalid }) =>\n    $invalid &&\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\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,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAqC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE9B,IAAMY,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,yBAAM,EAACC,gBAAO,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8PAa9C,UAAAC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,QACRC,qBAAG,kCAGF;AAAA,GAED,UAAAC,KAAA;EAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEH,QAAQ,GAAAE,KAAA,CAARF,QAAQ;EAAA,OACrB,CAACG,QAAQ,IACT,CAACH,QAAQ,QACTC,qBAAG,8DAKF;AAAA,GAED,UAAAG,KAAA;EAAA,IAAGD,QAAQ,GAAAC,KAAA,CAARD,QAAQ;EAAA,OACXA,QAAQ,QACRF,qBAAG,0BACG;IAAA;EAAgB,CAAC,EAGf;IAAA;EAAgB,CAAC,CAExB;AAAA,GAED,UAAAI,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OACRA,KAAK,KAAK,OAAO,QACjBL,qBAAG,gDAGF;AAAA,GAED,UAAAM,KAAA;EAAA,IAAGD,KAAK,GAAAC,KAAA,CAALD,KAAK;EAAA,OACRA,KAAK,KAAK,SAAS,QACnBL,qBAAG,gDAGF;AAAA,GAEC,UAAAO,KAAA;EAAA,IAAGF,KAAK,GAAAE,KAAA,CAALF,KAAK;EAAA,OACVA,KAAK,KAAK,KAAK,QACfL,qBAAG,gDAGF;AAAA,EACJ;AAEDT,mBAAmB,CAACK,WAAW,GAAG,qBAAqB;AAEhD,IAAMY,eAAe,GAAAhB,OAAA,CAAAgB,eAAA,GAAG,IAAAf,yBAAM,EAACgB,+BAAwB,CAAC,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2EAO3D,UAAAa,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OACR,CAACA,KAAK,QACNX,qBAAG,gCAEF;AAAA,EACJ;AAEDQ,eAAe,CAACZ,WAAW,GAAG,iBAAiB"}

package/dist/cjs/components/Sheet/Sheet.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.Sheet = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
-var _Window = require("../Window");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
 var _Overlay = require("../Overlay");
+var _Window = require("../Window");
 var _excluded = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }

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

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","_Window","_classnames","_interopRequireDefault","_Styles","_Overlay","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Sheet","exports","forwardRef","_ref","ref","children","onClose","_ref$controls","controls","_ref$open","open","defaultOpen","_ref$animation","animation","_ref$position","position","_ref$mode","mode","_ref$disableFocusLock","disableFocusLock","_ref$disableScrollLoc","disableScrollLock","_ref$disableBackgroun","disableBackgroundColor","bodyStyle","bodyClassName","_ref$disableBackgroun2","disableBackgroundClick","rest","_useState","useState","_useState2","setOpen","_useState3","_useState4","exited","setExited","useEffect","handleEnter","useCallback","handleExited","handleClose","handleBackgroundClick","event","preventDefault","useImperativeHandle","close","createElement","Window","Overlay","onClick","StyledSheetWrapper","className","classnames","style","$position","$mode","StyledSheetIcons","map","item","index","maxDurationIn","maxDurationOut","control","durationOut","durationIn","Transition","appear","in","timeout","state","StyledAnimatedSpan","$state","$maxDurationIn","$maxDurationOut","$durationOut","$durationIn","StyledCssTransition","classNames","$direction","onEnter","onExited","StyledSheetWrapperPaper","paperClass","displayName"],"sources":["../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  CSSProperties,\n  ReactElement,\n  MouseEvent,\n  useImperativeHandle,\n} from \"react\";\n\nimport { Transition } from \"react-transition-group\";\nimport { Window } from \"../Window\";\nimport classnames from \"classnames\";\nimport {\n  StyledAnimatedSpan,\n  StyledCssTransition,\n  StyledSheetIcons,\n  StyledSheetWrapper,\n  StyledSheetWrapperPaper,\n} from \"./Styles\";\nimport { Overlay } from \"../Overlay\";\n\ninterface ISheet {\n  onClose?: () => void;\n  controls?: JSX.Element[];\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\nexport const Sheet = forwardRef<\n  SheetMethods,\n  ISheet & HTMLAttributes<HTMLDivElement>\n>(\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      typeof onClose === \"function\" && 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        ) : null}\n        <StyledSheetWrapper\n          className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n          style={bodyStyle}\n          $position={position}\n          $mode={mode}\n        >\n          {controls.length ? (\n            <StyledSheetIcons>\n              {controls.map((item, index) => {\n                const maxDurationIn = 4; // max duration 4 for 400ms, shorten .4s\n                const maxDurationOut = 2; // max duration 2 for 200ms, shorten .2s\n                const control = index + 1;\n                const durationOut =\n                  controls.length > maxDurationOut\n                    ? maxDurationOut\n                    : maxDurationOut - control;\n                const durationIn = control >= maxDurationIn ? 1 : control;\n                return (\n                  <Transition\n                    appear\n                    in={open}\n                    timeout={maxDurationIn * 100}\n                    key={`c-sheet-control-${index}`}\n                  >\n                    {(state): ReactElement => (\n                      <StyledAnimatedSpan\n                        $state={state}\n                        $mode={mode}\n                        $maxDurationIn={maxDurationIn / 10}\n                        $maxDurationOut={maxDurationOut / 10}\n                        $durationOut={durationOut / 10}\n                        $durationIn={durationIn / 10}\n                      >\n                        {item}\n                      </StyledAnimatedSpan>\n                    )}\n                  </Transition>\n                );\n              })}\n            </StyledSheetIcons>\n          ) : null}\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              {children}\n            </StyledSheetWrapperPaper>\n          </StyledCssTransition>\n        </StyledSheetWrapper>\n      </Window>\n    );\n  }\n);\n\nSheet.displayName = \"Sheet\";\n"],"mappings":"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"}
+{"version":3,"file":"Sheet.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","_classnames","_interopRequireDefault","_Styles","_Overlay","_Window","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Sheet","exports","forwardRef","_ref","ref","children","onClose","_ref$controls","controls","_ref$open","open","defaultOpen","_ref$animation","animation","_ref$position","position","_ref$mode","mode","_ref$disableFocusLock","disableFocusLock","_ref$disableScrollLoc","disableScrollLock","_ref$disableBackgroun","disableBackgroundColor","bodyStyle","bodyClassName","_ref$disableBackgroun2","disableBackgroundClick","rest","_useState","useState","_useState2","setOpen","_useState3","_useState4","exited","setExited","useEffect","handleEnter","useCallback","handleExited","handleClose","handleBackgroundClick","event","preventDefault","useImperativeHandle","close","createElement","Window","Overlay","onClick","StyledSheetWrapper","className","classnames","style","$position","$mode","StyledSheetIcons","map","item","index","maxDurationIn","maxDurationOut","control","durationOut","durationIn","Transition","appear","in","timeout","state","StyledAnimatedSpan","$state","$maxDurationIn","$maxDurationOut","$durationOut","$durationIn","StyledCssTransition","classNames","$direction","onEnter","onExited","StyledSheetWrapperPaper","paperClass","displayName"],"sources":["../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  CSSProperties,\n  ReactElement,\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  StyledSheetIcons,\n  StyledSheetWrapper,\n  StyledSheetWrapperPaper,\n} from \"./Styles\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\n\ninterface ISheet {\n  onClose?: () => void;\n  controls?: JSX.Element[];\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\nexport const Sheet = forwardRef<\n  SheetMethods,\n  ISheet & HTMLAttributes<HTMLDivElement>\n>(\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      typeof onClose === \"function\" && 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        ) : null}\n        <StyledSheetWrapper\n          className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n          style={bodyStyle}\n          $position={position}\n          $mode={mode}\n        >\n          {controls.length ? (\n            <StyledSheetIcons>\n              {controls.map((item, index) => {\n                const maxDurationIn = 4; // max duration 4 for 400ms, shorten .4s\n                const maxDurationOut = 2; // max duration 2 for 200ms, shorten .2s\n                const control = index + 1;\n                const durationOut =\n                  controls.length > maxDurationOut\n                    ? maxDurationOut\n                    : maxDurationOut - control;\n                const durationIn = control >= maxDurationIn ? 1 : control;\n                return (\n                  <Transition\n                    appear\n                    in={open}\n                    timeout={maxDurationIn * 100}\n                    key={`c-sheet-control-${index}`}\n                  >\n                    {(state): ReactElement => (\n                      <StyledAnimatedSpan\n                        $state={state}\n                        $mode={mode}\n                        $maxDurationIn={maxDurationIn / 10}\n                        $maxDurationOut={maxDurationOut / 10}\n                        $durationOut={durationOut / 10}\n                        $durationIn={durationIn / 10}\n                      >\n                        {item}\n                      </StyledAnimatedSpan>\n                    )}\n                  </Transition>\n                );\n              })}\n            </StyledSheetIcons>\n          ) : null}\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              {children}\n            </StyledSheetWrapperPaper>\n          </StyledCssTransition>\n        </StyledSheetWrapper>\n      </Window>\n    );\n  }\n);\n\nSheet.displayName = \"Sheet\";\n"],"mappings":"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"}

package/dist/cjs/components/Sheet/Styles.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledSheetWrapperPaper = exports.StyledSheetWrapper = exports.StyledSheetIcons = exports.StyledSheetControlsTop = exports.StyledSheetControlsCenterOut = exports.StyledSheetControlsCenterIn = exports.StyledSheetControlsBottom = exports.StyledCssTransition = exports.StyledAnimatedSpan = void 0;
+var _reactTransitionGroup = require("react-transition-group");
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BoxSizingStyle = require("../BoxSizingStyle");
 var _FontStyle = require("../FontStyle");
-var _reactTransitionGroup = require("react-transition-group");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var StyledSheetIcons = exports.StyledSheetIcons = _styledComponents.default.div.withConfig({

package/dist/cjs/components/Sheet/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_reactTransitionGroup","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledSheetIcons","exports","styled","div","withConfig","displayName","componentId","StyledSheetWrapper","BoxSizingStyle","FontStyle","props","$mode","css","$position","StyledSheetWrapperPaper","attrs","className","paperClass","StyledSheetControlsTop","keyframes","StyledSheetControlsBottom","StyledSheetControlsCenterIn","StyledSheetControlsCenterOut","StyledAnimatedSpan","span","$state","$durationIn","$maxDurationIn","$durationOut","$maxDurationOut","StyledCssTransition","CSSTransition","$direction"],"sources":["../../../../src/components/Sheet/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { CSSTransition } from \"react-transition-group\";\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\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.$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}\n\nexport const StyledAnimatedSpan = styled.span<IStyledAnimatedSpan>`\n  background: red;\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.$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"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["_reactTransitionGroup","require","_styledComponents","_interopRequireWildcard","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledSheetIcons","exports","styled","div","withConfig","displayName","componentId","StyledSheetWrapper","BoxSizingStyle","FontStyle","props","$mode","css","$position","StyledSheetWrapperPaper","attrs","className","paperClass","StyledSheetControlsTop","keyframes","StyledSheetControlsBottom","StyledSheetControlsCenterIn","StyledSheetControlsCenterOut","StyledAnimatedSpan","span","$state","$durationIn","$maxDurationIn","$durationOut","$maxDurationOut","StyledCssTransition","CSSTransition","$direction"],"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\";\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\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.$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}\n\nexport const StyledAnimatedSpan = styled.span<IStyledAnimatedSpan>`\n  background: red;\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.$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"],"mappings":"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"}

package/dist/cjs/components/Signifier/Signifier.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.signifierTypes = exports.Signifier = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
 var _reactTransitionGroup = require("react-transition-group");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
 var _Tooltip = require("../Tooltip");
 var _Typography = require("../Typography");
-var _Styles = require("./Styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

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

@@ -1 +1 @@
-{"version":3,"file":"Signifier.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactTransitionGroup","_Tooltip","_Typography","_Styles","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","signifierTypes","exports","Signifier","_ref","Component","type","_ref$value","className","tooltipText","tooltipClassName","indexOf","displayName","console","warn","_useState","useState","_useState2","direction","setDirection","_useState3","_useState4","setPrevValue","label","useMemo","max","newValue","Math","floor","useEffect","v","renderSignifier","createElement","StyledSignifier","classnames","$direction","StyledIcon","as","SwitchTransition","mode","StyledSignifierTransition","key","timeout","classNames","includes","Caption1","color","Body1","Tooltip","title","disable","popperTooltipClassName"],"sources":["../../../../src/components/Signifier/Signifier.tsx"],"sourcesContent":["import React, { FC, useMemo, ElementType, useState, useEffect } from \"react\";\nimport classnames from \"classnames\";\nimport { SwitchTransition } from \"react-transition-group\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Body1, Caption1 } from \"../Typography\";\nimport {\n  StyledIcon,\n  StyledSignifier,\n  StyledSignifierTransition,\n} from \"./Styles\";\n\ninterface 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];\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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"}
+{"version":3,"file":"Signifier.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","_classnames","_interopRequireDefault","_Styles","_Tooltip","_Typography","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","signifierTypes","exports","Signifier","_ref","Component","type","_ref$value","className","tooltipText","tooltipClassName","indexOf","displayName","console","warn","_useState","useState","_useState2","direction","setDirection","_useState3","_useState4","setPrevValue","label","useMemo","max","newValue","Math","floor","useEffect","v","renderSignifier","createElement","StyledSignifier","classnames","$direction","StyledIcon","as","SwitchTransition","mode","StyledSignifierTransition","key","timeout","classNames","includes","Caption1","color","Body1","Tooltip","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\ninterface 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];\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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"}

package/dist/cjs/components/Signifier/Styles.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledSignifierTransition = exports.StyledSignifier = exports.StyledIcon = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _reactTransitionGroup = require("react-transition-group");
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BoxSizingStyle = require("../BoxSizingStyle");
 var _FontStyle = require("../FontStyle");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }

package/dist/cjs/components/Signifier/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_reactTransitionGroup","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledSignifier","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$direction","css","StyledSignifierTransition","CSSTransition","StyledIcon","svg"],"sources":["../../../../src/components/Signifier/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CSSTransition } from \"react-transition-group\";\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,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElC,IAAMY,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDACnC;EAAA;EAAA;EAAA;AAAiD,CAAC,EACpDC,oBAAS,EACTC,8BAAc,EAId,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,KAAK,kBAAkB,QACvCC,qBAAG,+CAGF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,KAAK,qBAAqB,QAC1CC,qBAAG,+CAGF;AAAA,EACJ;AACDX,eAAe,CAACK,WAAW,GAAG,iBAAiB;AAExC,IAAMO,yBAAyB,GAAAX,OAAA,CAAAW,yBAAA,GAAG,IAAAV,yBAAM,EAACW,mCAAa,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+WAmB7D;AACDM,yBAAyB,CAACP,WAAW,GAAG,2BAA2B;AAE5D,IAAMS,UAAU,GAAAb,OAAA,CAAAa,UAAA,GAAGZ,yBAAM,CAACa,GAAG,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC9B;EAAA;EAAA;EAAA;AAAmB,CAAC,CACzB;AACDQ,UAAU,CAACT,WAAW,GAAG,YAAY"}
+{"version":3,"file":"Styles.js","names":["_reactTransitionGroup","require","_styledComponents","_interopRequireWildcard","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledSignifier","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$direction","css","StyledSignifierTransition","CSSTransition","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,IAAAA,qBAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAGA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAAyC,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElC,IAAMY,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDACnC;EAAA;EAAA;EAAA;AAAiD,CAAC,EACpDC,oBAAS,EACTC,8BAAc,EAId,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,KAAK,kBAAkB,QACvCC,qBAAG,+CAGF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,KAAK,qBAAqB,QAC1CC,qBAAG,+CAGF;AAAA,EACJ;AACDX,eAAe,CAACK,WAAW,GAAG,iBAAiB;AAExC,IAAMO,yBAAyB,GAAAX,OAAA,CAAAW,yBAAA,GAAG,IAAAV,yBAAM,EAACW,mCAAa,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+WAmB7D;AACDM,yBAAyB,CAACP,WAAW,GAAG,2BAA2B;AAE5D,IAAMS,UAAU,GAAAb,OAAA,CAAAa,UAAA,GAAGZ,yBAAM,CAACa,GAAG,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC9B;EAAA;EAAA;EAAA;AAAmB,CAAC,CACzB;AACDQ,UAAU,CAACT,WAAW,GAAG,YAAY"}

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

@@ -7,10 +7,10 @@ exports.DateStepper = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _moment = _interopRequireDefault(require("moment"));
-var _ArrowLeft = _interopRequireDefault(require("../../Icons/collection/ArrowLeft"));
-var _DatePicker = require("../../DatePicker");
 var _Styles = require("./Styles");
+var _DatePicker = require("../../DatePicker");
 var _Icons = require("../../Icons");
+var _ArrowLeft = _interopRequireDefault(require("../../Icons/collection/ArrowLeft"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

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

@@ -1 +1 @@
-{"version":3,"file":"DateStepper.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_moment","_ArrowLeft","_DatePicker","_Styles","_Icons","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","DateStepper","exports","_ref","step","formatCallback","onChange","to","onBack","onForward","minValue","maxValue","className","_ref$period","period","datePickerClass","_ref$withDatePicker","withDatePicker","_ref$defaultMonth","defaultMonth","Date","popperClassName","_ref$position","position","_useState","useState","moment","_useState2","fromDate","setFromDate","_useState3","_useState4","toDate","setToDate","_useState5","_useState6","showDatePicker","setShowDatePicker","_useState7","_useState8","month","setMonth","getDatesByPeriod","useCallback","interval","date","add","clone","startOf","endOf","getDateFormatted","useMemo","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","onChangeCallback","amount","_getDatesByPeriod","_getDatesByPeriod2","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","useEffect","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","onMonthChange","m","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","day_disabled","nonWorkingDay","createElement","StyledButtonGroup","classNames","StyledControl","type","variant","onClick","disabled","StyledDiv","$isTargetable","$isRounded","style","StyledMenu","target","StyledButton","open","onOpen","onClose","DatePicker","selectionMode","selectedDays","firstDayOfWeek","dateRequired","fixedWeeks","StyledSpan","ArrowRightIcon","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\nimport classNames from \"classnames\";\nimport moment, { Moment } from \"moment\";\nimport { Placement } from \"@popperjs/core\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\nimport { DatePicker } from \"../../DatePicker\";\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledMenu,\n  StyledSpan,\n  StyledControl,\n} from \"./Styles\";\nimport { ArrowRightIcon } from \"../../Icons\";\n\nexport interface IDateStepperProps {\n  /** One of the possible steps for this component */\n  step:\n    | \"daily\"\n    | \"weekly\"\n    | \"monthly\"\n    | \"quarterly\"\n    | \"yearly\"\n    | \"custom\"\n    | string;\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: Date | string;\n  /** End date of the range */\n  to: Date | string;\n  /** Callback function that will format the text label */\n  formatCallback?: (from: string | Date, to: string | Date) => string;\n  /** Default month */\n  defaultMonth?: Date;\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?: Date;\n  /** Max fate */\n  maxValue?: Date;\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}\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  datePickerClass,\n  withDatePicker = true,\n  defaultMonth = new Date(),\n  popperClassName,\n  position = \"bottom\",\n}) => {\n  const [fromDate, setFromDate] = useState(moment(from));\n  const [toDate, setToDate] = useState(moment(to));\n  const [showDatePicker, setShowDatePicker] = useState(false);\n  const [month, setMonth] = useState(defaultMonth);\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(), toDate.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 start.format(\"MMM DD\") + \" - \" + end.format(\"MMM DD\");\n      } else {\n        return start.format(\"MMM DD YYYY\") + \" - \" + end.format(\"MMM DD YYYY\");\n      }\n    };\n\n    if (step === \"daily\") {\n      if (fromDate.year() === actualYear) {\n        return fromDate.format(\"MMM DD\");\n      }\n      return fromDate.format(\"MMM DD YYYY\");\n    } else if (step === \"weekly\") {\n      const startDate = fromDate.clone().startOf(period);\n      const endDate = startDate.clone().endOf(period);\n      return showWeekOrCustomDateFormat(startDate, endDate);\n    } else if (step === \"monthly\") {\n      return fromDate.format(\"MMM YYYY\");\n    } else if (step === \"quarterly\") {\n      return `Q${fromDate.quarter()}/${fromDate.format(\"YYYY\")}`;\n    } else if (step === \"yearly\") {\n      return fromDate.format(\"YYYY\");\n    } else if (step === \"custom\") {\n      return showWeekOrCustomDateFormat(fromDate, toDate);\n    }\n\n    return \"\";\n  }, [fromDate, step, toDate, formatCallback, period]);\n\n  const onChangeCallback = useCallback(\n    (amount: number) => {\n      const [newFrom, newTo] = getDatesByPeriod(amount);\n      setFromDate(moment(newFrom));\n      setToDate(moment(newTo));\n\n      if (onChange) {\n        onChange(newFrom.toDate(), newTo.toDate());\n      }\n    },\n    [onChange, getDatesByPeriod]\n  );\n\n  const onDatePickerChange = useCallback(\n    (dates?: { from: Date; to: Date }) => {\n      const fromDateTemp = dates?.from;\n      const toDateTemp = dates?.to;\n\n      setFromDate(moment(fromDateTemp));\n      setToDate(moment(toDateTemp));\n\n      if (\n        onChange &&\n        fromDateTemp instanceof Date &&\n        toDateTemp instanceof Date\n      ) {\n        onChange(fromDateTemp, toDateTemp);\n      }\n    },\n    [onChange, setFromDate, setToDate]\n  );\n\n  const isAfterMaxDate = useMemo(() => {\n    return (\n      maxValue instanceof Date &&\n      moment(moment(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n        toDate.format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [maxValue, toDate]);\n\n  const isBeforeMinDate = useMemo(() => {\n    return (\n      minValue instanceof Date &&\n      moment(moment(minValue).format(\"YYYY-MM-DD\")).isSameOrAfter(\n        toDate.format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [minValue, toDate]);\n\n  useEffect(() => {\n    if (isBeforeMinDate) {\n      if (step === \"daily\") {\n        setFromDate(moment(minValue));\n        setToDate(moment(minValue));\n      }\n    }\n    if (isAfterMaxDate) {\n      if (step === \"daily\") {\n        setFromDate(moment(maxValue));\n        setToDate(moment(maxValue));\n      }\n    }\n  }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n  const onRightClickHandler = useCallback(() => {\n    if (isAfterMaxDate) {\n      return;\n    }\n\n    onChangeCallback(1);\n\n    if (onForward) {\n      onForward(fromDate.toDate(), toDate.toDate());\n    }\n  }, [isAfterMaxDate, onChangeCallback, onForward, fromDate, toDate]);\n\n  const onLeftClickHandler = useCallback(() => {\n    if (isBeforeMinDate) {\n      return;\n    }\n\n    onChangeCallback(-1);\n\n    if (onBack) {\n      onBack(fromDate.toDate(), toDate.toDate());\n    }\n  }, [isBeforeMinDate, onChangeCallback, onBack, fromDate, toDate]);\n\n  const renderLeftRightButtons = useMemo(() => {\n    return step !== \"custom\";\n  }, [step]);\n\n  const handleShow = useCallback(() => {\n    setShowDatePicker(!showDatePicker);\n    if (fromDate) {\n      setMonth(fromDate.toDate());\n    }\n  }, [setShowDatePicker, showDatePicker, fromDate]);\n\n  const closeMenu = useCallback(() => {\n    setShowDatePicker(false);\n  }, []);\n\n  const onMonthChange = useCallback(\n    (m: Date) => {\n      setMonth(m);\n    },\n    [setMonth]\n  );\n\n  useEffect(() => {\n    setFromDate(moment(from));\n    setToDate(moment(to));\n  }, [from, to]);\n\n  const dateStepperWidth = (\n    fromDay: Moment,\n    toDay: Moment,\n    range: string\n  ): { minWidth: string } => {\n    if (\n      fromDay.year() !== moment().year() ||\n      toDay.year() !== moment().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: Date): boolean => {\n      const dayFormat = moment(day).format(\"YYYY-MM-DD\");\n\n      const isBefore =\n        maxValue instanceof Date &&\n        moment(moment(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n      const isAfter =\n        minValue instanceof Date &&\n        moment(moment(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n      return isBefore || isAfter;\n    },\n    [maxValue, minValue]\n  );\n\n  const modifiers = useMemo(() => {\n    return {\n      day_disabled: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n      nonWorkingDay: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n    };\n  }, [isDisabled]);\n\n  return (\n    <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n      {renderLeftRightButtons ? (\n        <StyledControl\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <ArrowLeftIcon />\n        </StyledControl>\n      ) : null}\n      <StyledDiv\n        $isTargetable={step === \"yearly\" || !withDatePicker}\n        $isRounded={step === \"custom\"}\n        style={dateStepperWidth(fromDate, toDate, step)}\n      >\n        {withDatePicker ? (\n          <StyledMenu\n            target={\n              <StyledButton type=\"button\">\n                <span>{getDateFormatted}</span>\n              </StyledButton>\n            }\n            open={showDatePicker}\n            onOpen={handleShow}\n            onClose={closeMenu}\n            popperClassName={popperClassName}\n            position={position}\n          >\n            <DatePicker\n              month={month}\n              selectionMode={step}\n              className={datePickerClass}\n              selectedDays={{ from: fromDate.toDate(), to: toDate.toDate() }}\n              onChange={onDatePickerChange}\n              onMonthChange={onMonthChange}\n              firstDayOfWeek={period === \"week\" ? 0 : 1}\n              modifiers={modifiers}\n              dateRequired\n              fixedWeeks\n            />\n          </StyledMenu>\n        ) : (\n          <StyledSpan>{getDateFormatted}</StyledSpan>\n        )}\n      </StyledDiv>\n      {renderLeftRightButtons ? (\n        <StyledControl\n          type=\"button\"\n          variant=\"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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"}
+{"version":3,"file":"DateStepper.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_moment","_Styles","_DatePicker","_Icons","_ArrowLeft","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","DateStepper","exports","_ref","step","formatCallback","onChange","to","onBack","onForward","minValue","maxValue","className","_ref$period","period","datePickerClass","_ref$withDatePicker","withDatePicker","_ref$defaultMonth","defaultMonth","Date","popperClassName","_ref$position","position","_useState","useState","moment","_useState2","fromDate","setFromDate","_useState3","_useState4","toDate","setToDate","_useState5","_useState6","showDatePicker","setShowDatePicker","_useState7","_useState8","month","setMonth","getDatesByPeriod","useCallback","interval","date","add","clone","startOf","endOf","getDateFormatted","useMemo","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","onChangeCallback","amount","_getDatesByPeriod","_getDatesByPeriod2","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","useEffect","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","onMonthChange","m","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","day_disabled","nonWorkingDay","createElement","StyledButtonGroup","classNames","StyledControl","type","variant","onClick","disabled","StyledDiv","$isTargetable","$isRounded","style","StyledMenu","target","StyledButton","open","onOpen","onClose","DatePicker","selectionMode","selectedDays","firstDayOfWeek","dateRequired","fixedWeeks","StyledSpan","ArrowRightIcon","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, { Moment } from \"moment\";\n\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledMenu,\n  StyledSpan,\n  StyledControl,\n} from \"./Styles\";\nimport { DatePicker } from \"../../DatePicker\";\nimport { ArrowRightIcon } from \"../../Icons\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\n\nexport interface IDateStepperProps {\n  /** One of the possible steps for this component */\n  step:\n    | \"daily\"\n    | \"weekly\"\n    | \"monthly\"\n    | \"quarterly\"\n    | \"yearly\"\n    | \"custom\"\n    | string;\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: Date | string;\n  /** End date of the range */\n  to: Date | string;\n  /** Callback function that will format the text label */\n  formatCallback?: (from: string | Date, to: string | Date) => string;\n  /** Default month */\n  defaultMonth?: Date;\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?: Date;\n  /** Max fate */\n  maxValue?: Date;\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}\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  datePickerClass,\n  withDatePicker = true,\n  defaultMonth = new Date(),\n  popperClassName,\n  position = \"bottom\",\n}) => {\n  const [fromDate, setFromDate] = useState(moment(from));\n  const [toDate, setToDate] = useState(moment(to));\n  const [showDatePicker, setShowDatePicker] = useState(false);\n  const [month, setMonth] = useState(defaultMonth);\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(), toDate.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 start.format(\"MMM DD\") + \" - \" + end.format(\"MMM DD\");\n      } else {\n        return start.format(\"MMM DD YYYY\") + \" - \" + end.format(\"MMM DD YYYY\");\n      }\n    };\n\n    if (step === \"daily\") {\n      if (fromDate.year() === actualYear) {\n        return fromDate.format(\"MMM DD\");\n      }\n      return fromDate.format(\"MMM DD YYYY\");\n    } else if (step === \"weekly\") {\n      const startDate = fromDate.clone().startOf(period);\n      const endDate = startDate.clone().endOf(period);\n      return showWeekOrCustomDateFormat(startDate, endDate);\n    } else if (step === \"monthly\") {\n      return fromDate.format(\"MMM YYYY\");\n    } else if (step === \"quarterly\") {\n      return `Q${fromDate.quarter()}/${fromDate.format(\"YYYY\")}`;\n    } else if (step === \"yearly\") {\n      return fromDate.format(\"YYYY\");\n    } else if (step === \"custom\") {\n      return showWeekOrCustomDateFormat(fromDate, toDate);\n    }\n\n    return \"\";\n  }, [fromDate, step, toDate, formatCallback, period]);\n\n  const onChangeCallback = useCallback(\n    (amount: number) => {\n      const [newFrom, newTo] = getDatesByPeriod(amount);\n      setFromDate(moment(newFrom));\n      setToDate(moment(newTo));\n\n      if (onChange) {\n        onChange(newFrom.toDate(), newTo.toDate());\n      }\n    },\n    [onChange, getDatesByPeriod]\n  );\n\n  const onDatePickerChange = useCallback(\n    (dates?: { from: Date; to: Date }) => {\n      const fromDateTemp = dates?.from;\n      const toDateTemp = dates?.to;\n\n      setFromDate(moment(fromDateTemp));\n      setToDate(moment(toDateTemp));\n\n      if (\n        onChange &&\n        fromDateTemp instanceof Date &&\n        toDateTemp instanceof Date\n      ) {\n        onChange(fromDateTemp, toDateTemp);\n      }\n    },\n    [onChange, setFromDate, setToDate]\n  );\n\n  const isAfterMaxDate = useMemo(() => {\n    return (\n      maxValue instanceof Date &&\n      moment(moment(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n        toDate.format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [maxValue, toDate]);\n\n  const isBeforeMinDate = useMemo(() => {\n    return (\n      minValue instanceof Date &&\n      moment(moment(minValue).format(\"YYYY-MM-DD\")).isSameOrAfter(\n        toDate.format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [minValue, toDate]);\n\n  useEffect(() => {\n    if (isBeforeMinDate) {\n      if (step === \"daily\") {\n        setFromDate(moment(minValue));\n        setToDate(moment(minValue));\n      }\n    }\n    if (isAfterMaxDate) {\n      if (step === \"daily\") {\n        setFromDate(moment(maxValue));\n        setToDate(moment(maxValue));\n      }\n    }\n  }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n  const onRightClickHandler = useCallback(() => {\n    if (isAfterMaxDate) {\n      return;\n    }\n\n    onChangeCallback(1);\n\n    if (onForward) {\n      onForward(fromDate.toDate(), toDate.toDate());\n    }\n  }, [isAfterMaxDate, onChangeCallback, onForward, fromDate, toDate]);\n\n  const onLeftClickHandler = useCallback(() => {\n    if (isBeforeMinDate) {\n      return;\n    }\n\n    onChangeCallback(-1);\n\n    if (onBack) {\n      onBack(fromDate.toDate(), toDate.toDate());\n    }\n  }, [isBeforeMinDate, onChangeCallback, onBack, fromDate, toDate]);\n\n  const renderLeftRightButtons = useMemo(() => {\n    return step !== \"custom\";\n  }, [step]);\n\n  const handleShow = useCallback(() => {\n    setShowDatePicker(!showDatePicker);\n    if (fromDate) {\n      setMonth(fromDate.toDate());\n    }\n  }, [setShowDatePicker, showDatePicker, fromDate]);\n\n  const closeMenu = useCallback(() => {\n    setShowDatePicker(false);\n  }, []);\n\n  const onMonthChange = useCallback(\n    (m: Date) => {\n      setMonth(m);\n    },\n    [setMonth]\n  );\n\n  useEffect(() => {\n    setFromDate(moment(from));\n    setToDate(moment(to));\n  }, [from, to]);\n\n  const dateStepperWidth = (\n    fromDay: Moment,\n    toDay: Moment,\n    range: string\n  ): { minWidth: string } => {\n    if (\n      fromDay.year() !== moment().year() ||\n      toDay.year() !== moment().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: Date): boolean => {\n      const dayFormat = moment(day).format(\"YYYY-MM-DD\");\n\n      const isBefore =\n        maxValue instanceof Date &&\n        moment(moment(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n      const isAfter =\n        minValue instanceof Date &&\n        moment(moment(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n      return isBefore || isAfter;\n    },\n    [maxValue, minValue]\n  );\n\n  const modifiers = useMemo(() => {\n    return {\n      day_disabled: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n      nonWorkingDay: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n    };\n  }, [isDisabled]);\n\n  return (\n    <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n      {renderLeftRightButtons ? (\n        <StyledControl\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <ArrowLeftIcon />\n        </StyledControl>\n      ) : null}\n      <StyledDiv\n        $isTargetable={step === \"yearly\" || !withDatePicker}\n        $isRounded={step === \"custom\"}\n        style={dateStepperWidth(fromDate, toDate, step)}\n      >\n        {withDatePicker ? (\n          <StyledMenu\n            target={\n              <StyledButton type=\"button\">\n                <span>{getDateFormatted}</span>\n              </StyledButton>\n            }\n            open={showDatePicker}\n            onOpen={handleShow}\n            onClose={closeMenu}\n            popperClassName={popperClassName}\n            position={position}\n          >\n            <DatePicker\n              month={month}\n              selectionMode={step}\n              className={datePickerClass}\n              selectedDays={{ from: fromDate.toDate(), to: toDate.toDate() }}\n              onChange={onDatePickerChange}\n              onMonthChange={onMonthChange}\n              firstDayOfWeek={period === \"week\" ? 0 : 1}\n              modifiers={modifiers}\n              dateRequired\n              fixedWeeks\n            />\n          </StyledMenu>\n        ) : (\n          <StyledSpan>{getDateFormatted}</StyledSpan>\n        )}\n      </StyledDiv>\n      {renderLeftRightButtons ? (\n        <StyledControl\n          type=\"button\"\n          variant=\"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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"}

package/dist/cjs/components/Steppers/DateStepper/Styles.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledSpan = exports.StyledMenu = exports.StyledDiv = exports.StyledControl = exports.StyledButtonGroup = exports.StyledButton = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _ButtonGroup = require("../../ButtonGroup");
-var _FontStyle = require("../../FontStyle");
 var _BoxSizingStyle = require("../../BoxSizingStyle");
 var _BreakPoints = require("../../BreakPoints");
-var _Menu = require("../../Menu");
+var _ButtonGroup = require("../../ButtonGroup");
+var _FontStyle = require("../../FontStyle");
 var _IconButton = require("../../IconButton");
+var _Menu = require("../../Menu");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var StyledButton = exports.StyledButton = _styledComponents.default.button.withConfig({

package/dist/cjs/components/Steppers/DateStepper/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_ButtonGroup","_FontStyle","_BoxSizingStyle","_BreakPoints","_Menu","_IconButton","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledButton","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","css","$isRounded","screen","md","StyledControl","IconButton"],"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { screen } from \"../../BreakPoints\";\nimport tw from \"twin.macro\";\nimport { Menu } from \"../../Menu\";\nimport { IconButton } from \"../../IconButton\";\n\nexport const StyledButton = styled.button`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`\n    tw-relative\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-text-center\n  `}\n\n  color: var(--color-theme-700);\n  margin: 0;\n  padding: 0;\n  background: none;\n  width: 100%;\n  height: auto;\n  border: none;\n  height: 30px;\n  line-height: 1;\n  transition: all 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n`;\n\nexport const StyledMenu = styled(Menu)`\n  ${tw`\n    tw-w-auto\n    tw-h-auto\n    tw-py-4\n    tw-px-2\n  `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button:hover {\n    position: relative;\n    z-index: 1;\n  }\n`;\n\nexport const StyledSpan = styled.span`\n  line-height: 30px;\n  color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n  $isTargetable: boolean;\n  $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n  ${(props) =>\n    props.$isTargetable &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n\n  ${(props) =>\n    props.$isRounded &&\n    css`\n      border-radius: var(--ac-br-rounded);\n    `}\n\n  ${tw`\n    tw-relative\n    tw-text-center\n    tw-p-0\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-border\n    tw-border-solid\n  `}\n\n  height: 32px;\n  transition: all 0.3s ease;\n  background-color: transparent;\n  border: solid 1px var(--color-theme-700);\n  color: var(--color-theme-700);\n  margin-right: -1px;\n  display: none;\n\n  ${screen.md} {\n    display: block;\n  }\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  &:hover {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    text-decoration: none;\n  }\n\n  &:active {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    background-color: var(--color-primary-200);\n  }\n`;\n\nexport const StyledControl = styled(IconButton)`\n  border-radius: var(--ac-br-8);\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\nStyledControl.displayName = \"StyledControl\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_BreakPoints","_ButtonGroup","_FontStyle","_IconButton","_Menu","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledButton","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","css","$isRounded","screen","md","StyledControl","IconButton"],"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { screen } from \"../../BreakPoints\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { IconButton } from \"../../IconButton\";\nimport { Menu } from \"../../Menu\";\n\nexport const StyledButton = styled.button`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`\n    tw-relative\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-text-center\n  `}\n\n  color: var(--color-theme-700);\n  margin: 0;\n  padding: 0;\n  background: none;\n  width: 100%;\n  height: auto;\n  border: none;\n  height: 30px;\n  line-height: 1;\n  transition: all 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n`;\n\nexport const StyledMenu = styled(Menu)`\n  ${tw`\n    tw-w-auto\n    tw-h-auto\n    tw-py-4\n    tw-px-2\n  `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button:hover {\n    position: relative;\n    z-index: 1;\n  }\n`;\n\nexport const StyledSpan = styled.span`\n  line-height: 30px;\n  color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n  $isTargetable: boolean;\n  $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n  ${(props) =>\n    props.$isTargetable &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n\n  ${(props) =>\n    props.$isRounded &&\n    css`\n      border-radius: var(--ac-br-rounded);\n    `}\n\n  ${tw`\n    tw-relative\n    tw-text-center\n    tw-p-0\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-border\n    tw-border-solid\n  `}\n\n  height: 32px;\n  transition: all 0.3s ease;\n  background-color: transparent;\n  border: solid 1px var(--color-theme-700);\n  color: var(--color-theme-700);\n  margin-right: -1px;\n  display: none;\n\n  ${screen.md} {\n    display: block;\n  }\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  &:hover {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    text-decoration: none;\n  }\n\n  &:active {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    background-color: var(--color-primary-200);\n  }\n`;\n\nexport const StyledControl = styled(IconButton)`\n  border-radius: var(--ac-br-8);\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\nStyledControl.displayName = \"StyledControl\";\n"],"mappings":"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"}