@activecollab/components 1.0.103 → 1.0.106

package/dist/esm/components/Pickers/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Pickers/Styles.ts"],"names":["styled","css","Button","MenuNavIcon","StyledNavBarButton","props","$direction","StyledMenuNavIcon","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA,OAAOC,WAAP,MAAwB,iCAAxB;AAEA,OAAO,IAAMC,kBAAkB,GAAGJ,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,kGAS3B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,IACAL,GADA,0BADA;AAAA,CAT2B,EAgB3B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAL,GADA,gBADA;AAAA,CAhB2B,CAAxB;AAuBP,OAAO,IAAMM,iBAAiB,GAAGP,MAAM,CAACG,WAAD,CAAT;AAAA;AAAA;AAAA,uCACxB;AAAA;AAAA,CADwB,CAAvB;AAWP,OAAO,IAAMK,YAAY,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;AAcP,OAAO,IAAMC,WAAW,GAAGV,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,oEAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJkB,EAYpB,UAACJ,KAAD;AAAA,SACA,CAACA,KAAK,CAACM,WAAP,GACIV,GADJ,4DAMIA,GANJ,kDAOU;AAAA;AAAA,GAPV,CADA;AAAA,CAZoB,EAwBnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACO,UAAN,IACA,CAACP,KAAK,CAACM,WADP,IAEAV,GAFA,WAGM;AAAA;AAAA,GAHN,CADC;AAAA,CAxBmB,EA+BnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACO,UAAN,IACAP,KAAK,CAACM,WADN,IAEAV,GAFA,mCADC;AAAA,CA/BmB,EAsCnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACQ,iBAAN,IACAZ,GADA,gDADC;AAAA,CAtCmB,CAAjB;AA6CP,OAAO,IAAMa,qBAAqB,GAAGd,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,oHAK5B;AAAA;AAAA;AAAA,CAL4B,CAA3B;AAaP,OAAO,IAAMM,2BAA2B,GAAGf,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,iCAAjC;AAKP,OAAO,IAAMO,+BAA+B,GAAGhB,MAAM,CAACiB,IAAV;AAAA;AAAA;AAAA,kIACtC;AAAA;AAAA;AAAA;AAAA,CADsC,CAArC;AAWPb,kBAAkB,CAACc,WAAnB,GAAiC,oBAAjC;AACAX,iBAAiB,CAACW,WAAlB,GAAgC,mBAAhC;AACAV,YAAY,CAACU,WAAb,GAA2B,cAA3B;AACAR,WAAW,CAACQ,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\nimport MenuNavIcon from \"../Icons/collection/MenuNavIcon\";\n\nexport const StyledNavBarButton = styled(Button)<{\n  $direction: \"next\" | \"previous\";\n}>`\n  position: absolute;\n  margin-top: 1px;\n  cursor: pointer;\n  z-index: 2;\n  background-image: none;\n\n  ${(props) =>\n    props.$direction === \"previous\" &&\n    css`\n      right: auto;\n      left: 1px;\n    `}\n\n  ${(props) =>\n    props.$direction === \"next\" &&\n    css`\n      right: 1px;\n    `}\n`;\n\nexport const StyledMenuNavIcon = styled(MenuNavIcon)`\n  ${tw`tw-transform`}\n  transform: rotate(180deg);\n`;\n\ninterface StyledMonthInterface {\n  $isCurrent: boolean;\n  $isSelected: boolean;\n  $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n  top: 30px;\n  height: 230px;\n\n  ${tw`\n    tw-absolute\n    tw-left-0\n    tw-p-5\n    tw-flex\n    tw-flex-wrap\n    tw-bg-page-paper-main\n    tw-z-10\n  `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n  width: 26%;\n  transition-duration: 0.3s;\n\n  ${tw`\n    tw-m-auto\n    tw-cursor-pointer\n    tw-rounded-xl\n    tw-font-bold\n    tw-text-sm\n  `}\n\n  ${(props) =>\n    !props.$isSelected\n      ? css`\n          &:hover {\n            background-color: var(--color-primary-300);\n          }\n        `\n      : css`\n          ${tw`tw-text-theme-100`}\n          background-color: var(--color-primary);\n        `}\n\n   ${(props) =>\n    props.$isCurrent &&\n    !props.$isSelected &&\n    css`\n      ${tw`tw-text-primary`}\n    `}\n\n   ${(props) =>\n    props.$isCurrent &&\n    props.$isSelected &&\n    css`\n      color: var(--color-theme-100);\n    `}\n\n   ${(props) =>\n    props.$isCurrentQuarter &&\n    css`\n      background-color: var(--color-primary-300);\n    `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n  display: table-caption;\n  margin-bottom: 0.5rem;\n  padding: 0 0.5rem;\n\n  ${tw`tw-text-center tw-text-theme-900`}\n\n  &> div {\n    font-weight: 500;\n    font-size: 1.15rem;\n  }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n  width: auto;\n  margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n  ${tw`tw-px-4 tw-cursor-pointer`}\n  transition-duration: 0.3s;\n  display: inline-block;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n    border-radius: 15px;\n  }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMenuNavIcon.displayName = \"StyledMenuNavIcon\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Pickers/Styles.ts"],"names":["styled","css","Button","StyledNavBarButton","props","$direction","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAGA,OAAO,IAAMC,kBAAkB,GAAGH,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,kGAS3B,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,IACAJ,GADA,0BADA;AAAA,CAT2B,EAgB3B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAJ,GADA,gBADA;AAAA,CAhB2B,CAAxB;AA6BP,OAAO,IAAMK,YAAY,GAAGN,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;AAcP,OAAO,IAAMC,WAAW,GAAGR,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,oEAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJkB,EAYpB,UAACH,KAAD;AAAA,SACA,CAACA,KAAK,CAACK,WAAP,GACIR,GADJ,4DAMIA,GANJ,kDAOU;AAAA;AAAA,GAPV,CADA;AAAA,CAZoB,EAwBnB,UAACG,KAAD;AAAA,SACDA,KAAK,CAACM,UAAN,IACA,CAACN,KAAK,CAACK,WADP,IAEAR,GAFA,WAGM;AAAA;AAAA,GAHN,CADC;AAAA,CAxBmB,EA+BnB,UAACG,KAAD;AAAA,SACDA,KAAK,CAACM,UAAN,IACAN,KAAK,CAACK,WADN,IAEAR,GAFA,mCADC;AAAA,CA/BmB,EAsCnB,UAACG,KAAD;AAAA,SACDA,KAAK,CAACO,iBAAN,IACAV,GADA,gDADC;AAAA,CAtCmB,CAAjB;AA6CP,OAAO,IAAMW,qBAAqB,GAAGZ,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,oHAK5B;AAAA;AAAA;AAAA,CAL4B,CAA3B;AAaP,OAAO,IAAMM,2BAA2B,GAAGb,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,iCAAjC;AAKP,OAAO,IAAMO,+BAA+B,GAAGd,MAAM,CAACe,IAAV;AAAA;AAAA;AAAA,kIACtC;AAAA;AAAA;AAAA;AAAA,CADsC,CAArC;AAWPZ,kBAAkB,CAACa,WAAnB,GAAiC,oBAAjC;AACAV,YAAY,CAACU,WAAb,GAA2B,cAA3B;AACAR,WAAW,CAACQ,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledNavBarButton = styled(Button)<{\n  $direction: \"next\" | \"previous\";\n}>`\n  position: absolute;\n  margin-top: 1px;\n  cursor: pointer;\n  z-index: 2;\n  background-image: none;\n\n  ${(props) =>\n    props.$direction === \"previous\" &&\n    css`\n      right: auto;\n      left: 1px;\n    `}\n\n  ${(props) =>\n    props.$direction === \"next\" &&\n    css`\n      right: 1px;\n    `}\n`;\n\ninterface StyledMonthInterface {\n  $isCurrent: boolean;\n  $isSelected: boolean;\n  $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n  top: 30px;\n  height: 230px;\n\n  ${tw`\n    tw-absolute\n    tw-left-0\n    tw-p-5\n    tw-flex\n    tw-flex-wrap\n    tw-bg-page-paper-main\n    tw-z-10\n  `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n  width: 26%;\n  transition-duration: 0.3s;\n\n  ${tw`\n    tw-m-auto\n    tw-cursor-pointer\n    tw-rounded-xl\n    tw-font-bold\n    tw-text-sm\n  `}\n\n  ${(props) =>\n    !props.$isSelected\n      ? css`\n          &:hover {\n            background-color: var(--color-primary-300);\n          }\n        `\n      : css`\n          ${tw`tw-text-theme-100`}\n          background-color: var(--color-primary);\n        `}\n\n   ${(props) =>\n    props.$isCurrent &&\n    !props.$isSelected &&\n    css`\n      ${tw`tw-text-primary`}\n    `}\n\n   ${(props) =>\n    props.$isCurrent &&\n    props.$isSelected &&\n    css`\n      color: var(--color-theme-100);\n    `}\n\n   ${(props) =>\n    props.$isCurrentQuarter &&\n    css`\n      background-color: var(--color-primary-300);\n    `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n  display: table-caption;\n  margin-bottom: 0.5rem;\n  padding: 0 0.5rem;\n\n  ${tw`tw-text-center tw-text-theme-900`}\n\n  &> div {\n    font-weight: 500;\n    font-size: 1.15rem;\n  }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n  width: auto;\n  margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n  ${tw`tw-px-4 tw-cursor-pointer`}\n  transition-duration: 0.3s;\n  display: inline-block;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n    border-radius: 15px;\n  }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"file":"Styles.js"}

package/dist/esm/components/ScrollShadow/ScrollElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollElement.d.ts","sourceRoot":"","sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrE,UAAU,cAAe,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC1D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,oFAazB,CAAC"}
+{"version":3,"file":"ScrollElement.d.ts","sourceRoot":"","sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrE,UAAU,cAAe,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC1D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,oFAczB,CAAC"}

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "className", "invert"];
+var _excluded = ["as", "className", "invert", "style"];
 import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { useInitScrollRef } from "../../hooks";
@@ -11,6 +11,7 @@ export var ScrollElement = /*#__PURE__*/forwardRef(function (_ref, ref) {
       className = _ref.className,
       _ref$invert = _ref.invert,
       invert = _ref$invert === void 0 ? false : _ref$invert,
+      style = _ref.style,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var internalRef = useInitScrollRef(null, invert);
@@ -18,7 +19,10 @@ export var ScrollElement = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   var props = _extends({}, rest, {
     ref: handleRef,
-    className: classNames("c-scroll-element tw-overflow-auto", className)
+    className: classNames("c-scroll-element", className),
+    style: _extends({
+      overflow: "auto"
+    }, style)
   });
 
   return /*#__PURE__*/React.createElement(as, props);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"names":["React","forwardRef","classNames","useInitScrollRef","useForkRef","ScrollElement","ref","as","className","invert","rest","internalRef","handleRef","props","createElement","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAA6D,OAA7D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,aAAjC;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AAQA,OAAO,IAAMC,aAAa,gBAAGJ,UAAU,CACrC,gBAAqDK,GAArD,EAA6D;AAAA,qBAA1DC,EAA0D;AAAA,MAA1DA,EAA0D,wBAArD,KAAqD;AAAA,MAA9CC,SAA8C,QAA9CA,SAA8C;AAAA,yBAAnCC,MAAmC;AAAA,MAAnCA,MAAmC,4BAA1B,KAA0B;AAAA,MAAhBC,IAAgB;;AAC3D,MAAMC,WAAW,GAAGR,gBAAgB,CAAC,IAAD,EAAOM,MAAP,CAApC;AACA,MAAMG,SAAS,GAAGR,UAAU,CAACO,WAAD,EAAcL,GAAd,CAA5B;;AAEA,MAAMO,KAAK,gBACNH,IADM;AAETJ,IAAAA,GAAG,EAAEM,SAFI;AAGTJ,IAAAA,SAAS,EAAEN,UAAU,CAAC,mCAAD,EAAsCM,SAAtC;AAHZ,IAAX;;AAMA,sBAAOR,KAAK,CAACc,aAAN,CAAoBP,EAApB,EAAwBM,KAAxB,CAAP;AACD,CAZoC,CAAhC;AAePR,aAAa,CAACU,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { useInitScrollRef } from \"../../hooks\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface IScrollElement extends HTMLAttributes<HTMLElement> {\n  as?: string;\n  children?: ReactNode;\n  invert?: boolean;\n}\n\nexport const ScrollElement = forwardRef<HTMLElement, IScrollElement>(\n  ({ as = \"div\", className, invert = false, ...rest }, ref) => {\n    const internalRef = useInitScrollRef(null, invert);\n    const handleRef = useForkRef(internalRef, ref);\n\n    const props = {\n      ...rest,\n      ref: handleRef,\n      className: classNames(\"c-scroll-element tw-overflow-auto\", className),\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"file":"ScrollElement.js"}
+{"version":3,"sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"names":["React","forwardRef","classNames","useInitScrollRef","useForkRef","ScrollElement","ref","as","className","invert","style","rest","internalRef","handleRef","props","overflow","createElement","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAA6D,OAA7D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,aAAjC;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AAQA,OAAO,IAAMC,aAAa,gBAAGJ,UAAU,CACrC,gBAA4DK,GAA5D,EAAoE;AAAA,qBAAjEC,EAAiE;AAAA,MAAjEA,EAAiE,wBAA5D,KAA4D;AAAA,MAArDC,SAAqD,QAArDA,SAAqD;AAAA,yBAA1CC,MAA0C;AAAA,MAA1CA,MAA0C,4BAAjC,KAAiC;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAhBC,IAAgB;;AAClE,MAAMC,WAAW,GAAGT,gBAAgB,CAAC,IAAD,EAAOM,MAAP,CAApC;AACA,MAAMI,SAAS,GAAGT,UAAU,CAACQ,WAAD,EAAcN,GAAd,CAA5B;;AAEA,MAAMQ,KAAK,gBACNH,IADM;AAETL,IAAAA,GAAG,EAAEO,SAFI;AAGTL,IAAAA,SAAS,EAAEN,UAAU,CAAC,kBAAD,EAAqBM,SAArB,CAHZ;AAITE,IAAAA,KAAK;AAAIK,MAAAA,QAAQ,EAAE;AAAd,OAAyBL,KAAzB;AAJI,IAAX;;AAOA,sBAAOV,KAAK,CAACgB,aAAN,CAAoBT,EAApB,EAAwBO,KAAxB,CAAP;AACD,CAboC,CAAhC;AAgBPT,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { useInitScrollRef } from \"../../hooks\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface IScrollElement extends HTMLAttributes<HTMLElement> {\n  as?: string;\n  children?: ReactNode;\n  invert?: boolean;\n}\n\nexport const ScrollElement = forwardRef<HTMLElement, IScrollElement>(\n  ({ as = \"div\", className, invert = false, style, ...rest }, ref) => {\n    const internalRef = useInitScrollRef(null, invert);\n    const handleRef = useForkRef(internalRef, ref);\n\n    const props = {\n      ...rest,\n      ref: handleRef,\n      className: classNames(\"c-scroll-element\", className),\n      style: { overflow: \"auto\", ...style },\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"file":"ScrollElement.js"}

package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAI7E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAa3C,UAAU,iBAAiB;IAEzB,IAAI,EACA,OAAO,GACP,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,MAAM,CAAC;IAEX,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAE1C,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IAEpB,EAAE,EAAE,IAAI,GAAG,MAAM,CAAC;IAElB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC;IAEpE,YAAY,CAAC,EAAE,IAAI,CAAC;IAEpB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAExC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAE3C,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5B,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CA4T7C,CAAC"}
+{"version":3,"file":"DateStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAI7E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAc3C,UAAU,iBAAiB;IAEzB,IAAI,EACA,OAAO,GACP,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,MAAM,CAAC;IAEX,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAE1C,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IAEpB,EAAE,EAAE,IAAI,GAAG,MAAM,CAAC;IAElB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC;IAEpE,YAAY,CAAC,EAAE,IAAI,CAAC;IAEpB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAExC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAE3C,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5B,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CA4T7C,CAAC"}

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

@@ -3,10 +3,11 @@ import classNames from "classnames";
 import moment from "moment";
 import MomentLocaleUtils from "react-day-picker/moment";
 import { Button } from "../../Button/Button";
-import MenuNavIcon from "../../Icons/collection/MenuNavIcon";
+import ArrowLeftIcon from "../../Icons/collection/ArrowLeft";
 import { DatePicker } from "../../DatePicker";
 import { customClassNames } from "../../DatePicker/ClassNames";
 import { StyledButton, StyledButtonGroup, StyledDiv, StyledMenu, StyledSpan } from "./Styles";
+import { ArrowRightIcon } from "../../Icons";
 
 /**
  * This component allow you to select date range. It accepts two parameters "from" and "to" as valid format
@@ -252,7 +253,7 @@ export var DateStepper = function DateStepper(_ref) {
     variant: "secondary",
     onClick: onLeftClickHandler,
     disabled: isBeforeMinDate
-  }, /*#__PURE__*/React.createElement(MenuNavIcon, null)) : null, /*#__PURE__*/React.createElement(StyledDiv, {
+  }, /*#__PURE__*/React.createElement(ArrowLeftIcon, null)) : null, /*#__PURE__*/React.createElement(StyledDiv, {
     $isTargetable: step === "yearly" || !withDatePicker,
     $isRounded: step === "custom",
     style: dateStepperWidth(fromDate, toDate, step)
@@ -286,11 +287,7 @@ export var DateStepper = function DateStepper(_ref) {
     variant: "secondary",
     onClick: onRightClickHandler,
     disabled: isAfterMaxDate
-  }, /*#__PURE__*/React.createElement(MenuNavIcon, {
-    style: {
-      transform: "rotate(180deg)"
-    }
-  })) : null);
+  }, /*#__PURE__*/React.createElement(ArrowRightIcon, null)) : null);
 };
 DateStepper.displayName = "DateStepper";
 //# sourceMappingURL=DateStepper.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"names":["React","useCallback","useMemo","useState","useEffect","classNames","moment","MomentLocaleUtils","Button","MenuNavIcon","DatePicker","customClassNames","StyledButton","StyledButtonGroup","StyledDiv","StyledMenu","StyledSpan","DateStepper","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","datePickerClass","withDatePicker","defaultMonth","Date","popperClassName","position","fromDate","setFromDate","toDate","setToDate","showDatePicker","setShowDatePicker","month","setMonth","getDatesByPeriod","interval","date","add","clone","startOf","endOf","getDateFormatted","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","onChangeCallback","amount","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","onMonthChange","m","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","disabled","nonWorkingDay","transform","displayName"],"mappings":"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","sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\nimport classNames from \"classnames\";\nimport moment, { Moment } from \"moment\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { Placement } from \"@popperjs/core\";\nimport { Button } from \"../../Button/Button\";\nimport MenuNavIcon from \"../../Icons/collection/MenuNavIcon\";\nimport { DatePicker } from \"../../DatePicker\";\nimport { customClassNames } from \"../../DatePicker/ClassNames\";\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledMenu,\n  StyledSpan,\n} from \"./Styles\";\n\ninterface 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 */\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      [customClassNames.disabled]: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n      [customClassNames.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        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <MenuNavIcon />\n        </Button>\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              localeUtils={MomentLocaleUtils}\n              locale=\"en\"\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        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onRightClickHandler}\n          disabled={isAfterMaxDate}\n        >\n          <MenuNavIcon style={{ transform: \"rotate(180deg)\" }} />\n        </Button>\n      ) : null}\n    </StyledButtonGroup>\n  );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"file":"DateStepper.js"}
+{"version":3,"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"names":["React","useCallback","useMemo","useState","useEffect","classNames","moment","MomentLocaleUtils","Button","ArrowLeftIcon","DatePicker","customClassNames","StyledButton","StyledButtonGroup","StyledDiv","StyledMenu","StyledSpan","ArrowRightIcon","DateStepper","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","datePickerClass","withDatePicker","defaultMonth","Date","popperClassName","position","fromDate","setFromDate","toDate","setToDate","showDatePicker","setShowDatePicker","month","setMonth","getDatesByPeriod","interval","date","add","clone","startOf","endOf","getDateFormatted","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","onChangeCallback","amount","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","onMonthChange","m","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","disabled","nonWorkingDay","displayName"],"mappings":"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","sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\nimport classNames from \"classnames\";\nimport moment, { Moment } from \"moment\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { Placement } from \"@popperjs/core\";\nimport { Button } from \"../../Button/Button\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\nimport { DatePicker } from \"../../DatePicker\";\nimport { customClassNames } from \"../../DatePicker/ClassNames\";\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledMenu,\n  StyledSpan,\n} from \"./Styles\";\nimport { ArrowRightIcon } from \"../../Icons\";\n\ninterface 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 */\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      [customClassNames.disabled]: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n      [customClassNames.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        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <ArrowLeftIcon />\n        </Button>\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              localeUtils={MomentLocaleUtils}\n              locale=\"en\"\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        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onRightClickHandler}\n          disabled={isAfterMaxDate}\n        >\n          <ArrowRightIcon />\n        </Button>\n      ) : null}\n    </StyledButtonGroup>\n  );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"file":"DateStepper.js"}