@drivy/cobalt 0.16.1 → 0.16.2

package/components/Buttons/GhostButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/GhostButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n  ButtonTemplatePropsType,\n  getButtonContent,\n  getButtonCommonClassNames,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype GhostCommonPropsType = ButtonTemplatePropsType<{\n  standalone?: boolean\n  destructive?: boolean\n}>\n\nexport type GhostButtonPropsType = GhostCommonPropsType & ButtonProps\nexport type GhostLinkPropsType = GhostCommonPropsType & LinkProps\n\nconst getComputedClassName = ({\n  className,\n  standalone,\n  destructive,\n}: GhostCommonPropsType) =>\n  cx(className, \"cob-Button__ghost\", {\n    \"cob-Button__ghost--standalone\": standalone,\n    \"cob-Button__ghost--destructive\": destructive,\n  })\n\nconst _GhostButton = forwardRef<HTMLButtonElement, GhostButtonPropsType>(\n  (props: GhostButtonPropsType, ref) => {\n    const {\n      children,\n      standalone,\n      destructive,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restButtonProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          standalone,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  }\n)\n_GhostButton.displayName = \"GhostButton\"\n\nconst GhostLink = forwardRef<HTMLAnchorElement, GhostLinkPropsType>(\n  (props: GhostLinkPropsType, ref) => {\n    const {\n      children,\n      standalone,\n      destructive,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restLinkProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          standalone,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  }\n)\nGhostLink.displayName = \"GhostLink\"\n\nconst GhostButton = Object.assign(_GhostButton, { Link: GhostLink })\n\nexport default GhostButton\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/GhostButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n  ButtonTemplatePropsType,\n  getButtonContent,\n  getButtonCommonClassNames,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype GhostCommonPropsType = ButtonTemplatePropsType<{\n  standalone?: boolean\n  destructive?: boolean\n}>\n\nexport type GhostButtonPropsType = GhostCommonPropsType & ButtonProps\nexport type GhostLinkPropsType = GhostCommonPropsType & LinkProps\n\nconst getComputedClassName = ({\n  className,\n  standalone,\n  destructive,\n}: GhostCommonPropsType) =>\n  cx(className, \"cob-Button__ghost\", {\n    \"cob-Button__ghost--standalone\": standalone,\n    \"cob-Button__ghost--destructive\": destructive,\n  })\n\nconst _GhostButton = forwardRef<HTMLButtonElement, GhostButtonPropsType>(\n  (props: GhostButtonPropsType, ref) => {\n    const {\n      children,\n      standalone,\n      destructive,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restButtonProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          standalone,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  }\n)\n_GhostButton.displayName = \"GhostButton\"\n\nconst GhostLink = forwardRef<HTMLAnchorElement, GhostLinkPropsType>(\n  (props: GhostLinkPropsType, ref) => {\n    const {\n      children,\n      standalone,\n      destructive,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restLinkProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          standalone,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  }\n)\nGhostLink.displayName = \"GhostLink\"\n\nconst GhostButton = Object.assign(_GhostButton, { Link: GhostLink })\n\nexport default GhostButton\n"],"names":[],"mappings":";;;;;AAkBA,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,UAAU,EACV,WAAW,GACU,KACrB,EAAE,CAAC,SAAS,EAAE,mBAAmB,EAAE;AACjC,IAAA,+BAA+B,EAAE,UAAU;AAC3C,IAAA,gCAAgC,EAAE,WAAW;AAC9C,CAAA,CAAC,CAAA;AAEJ,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAA2B,EAAE,GAAG,KAAI;AACnC,IAAA,MAAM,EACJ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,EACT,GAAG,eAAe,EACnB,GAAG,KAAK,CAAA;AACT,IAAA,MAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAA;AAClE,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,MAAM,gBAAgB,GAAG,yBAAyB,CAAC;AACjD,QAAA,QAAQ,EAAE,UAAU;QACpB,OAAO;QACP,IAAI;QACJ,SAAS;QACT,SAAS;AACV,KAAA,CAAC,CAAA;IAEF,QACE,oBAAC,MAAM,EAAA,EAAA,GACD,eAAe,EACnB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,UAAU;YACV,WAAW;AACZ,SAAA,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,EAEnB,OAAO,CACD,EACV;AACH,CAAC,CACF,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,aAAa,CAAA;AAExC,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,KAAyB,EAAE,GAAG,KAAI;AACjC,IAAA,MAAM,EACJ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,EACT,GAAG,aAAa,EACjB,GAAG,KAAK,CAAA;AACT,IAAA,MAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAA;AAClE,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,MAAM,gBAAgB,GAAG,yBAAyB,CAAC;AACjD,QAAA,QAAQ,EAAE,UAAU;QACpB,OAAO;QACP,IAAI;QACJ,SAAS;QACT,SAAS;AACV,KAAA,CAAC,CAAA;IAEF,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EACN,EAAA,GAAA,aAAa,EACjB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,UAAU;YACV,WAAW;AACZ,SAAA,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,EAEnB,OAAO,CACI,EACf;AACH,CAAC,CACF,CAAA;AACD,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;;;;"}

package/components/Buttons/InversedButton/index.js

@@ -1,42 +1,38 @@
-import { __rest, __assign } from '../../../_virtual/_tslib.js';
 import React, { forwardRef } from 'react';
 import cx from 'classnames';
 import { getButtonContent, getButtonCommonClassNames } from '../helpers.js';
 import Button from '../ButtonComponent.js';
 
-var getComputedClassName = function (_a) {
-    var className = _a.className;
-    return cx(className, "cob-Button__inversed");
-};
-var _InversedButton = forwardRef(function (props, ref) {
-    var children = props.children, icon = props.icon, iconPosition = props.iconPosition, className = props.className, loading = props.loading, disabled = props.disabled, rounded = props.rounded, size = props.size, fullWidth = props.fullWidth, restButtonProps = __rest(props, ["children", "icon", "iconPosition", "className", "loading", "disabled", "rounded", "size", "fullWidth"]);
-    var content = getButtonContent({ children: children, icon: icon, iconPosition: iconPosition });
-    var isDisabled = disabled || loading;
-    var buttonClassNames = getButtonCommonClassNames({
+const getComputedClassName = ({ className }) => cx(className, "cob-Button__inversed");
+const _InversedButton = forwardRef((props, ref) => {
+    const { children, icon, iconPosition, className, loading, disabled, rounded, size, fullWidth, ...restButtonProps } = props;
+    const content = getButtonContent({ children, icon, iconPosition });
+    const isDisabled = disabled || loading;
+    const buttonClassNames = getButtonCommonClassNames({
         disabled: isDisabled,
-        rounded: rounded,
-        size: size,
-        fullWidth: fullWidth,
-        className: className,
+        rounded,
+        size,
+        fullWidth,
+        className,
     });
-    return (React.createElement(Button, __assign({}, restButtonProps, { className: getComputedClassName({ className: buttonClassNames }), ref: ref, loading: loading, disabled: isDisabled }), content));
+    return (React.createElement(Button, { ...restButtonProps, className: getComputedClassName({ className: buttonClassNames }), ref: ref, loading: loading, disabled: isDisabled }, content));
 });
 _InversedButton.displayName = "InversedButton";
-var InversedLink = forwardRef(function (props, ref) {
-    var children = props.children, icon = props.icon, iconPosition = props.iconPosition, className = props.className, loading = props.loading, disabled = props.disabled, rounded = props.rounded, size = props.size, fullWidth = props.fullWidth, restLinkProps = __rest(props, ["children", "icon", "iconPosition", "className", "loading", "disabled", "rounded", "size", "fullWidth"]);
-    var content = getButtonContent({ children: children, icon: icon, iconPosition: iconPosition });
-    var isDisabled = disabled || loading;
-    var buttonClassNames = getButtonCommonClassNames({
+const InversedLink = forwardRef((props, ref) => {
+    const { children, icon, iconPosition, className, loading, disabled, rounded, size, fullWidth, ...restLinkProps } = props;
+    const content = getButtonContent({ children, icon, iconPosition });
+    const isDisabled = disabled || loading;
+    const buttonClassNames = getButtonCommonClassNames({
         disabled: isDisabled,
-        rounded: rounded,
-        size: size,
-        fullWidth: fullWidth,
-        className: className,
+        rounded,
+        size,
+        fullWidth,
+        className,
     });
-    return (React.createElement(Button.Link, __assign({}, restLinkProps, { className: getComputedClassName({ className: buttonClassNames }), ref: ref, loading: loading, disabled: isDisabled }), content));
+    return (React.createElement(Button.Link, { ...restLinkProps, className: getComputedClassName({ className: buttonClassNames }), ref: ref, loading: loading, disabled: isDisabled }, content));
 });
 InversedLink.displayName = "InversedLink";
-var InversedButton = Object.assign(_InversedButton, { Link: InversedLink });
+const InversedButton = Object.assign(_InversedButton, { Link: InversedLink });
 
 export { InversedButton as default };
 //# sourceMappingURL=index.js.map

package/components/Buttons/InversedButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/InversedButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n  ButtonTemplatePropsType,\n  getButtonContent,\n  getButtonCommonClassNames,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype InversedCommonPropsType = ButtonTemplatePropsType<Record<string, unknown>>\n\nexport type InversedButtonPropsType = InversedCommonPropsType & ButtonProps\nexport type InversedLinkPropsType = InversedCommonPropsType & LinkProps\n\nconst getComputedClassName = ({ className }: InversedCommonPropsType) =>\n  cx(className, \"cob-Button__inversed\")\n\nconst _InversedButton = forwardRef<HTMLButtonElement, InversedButtonPropsType>(\n  (props: InversedButtonPropsType, ref) => {\n    const {\n      children,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restButtonProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({ className: buttonClassNames })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  }\n)\n_InversedButton.displayName = \"InversedButton\"\n\nconst InversedLink = forwardRef<HTMLAnchorElement, InversedLinkPropsType>(\n  (props: InversedLinkPropsType, ref) => {\n    const {\n      children,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restLinkProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({ className: buttonClassNames })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  }\n)\nInversedLink.displayName = \"InversedLink\"\n\nconst InversedButton = Object.assign(_InversedButton, { Link: InversedLink })\n\nexport default InversedButton\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/InversedButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n  ButtonTemplatePropsType,\n  getButtonContent,\n  getButtonCommonClassNames,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype InversedCommonPropsType = ButtonTemplatePropsType<Record<string, unknown>>\n\nexport type InversedButtonPropsType = InversedCommonPropsType & ButtonProps\nexport type InversedLinkPropsType = InversedCommonPropsType & LinkProps\n\nconst getComputedClassName = ({ className }: InversedCommonPropsType) =>\n  cx(className, \"cob-Button__inversed\")\n\nconst _InversedButton = forwardRef<HTMLButtonElement, InversedButtonPropsType>(\n  (props: InversedButtonPropsType, ref) => {\n    const {\n      children,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restButtonProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({ className: buttonClassNames })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  }\n)\n_InversedButton.displayName = \"InversedButton\"\n\nconst InversedLink = forwardRef<HTMLAnchorElement, InversedLinkPropsType>(\n  (props: InversedLinkPropsType, ref) => {\n    const {\n      children,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restLinkProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({ className: buttonClassNames })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  }\n)\nInversedLink.displayName = \"InversedLink\"\n\nconst InversedButton = Object.assign(_InversedButton, { Link: InversedLink })\n\nexport default InversedButton\n"],"names":[],"mappings":";;;;;AAeA,MAAM,oBAAoB,GAAG,CAAC,EAAE,SAAS,EAA2B,KAClE,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;AAEvC,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,KAA8B,EAAE,GAAG,KAAI;IACtC,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,EACT,GAAG,eAAe,EACnB,GAAG,KAAK,CAAA;AACT,IAAA,MAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAA;AAClE,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,MAAM,gBAAgB,GAAG,yBAAyB,CAAC;AACjD,QAAA,QAAQ,EAAE,UAAU;QACpB,OAAO;QACP,IAAI;QACJ,SAAS;QACT,SAAS;AACV,KAAA,CAAC,CAAA;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAA,GACD,eAAe,EACnB,SAAS,EAAE,oBAAoB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EAChE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,EAEnB,OAAO,CACD,EACV;AACH,CAAC,CACF,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE9C,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAA4B,EAAE,GAAG,KAAI;IACpC,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,EACT,GAAG,aAAa,EACjB,GAAG,KAAK,CAAA;AACT,IAAA,MAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAA;AAClE,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,MAAM,gBAAgB,GAAG,yBAAyB,CAAC;AACjD,QAAA,QAAQ,EAAE,UAAU;QACpB,OAAO;QACP,IAAI;QACJ,SAAS;QACT,SAAS;AACV,KAAA,CAAC,CAAA;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,EACN,EAAA,GAAA,aAAa,EACjB,SAAS,EAAE,oBAAoB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EAChE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,EAEnB,OAAO,CACI,EACf;AACH,CAAC,CACF,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;;;;"}

package/components/Buttons/helpers.js

@@ -2,33 +2,29 @@ import React from 'react';
 import cx from 'classnames';
 import { Icon } from '../Icon/index.js';
 
-var getButtonContent = function (_a) {
-    var children = _a.children, icon = _a.icon, _b = _a.iconPosition, iconPosition = _b === void 0 ? icon ? "left" : undefined : _b;
+const getButtonContent = ({ children, icon, iconPosition = icon ? "left" : undefined, }) => {
     if (!children && !icon) {
         throw new Error("Either an icon or children are required");
     }
-    var iconMarkup = icon ? (React.createElement("span", { key: iconPosition, className: cx("cob-Button__Icon", {
+    const iconMarkup = icon ? (React.createElement("span", { key: iconPosition, className: cx("cob-Button__Icon", {
             "cob-Button__Icon--left": !!children && iconPosition === "left",
             "cob-Button__Icon--right": !!children && iconPosition === "right",
         }) },
         React.createElement(Icon, { source: icon }))) : null;
-    var leftIcon = iconPosition === "left" ? iconMarkup : null;
-    var rightIcon = iconPosition === "right" ? iconMarkup : null;
-    var childContent = children ? (React.createElement("span", { key: "children", className: "cob-Button__content" }, children)) : null;
+    const leftIcon = iconPosition === "left" ? iconMarkup : null;
+    const rightIcon = iconPosition === "right" ? iconMarkup : null;
+    const childContent = children ? (React.createElement("span", { key: "children", className: "cob-Button__content" }, children)) : null;
     return (React.createElement(React.Fragment, null,
         leftIcon,
         childContent,
         rightIcon));
 };
-var getButtonCommonClassNames = function (_a) {
-    var rounded = _a.rounded, size = _a.size, fullWidth = _a.fullWidth, className = _a.className, disabled = _a.disabled;
-    return cx(className, "cob-Button", {
-        "cob-Button--rounded": rounded,
-        "cob-Button--fullWidth": fullWidth,
-        "cob-Button--large": size === "large",
-        "cob-Button--disabled": disabled,
-    });
-};
+const getButtonCommonClassNames = ({ rounded, size, fullWidth, className, disabled, }) => cx(className, "cob-Button", {
+    "cob-Button--rounded": rounded,
+    "cob-Button--fullWidth": fullWidth,
+    "cob-Button--large": size === "large",
+    "cob-Button--disabled": disabled,
+});
 
 export { getButtonCommonClassNames, getButtonContent };
 //# sourceMappingURL=helpers.js.map

package/components/Buttons/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/components/Buttons/helpers.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\n\nimport { Icon, IconSources } from \"../Icon\"\n\nexport type ButtonCommonPropsType = PropsWithChildren<{\n  className?: string\n  disabled?: boolean\n  fullWidth?: boolean\n  loading?: boolean\n  rounded?: boolean\n  size?: \"large\"\n  iconPosition?: \"left\" | \"right\"\n  icon?: IconSources\n}>\n\nexport type ButtonTemplatePropsType<SpecificButtonProps> = SpecificButtonProps &\n  ButtonCommonPropsType\n\nexport const getButtonContent = ({\n  children,\n  icon,\n  iconPosition = icon ? \"left\" : undefined,\n}: Pick<ButtonCommonPropsType, \"children\" | \"icon\" | \"iconPosition\">) => {\n  if (!children && !icon) {\n    throw new Error(\"Either an icon or children are required\")\n  }\n\n  const iconMarkup = icon ? (\n    <span\n      key={iconPosition}\n      className={cx(\"cob-Button__Icon\", {\n        \"cob-Button__Icon--left\": !!children && iconPosition === \"left\",\n        \"cob-Button__Icon--right\": !!children && iconPosition === \"right\",\n      })}\n    >\n      <Icon source={icon} />\n    </span>\n  ) : null\n\n  const leftIcon = iconPosition === \"left\" ? iconMarkup : null\n  const rightIcon = iconPosition === \"right\" ? iconMarkup : null\n  const childContent = children ? (\n    <span key=\"children\" className=\"cob-Button__content\">\n      {children}\n    </span>\n  ) : null\n  return (\n    <>\n      {leftIcon}\n      {childContent}\n      {rightIcon}\n    </>\n  )\n}\n\nexport const getButtonCommonClassNames = ({\n  rounded,\n  size,\n  fullWidth,\n  className,\n  disabled,\n}: Pick<\n  ButtonCommonPropsType,\n  \"rounded\" | \"size\" | \"fullWidth\" | \"className\" | \"disabled\"\n>) =>\n  cx(className, \"cob-Button\", {\n    \"cob-Button--rounded\": rounded,\n    \"cob-Button--fullWidth\": fullWidth,\n    \"cob-Button--large\": size === \"large\",\n    \"cob-Button--disabled\": disabled,\n  })\n"],"names":[],"mappings":";;;;AAmBO,IAAM,gBAAgB,GAAG,UAAC,EAImC,EAAA;AAHlE,IAAA,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,EAAA,GAAA,EAAA,CAAA,YAAwC,EAAxC,YAAY,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAA,EAAA,CAAA;AAExC,IAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,EAAE;AACtB,QAAA,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAA;AAC3D,KAAA;AAED,IAAA,IAAM,UAAU,GAAG,IAAI,IACrB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;AAChC,YAAA,wBAAwB,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,KAAK,MAAM;AAC/D,YAAA,yBAAyB,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,KAAK,OAAO;SAClE,CAAC,EAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,EAAA,CAAI,CACjB,IACL,IAAI,CAAA;AAER,IAAA,IAAM,QAAQ,GAAG,YAAY,KAAK,MAAM,GAAG,UAAU,GAAG,IAAI,CAAA;AAC5D,IAAA,IAAM,SAAS,GAAG,YAAY,KAAK,OAAO,GAAG,UAAU,GAAG,IAAI,CAAA;IAC9D,IAAM,YAAY,GAAG,QAAQ,IAC3B,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,GAAG,EAAC,UAAU,EAAC,SAAS,EAAC,qBAAqB,EAAA,EACjD,QAAQ,CACJ,IACL,IAAI,CAAA;AACR,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,QAAQ;QACR,YAAY;QACZ,SAAS,CACT,EACJ;AACH,EAAC;AAEM,IAAM,yBAAyB,GAAG,UAAC,EASzC,EAAA;AARC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA;AAKR,IAAA,OAAA,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE;AAC1B,QAAA,qBAAqB,EAAE,OAAO;AAC9B,QAAA,uBAAuB,EAAE,SAAS;QAClC,mBAAmB,EAAE,IAAI,KAAK,OAAO;AACrC,QAAA,sBAAsB,EAAE,QAAQ;KACjC,CAAC,CAAA;AALF;;;;"}
+{"version":3,"file":"helpers.js","sources":["../../../src/components/Buttons/helpers.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\n\nimport { Icon, IconSources } from \"../Icon\"\n\nexport type ButtonCommonPropsType = PropsWithChildren<{\n  className?: string\n  disabled?: boolean\n  fullWidth?: boolean\n  loading?: boolean\n  rounded?: boolean\n  size?: \"large\"\n  iconPosition?: \"left\" | \"right\"\n  icon?: IconSources\n}>\n\nexport type ButtonTemplatePropsType<SpecificButtonProps> = SpecificButtonProps &\n  ButtonCommonPropsType\n\nexport const getButtonContent = ({\n  children,\n  icon,\n  iconPosition = icon ? \"left\" : undefined,\n}: Pick<ButtonCommonPropsType, \"children\" | \"icon\" | \"iconPosition\">) => {\n  if (!children && !icon) {\n    throw new Error(\"Either an icon or children are required\")\n  }\n\n  const iconMarkup = icon ? (\n    <span\n      key={iconPosition}\n      className={cx(\"cob-Button__Icon\", {\n        \"cob-Button__Icon--left\": !!children && iconPosition === \"left\",\n        \"cob-Button__Icon--right\": !!children && iconPosition === \"right\",\n      })}\n    >\n      <Icon source={icon} />\n    </span>\n  ) : null\n\n  const leftIcon = iconPosition === \"left\" ? iconMarkup : null\n  const rightIcon = iconPosition === \"right\" ? iconMarkup : null\n  const childContent = children ? (\n    <span key=\"children\" className=\"cob-Button__content\">\n      {children}\n    </span>\n  ) : null\n  return (\n    <>\n      {leftIcon}\n      {childContent}\n      {rightIcon}\n    </>\n  )\n}\n\nexport const getButtonCommonClassNames = ({\n  rounded,\n  size,\n  fullWidth,\n  className,\n  disabled,\n}: Pick<\n  ButtonCommonPropsType,\n  \"rounded\" | \"size\" | \"fullWidth\" | \"className\" | \"disabled\"\n>) =>\n  cx(className, \"cob-Button\", {\n    \"cob-Button--rounded\": rounded,\n    \"cob-Button--fullWidth\": fullWidth,\n    \"cob-Button--large\": size === \"large\",\n    \"cob-Button--disabled\": disabled,\n  })\n"],"names":[],"mappings":";;;;MAmBa,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,YAAY,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAC0B,KAAI;AACtE,IAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,EAAE;AACtB,QAAA,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAA;AAC3D,KAAA;AAED,IAAA,MAAM,UAAU,GAAG,IAAI,IACrB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;AAChC,YAAA,wBAAwB,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,KAAK,MAAM;AAC/D,YAAA,yBAAyB,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,KAAK,OAAO;SAClE,CAAC,EAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,EAAA,CAAI,CACjB,IACL,IAAI,CAAA;AAER,IAAA,MAAM,QAAQ,GAAG,YAAY,KAAK,MAAM,GAAG,UAAU,GAAG,IAAI,CAAA;AAC5D,IAAA,MAAM,SAAS,GAAG,YAAY,KAAK,OAAO,GAAG,UAAU,GAAG,IAAI,CAAA;IAC9D,MAAM,YAAY,GAAG,QAAQ,IAC3B,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,GAAG,EAAC,UAAU,EAAC,SAAS,EAAC,qBAAqB,EAAA,EACjD,QAAQ,CACJ,IACL,IAAI,CAAA;AACR,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,QAAQ;QACR,YAAY;QACZ,SAAS,CACT,EACJ;AACH,EAAC;AAEY,MAAA,yBAAyB,GAAG,CAAC,EACxC,OAAO,EACP,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,GAIT,KACC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE;AAC1B,IAAA,qBAAqB,EAAE,OAAO;AAC9B,IAAA,uBAAuB,EAAE,SAAS;IAClC,mBAAmB,EAAE,IAAI,KAAK,OAAO;AACrC,IAAA,sBAAsB,EAAE,QAAQ;AACjC,CAAA;;;;"}

package/components/Calendar/CalendarRangePicker/CalendarRangePicker.js

@@ -1,48 +1,46 @@
-import { __read, __assign } from '../../../_virtual/_tslib.js';
 import React, { useState, useEffect } from 'react';
 import { CalendarRangePickerMonth } from './CalendarRangePickerMonth.js';
 import cx from 'classnames';
 import { Hint } from '../../Form/Hint.js';
 import addMonths from 'date-fns/addMonths';
 
-function CalendarRangePicker(_a) {
-    var rangeLimit = _a.rangeLimit, _b = _a.firstMonthDate, firstMonthDate = _b === void 0 ? new Date() : _b, _c = _a.numberOfMonths, numberOfMonths = _c === void 0 ? 1 : _c, hint = _a.hint, _d = _a.firstAvailableDate, firstAvailableDate = _d === void 0 ? new Date() : _d, lastAvailableDate = _a.lastAvailableDate, isEditingStartDate = _a.isEditingStartDate, isEditingEndDate = _a.isEditingEndDate, startDate = _a.startDate, endDate = _a.endDate, onChangeDate = _a.onChangeDate, onLeaveDate = _a.onLeaveDate, onSelectDate = _a.onSelectDate, locale = _a.locale;
+function CalendarRangePicker({ rangeLimit, firstMonthDate = new Date(), numberOfMonths = 1, hint, firstAvailableDate = new Date(), lastAvailableDate, isEditingStartDate, isEditingEndDate, startDate, endDate, onChangeDate, onLeaveDate, onSelectDate, locale, }) {
     firstMonthDate.setHours(0, 0, 0, 0);
     firstAvailableDate.setHours(0, 0, 0, 0);
-    var _e = __read(useState({
+    const [rangeDates, setRangeDates] = useState({
         startDate: startDate,
         endDate: endDate,
-    }), 2), rangeDates = _e[0], setRangeDates = _e[1];
-    useEffect(function () {
+    });
+    useEffect(() => {
         setRangeDates({
-            startDate: startDate,
-            endDate: endDate,
+            startDate,
+            endDate,
         });
     }, [startDate, endDate]);
-    var handleSelectDate = function (date, isDateOutOfRange) {
+    const handleSelectDate = (date, isDateOutOfRange) => {
         if (isDateOutOfRange && isEditingEndDate)
             return;
         onSelectDate && onSelectDate(date, !!isDateOutOfRange);
     };
-    var handleChangeDate = function (date, isDateOutOfRange, disabled) {
-        var processChange = onChangeDate && (isEditingStartDate || isEditingEndDate)
+    const handleChangeDate = (date, isDateOutOfRange, disabled) => {
+        const processChange = onChangeDate && (isEditingStartDate || isEditingEndDate)
             ? onChangeDate(date, isDateOutOfRange, disabled) !== false
             : true;
         if (!processChange || disabled)
             return;
         if (isEditingStartDate) {
-            setRangeDates(function (prev) { return (__assign(__assign({}, prev), { startDate: date })); });
+            setRangeDates((prev) => ({ ...prev, startDate: date }));
         }
         else if (isEditingEndDate) {
-            setRangeDates(function (prev) { return (__assign(__assign({}, prev), { endDate: date })); });
+            setRangeDates((prev) => ({ ...prev, endDate: date }));
         }
     };
-    var months = [firstMonthDate];
-    for (var i = 0; i < numberOfMonths - 1; i++) {
+    const months = [firstMonthDate];
+    for (let i = 0; i < numberOfMonths - 1; i++) {
         months.push(addMonths(months[months.length - 1], 1));
     }
     return (React.createElement("div", { className: "cobalt-CalendarRangePicker" },
-        React.createElement("div", { className: "cobalt-CalendarRangePicker__months-container" }, months.map(function (monthDate) { return (React.createElement(CalendarRangePickerMonth, { key: monthDate.getTime(), date: monthDate, startDate: rangeDates.startDate, endDate: rangeDates.endDate, onSelectDate: handleSelectDate, onChangeDate: handleChangeDate, onLeaveDate: onLeaveDate, isEditingStartDate: isEditingStartDate, isEditingEndDate: isEditingEndDate, rangeLimit: rangeLimit, firstAvailableDate: firstAvailableDate, lastAvailableDate: lastAvailableDate, locale: locale })); })),
+        React.createElement("div", { className: "cobalt-CalendarRangePicker__months-container" }, months.map((monthDate) => (React.createElement(CalendarRangePickerMonth, { key: monthDate.getTime(), date: monthDate, startDate: rangeDates.startDate, endDate: rangeDates.endDate, onSelectDate: handleSelectDate, onChangeDate: handleChangeDate, onLeaveDate: onLeaveDate, isEditingStartDate: isEditingStartDate, isEditingEndDate: isEditingEndDate, rangeLimit: rangeLimit, firstAvailableDate: firstAvailableDate, lastAvailableDate: lastAvailableDate, locale: locale })))),
         React.createElement("div", { className: cx("cobalt-CalendarRangePicker__message", {
                 "cobalt-CalendarRangePicker__message--show": !!hint,
             }) }, hint && React.createElement(Hint, { status: hint.status }, hint.html))));

package/components/Calendar/CalendarRangePicker/CalendarRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRangePicker.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePicker.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\"\nimport { CalendarRangePickerMonth } from \"./CalendarRangePickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport addMonths from \"date-fns/addMonths\"\nimport { FormElementStatus } from \"../../Form/form\"\n\ntype Props = {\n  numberOfMonths?: number\n  firstMonthDate?: Date\n  rangeLimit?: number\n  firstAvailableDate?: Date\n  lastAvailableDate?: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  startDate: Date | undefined\n  endDate: Date | undefined\n  hint?: {\n    status?: FormElementStatus\n    html: string\n  }\n  onChangeDate?: (\n    date: Date,\n    isOutOfRange: boolean,\n    disabled: boolean\n  ) => boolean\n  onLeaveDate?: (date: Date) => void\n  onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n  locale?: Record<string, unknown>\n}\n\nexport function CalendarRangePicker({\n  rangeLimit,\n  firstMonthDate = new Date(),\n  numberOfMonths = 1,\n  hint,\n  firstAvailableDate = new Date(),\n  lastAvailableDate,\n  isEditingStartDate,\n  isEditingEndDate,\n  startDate,\n  endDate,\n  onChangeDate,\n  onLeaveDate,\n  onSelectDate,\n  locale,\n}: Props) {\n  firstMonthDate.setHours(0, 0, 0, 0)\n  firstAvailableDate.setHours(0, 0, 0, 0)\n\n  const [rangeDates, setRangeDates] = useState({\n    startDate: startDate,\n    endDate: endDate,\n  })\n\n  useEffect(() => {\n    setRangeDates({\n      startDate,\n      endDate,\n    })\n  }, [startDate, endDate])\n\n  const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n    if (isDateOutOfRange && isEditingEndDate) return\n    onSelectDate && onSelectDate(date, !!isDateOutOfRange)\n  }\n\n  const handleChangeDate = (\n    date: Date,\n    isDateOutOfRange: boolean,\n    disabled: boolean\n  ) => {\n    const processChange =\n      onChangeDate && (isEditingStartDate || isEditingEndDate)\n        ? onChangeDate(date, isDateOutOfRange, disabled) !== false\n        : true\n\n    if (!processChange || disabled) return\n\n    if (isEditingStartDate) {\n      setRangeDates((prev) => ({ ...prev, startDate: date }))\n    } else if (isEditingEndDate) {\n      setRangeDates((prev) => ({ ...prev, endDate: date }))\n    }\n  }\n\n  const months = [firstMonthDate]\n  for (let i = 0; i < numberOfMonths - 1; i++) {\n    months.push(addMonths(months[months.length - 1], 1))\n  }\n\n  return (\n    <div className=\"cobalt-CalendarRangePicker\">\n      <div className=\"cobalt-CalendarRangePicker__months-container\">\n        {months.map((monthDate) => (\n          <CalendarRangePickerMonth\n            key={monthDate.getTime()}\n            date={monthDate}\n            startDate={rangeDates.startDate}\n            endDate={rangeDates.endDate}\n            onSelectDate={handleSelectDate}\n            onChangeDate={handleChangeDate}\n            onLeaveDate={onLeaveDate}\n            isEditingStartDate={isEditingStartDate}\n            isEditingEndDate={isEditingEndDate}\n            rangeLimit={rangeLimit}\n            firstAvailableDate={firstAvailableDate}\n            lastAvailableDate={lastAvailableDate}\n            locale={locale}\n          />\n        ))}\n      </div>\n\n      <div\n        className={classNames(\"cobalt-CalendarRangePicker__message\", {\n          \"cobalt-CalendarRangePicker__message--show\": !!hint,\n        })}\n      >\n        {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames"],"mappings":"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"}
+{"version":3,"file":"CalendarRangePicker.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePicker.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\"\nimport { CalendarRangePickerMonth } from \"./CalendarRangePickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport addMonths from \"date-fns/addMonths\"\nimport { FormElementStatus } from \"../../Form/form\"\n\ntype Props = {\n  numberOfMonths?: number\n  firstMonthDate?: Date\n  rangeLimit?: number\n  firstAvailableDate?: Date\n  lastAvailableDate?: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  startDate: Date | undefined\n  endDate: Date | undefined\n  hint?: {\n    status?: FormElementStatus\n    html: string\n  }\n  onChangeDate?: (\n    date: Date,\n    isOutOfRange: boolean,\n    disabled: boolean\n  ) => boolean\n  onLeaveDate?: (date: Date) => void\n  onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n  locale?: Record<string, unknown>\n}\n\nexport function CalendarRangePicker({\n  rangeLimit,\n  firstMonthDate = new Date(),\n  numberOfMonths = 1,\n  hint,\n  firstAvailableDate = new Date(),\n  lastAvailableDate,\n  isEditingStartDate,\n  isEditingEndDate,\n  startDate,\n  endDate,\n  onChangeDate,\n  onLeaveDate,\n  onSelectDate,\n  locale,\n}: Props) {\n  firstMonthDate.setHours(0, 0, 0, 0)\n  firstAvailableDate.setHours(0, 0, 0, 0)\n\n  const [rangeDates, setRangeDates] = useState({\n    startDate: startDate,\n    endDate: endDate,\n  })\n\n  useEffect(() => {\n    setRangeDates({\n      startDate,\n      endDate,\n    })\n  }, [startDate, endDate])\n\n  const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n    if (isDateOutOfRange && isEditingEndDate) return\n    onSelectDate && onSelectDate(date, !!isDateOutOfRange)\n  }\n\n  const handleChangeDate = (\n    date: Date,\n    isDateOutOfRange: boolean,\n    disabled: boolean\n  ) => {\n    const processChange =\n      onChangeDate && (isEditingStartDate || isEditingEndDate)\n        ? onChangeDate(date, isDateOutOfRange, disabled) !== false\n        : true\n\n    if (!processChange || disabled) return\n\n    if (isEditingStartDate) {\n      setRangeDates((prev) => ({ ...prev, startDate: date }))\n    } else if (isEditingEndDate) {\n      setRangeDates((prev) => ({ ...prev, endDate: date }))\n    }\n  }\n\n  const months = [firstMonthDate]\n  for (let i = 0; i < numberOfMonths - 1; i++) {\n    months.push(addMonths(months[months.length - 1], 1))\n  }\n\n  return (\n    <div className=\"cobalt-CalendarRangePicker\">\n      <div className=\"cobalt-CalendarRangePicker__months-container\">\n        {months.map((monthDate) => (\n          <CalendarRangePickerMonth\n            key={monthDate.getTime()}\n            date={monthDate}\n            startDate={rangeDates.startDate}\n            endDate={rangeDates.endDate}\n            onSelectDate={handleSelectDate}\n            onChangeDate={handleChangeDate}\n            onLeaveDate={onLeaveDate}\n            isEditingStartDate={isEditingStartDate}\n            isEditingEndDate={isEditingEndDate}\n            rangeLimit={rangeLimit}\n            firstAvailableDate={firstAvailableDate}\n            lastAvailableDate={lastAvailableDate}\n            locale={locale}\n          />\n        ))}\n      </div>\n\n      <div\n        className={classNames(\"cobalt-CalendarRangePicker__message\", {\n          \"cobalt-CalendarRangePicker__message--show\": !!hint,\n        })}\n      >\n        {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames"],"mappings":"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"}

package/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.js

@@ -2,9 +2,8 @@ import React from 'react';
 import cx from 'classnames';
 import { format } from 'date-fns';
 
-function CalendarRangePickerDay(_a) {
-    var date = _a.date, isToday = _a.isToday, isFirstDayOfMonth = _a.isFirstDayOfMonth, isLastDayOfMonth = _a.isLastDayOfMonth, isStartDay = _a.isStartDay, isEndDay = _a.isEndDay, isRange = _a.isRange, selected = _a.selected, subdued = _a.subdued, disabled = _a.disabled, invalid = _a.invalid, onSelect = _a.onSelect, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
-    var handleSelectDate = function () {
+function CalendarRangePickerDay({ date, isToday, isFirstDayOfMonth, isLastDayOfMonth, isStartDay, isEndDay, isRange, selected, subdued, disabled, invalid, onSelect, onMouseEnter, onMouseLeave, }) {
+    const handleSelectDate = () => {
         !disabled && onSelect(date);
     };
     return (React.createElement("div", { className: cx("cobalt-CalendarRangePicker__day", {
@@ -18,9 +17,9 @@ function CalendarRangePickerDay(_a) {
             "cobalt-CalendarRangePicker__day--subdued": subdued,
             "cobalt-CalendarRangePicker__day--invalid": invalid,
             "cobalt-CalendarRangePicker__day--disabled": disabled,
-        }), onMouseEnter: function () {
+        }), onMouseEnter: () => {
             onMouseEnter(date, !!disabled);
-        }, onMouseLeave: function () {
+        }, onMouseLeave: () => {
             onMouseLeave && onMouseLeave(date);
         }, onTouchStart: handleSelectDate, onClick: handleSelectDate, "data-day": format(date, "yyyy-MM-dd") },
         React.createElement("div", { className: "cobalt-CalendarRangePicker__day-inner" }, date.getDate())));
@@ -35,7 +34,7 @@ function areEqual(prevProps, nextProps) {
         prevProps.invalid === nextProps.invalid &&
         prevProps.isRange === nextProps.isRange);
 }
-var MemoizedComponent = React.memo(CalendarRangePickerDay, areEqual);
+const MemoizedComponent = React.memo(CalendarRangePickerDay, areEqual);
 MemoizedComponent.displayName = "CalendarRangePickerDay";
 
 export { MemoizedComponent as CalendarRangePickerDay };

package/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRangePickerDay.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { format } from \"date-fns\"\n\ntype Props = {\n  date: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  isToday?: boolean\n  isFirstDayOfMonth?: boolean\n  isLastDayOfMonth?: boolean\n  isStartDay?: boolean\n  isEndDay?: boolean\n  selected?: boolean\n  isRange?: boolean\n  invalid?: boolean\n  disabled?: boolean\n  subdued?: boolean\n  onSelect: (date: Date) => void\n  onMouseEnter: (date: Date, disabled: boolean) => void\n  onMouseLeave?: (date: Date) => void\n}\n\nfunction CalendarRangePickerDay({\n  date,\n  isToday,\n  isFirstDayOfMonth,\n  isLastDayOfMonth,\n  isStartDay,\n  isEndDay,\n  isRange,\n  selected,\n  subdued,\n  disabled,\n  invalid,\n  onSelect,\n  onMouseEnter,\n  onMouseLeave,\n}: Props) {\n  const handleSelectDate = () => {\n    !disabled && onSelect(date)\n  }\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__day\", {\n        \"cobalt-CalendarRangePicker__day--today\": isToday,\n        \"cobalt-CalendarRangePicker__day--firstOfMonth\": isFirstDayOfMonth,\n        \"cobalt-CalendarRangePicker__day--lastOfMonth\": isLastDayOfMonth,\n        \"cobalt-CalendarRangePicker__day--startDay\": isStartDay,\n        \"cobalt-CalendarRangePicker__day--endDay\": isEndDay,\n        \"cobalt-CalendarRangePicker__day--range\": isRange,\n        \"cobalt-CalendarRangePicker__day--selected\": selected,\n        \"cobalt-CalendarRangePicker__day--subdued\": subdued,\n        \"cobalt-CalendarRangePicker__day--invalid\": invalid,\n        \"cobalt-CalendarRangePicker__day--disabled\": disabled,\n      })}\n      onMouseEnter={() => {\n        onMouseEnter(date, !!disabled)\n      }}\n      onMouseLeave={() => {\n        onMouseLeave && onMouseLeave(date)\n      }}\n      onTouchStart={handleSelectDate}\n      onClick={handleSelectDate}\n      data-day={format(date, \"yyyy-MM-dd\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__day-inner\">\n        {date.getDate()}\n      </div>\n    </div>\n  )\n}\n\nfunction areEqual(prevProps: Props, nextProps: Props) {\n  return (\n    prevProps.isEditingStartDate === nextProps.isEditingStartDate &&\n    prevProps.isEditingEndDate === nextProps.isEditingEndDate &&\n    prevProps.selected === nextProps.selected &&\n    prevProps.subdued === nextProps.subdued &&\n    prevProps.isStartDay === nextProps.isStartDay &&\n    prevProps.isEndDay === nextProps.isEndDay &&\n    prevProps.invalid === nextProps.invalid &&\n    prevProps.isRange === nextProps.isRange\n  )\n}\n\nconst MemoizedComponent = React.memo(CalendarRangePickerDay, areEqual)\nMemoizedComponent.displayName = \"CalendarRangePickerDay\"\n\nexport { MemoizedComponent as CalendarRangePickerDay }\n"],"names":["classNames"],"mappings":";;;;AAuBA,SAAS,sBAAsB,CAAC,EAexB,EAAA;AAdN,IAAA,IAAA,IAAI,UAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,YAAY,GAAA,EAAA,CAAA,YAAA,CAAA;AAEZ,IAAA,IAAM,gBAAgB,GAAG,YAAA;AACvB,QAAA,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;AAC7B,KAAC,CAAA;AAED,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,EAAU,CAAC,iCAAiC,EAAE;AACvD,YAAA,wCAAwC,EAAE,OAAO;AACjD,YAAA,+CAA+C,EAAE,iBAAiB;AAClE,YAAA,8CAA8C,EAAE,gBAAgB;AAChE,YAAA,2CAA2C,EAAE,UAAU;AACvD,YAAA,yCAAyC,EAAE,QAAQ;AACnD,YAAA,wCAAwC,EAAE,OAAO;AACjD,YAAA,2CAA2C,EAAE,QAAQ;AACrD,YAAA,0CAA0C,EAAE,OAAO;AACnD,YAAA,0CAA0C,EAAE,OAAO;AACnD,YAAA,2CAA2C,EAAE,QAAQ;SACtD,CAAC,EACF,YAAY,EAAE,YAAA;AACZ,YAAA,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;SAC/B,EACD,YAAY,EAAE,YAAA;AACZ,YAAA,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;AACpC,SAAC,EACD,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,gBAAgB,EAAA,UAAA,EACf,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,EAAA;QAEpC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uCAAuC,EACnD,EAAA,IAAI,CAAC,OAAO,EAAE,CACX,CACF,EACP;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,SAAgB,EAAE,SAAgB,EAAA;AAClD,IAAA,QACE,SAAS,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB;AAC7D,QAAA,SAAS,CAAC,gBAAgB,KAAK,SAAS,CAAC,gBAAgB;AACzD,QAAA,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;AACzC,QAAA,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;AACvC,QAAA,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU;AAC7C,QAAA,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;AACzC,QAAA,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;AACvC,QAAA,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO,EACxC;AACH,CAAC;AAEK,IAAA,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,EAAE,QAAQ,EAAC;AACtE,iBAAiB,CAAC,WAAW,GAAG,wBAAwB;;;;"}
+{"version":3,"file":"CalendarRangePickerDay.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { format } from \"date-fns\"\n\ntype Props = {\n  date: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  isToday?: boolean\n  isFirstDayOfMonth?: boolean\n  isLastDayOfMonth?: boolean\n  isStartDay?: boolean\n  isEndDay?: boolean\n  selected?: boolean\n  isRange?: boolean\n  invalid?: boolean\n  disabled?: boolean\n  subdued?: boolean\n  onSelect: (date: Date) => void\n  onMouseEnter: (date: Date, disabled: boolean) => void\n  onMouseLeave?: (date: Date) => void\n}\n\nfunction CalendarRangePickerDay({\n  date,\n  isToday,\n  isFirstDayOfMonth,\n  isLastDayOfMonth,\n  isStartDay,\n  isEndDay,\n  isRange,\n  selected,\n  subdued,\n  disabled,\n  invalid,\n  onSelect,\n  onMouseEnter,\n  onMouseLeave,\n}: Props) {\n  const handleSelectDate = () => {\n    !disabled && onSelect(date)\n  }\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__day\", {\n        \"cobalt-CalendarRangePicker__day--today\": isToday,\n        \"cobalt-CalendarRangePicker__day--firstOfMonth\": isFirstDayOfMonth,\n        \"cobalt-CalendarRangePicker__day--lastOfMonth\": isLastDayOfMonth,\n        \"cobalt-CalendarRangePicker__day--startDay\": isStartDay,\n        \"cobalt-CalendarRangePicker__day--endDay\": isEndDay,\n        \"cobalt-CalendarRangePicker__day--range\": isRange,\n        \"cobalt-CalendarRangePicker__day--selected\": selected,\n        \"cobalt-CalendarRangePicker__day--subdued\": subdued,\n        \"cobalt-CalendarRangePicker__day--invalid\": invalid,\n        \"cobalt-CalendarRangePicker__day--disabled\": disabled,\n      })}\n      onMouseEnter={() => {\n        onMouseEnter(date, !!disabled)\n      }}\n      onMouseLeave={() => {\n        onMouseLeave && onMouseLeave(date)\n      }}\n      onTouchStart={handleSelectDate}\n      onClick={handleSelectDate}\n      data-day={format(date, \"yyyy-MM-dd\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__day-inner\">\n        {date.getDate()}\n      </div>\n    </div>\n  )\n}\n\nfunction areEqual(prevProps: Props, nextProps: Props) {\n  return (\n    prevProps.isEditingStartDate === nextProps.isEditingStartDate &&\n    prevProps.isEditingEndDate === nextProps.isEditingEndDate &&\n    prevProps.selected === nextProps.selected &&\n    prevProps.subdued === nextProps.subdued &&\n    prevProps.isStartDay === nextProps.isStartDay &&\n    prevProps.isEndDay === nextProps.isEndDay &&\n    prevProps.invalid === nextProps.invalid &&\n    prevProps.isRange === nextProps.isRange\n  )\n}\n\nconst MemoizedComponent = React.memo(CalendarRangePickerDay, areEqual)\nMemoizedComponent.displayName = \"CalendarRangePickerDay\"\n\nexport { MemoizedComponent as CalendarRangePickerDay }\n"],"names":["classNames"],"mappings":";;;;AAuBA,SAAS,sBAAsB,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,GACN,EAAA;IACN,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;AAC7B,KAAC,CAAA;AAED,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,EAAU,CAAC,iCAAiC,EAAE;AACvD,YAAA,wCAAwC,EAAE,OAAO;AACjD,YAAA,+CAA+C,EAAE,iBAAiB;AAClE,YAAA,8CAA8C,EAAE,gBAAgB;AAChE,YAAA,2CAA2C,EAAE,UAAU;AACvD,YAAA,yCAAyC,EAAE,QAAQ;AACnD,YAAA,wCAAwC,EAAE,OAAO;AACjD,YAAA,2CAA2C,EAAE,QAAQ;AACrD,YAAA,0CAA0C,EAAE,OAAO;AACnD,YAAA,0CAA0C,EAAE,OAAO;AACnD,YAAA,2CAA2C,EAAE,QAAQ;AACtD,SAAA,CAAC,EACF,YAAY,EAAE,MAAK;AACjB,YAAA,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;AAChC,SAAC,EACD,YAAY,EAAE,MAAK;AACjB,YAAA,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;AACpC,SAAC,EACD,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,gBAAgB,EAAA,UAAA,EACf,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,EAAA;QAEpC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uCAAuC,EACnD,EAAA,IAAI,CAAC,OAAO,EAAE,CACX,CACF,EACP;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,SAAgB,EAAE,SAAgB,EAAA;AAClD,IAAA,QACE,SAAS,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB;AAC7D,QAAA,SAAS,CAAC,gBAAgB,KAAK,SAAS,CAAC,gBAAgB;AACzD,QAAA,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;AACzC,QAAA,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;AACvC,QAAA,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU;AAC7C,QAAA,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;AACzC,QAAA,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;AACvC,QAAA,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO,EACxC;AACH,CAAC;AAEK,MAAA,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,EAAE,QAAQ,EAAC;AACtE,iBAAiB,CAAC,WAAW,GAAG,wBAAwB;;;;"}

package/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.js

@@ -4,14 +4,14 @@ import cx from 'classnames';
 import { startOfMonth, endOfMonth, eachDayOfInterval, startOfWeek, endOfWeek, differenceInCalendarDays, format, isSameDay, getDay } from 'date-fns';
 
 function daysByWeeks(monthDate) {
-    var firstDayOfMonth = startOfMonth(monthDate);
-    var firstDayOfMonthOffset = getDay(firstDayOfMonth) - 1;
-    var lastDayOfMonth = endOfMonth(monthDate);
-    var days = eachDayOfInterval({
+    const firstDayOfMonth = startOfMonth(monthDate);
+    const firstDayOfMonthOffset = getDay(firstDayOfMonth) - 1;
+    const lastDayOfMonth = endOfMonth(monthDate);
+    const days = eachDayOfInterval({
         start: firstDayOfMonth,
         end: lastDayOfMonth,
     });
-    return days.reduce(function (acc, day, index) {
+    return days.reduce((acc, day, index) => {
         if (index === 0 || (index + firstDayOfMonthOffset) % 7 === 0) {
             acc.push([]);
         }
@@ -42,25 +42,22 @@ function isSelected(day, startDate, endDate, isStartDay, isEndDay, isOutOfRangeS
             startDate &&
             day.getTime() > startDate.getTime()));
 }
-function CalendarRangePickerMonth(_a) {
-    var date = _a.date, onSelectDate = _a.onSelectDate, onChangeDate = _a.onChangeDate, onLeaveDate = _a.onLeaveDate, startDate = _a.startDate, endDate = _a.endDate, _b = _a.isEditingStartDate, isEditingStartDate = _b === void 0 ? false : _b, _c = _a.isEditingEndDate, isEditingEndDate = _c === void 0 ? false : _c, rangeLimit = _a.rangeLimit, firstAvailableDate = _a.firstAvailableDate, lastAvailableDate = _a.lastAvailableDate, locale = _a.locale;
-    var firstDayOfMonth = useMemo(function () { return startOfMonth(date); }, []);
-    var lastDayOfMonth = useMemo(function () { return endOfMonth(date); }, []);
-    var byWeeks = useMemo(function () { return daysByWeeks(date); }, []);
-    var today = new Date().setHours(0, 0, 0, 0);
-    var weekdays = useMemo(function () {
-        return eachDayOfInterval({
-            start: startOfWeek(today, { weekStartsOn: 1 }),
-            end: endOfWeek(today, { weekStartsOn: 1 }),
-        });
-    }, []);
-    var isOutOfRange = rangeLimit != null &&
+function CalendarRangePickerMonth({ date, onSelectDate, onChangeDate, onLeaveDate, startDate, endDate, isEditingStartDate = false, isEditingEndDate = false, rangeLimit, firstAvailableDate, lastAvailableDate, locale, }) {
+    const firstDayOfMonth = useMemo(() => startOfMonth(date), []);
+    const lastDayOfMonth = useMemo(() => endOfMonth(date), []);
+    const byWeeks = useMemo(() => daysByWeeks(date), []);
+    const today = new Date().setHours(0, 0, 0, 0);
+    const weekdays = useMemo(() => eachDayOfInterval({
+        start: startOfWeek(today, { weekStartsOn: 1 }),
+        end: endOfWeek(today, { weekStartsOn: 1 }),
+    }), []);
+    const isOutOfRange = rangeLimit != null &&
         startDate != null &&
         endDate != null &&
         differenceInCalendarDays(endDate, startDate) >= rangeLimit;
-    var isOutOfRangeStartDate = !!isEditingStartDate && isOutOfRange;
-    var onMouseEnter = function (day, disabled) {
-        var isDayOutOfRange = false;
+    const isOutOfRangeStartDate = !!isEditingStartDate && isOutOfRange;
+    const onMouseEnter = (day, disabled) => {
+        let isDayOutOfRange = false;
         if (rangeLimit != null) {
             if (isEditingStartDate) {
                 isDayOutOfRange =
@@ -75,21 +72,21 @@ function CalendarRangePickerMonth(_a) {
         }
         onChangeDate(day, isDayOutOfRange, disabled);
     };
-    var onSelect = function (day) {
+    const onSelect = (day) => {
         onSelectDate(day, isOutOfRange);
     };
     return (React.createElement("div", { className: cx("cobalt-CalendarRangePicker__month", {
             "cobalt-CalendarRangePicker__month--invalid": isOutOfRange && !isEditingStartDate,
         }), "data-month": format(date, "yyyy-MM") },
-        React.createElement("div", { className: "cobalt-CalendarRangePicker__month-header cobalt-text-titleSmall" }, format(date, "MMMM yyyy", { locale: locale })),
+        React.createElement("div", { className: "cobalt-CalendarRangePicker__month-header cobalt-text-titleSmall" }, format(date, "MMMM yyyy", { locale })),
         React.createElement("div", { className: "cobalt-CalendarRangePicker__month__weeks-container" },
-            React.createElement("div", { className: "cobalt-CalendarRangePicker__month__week-header" }, weekdays.map(function (weekday) { return (React.createElement("div", { key: weekday.getTime(), className: "cobalt-CalendarRangePicker__month__day-header" }, format(weekday, "iiiiii", { locale: locale }))); })),
-            byWeeks.map(function (week, index) { return (React.createElement("div", { key: index, className: "cobalt-CalendarRangePicker__month__week" }, week.map(function (day) {
-                var isStartDay = startDate != null && isSameDay(day, startDate);
-                var isEndDay = endDate != null && isSameDay(day, endDate);
+            React.createElement("div", { className: "cobalt-CalendarRangePicker__month__week-header" }, weekdays.map((weekday) => (React.createElement("div", { key: weekday.getTime(), className: "cobalt-CalendarRangePicker__month__day-header" }, format(weekday, "iiiiii", { locale }))))),
+            byWeeks.map((week, index) => (React.createElement("div", { key: index, className: "cobalt-CalendarRangePicker__month__week" }, week.map((day) => {
+                const isStartDay = startDate != null && isSameDay(day, startDate);
+                const isEndDay = endDate != null && isSameDay(day, endDate);
                 return (React.createElement(MemoizedComponent, { key: day.getTime(), isEditingStartDate: !!isEditingStartDate, isEditingEndDate: !!isEditingEndDate, date: day, onMouseEnter: onMouseEnter, onMouseLeave: onLeaveDate, onSelect: onSelect, isToday: isSameDay(day, today), isStartDay: isStartDay, isEndDay: isEndDay, isFirstDayOfMonth: isSameDay(day, firstDayOfMonth), isLastDayOfMonth: isSameDay(day, lastDayOfMonth), isRange: isRange(startDate, endDate, isOutOfRangeStartDate), invalid: isInvalid(day, startDate, rangeLimit, isOutOfRange, isEditingEndDate), subdued: (isStartDay && isEditingEndDate) ||
                         (isEndDay && isEditingStartDate), disabled: isDisabled(day, firstAvailableDate, lastAvailableDate), selected: isSelected(day, startDate, endDate, isStartDay, isEndDay, isOutOfRangeStartDate) }));
-            }))); }))));
+            })))))));
 }
 
 export { CalendarRangePickerMonth };

package/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRangePickerMonth.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport { CalendarRangePickerDay } from \"./CalendarRangePickerDay\"\nimport classNames from \"classnames\"\nimport {\n  eachDayOfInterval,\n  startOfMonth,\n  endOfMonth,\n  format,\n  isSameDay,\n  getDay,\n  differenceInCalendarDays,\n  startOfWeek,\n  endOfWeek,\n} from \"date-fns\"\n\ntype Props = {\n  date: Date\n  startDate?: Date\n  endDate?: Date\n  onSelectDate: (date: Date, isOutOfRange?: boolean) => void\n  onChangeDate: (date: Date, isOutOfRange: boolean, disabled: boolean) => void\n  onLeaveDate?: (date: Date) => void\n  isEditingStartDate?: boolean\n  isEditingEndDate?: boolean\n  rangeLimit?: number\n  firstAvailableDate: Date\n  lastAvailableDate?: Date\n  locale: any\n}\n\nfunction daysByWeeks(monthDate: Date): Date[][] {\n  const firstDayOfMonth = startOfMonth(monthDate)\n  const firstDayOfMonthOffset = getDay(firstDayOfMonth) - 1\n  const lastDayOfMonth = endOfMonth(monthDate)\n  const days = eachDayOfInterval({\n    start: firstDayOfMonth,\n    end: lastDayOfMonth,\n  })\n\n  return days.reduce((acc: Date[][], day, index) => {\n    if (index === 0 || (index + firstDayOfMonthOffset) % 7 === 0) {\n      acc.push([])\n    }\n    acc[acc.length - 1].push(day)\n    return acc\n  }, [])\n}\n\nfunction isDisabled(\n  day: Date,\n  firstAvailableDate: Date,\n  lastAvailableDate: Date | undefined\n) {\n  return (\n    day.getTime() < firstAvailableDate.getTime() ||\n    (lastAvailableDate != null && day.getTime() > lastAvailableDate.getTime())\n  )\n}\n\nfunction isInvalid(\n  day: Date,\n  startDate: Date | undefined,\n  rangeLimit: number | undefined,\n  isOutOfRange: boolean,\n  isEditingEndDate: boolean | undefined\n) {\n  return (\n    rangeLimit != null &&\n    isOutOfRange &&\n    isEditingEndDate &&\n    startDate != null &&\n    differenceInCalendarDays(day, startDate) >= rangeLimit\n  )\n}\n\nfunction isRange(\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isOutOfRangeStartDate: boolean\n) {\n  return !!(startDate && endDate) && !isOutOfRangeStartDate\n}\n\nfunction isSelected(\n  day: Date,\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isStartDay: boolean,\n  isEndDay: boolean,\n  isOutOfRangeStartDate: boolean\n) {\n  return (\n    isStartDay ||\n    isEndDay ||\n    (!isOutOfRangeStartDate &&\n      endDate &&\n      day.getTime() <= endDate.getTime() &&\n      startDate &&\n      day.getTime() > startDate.getTime())\n  )\n}\n\nexport function CalendarRangePickerMonth({\n  date,\n  onSelectDate,\n  onChangeDate,\n  onLeaveDate,\n  startDate,\n  endDate,\n  isEditingStartDate = false,\n  isEditingEndDate = false,\n  rangeLimit,\n  firstAvailableDate,\n  lastAvailableDate,\n  locale,\n}: Props) {\n  const firstDayOfMonth = useMemo(() => startOfMonth(date), [])\n  const lastDayOfMonth = useMemo(() => endOfMonth(date), [])\n  const byWeeks = useMemo(() => daysByWeeks(date), [])\n\n  const today = new Date().setHours(0, 0, 0, 0)\n\n  const weekdays: Date[] = useMemo(\n    () =>\n      eachDayOfInterval({\n        start: startOfWeek(today, { weekStartsOn: 1 }),\n        end: endOfWeek(today, { weekStartsOn: 1 }),\n      }),\n    []\n  )\n\n  const isOutOfRange =\n    rangeLimit != null &&\n    startDate != null &&\n    endDate != null &&\n    differenceInCalendarDays(endDate, startDate) >= rangeLimit\n\n  const isOutOfRangeStartDate = !!isEditingStartDate && isOutOfRange\n\n  const onMouseEnter = (day: Date, disabled: boolean) => {\n    let isDayOutOfRange = false\n    if (rangeLimit != null) {\n      if (isEditingStartDate) {\n        isDayOutOfRange =\n          endDate != null &&\n          differenceInCalendarDays(endDate, day) >= rangeLimit\n      } else if (isEditingEndDate) {\n        isDayOutOfRange =\n          startDate != null &&\n          differenceInCalendarDays(day, startDate) >= rangeLimit\n      }\n    }\n\n    onChangeDate(day, isDayOutOfRange, disabled)\n  }\n\n  const onSelect = (day: Date) => {\n    onSelectDate(day, isOutOfRange)\n  }\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__month\", {\n        \"cobalt-CalendarRangePicker__month--invalid\":\n          isOutOfRange && !isEditingStartDate,\n      })}\n      data-month={format(date, \"yyyy-MM\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__month-header cobalt-text-titleSmall\">\n        {format(date, \"MMMM yyyy\", { locale })}\n      </div>\n      <div className=\"cobalt-CalendarRangePicker__month__weeks-container\">\n        <div className=\"cobalt-CalendarRangePicker__month__week-header\">\n          {weekdays.map((weekday) => (\n            <div\n              key={weekday.getTime()}\n              className=\"cobalt-CalendarRangePicker__month__day-header\"\n            >\n              {format(weekday, \"iiiiii\", { locale })}\n            </div>\n          ))}\n        </div>\n        {byWeeks.map((week, index) => (\n          <div key={index} className=\"cobalt-CalendarRangePicker__month__week\">\n            {week.map((day) => {\n              const isStartDay = startDate != null && isSameDay(day, startDate)\n              const isEndDay = endDate != null && isSameDay(day, endDate)\n              return (\n                <CalendarRangePickerDay\n                  key={day.getTime()}\n                  isEditingStartDate={!!isEditingStartDate}\n                  isEditingEndDate={!!isEditingEndDate}\n                  date={day}\n                  onMouseEnter={onMouseEnter}\n                  onMouseLeave={onLeaveDate}\n                  onSelect={onSelect}\n                  isToday={isSameDay(day, today)}\n                  isStartDay={isStartDay}\n                  isEndDay={isEndDay}\n                  isFirstDayOfMonth={isSameDay(day, firstDayOfMonth)}\n                  isLastDayOfMonth={isSameDay(day, lastDayOfMonth)}\n                  isRange={isRange(startDate, endDate, isOutOfRangeStartDate)}\n                  invalid={isInvalid(\n                    day,\n                    startDate,\n                    rangeLimit,\n                    isOutOfRange,\n                    isEditingEndDate\n                  )}\n                  subdued={\n                    (isStartDay && isEditingEndDate) ||\n                    (isEndDay && isEditingStartDate)\n                  }\n                  disabled={isDisabled(\n                    day,\n                    firstAvailableDate,\n                    lastAvailableDate\n                  )}\n                  selected={isSelected(\n                    day,\n                    startDate,\n                    endDate,\n                    isStartDay,\n                    isEndDay,\n                    isOutOfRangeStartDate\n                  )}\n                />\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames","CalendarRangePickerDay"],"mappings":"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"}
+{"version":3,"file":"CalendarRangePickerMonth.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport { CalendarRangePickerDay } from \"./CalendarRangePickerDay\"\nimport classNames from \"classnames\"\nimport {\n  eachDayOfInterval,\n  startOfMonth,\n  endOfMonth,\n  format,\n  isSameDay,\n  getDay,\n  differenceInCalendarDays,\n  startOfWeek,\n  endOfWeek,\n} from \"date-fns\"\n\ntype Props = {\n  date: Date\n  startDate?: Date\n  endDate?: Date\n  onSelectDate: (date: Date, isOutOfRange?: boolean) => void\n  onChangeDate: (date: Date, isOutOfRange: boolean, disabled: boolean) => void\n  onLeaveDate?: (date: Date) => void\n  isEditingStartDate?: boolean\n  isEditingEndDate?: boolean\n  rangeLimit?: number\n  firstAvailableDate: Date\n  lastAvailableDate?: Date\n  locale: any\n}\n\nfunction daysByWeeks(monthDate: Date): Date[][] {\n  const firstDayOfMonth = startOfMonth(monthDate)\n  const firstDayOfMonthOffset = getDay(firstDayOfMonth) - 1\n  const lastDayOfMonth = endOfMonth(monthDate)\n  const days = eachDayOfInterval({\n    start: firstDayOfMonth,\n    end: lastDayOfMonth,\n  })\n\n  return days.reduce((acc: Date[][], day, index) => {\n    if (index === 0 || (index + firstDayOfMonthOffset) % 7 === 0) {\n      acc.push([])\n    }\n    acc[acc.length - 1].push(day)\n    return acc\n  }, [])\n}\n\nfunction isDisabled(\n  day: Date,\n  firstAvailableDate: Date,\n  lastAvailableDate: Date | undefined\n) {\n  return (\n    day.getTime() < firstAvailableDate.getTime() ||\n    (lastAvailableDate != null && day.getTime() > lastAvailableDate.getTime())\n  )\n}\n\nfunction isInvalid(\n  day: Date,\n  startDate: Date | undefined,\n  rangeLimit: number | undefined,\n  isOutOfRange: boolean,\n  isEditingEndDate: boolean | undefined\n) {\n  return (\n    rangeLimit != null &&\n    isOutOfRange &&\n    isEditingEndDate &&\n    startDate != null &&\n    differenceInCalendarDays(day, startDate) >= rangeLimit\n  )\n}\n\nfunction isRange(\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isOutOfRangeStartDate: boolean\n) {\n  return !!(startDate && endDate) && !isOutOfRangeStartDate\n}\n\nfunction isSelected(\n  day: Date,\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isStartDay: boolean,\n  isEndDay: boolean,\n  isOutOfRangeStartDate: boolean\n) {\n  return (\n    isStartDay ||\n    isEndDay ||\n    (!isOutOfRangeStartDate &&\n      endDate &&\n      day.getTime() <= endDate.getTime() &&\n      startDate &&\n      day.getTime() > startDate.getTime())\n  )\n}\n\nexport function CalendarRangePickerMonth({\n  date,\n  onSelectDate,\n  onChangeDate,\n  onLeaveDate,\n  startDate,\n  endDate,\n  isEditingStartDate = false,\n  isEditingEndDate = false,\n  rangeLimit,\n  firstAvailableDate,\n  lastAvailableDate,\n  locale,\n}: Props) {\n  const firstDayOfMonth = useMemo(() => startOfMonth(date), [])\n  const lastDayOfMonth = useMemo(() => endOfMonth(date), [])\n  const byWeeks = useMemo(() => daysByWeeks(date), [])\n\n  const today = new Date().setHours(0, 0, 0, 0)\n\n  const weekdays: Date[] = useMemo(\n    () =>\n      eachDayOfInterval({\n        start: startOfWeek(today, { weekStartsOn: 1 }),\n        end: endOfWeek(today, { weekStartsOn: 1 }),\n      }),\n    []\n  )\n\n  const isOutOfRange =\n    rangeLimit != null &&\n    startDate != null &&\n    endDate != null &&\n    differenceInCalendarDays(endDate, startDate) >= rangeLimit\n\n  const isOutOfRangeStartDate = !!isEditingStartDate && isOutOfRange\n\n  const onMouseEnter = (day: Date, disabled: boolean) => {\n    let isDayOutOfRange = false\n    if (rangeLimit != null) {\n      if (isEditingStartDate) {\n        isDayOutOfRange =\n          endDate != null &&\n          differenceInCalendarDays(endDate, day) >= rangeLimit\n      } else if (isEditingEndDate) {\n        isDayOutOfRange =\n          startDate != null &&\n          differenceInCalendarDays(day, startDate) >= rangeLimit\n      }\n    }\n\n    onChangeDate(day, isDayOutOfRange, disabled)\n  }\n\n  const onSelect = (day: Date) => {\n    onSelectDate(day, isOutOfRange)\n  }\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__month\", {\n        \"cobalt-CalendarRangePicker__month--invalid\":\n          isOutOfRange && !isEditingStartDate,\n      })}\n      data-month={format(date, \"yyyy-MM\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__month-header cobalt-text-titleSmall\">\n        {format(date, \"MMMM yyyy\", { locale })}\n      </div>\n      <div className=\"cobalt-CalendarRangePicker__month__weeks-container\">\n        <div className=\"cobalt-CalendarRangePicker__month__week-header\">\n          {weekdays.map((weekday) => (\n            <div\n              key={weekday.getTime()}\n              className=\"cobalt-CalendarRangePicker__month__day-header\"\n            >\n              {format(weekday, \"iiiiii\", { locale })}\n            </div>\n          ))}\n        </div>\n        {byWeeks.map((week, index) => (\n          <div key={index} className=\"cobalt-CalendarRangePicker__month__week\">\n            {week.map((day) => {\n              const isStartDay = startDate != null && isSameDay(day, startDate)\n              const isEndDay = endDate != null && isSameDay(day, endDate)\n              return (\n                <CalendarRangePickerDay\n                  key={day.getTime()}\n                  isEditingStartDate={!!isEditingStartDate}\n                  isEditingEndDate={!!isEditingEndDate}\n                  date={day}\n                  onMouseEnter={onMouseEnter}\n                  onMouseLeave={onLeaveDate}\n                  onSelect={onSelect}\n                  isToday={isSameDay(day, today)}\n                  isStartDay={isStartDay}\n                  isEndDay={isEndDay}\n                  isFirstDayOfMonth={isSameDay(day, firstDayOfMonth)}\n                  isLastDayOfMonth={isSameDay(day, lastDayOfMonth)}\n                  isRange={isRange(startDate, endDate, isOutOfRangeStartDate)}\n                  invalid={isInvalid(\n                    day,\n                    startDate,\n                    rangeLimit,\n                    isOutOfRange,\n                    isEditingEndDate\n                  )}\n                  subdued={\n                    (isStartDay && isEditingEndDate) ||\n                    (isEndDay && isEditingStartDate)\n                  }\n                  disabled={isDisabled(\n                    day,\n                    firstAvailableDate,\n                    lastAvailableDate\n                  )}\n                  selected={isSelected(\n                    day,\n                    startDate,\n                    endDate,\n                    isStartDay,\n                    isEndDay,\n                    isOutOfRangeStartDate\n                  )}\n                />\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames","CalendarRangePickerDay"],"mappings":"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"}

package/components/Calendar/CalendarView/CalendarViewMonth.js

@@ -2,24 +2,23 @@ import React, { useMemo } from 'react';
 import { getDaysInMonth, differenceInCalendarWeeks, endOfMonth, getISODay, setDate, isPast, isToday, format } from 'date-fns';
 import cx from 'classnames';
 
-var CalendarViewMonth = function (_a) {
-    var monthName = _a.monthName, monthStart = _a.monthStart, _b = _a.statusByDate, statusByDate = _b === void 0 ? {} : _b;
-    var getMonthByWeek = function () {
-        var daysInMonth = getDaysInMonth(monthStart);
-        var weeksInMonth = differenceInCalendarWeeks(endOfMonth(monthStart), monthStart, {
+const CalendarViewMonth = ({ monthName, monthStart, statusByDate = {}, }) => {
+    const getMonthByWeek = () => {
+        const daysInMonth = getDaysInMonth(monthStart);
+        const weeksInMonth = differenceInCalendarWeeks(endOfMonth(monthStart), monthStart, {
             weekStartsOn: 1,
         }) + 1;
-        var weekDay = getISODay(monthStart);
-        var month = [];
-        var cursor = 0;
-        var date = 0;
-        for (var week = 0; week < weeksInMonth; week++) {
+        const weekDay = getISODay(monthStart);
+        const month = [];
+        let cursor = 0;
+        let date = 0;
+        for (let week = 0; week < weeksInMonth; week++) {
             month[week] = [];
-            for (var day = 0; day < 7; day++) {
+            for (let day = 0; day < 7; day++) {
                 month[week][day] = { date: null };
                 if (cursor >= weekDay - 1 && date < daysInMonth) {
                     month[week][day].date = ++date;
-                    var currentDate = setDate(monthStart, date);
+                    const currentDate = setDate(monthStart, date);
                     month[week][day].status =
                         isPast(currentDate) && !isToday(currentDate)
                             ? "past"
@@ -30,15 +29,12 @@ var CalendarViewMonth = function (_a) {
         }
         return month;
     };
-    var monthByWeek = useMemo(function () { return getMonthByWeek(); }, []);
+    const monthByWeek = useMemo(() => getMonthByWeek(), []);
     return (React.createElement("div", { className: "cobalt-CalendarView__month" },
         React.createElement("div", { className: "cobalt-CalendarView__monthName" }, monthName),
-        monthByWeek.map(function (week, weekIndex) { return (React.createElement("div", { key: weekIndex, className: "cobalt-CalendarView__week" }, week.map(function (day, dayIndex) {
-            var _a;
-            return (React.createElement("div", { key: weekIndex + 1 * dayIndex + 1, className: cx("cobalt-CalendarView__day", (_a = {},
-                    _a["cobalt-CalendarView__day--".concat(day.status)] = day.status,
-                    _a)) }, day.date));
-        }))); })));
+        monthByWeek.map((week, weekIndex) => (React.createElement("div", { key: weekIndex, className: "cobalt-CalendarView__week" }, week.map((day, dayIndex) => (React.createElement("div", { key: weekIndex + 1 * dayIndex + 1, className: cx("cobalt-CalendarView__day", {
+                [`cobalt-CalendarView__day--${day.status}`]: day.status,
+            }) }, day.date))))))));
 };
 CalendarViewMonth.displayName = "CalendarViewMonth";
 

package/components/Calendar/CalendarView/CalendarViewMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarViewMonth.js","sources":["../../../../src/components/Calendar/CalendarView/CalendarViewMonth.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport {\n  setDate,\n  getISODay,\n  getDaysInMonth,\n  endOfMonth,\n  differenceInCalendarWeeks,\n  isPast,\n  isToday,\n  format,\n} from \"date-fns\"\nimport cx from \"classnames\"\nimport {\n  CalendarViewMonthType,\n  MonthType,\n  CalendarViewDateType,\n  DateType,\n} from \"./types\"\n\ntype Props = MonthType\n\nconst CalendarViewMonth = ({\n  monthName,\n  monthStart,\n  statusByDate = {},\n}: Props) => {\n  const getMonthByWeek = (): CalendarViewMonthType => {\n    const daysInMonth = getDaysInMonth(monthStart)\n    const weeksInMonth =\n      differenceInCalendarWeeks(endOfMonth(monthStart), monthStart, {\n        weekStartsOn: 1,\n      }) + 1\n    const weekDay = getISODay(monthStart)\n    const month: CalendarViewDateType[][] = []\n    let cursor = 0\n    let date = 0\n\n    for (let week = 0; week < weeksInMonth; week++) {\n      month[week] = []\n      for (let day = 0; day < 7; day++) {\n        month[week][day] = { date: null }\n\n        if (cursor >= weekDay - 1 && date < daysInMonth) {\n          month[week][day].date = ++date as DateType\n\n          const currentDate = setDate(monthStart, date)\n\n          month[week][day].status =\n            isPast(currentDate) && !isToday(currentDate)\n              ? \"past\"\n              : statusByDate[format(currentDate, \"yyyy-MM-dd\")]\n        }\n        cursor++\n      }\n    }\n    return month\n  }\n\n  const monthByWeek = useMemo(() => getMonthByWeek(), [])\n\n  return (\n    <div className=\"cobalt-CalendarView__month\">\n      <div className=\"cobalt-CalendarView__monthName\">{monthName}</div>\n      {monthByWeek.map((week, weekIndex) => (\n        <div key={weekIndex} className=\"cobalt-CalendarView__week\">\n          {week.map((day, dayIndex) => (\n            <div\n              key={weekIndex + 1 * dayIndex + 1}\n              className={cx(\"cobalt-CalendarView__day\", {\n                [`cobalt-CalendarView__day--${day.status}`]: day.status,\n              })}\n            >\n              {day.date}\n            </div>\n          ))}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nCalendarViewMonth.displayName = \"CalendarViewMonth\"\n\nexport default CalendarViewMonth\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CalendarViewMonth.js","sources":["../../../../src/components/Calendar/CalendarView/CalendarViewMonth.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport {\n  setDate,\n  getISODay,\n  getDaysInMonth,\n  endOfMonth,\n  differenceInCalendarWeeks,\n  isPast,\n  isToday,\n  format,\n} from \"date-fns\"\nimport cx from \"classnames\"\nimport {\n  CalendarViewMonthType,\n  MonthType,\n  CalendarViewDateType,\n  DateType,\n} from \"./types\"\n\ntype Props = MonthType\n\nconst CalendarViewMonth = ({\n  monthName,\n  monthStart,\n  statusByDate = {},\n}: Props) => {\n  const getMonthByWeek = (): CalendarViewMonthType => {\n    const daysInMonth = getDaysInMonth(monthStart)\n    const weeksInMonth =\n      differenceInCalendarWeeks(endOfMonth(monthStart), monthStart, {\n        weekStartsOn: 1,\n      }) + 1\n    const weekDay = getISODay(monthStart)\n    const month: CalendarViewDateType[][] = []\n    let cursor = 0\n    let date = 0\n\n    for (let week = 0; week < weeksInMonth; week++) {\n      month[week] = []\n      for (let day = 0; day < 7; day++) {\n        month[week][day] = { date: null }\n\n        if (cursor >= weekDay - 1 && date < daysInMonth) {\n          month[week][day].date = ++date as DateType\n\n          const currentDate = setDate(monthStart, date)\n\n          month[week][day].status =\n            isPast(currentDate) && !isToday(currentDate)\n              ? \"past\"\n              : statusByDate[format(currentDate, \"yyyy-MM-dd\")]\n        }\n        cursor++\n      }\n    }\n    return month\n  }\n\n  const monthByWeek = useMemo(() => getMonthByWeek(), [])\n\n  return (\n    <div className=\"cobalt-CalendarView__month\">\n      <div className=\"cobalt-CalendarView__monthName\">{monthName}</div>\n      {monthByWeek.map((week, weekIndex) => (\n        <div key={weekIndex} className=\"cobalt-CalendarView__week\">\n          {week.map((day, dayIndex) => (\n            <div\n              key={weekIndex + 1 * dayIndex + 1}\n              className={cx(\"cobalt-CalendarView__day\", {\n                [`cobalt-CalendarView__day--${day.status}`]: day.status,\n              })}\n            >\n              {day.date}\n            </div>\n          ))}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nCalendarViewMonth.displayName = \"CalendarViewMonth\"\n\nexport default CalendarViewMonth\n"],"names":[],"mappings":";;;;AAqBA,MAAM,iBAAiB,GAAG,CAAC,EACzB,SAAS,EACT,UAAU,EACV,YAAY,GAAG,EAAE,GACX,KAAI;IACV,MAAM,cAAc,GAAG,MAA4B;AACjD,QAAA,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;QAC9C,MAAM,YAAY,GAChB,yBAAyB,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE;AAC5D,YAAA,YAAY,EAAE,CAAC;SAChB,CAAC,GAAG,CAAC,CAAA;AACR,QAAA,MAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,CAAA;QACrC,MAAM,KAAK,GAA6B,EAAE,CAAA;QAC1C,IAAI,MAAM,GAAG,CAAC,CAAA;QACd,IAAI,IAAI,GAAG,CAAC,CAAA;QAEZ,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,YAAY,EAAE,IAAI,EAAE,EAAE;AAC9C,YAAA,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAA;YAChB,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE;AAChC,gBAAA,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;gBAEjC,IAAI,MAAM,IAAI,OAAO,GAAG,CAAC,IAAI,IAAI,GAAG,WAAW,EAAE;oBAC/C,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,EAAE,IAAgB,CAAA;oBAE1C,MAAM,WAAW,GAAG,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;AAE7C,oBAAA,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM;wBACrB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;AAC1C,8BAAE,MAAM;8BACN,YAAY,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAA;AACtD,iBAAA;AACD,gBAAA,MAAM,EAAE,CAAA;AACT,aAAA;AACF,SAAA;AACD,QAAA,OAAO,KAAK,CAAA;AACd,KAAC,CAAA;AAED,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,cAAc,EAAE,EAAE,EAAE,CAAC,CAAA;AAEvD,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,EAAA;AACzC,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gCAAgC,EAAA,EAAE,SAAS,CAAO;QAChE,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,MAC/B,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,2BAA2B,EAAA,EACvD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,MACtB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,SAAS,GAAG,CAAC,GAAG,QAAQ,GAAG,CAAC,EACjC,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;gBACxC,CAAC,CAAA,0BAAA,EAA6B,GAAG,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM;AACxD,aAAA,CAAC,EAED,EAAA,GAAG,CAAC,IAAI,CACL,CACP,CAAC,CACE,CACP,CAAC,CACE,EACP;AACH,EAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}