@drivy/cobalt 2.15.0 → 2.16.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/DefaultButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n  ButtonTemplatePropsType,\n  getButtonCommonClassNames,\n  getButtonContent,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype DefaultCommonPropsType = ButtonTemplatePropsType<{\n  primary?: boolean\n  destructive?: boolean\n  selected?: boolean\n}>\n\nexport type DefaultButtonPropsType = DefaultCommonPropsType & ButtonProps\nexport type DefaultLinkPropsType = DefaultCommonPropsType & LinkProps\n\nconst getComputedClassName = ({\n  className,\n  selected,\n  primary,\n  destructive,\n}: DefaultCommonPropsType) =>\n  cx(className, \"cob-Button__default\", {\n    \"cob-Button__default--selected\": selected,\n    \"cob-Button__default--primary\": primary,\n    \"cob-Button__default--destructive\": destructive,\n  })\n\nconst _DefaultButton = forwardRef<HTMLButtonElement, DefaultButtonPropsType>(\n  (props: DefaultButtonPropsType, ref) => {\n    const {\n      children,\n      selected,\n      primary,\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    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          selected,\n          primary,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  }\n)\n_DefaultButton.displayName = \"DefaultButton\"\n\nconst DefaultLink = forwardRef<HTMLAnchorElement, DefaultLinkPropsType>(\n  (props: DefaultLinkPropsType, ref) => {\n    const {\n      children,\n      selected,\n      primary,\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    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          selected,\n          primary,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  }\n)\nDefaultLink.displayName = \"DefaultLink\"\n\nconst DefaultButton = Object.assign(_DefaultButton, { Link: DefaultLink })\n\nexport default DefaultButton\n"],"names":[],"mappings":";;;;;AAmBA,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,WAAW,GACY,KACvB,EAAE,CAAC,SAAS,EAAE,qBAAqB,EAAE;AACnC,IAAA,+BAA+B,EAAE,QAAQ;AACzC,IAAA,8BAA8B,EAAE,OAAO;AACvC,IAAA,kCAAkC,EAAE,WAAW;AAChD,CAAA,CAAC,CAAA;AAEJ,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,KAA6B,EAAE,GAAG,KAAI;AACrC,IAAA,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,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;IACF,QACE,oBAAC,MAAM,EAAA,EAAA,GACD,eAAe,EACnB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,QAAQ;YACR,OAAO;YACP,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,cAAc,CAAC,WAAW,GAAG,eAAe,CAAA;AAE5C,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,KAA2B,EAAE,GAAG,KAAI;AACnC,IAAA,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,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;IACF,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EACN,EAAA,GAAA,aAAa,EACjB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,QAAQ;YACR,OAAO;YACP,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,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/DefaultButton/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { forwardRef } from \"react\"\nimport Button, { type ButtonProps, type LinkProps } from \"../ButtonComponent\"\nimport {\n  type ButtonTemplatePropsType,\n  getButtonCommonClassNames,\n  getButtonContent,\n} from \"../helpers\"\n\ntype DefaultCommonPropsType = ButtonTemplatePropsType<{\n  primary?: boolean\n  destructive?: boolean\n  selected?: boolean\n}>\n\nexport type DefaultButtonPropsType = DefaultCommonPropsType & ButtonProps\nexport type DefaultLinkPropsType = DefaultCommonPropsType & LinkProps\n\nconst getComputedClassName = ({\n  className,\n  selected,\n  primary,\n  destructive,\n}: DefaultCommonPropsType) =>\n  cx(className, \"cob-Button__default\", {\n    \"cob-Button__default--selected\": selected,\n    \"cob-Button__default--primary\": primary,\n    \"cob-Button__default--destructive\": destructive,\n  })\n\nconst _DefaultButton = forwardRef<HTMLButtonElement, DefaultButtonPropsType>(\n  (props: DefaultButtonPropsType, ref) => {\n    const {\n      children,\n      selected,\n      primary,\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    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          selected,\n          primary,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  },\n)\n_DefaultButton.displayName = \"DefaultButton\"\n\nconst DefaultLink = forwardRef<HTMLAnchorElement, DefaultLinkPropsType>(\n  (props: DefaultLinkPropsType, ref) => {\n    const {\n      children,\n      selected,\n      primary,\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    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          selected,\n          primary,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  },\n)\nDefaultLink.displayName = \"DefaultLink\"\n\nconst DefaultButton = Object.assign(_DefaultButton, { Link: DefaultLink })\n\nexport default DefaultButton\n"],"names":["_jsx"],"mappings":";;;;;;AAkBA,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,WAAW,GACY,KACvB,EAAE,CAAC,SAAS,EAAE,qBAAqB,EAAE;AACnC,IAAA,+BAA+B,EAAE,QAAQ;AACzC,IAAA,8BAA8B,EAAE,OAAO;AACvC,IAAA,kCAAkC,EAAE,WAAW;AAChD,CAAA,CAAC,CAAA;AAEJ,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,KAA6B,EAAE,GAAG,KAAI;AACrC,IAAA,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,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;IACF,QACEA,IAAC,MAAM,EAAA,EAAA,GACD,eAAe,EACnB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,QAAQ;YACR,OAAO;YACP,WAAW;AACZ,SAAA,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,QAAA,EAEnB,OAAO,EAAA,CACD,EACV;AACH,CAAC,CACF,CAAA;AACD,cAAc,CAAC,WAAW,GAAG,eAAe,CAAA;AAE5C,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,KAA2B,EAAE,GAAG,KAAI;AACnC,IAAA,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,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;IACF,QACEA,GAAC,CAAA,MAAM,CAAC,IAAI,EACN,EAAA,GAAA,aAAa,EACjB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,QAAQ;YACR,OAAO;YACP,WAAW;AACZ,SAAA,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,QAAA,EAEnB,OAAO,EAAA,CACI,EACf;AACH,CAAC,CACF,CAAA;AACD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;;;;"}

package/components/Buttons/GhostButton/index.js

@@ -1,7 +1,8 @@
-import React, { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
-import { getButtonContent, getButtonCommonClassNames } from '../helpers.js';
+import { forwardRef } from 'react';
 import Button from '../ButtonComponent.js';
+import { getButtonContent, getButtonCommonClassNames } from '../helpers.js';
 
 const getComputedClassName = ({ className, standalone, destructive, }) => cx(className, "cob-Button__ghost", {
     "cob-Button__ghost--standalone": standalone,
@@ -18,11 +19,11 @@ const _GhostButton = forwardRef((props, ref) => {
         fullWidth,
         className,
     });
-    return (React.createElement(Button, { ...restButtonProps, className: getComputedClassName({
+    return (jsx(Button, { ...restButtonProps, className: getComputedClassName({
             className: buttonClassNames,
             standalone,
             destructive,
-        }), ref: ref, loading: loading, disabled: isDisabled }, content));
+        }), ref: ref, loading: loading, disabled: isDisabled, children: content }));
 });
 _GhostButton.displayName = "GhostButton";
 const GhostLink = forwardRef((props, ref) => {
@@ -36,11 +37,11 @@ const GhostLink = forwardRef((props, ref) => {
         fullWidth,
         className,
     });
-    return (React.createElement(Button.Link, { ...restLinkProps, className: getComputedClassName({
+    return (jsx(Button.Link, { ...restLinkProps, className: getComputedClassName({
             className: buttonClassNames,
             standalone,
             destructive,
-        }), ref: ref, loading: loading, disabled: isDisabled }, content));
+        }), ref: ref, loading: loading, disabled: isDisabled, children: content }));
 });
 GhostLink.displayName = "GhostLink";
 const GhostButton = Object.assign(_GhostButton, { Link: GhostLink });

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":";;;;;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;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/GhostButton/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { forwardRef } from \"react\"\nimport Button, { type ButtonProps, type LinkProps } from \"../ButtonComponent\"\nimport {\n  type ButtonTemplatePropsType,\n  getButtonCommonClassNames,\n  getButtonContent,\n} from \"../helpers\"\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":["_jsx"],"mappings":";;;;;;AAiBA,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,QACEA,IAAC,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,QAAA,EAEnB,OAAO,EAAA,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,QACEA,GAAC,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,QAAA,EAEnB,OAAO,EAAA,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,7 +1,8 @@
-import React, { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
-import { getButtonContent, getButtonCommonClassNames } from '../helpers.js';
+import { forwardRef } from 'react';
 import Button from '../ButtonComponent.js';
+import { getButtonContent, getButtonCommonClassNames } from '../helpers.js';
 
 const getComputedClassName = ({ className }) => cx(className, "cob-Button__inversed");
 const _InversedButton = forwardRef((props, ref) => {
@@ -15,7 +16,7 @@ const _InversedButton = forwardRef((props, ref) => {
         fullWidth,
         className,
     });
-    return (React.createElement(Button, { ...restButtonProps, className: getComputedClassName({ className: buttonClassNames }), ref: ref, loading: loading, disabled: isDisabled }, content));
+    return (jsx(Button, { ...restButtonProps, className: getComputedClassName({ className: buttonClassNames }), ref: ref, loading: loading, disabled: isDisabled, children: content }));
 });
 _InversedButton.displayName = "InversedButton";
 const InversedLink = forwardRef((props, ref) => {
@@ -29,7 +30,7 @@ const InversedLink = forwardRef((props, ref) => {
         fullWidth,
         className,
     });
-    return (React.createElement(Button.Link, { ...restLinkProps, className: getComputedClassName({ className: buttonClassNames }), ref: ref, loading: loading, disabled: isDisabled }, content));
+    return (jsx(Button.Link, { ...restLinkProps, className: getComputedClassName({ className: buttonClassNames }), ref: ref, loading: loading, disabled: isDisabled, children: content }));
 });
 InversedLink.displayName = "InversedLink";
 const InversedButton = Object.assign(_InversedButton, { Link: InversedLink });

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":";;;;;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;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/InversedButton/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { forwardRef } from \"react\"\nimport Button, { type ButtonProps, type LinkProps } from \"../ButtonComponent\"\nimport {\n  type ButtonTemplatePropsType,\n  getButtonCommonClassNames,\n  getButtonContent,\n} from \"../helpers\"\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":["_jsx"],"mappings":";;;;;;AAcA,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,QACEA,GAAA,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,QAAA,EAEnB,OAAO,EAAA,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,QACEA,GAAA,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,QAAA,EAEnB,OAAO,EAAA,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/SmallButton/index.js

@@ -1,7 +1,8 @@
-import React, { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
-import { getButtonContent, getButtonCommonClassNames } from '../helpers.js';
+import { forwardRef } from 'react';
 import Button from '../ButtonComponent.js';
+import { getButtonContent, getButtonCommonClassNames } from '../helpers.js';
 
 const getComputedClassName = ({ className, variant, destructive, }) => cx(className, "cob-Button__small", {
     "cob-Button__small--primary": variant === "primary",
@@ -24,11 +25,11 @@ const _SmallButton = forwardRef((props, ref) => {
         fullWidth,
         className,
     });
-    return (React.createElement(Button, { ...restButtonProps, className: getComputedClassName({
+    return (jsx(Button, { ...restButtonProps, className: getComputedClassName({
             className: buttonClassNames,
             variant,
             destructive,
-        }), ref: ref, loading: loading, disabled: isDisabled }, content));
+        }), ref: ref, loading: loading, disabled: isDisabled, children: content }));
 });
 _SmallButton.displayName = "SmallButton";
 const SmallLink = forwardRef((props, ref) => {
@@ -42,11 +43,11 @@ const SmallLink = forwardRef((props, ref) => {
         fullWidth,
         className,
     });
-    return (React.createElement(Button.Link, { ...restLinkProps, className: getComputedClassName({
+    return (jsx(Button.Link, { ...restLinkProps, className: getComputedClassName({
             className: buttonClassNames,
             variant,
             destructive,
-        }), ref: ref, loading: loading, disabled: isDisabled }, content));
+        }), ref: ref, loading: loading, disabled: isDisabled, children: content }));
 });
 SmallLink.displayName = "SmallLink";
 const SmallButton = Object.assign(_SmallButton, { Link: SmallLink });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/SmallButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n  ButtonTemplatePropsType,\n  getButtonCommonClassNames,\n  getButtonContent,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype SmallCommonPropsType = ButtonTemplatePropsType<{\n  variant?:\n    | \"primary\"\n    | \"warning\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"business\"\n    | \"success\"\n    | \"neutral\"\n  destructive?: boolean\n}>\n\nexport type SmallButtonPropsType = SmallCommonPropsType & ButtonProps\nexport type SmallLinkPropsType = SmallCommonPropsType & LinkProps\n\nexport type SmallButtonElement = React.ReactElement<SmallButtonPropsType>\n\nconst getComputedClassName = ({\n  className,\n  variant,\n  destructive,\n}: SmallCommonPropsType) =>\n  cx(className, \"cob-Button__small\", {\n    \"cob-Button__small--primary\": variant === \"primary\",\n    \"cob-Button__small--destructive\": destructive,\n    \"cob-Button__small--warning\": variant === \"warning\",\n    \"cob-Button__small--secondary\": variant === \"secondary\",\n    \"cob-Button__small--tertiary\": variant === \"tertiary\",\n    \"cob-Button__small--business\": variant === \"business\",\n    \"cob-Button__small--success\": variant === \"success\",\n    \"cob-Button__small--neutral\": variant === \"neutral\",\n  })\n\nconst _SmallButton = forwardRef<HTMLButtonElement, SmallButtonPropsType>(\n  (props: SmallButtonPropsType, ref) => {\n    const {\n      children,\n      variant,\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    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          variant,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  }\n)\n_SmallButton.displayName = \"SmallButton\"\n\nconst SmallLink = forwardRef<HTMLAnchorElement, SmallLinkPropsType>(\n  (props: SmallLinkPropsType, ref) => {\n    const {\n      children,\n      variant,\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    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          variant,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  }\n)\nSmallLink.displayName = \"SmallLink\"\n\nconst SmallButton = Object.assign(_SmallButton, { Link: SmallLink })\n\nexport default SmallButton\n"],"names":[],"mappings":";;;;;AA2BA,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,OAAO,EACP,WAAW,GACU,KACrB,EAAE,CAAC,SAAS,EAAE,mBAAmB,EAAE;IACjC,4BAA4B,EAAE,OAAO,KAAK,SAAS;AACnD,IAAA,gCAAgC,EAAE,WAAW;IAC7C,4BAA4B,EAAE,OAAO,KAAK,SAAS;IACnD,8BAA8B,EAAE,OAAO,KAAK,WAAW;IACvD,6BAA6B,EAAE,OAAO,KAAK,UAAU;IACrD,6BAA6B,EAAE,OAAO,KAAK,UAAU;IACrD,4BAA4B,EAAE,OAAO,KAAK,SAAS;IACnD,4BAA4B,EAAE,OAAO,KAAK,SAAS;AACpD,CAAA,CAAC,CAAA;AAEJ,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAA2B,EAAE,GAAG,KAAI;AACnC,IAAA,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,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;IACF,QACE,oBAAC,MAAM,EAAA,EAAA,GACD,eAAe,EACnB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,OAAO;YACP,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,OAAO,EACP,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;IACF,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EACN,EAAA,GAAA,aAAa,EACjB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,OAAO;YACP,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;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/SmallButton/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport type React from \"react\"\nimport { forwardRef } from \"react\"\nimport Button, { type ButtonProps, type LinkProps } from \"../ButtonComponent\"\nimport {\n  type ButtonTemplatePropsType,\n  getButtonCommonClassNames,\n  getButtonContent,\n} from \"../helpers\"\n\ntype SmallCommonPropsType = ButtonTemplatePropsType<{\n  variant?:\n    | \"primary\"\n    | \"warning\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"business\"\n    | \"success\"\n    | \"neutral\"\n  destructive?: boolean\n}>\n\nexport type SmallButtonPropsType = SmallCommonPropsType & ButtonProps\nexport type SmallLinkPropsType = SmallCommonPropsType & LinkProps\n\nexport type SmallButtonElement = React.ReactElement<SmallButtonPropsType>\n\nconst getComputedClassName = ({\n  className,\n  variant,\n  destructive,\n}: SmallCommonPropsType) =>\n  cx(className, \"cob-Button__small\", {\n    \"cob-Button__small--primary\": variant === \"primary\",\n    \"cob-Button__small--destructive\": destructive,\n    \"cob-Button__small--warning\": variant === \"warning\",\n    \"cob-Button__small--secondary\": variant === \"secondary\",\n    \"cob-Button__small--tertiary\": variant === \"tertiary\",\n    \"cob-Button__small--business\": variant === \"business\",\n    \"cob-Button__small--success\": variant === \"success\",\n    \"cob-Button__small--neutral\": variant === \"neutral\",\n  })\n\nconst _SmallButton = forwardRef<HTMLButtonElement, SmallButtonPropsType>(\n  (props: SmallButtonPropsType, ref) => {\n    const {\n      children,\n      variant,\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    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          variant,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  },\n)\n_SmallButton.displayName = \"SmallButton\"\n\nconst SmallLink = forwardRef<HTMLAnchorElement, SmallLinkPropsType>(\n  (props: SmallLinkPropsType, ref) => {\n    const {\n      children,\n      variant,\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    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          variant,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  },\n)\nSmallLink.displayName = \"SmallLink\"\n\nconst SmallButton = Object.assign(_SmallButton, { Link: SmallLink })\n\nexport default SmallButton\n"],"names":["_jsx"],"mappings":";;;;;;AA2BA,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,OAAO,EACP,WAAW,GACU,KACrB,EAAE,CAAC,SAAS,EAAE,mBAAmB,EAAE;IACjC,4BAA4B,EAAE,OAAO,KAAK,SAAS;AACnD,IAAA,gCAAgC,EAAE,WAAW;IAC7C,4BAA4B,EAAE,OAAO,KAAK,SAAS;IACnD,8BAA8B,EAAE,OAAO,KAAK,WAAW;IACvD,6BAA6B,EAAE,OAAO,KAAK,UAAU;IACrD,6BAA6B,EAAE,OAAO,KAAK,UAAU;IACrD,4BAA4B,EAAE,OAAO,KAAK,SAAS;IACnD,4BAA4B,EAAE,OAAO,KAAK,SAAS;AACpD,CAAA,CAAC,CAAA;AAEJ,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAA2B,EAAE,GAAG,KAAI;AACnC,IAAA,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,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;IACF,QACEA,IAAC,MAAM,EAAA,EAAA,GACD,eAAe,EACnB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,OAAO;YACP,WAAW;AACZ,SAAA,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,QAAA,EAEnB,OAAO,EAAA,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,OAAO,EACP,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;IACF,QACEA,GAAC,CAAA,MAAM,CAAC,IAAI,EACN,EAAA,GAAA,aAAa,EACjB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,OAAO;YACP,WAAW;AACZ,SAAA,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,QAAA,EAEnB,OAAO,EAAA,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/helpers.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import cx from 'classnames';
 import { Icon } from '../Icon/index.js';
 
@@ -6,18 +6,14 @@ const getButtonContent = ({ children, icon, iconPosition = icon ? "left" : undef
     if (!children && !icon) {
         throw new Error("Either an icon or children are required");
     }
-    const iconMarkup = icon ? (React.createElement("span", { key: iconPosition, className: cx("cob-Button__Icon", {
+    const iconMarkup = icon ? (jsx("span", { 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;
+        }), children: jsx(Icon, { source: icon }) }, iconPosition)) : 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));
+    const childContent = children ? (jsx("span", { className: "cob-Button__content", children: children }, "children")) : null;
+    return (jsxs(Fragment, { children: [leftIcon, childContent, rightIcon] }));
 };
 const getButtonCommonClassNames = ({ rounded, size, fullWidth, className, disabled, }) => cx(className, "cob-Button", {
     "cob-Button--rounded": rounded,

package/components/Buttons/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/components/Buttons/helpers.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nimport { Icon, IconSources } from \"../Icon\"\n\nexport type ButtonCommonPropsType = {\n  children?: React.ReactNode\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":";;;;MAoBa,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;KAC3D;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;;;;"}
+{"version":3,"file":"helpers.js","sources":["../../../src/components/Buttons/helpers.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport type React from \"react\"\n\nimport { Icon, type IconSources } from \"../Icon\"\n\nexport type ButtonCommonPropsType = {\n  children?: React.ReactNode\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":["_jsx","_jsxs"],"mappings":";;;;MAoBa,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;KAC3D;AAED,IAAA,MAAM,UAAU,GAAG,IAAI,IACrBA,GAAA,CAAA,MAAA,EAAA,EAEE,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;AAClE,SAAA,CAAC,YAEFA,GAAC,CAAA,IAAI,EAAC,EAAA,MAAM,EAAE,IAAI,EAAA,CAAI,EANjB,EAAA,YAAY,CAOZ,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,IAC3BA,cAAqB,SAAS,EAAC,qBAAqB,EACjD,QAAA,EAAA,QAAQ,IADD,UAAU,CAEb,IACL,IAAI,CAAA;IACR,QACEC,4BACG,QAAQ,EACR,YAAY,EACZ,SAAS,CACT,EAAA,CAAA,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/CalendarDayPicker/CalendarDayPicker.js

@@ -1,25 +1,20 @@
-import React, { useRef, useState, useEffect } from 'react';
-import { CalendarDayPickerMonth } from './CalendarDayPickerMonth.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
-import { Hint } from '../../Form/Hint.js';
 import addMonths from 'date-fns/addMonths';
+import { useState, useEffect } from 'react';
+import { Hint } from '../../Form/Hint.js';
+import { CalendarDayPickerMonth } from './CalendarDayPickerMonth.js';
 
 function CalendarDayPicker({ firstMonthDate = new Date(), numberOfMonths = 1, hint, firstAvailableDate = new Date(), lastAvailableDate, selectedDate, onChangeDate, onLeaveDate, onSelectDate, locale, }) {
-    const isFirstRender = useRef(true);
     firstMonthDate.setHours(0, 0, 0, 0);
     firstAvailableDate.setHours(0, 0, 0, 0);
-    const [internalSelectedDate, setInternalSelectedDate] = useState(selectedDate != null ? selectedDate : null);
+    const [internalSelectedDate, setInternalSelectedDate] = useState(selectedDate !== null && selectedDate !== void 0 ? selectedDate : null);
     useEffect(() => {
-        if (isFirstRender.current) {
-            isFirstRender.current = false;
-            return;
-        }
-        selectedDate !== internalSelectedDate &&
-            setInternalSelectedDate(selectedDate);
+        setInternalSelectedDate(selectedDate !== null && selectedDate !== void 0 ? selectedDate : null);
     }, [selectedDate]);
     const handleSelectDate = (date) => {
         setInternalSelectedDate(date);
-        onSelectDate && onSelectDate(date);
+        onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(date);
     };
     const handleChangeDate = (date, disabled) => {
         const processChange = onChangeDate
@@ -32,11 +27,9 @@ function CalendarDayPicker({ firstMonthDate = new Date(), numberOfMonths = 1, hi
     for (let i = 0; i < numberOfMonths - 1; i++) {
         months.push(addMonths(months[months.length - 1], 1));
     }
-    return (React.createElement("div", { className: "cobalt-CalendarDayPicker" },
-        React.createElement("div", { className: "cobalt-CalendarDayPicker__months-container" }, months.map((monthDate) => (React.createElement(CalendarDayPickerMonth, { key: monthDate.getTime(), month: monthDate, selectedDate: internalSelectedDate, onSelectDate: handleSelectDate, onChangeDate: handleChangeDate, onLeaveDate: onLeaveDate, firstAvailableDate: firstAvailableDate, lastAvailableDate: lastAvailableDate, locale: locale })))),
-        React.createElement("div", { className: cx("cobalt-CalendarDayPicker__message", {
-                "cobalt-CalendarDayPicker__message--show": !!hint,
-            }) }, hint && React.createElement(Hint, { status: hint.status }, hint.html))));
+    return (jsxs("div", { className: "cobalt-CalendarDayPicker", children: [jsx("div", { className: "cobalt-CalendarDayPicker__months-container", children: months.map((monthDate) => (jsx(CalendarDayPickerMonth, { month: monthDate, selectedDate: internalSelectedDate, onSelectDate: handleSelectDate, onChangeDate: handleChangeDate, onLeaveDate: onLeaveDate, firstAvailableDate: firstAvailableDate, lastAvailableDate: lastAvailableDate, locale: locale }, monthDate.getTime()))) }), jsx("div", { className: cx("cobalt-CalendarDayPicker__message", {
+                    "cobalt-CalendarDayPicker__message--show": !!hint,
+                }), children: hint && jsx(Hint, { status: hint.status, children: hint.html }) })] }));
 }
 
 export { CalendarDayPicker };

package/components/Calendar/CalendarDayPicker/CalendarDayPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDayPicker.js","sources":["../../../../src/components/Calendar/CalendarDayPicker/CalendarDayPicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\"\nimport { CalendarDayPickerMonth } from \"./CalendarDayPickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport addMonths from \"date-fns/addMonths\"\nimport { FormElementStatus } from \"../../Form/form\"\n\ntype CalendarDayPickerPropsType = {\n  numberOfMonths?: number\n  firstMonthDate?: Date\n  firstAvailableDate?: Date\n  lastAvailableDate?: Date\n  selectedDate?: Date | null\n  hint?: {\n    status?: FormElementStatus\n    html: string\n  }\n  onChangeDate?: (date: Date, disabled: boolean) => boolean\n  onLeaveDate?: (date: Date) => void\n  onSelectDate?: (date: Date) => void\n  locale?: Record<string, unknown>\n}\n\nexport function CalendarDayPicker({\n  firstMonthDate = new Date(),\n  numberOfMonths = 1,\n  hint,\n  firstAvailableDate = new Date(),\n  lastAvailableDate,\n  selectedDate,\n  onChangeDate,\n  onLeaveDate,\n  onSelectDate,\n  locale,\n}: CalendarDayPickerPropsType) {\n  const isFirstRender = useRef(true)\n\n  firstMonthDate.setHours(0, 0, 0, 0)\n  firstAvailableDate.setHours(0, 0, 0, 0)\n\n  const [internalSelectedDate, setInternalSelectedDate] = useState<\n    Date | null | undefined\n  >(selectedDate != null ? selectedDate : null)\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false\n      return\n    }\n    selectedDate !== internalSelectedDate &&\n      setInternalSelectedDate(selectedDate)\n  }, [selectedDate])\n\n  const handleSelectDate = (date: Date) => {\n    setInternalSelectedDate(date)\n    onSelectDate && onSelectDate(date)\n  }\n\n  const handleChangeDate = (date: Date, disabled: boolean) => {\n    const processChange = onChangeDate\n      ? onChangeDate(date, disabled) !== false\n      : true\n\n    if (!processChange || disabled) return\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-CalendarDayPicker\">\n      <div className=\"cobalt-CalendarDayPicker__months-container\">\n        {months.map((monthDate) => (\n          <CalendarDayPickerMonth\n            key={monthDate.getTime()}\n            month={monthDate}\n            selectedDate={internalSelectedDate}\n            onSelectDate={handleSelectDate}\n            onChangeDate={handleChangeDate}\n            onLeaveDate={onLeaveDate}\n            firstAvailableDate={firstAvailableDate}\n            lastAvailableDate={lastAvailableDate}\n            locale={locale}\n          />\n        ))}\n      </div>\n\n      <div\n        className={classNames(\"cobalt-CalendarDayPicker__message\", {\n          \"cobalt-CalendarDayPicker__message--show\": !!hint,\n        })}\n      >\n        {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames"],"mappings":";;;;;;AAuBgB,SAAA,iBAAiB,CAAC,EAChC,cAAc,GAAG,IAAI,IAAI,EAAE,EAC3B,cAAc,GAAG,CAAC,EAClB,IAAI,EACJ,kBAAkB,GAAG,IAAI,IAAI,EAAE,EAC/B,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,MAAM,GACqB,EAAA;AAC3B,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAElC,cAAc,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACnC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAEvC,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAE9D,YAAY,IAAI,IAAI,GAAG,YAAY,GAAG,IAAI,CAAC,CAAA;IAE7C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,aAAa,CAAC,OAAO,EAAE;AACzB,YAAA,aAAa,CAAC,OAAO,GAAG,KAAK,CAAA;YAC7B,OAAM;SACP;AACD,QAAA,YAAY,KAAK,oBAAoB;YACnC,uBAAuB,CAAC,YAAY,CAAC,CAAA;AACzC,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;AAElB,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAU,KAAI;QACtC,uBAAuB,CAAC,IAAI,CAAC,CAAA;AAC7B,QAAA,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;AACpC,KAAC,CAAA;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAU,EAAE,QAAiB,KAAI;QACzD,MAAM,aAAa,GAAG,YAAY;cAC9B,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,KAAK;cACtC,IAAI,CAAA;QAER,IAAI,CAAC,aAAa,IAAI,QAAQ;YAAE,OAAM;AACxC,KAAC,CAAA;AAED,IAAA,MAAM,MAAM,GAAG,CAAC,cAAc,CAAC,CAAA;AAC/B,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC3C,QAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;KACrD;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,EAAA;QACvC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,4CAA4C,EACxD,EAAA,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,MACpB,KAAA,CAAA,aAAA,CAAC,sBAAsB,EAAA,EACrB,GAAG,EAAE,SAAS,CAAC,OAAO,EAAE,EACxB,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,oBAAoB,EAClC,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EAAA,CACd,CACH,CAAC,CACE;AAEN,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEA,EAAU,CAAC,mCAAmC,EAAE;gBACzD,yCAAyC,EAAE,CAAC,CAAC,IAAI;AAClD,aAAA,CAAC,IAED,IAAI,IAAI,oBAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,EAAG,IAAI,CAAC,IAAI,CAAQ,CAClD,CACF,EACP;AACH;;;;"}
+{"version":3,"file":"CalendarDayPicker.js","sources":["../../../../src/components/Calendar/CalendarDayPicker/CalendarDayPicker.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport type { Locale } from \"date-fns\"\nimport addMonths from \"date-fns/addMonths\"\nimport { useEffect, useState } from \"react\"\nimport type { FormElementStatus } from \"../../Form/form\"\nimport { Hint } from \"../../Form/Hint\"\nimport { CalendarDayPickerMonth } from \"./CalendarDayPickerMonth\"\n\ntype CalendarDayPickerPropsType = {\n  numberOfMonths?: number\n  firstMonthDate?: Date\n  firstAvailableDate?: Date\n  lastAvailableDate?: Date\n  selectedDate?: Date | null\n  hint?: {\n    status?: FormElementStatus\n    html: string\n  }\n  onChangeDate?: (date: Date, disabled: boolean) => boolean\n  onLeaveDate?: (date: Date) => void\n  onSelectDate?: (date: Date) => void\n  locale?: Locale\n}\n\nexport function CalendarDayPicker({\n  firstMonthDate = new Date(),\n  numberOfMonths = 1,\n  hint,\n  firstAvailableDate = new Date(),\n  lastAvailableDate,\n  selectedDate,\n  onChangeDate,\n  onLeaveDate,\n  onSelectDate,\n  locale,\n}: CalendarDayPickerPropsType) {\n  firstMonthDate.setHours(0, 0, 0, 0)\n  firstAvailableDate.setHours(0, 0, 0, 0)\n\n  const [internalSelectedDate, setInternalSelectedDate] = useState<\n    Date | null | undefined\n  >(selectedDate ?? null)\n\n  useEffect(() => {\n    setInternalSelectedDate(selectedDate ?? null)\n  }, [selectedDate])\n\n  const handleSelectDate = (date: Date) => {\n    setInternalSelectedDate(date)\n    onSelectDate?.(date)\n  }\n\n  const handleChangeDate = (date: Date, disabled: boolean) => {\n    const processChange = onChangeDate\n      ? onChangeDate(date, disabled) !== false\n      : true\n\n    if (!processChange || disabled) return\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-CalendarDayPicker\">\n      <div className=\"cobalt-CalendarDayPicker__months-container\">\n        {months.map((monthDate) => (\n          <CalendarDayPickerMonth\n            key={monthDate.getTime()}\n            month={monthDate}\n            selectedDate={internalSelectedDate}\n            onSelectDate={handleSelectDate}\n            onChangeDate={handleChangeDate}\n            onLeaveDate={onLeaveDate}\n            firstAvailableDate={firstAvailableDate}\n            lastAvailableDate={lastAvailableDate}\n            locale={locale}\n          />\n        ))}\n      </div>\n\n      <div\n        className={classNames(\"cobalt-CalendarDayPicker__message\", {\n          \"cobalt-CalendarDayPicker__message--show\": !!hint,\n        })}\n      >\n        {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n      </div>\n    </div>\n  )\n}\n"],"names":["_jsxs","_jsx","classNames"],"mappings":";;;;;;;AAwBgB,SAAA,iBAAiB,CAAC,EAChC,cAAc,GAAG,IAAI,IAAI,EAAE,EAC3B,cAAc,GAAG,CAAC,EAClB,IAAI,EACJ,kBAAkB,GAAG,IAAI,IAAI,EAAE,EAC/B,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,MAAM,GACqB,EAAA;IAC3B,cAAc,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACnC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;AAEvC,IAAA,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAE9D,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,KAAA,CAAA,GAAA,YAAY,GAAI,IAAI,CAAC,CAAA;IAEvB,SAAS,CAAC,MAAK;QACb,uBAAuB,CAAC,YAAY,KAAZ,IAAA,IAAA,YAAY,cAAZ,YAAY,GAAI,IAAI,CAAC,CAAA;AAC/C,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;AAElB,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAU,KAAI;QACtC,uBAAuB,CAAC,IAAI,CAAC,CAAA;AAC7B,QAAA,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,IAAI,CAAC,CAAA;AACtB,KAAC,CAAA;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAU,EAAE,QAAiB,KAAI;QACzD,MAAM,aAAa,GAAG,YAAY;cAC9B,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,KAAK;cACtC,IAAI,CAAA;QAER,IAAI,CAAC,aAAa,IAAI,QAAQ;YAAE,OAAM;AACxC,KAAC,CAAA;AAED,IAAA,MAAM,MAAM,GAAG,CAAC,cAAc,CAAC,CAAA;AAC/B,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC3C,QAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;KACrD;AAED,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,EACvC,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4CAA4C,EAAA,QAAA,EACxD,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,MACpBA,GAAA,CAAC,sBAAsB,EAErB,EAAA,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,oBAAoB,EAClC,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EAAA,EART,SAAS,CAAC,OAAO,EAAE,CASxB,CACH,CAAC,EACE,CAAA,EAENA,aACE,SAAS,EAAEC,EAAU,CAAC,mCAAmC,EAAE;oBACzD,yCAAyC,EAAE,CAAC,CAAC,IAAI;AAClD,iBAAA,CAAC,YAED,IAAI,IAAID,IAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,QAAA,EAAG,IAAI,CAAC,IAAI,GAAQ,EAClD,CAAA,CAAA,EAAA,CACF,EACP;AACH;;;;"}

package/components/Calendar/CalendarDayPicker/CalendarDayPickerDay.js

@@ -1,21 +1,21 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
 import { format } from 'date-fns';
+import React from 'react';
 
 function CalendarDayPickerDay({ date, isToday, selected, disabled, onSelect, onMouseEnter, onMouseLeave, }) {
     const handleSelectDate = () => {
         !disabled && onSelect(date);
     };
-    return (React.createElement("div", { className: cx("cobalt-CalendarDayPicker__day", {
+    return (jsx("button", { className: cx("cobalt-CalendarDayPicker__day", {
             "cobalt-CalendarDayPicker__day--today": isToday,
             "cobalt-CalendarDayPicker__day--selected": selected,
             "cobalt-CalendarDayPicker__day--disabled": disabled,
         }), onMouseEnter: () => {
-            onMouseEnter && onMouseEnter(date, !!disabled);
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(date, !!disabled);
         }, onMouseLeave: () => {
-            onMouseLeave && onMouseLeave(date);
-        }, onClick: handleSelectDate, "data-day": format(date, "yyyy-MM-dd") },
-        React.createElement("div", { className: "cobalt-CalendarDayPicker__day-inner" }, date.getDate())));
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(date);
+        }, onClick: handleSelectDate, "data-day": format(date, "yyyy-MM-dd"), type: "button", children: jsx("div", { className: "cobalt-CalendarDayPicker__day-inner", children: date.getDate() }) }));
 }
 function areEqual(prevProps, nextProps) {
     return prevProps.selected === nextProps.selected;

package/components/Calendar/CalendarDayPicker/CalendarDayPickerDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDayPickerDay.js","sources":["../../../../src/components/Calendar/CalendarDayPicker/CalendarDayPickerDay.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { format } from \"date-fns\"\n\ntype CalendarDayPickerDayPropsType = {\n  date: Date\n  isToday?: boolean\n  selected?: boolean\n  disabled?: boolean\n  onSelect: (date: Date) => void\n  onMouseEnter?: (date: Date, disabled: boolean) => void\n  onMouseLeave?: (date: Date) => void\n}\n\nfunction CalendarDayPickerDay({\n  date,\n  isToday,\n  selected,\n  disabled,\n  onSelect,\n  onMouseEnter,\n  onMouseLeave,\n}: CalendarDayPickerDayPropsType) {\n  const handleSelectDate = () => {\n    !disabled && onSelect(date)\n  }\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarDayPicker__day\", {\n        \"cobalt-CalendarDayPicker__day--today\": isToday,\n        \"cobalt-CalendarDayPicker__day--selected\": selected,\n        \"cobalt-CalendarDayPicker__day--disabled\": disabled,\n      })}\n      onMouseEnter={() => {\n        onMouseEnter && onMouseEnter(date, !!disabled)\n      }}\n      onMouseLeave={() => {\n        onMouseLeave && onMouseLeave(date)\n      }}\n      onClick={handleSelectDate}\n      data-day={format(date, \"yyyy-MM-dd\")}\n    >\n      <div className=\"cobalt-CalendarDayPicker__day-inner\">\n        {date.getDate()}\n      </div>\n    </div>\n  )\n}\n\nfunction areEqual(\n  prevProps: CalendarDayPickerDayPropsType,\n  nextProps: CalendarDayPickerDayPropsType\n) {\n  return prevProps.selected === nextProps.selected\n}\n\nconst MemoizedComponent = React.memo(CalendarDayPickerDay, areEqual)\nMemoizedComponent.displayName = \"CalendarDayPickerDay\"\n\nexport { MemoizedComponent as CalendarDayPickerDay }\n"],"names":["classNames"],"mappings":";;;;AAcA,SAAS,oBAAoB,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,YAAY,GACkB,EAAA;IAC9B,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,+BAA+B,EAAE;AACrD,YAAA,sCAAsC,EAAE,OAAO;AAC/C,YAAA,yCAAyC,EAAE,QAAQ;AACnD,YAAA,yCAAyC,EAAE,QAAQ;AACpD,SAAA,CAAC,EACF,YAAY,EAAE,MAAK;YACjB,YAAY,IAAI,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;AAChD,SAAC,EACD,YAAY,EAAE,MAAK;AACjB,YAAA,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;SACnC,EACD,OAAO,EAAE,gBAAgB,EAAA,UAAA,EACf,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,EAAA;QAEpC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qCAAqC,EACjD,EAAA,IAAI,CAAC,OAAO,EAAE,CACX,CACF,EACP;AACH,CAAC;AAED,SAAS,QAAQ,CACf,SAAwC,EACxC,SAAwC,EAAA;AAExC,IAAA,OAAO,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,CAAA;AAClD,CAAC;AAEK,MAAA,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,oBAAoB,EAAE,QAAQ,EAAC;AACpE,iBAAiB,CAAC,WAAW,GAAG,sBAAsB;;;;"}
+{"version":3,"file":"CalendarDayPickerDay.js","sources":["../../../../src/components/Calendar/CalendarDayPicker/CalendarDayPickerDay.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport { format } from \"date-fns\"\nimport React from \"react\"\n\ntype CalendarDayPickerDayPropsType = {\n  date: Date\n  isToday?: boolean\n  selected?: boolean\n  disabled?: boolean\n  onSelect: (date: Date) => void\n  onMouseEnter?: (date: Date, disabled: boolean) => void\n  onMouseLeave?: (date: Date) => void\n}\n\nfunction CalendarDayPickerDay({\n  date,\n  isToday,\n  selected,\n  disabled,\n  onSelect,\n  onMouseEnter,\n  onMouseLeave,\n}: CalendarDayPickerDayPropsType) {\n  const handleSelectDate = () => {\n    !disabled && onSelect(date)\n  }\n\n  return (\n    <button\n      className={classNames(\"cobalt-CalendarDayPicker__day\", {\n        \"cobalt-CalendarDayPicker__day--today\": isToday,\n        \"cobalt-CalendarDayPicker__day--selected\": selected,\n        \"cobalt-CalendarDayPicker__day--disabled\": disabled,\n      })}\n      onMouseEnter={() => {\n        onMouseEnter?.(date, !!disabled)\n      }}\n      onMouseLeave={() => {\n        onMouseLeave?.(date)\n      }}\n      onClick={handleSelectDate}\n      data-day={format(date, \"yyyy-MM-dd\")}\n      type=\"button\"\n    >\n      <div className=\"cobalt-CalendarDayPicker__day-inner\">\n        {date.getDate()}\n      </div>\n    </button>\n  )\n}\n\nfunction areEqual(\n  prevProps: CalendarDayPickerDayPropsType,\n  nextProps: CalendarDayPickerDayPropsType,\n) {\n  return prevProps.selected === nextProps.selected\n}\n\nconst MemoizedComponent = React.memo(CalendarDayPickerDay, areEqual)\nMemoizedComponent.displayName = \"CalendarDayPickerDay\"\n\nexport { MemoizedComponent as CalendarDayPickerDay }\n"],"names":["_jsx","classNames"],"mappings":";;;;;AAcA,SAAS,oBAAoB,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,YAAY,GACkB,EAAA;IAC9B,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;AAC7B,KAAC,CAAA;AAED,IAAA,QACEA,GACE,CAAA,QAAA,EAAA,EAAA,SAAS,EAAEC,EAAU,CAAC,+BAA+B,EAAE;AACrD,YAAA,sCAAsC,EAAE,OAAO;AAC/C,YAAA,yCAAyC,EAAE,QAAQ;AACnD,YAAA,yCAAyC,EAAE,QAAQ;AACpD,SAAA,CAAC,EACF,YAAY,EAAE,MAAK;YACjB,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;AAClC,SAAC,EACD,YAAY,EAAE,MAAK;AACjB,YAAA,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,IAAI,CAAC,CAAA;AACtB,SAAC,EACD,OAAO,EAAE,gBAAgB,EACf,UAAA,EAAA,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,EACpC,IAAI,EAAC,QAAQ,EAAA,QAAA,EAEbD,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qCAAqC,EACjD,QAAA,EAAA,IAAI,CAAC,OAAO,EAAE,EAAA,CACX,EACC,CAAA,EACV;AACH,CAAC;AAED,SAAS,QAAQ,CACf,SAAwC,EACxC,SAAwC,EAAA;AAExC,IAAA,OAAO,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,CAAA;AAClD,CAAC;AAEK,MAAA,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,oBAAoB,EAAE,QAAQ,EAAC;AACpE,iBAAiB,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/components/Calendar/CalendarDayPicker/CalendarDayPickerMonth.js

@@ -1,7 +1,8 @@
-import React, { useRef } from 'react';
-import { CalendarDayPickerDay as MemoizedComponent } from './CalendarDayPickerDay.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { format, isSameDay } from 'date-fns';
+import { useRef } from 'react';
 import { getWeekDays, getMonthDaysByWeeks } from '../utils.js';
+import { CalendarDayPickerDay as MemoizedComponent } from './CalendarDayPickerDay.js';
 
 function isDisabled(day, firstAvailableDate, lastAvailableDate) {
     return (day.getTime() < firstAvailableDate.getTime() ||
@@ -22,13 +23,9 @@ function CalendarDayPickerMonth({ month, selectedDate, onSelectDate, onChangeDat
             onSelectDate(targetDate);
         }
     };
-    return (React.createElement("div", { className: "cobalt-CalendarDayPicker__month", "data-month": format(month, "yyyy-MM") },
-        React.createElement("div", { className: "cobalt-CalendarDayPicker__month-header" }, format(month, "MMMM yyyy", { locale })),
-        React.createElement("div", { className: "cobalt-CalendarDayPicker__month__weeks-container" },
-            React.createElement("div", { className: "cobalt-CalendarDayPicker__month__week-header" }, weekdays.map((weekday) => (React.createElement("div", { key: weekday.getTime(), className: "cobalt-CalendarDayPicker__month__day-header" }, format(weekday, "iiiiii", { locale }))))),
-            byWeeks.current.map((week, index) => (React.createElement("div", { key: index, className: "cobalt-CalendarDayPicker__month__week" }, week.map((day) => {
-                return (React.createElement(MemoizedComponent, { key: day.getTime(), onMouseEnter: onMouseEnter, onMouseLeave: onLeaveDate, date: day, onSelect: onSelect, isToday: isSameDay(day, today), disabled: isDisabled(day, firstAvailableDate, lastAvailableDate), selected: areEqualDays(day, selectedDate) }));
-            })))))));
+    return (jsxs("div", { className: "cobalt-CalendarDayPicker__month", "data-month": format(month, "yyyy-MM"), children: [jsx("div", { className: "cobalt-CalendarDayPicker__month-header", children: format(month, "MMMM yyyy", { locale }) }), jsxs("div", { className: "cobalt-CalendarDayPicker__month__weeks-container", children: [jsx("div", { className: "cobalt-CalendarDayPicker__month__week-header", children: weekdays.map((weekday) => (jsx("div", { className: "cobalt-CalendarDayPicker__month__day-header", children: format(weekday, "iiiiii", { locale }) }, weekday.getTime()))) }), byWeeks.current.map((week, index) => (jsx("div", { className: "cobalt-CalendarDayPicker__month__week", children: week.map((day) => {
+                            return (jsx(MemoizedComponent, { onMouseEnter: onMouseEnter, onMouseLeave: onLeaveDate, date: day, onSelect: onSelect, isToday: isSameDay(day, today), disabled: isDisabled(day, firstAvailableDate, lastAvailableDate), selected: areEqualDays(day, selectedDate) }, day.getTime()));
+                        }) }, `week-${index}-${week.map((day) => day.getTime()).join("-")}`)))] })] }));
 }
 
 export { CalendarDayPickerMonth };

package/components/Calendar/CalendarDayPicker/CalendarDayPickerMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDayPickerMonth.js","sources":["../../../../src/components/Calendar/CalendarDayPicker/CalendarDayPickerMonth.tsx"],"sourcesContent":["import React, { useRef } from \"react\"\nimport { CalendarDayPickerDay } from \"./CalendarDayPickerDay\"\nimport { format, isSameDay } from \"date-fns\"\nimport { getMonthDaysByWeeks, getWeekDays } from \"../utils\"\n\ntype CalendarDayPickerMonthPropsType = {\n  month: Date\n  selectedDate?: Date | null\n  onSelectDate: (date: Date) => void\n  onChangeDate: (date: Date, disabled: boolean) => void\n  onLeaveDate?: (date: Date) => void\n  firstAvailableDate: Date\n  lastAvailableDate?: Date\n  locale: any\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 areEqualDays(\n  date1: Date | null | undefined,\n  date2: Date | null | undefined\n) {\n  return date1 != null && date2 != null && isSameDay(date1, date2)\n}\n\nconst weekdays = getWeekDays()\nconst today = new Date().setHours(0, 0, 0, 0)\n\nexport function CalendarDayPickerMonth({\n  month,\n  selectedDate,\n  onSelectDate,\n  onChangeDate,\n  onLeaveDate,\n  firstAvailableDate,\n  lastAvailableDate,\n  locale,\n}: CalendarDayPickerMonthPropsType) {\n  const byWeeks = useRef(getMonthDaysByWeeks(month))\n\n  const onMouseEnter = (day: Date, disabled: boolean) => {\n    onChangeDate(day, disabled)\n  }\n\n  const onSelect = (targetDate: Date) => {\n    if (!areEqualDays(targetDate, selectedDate)) {\n      onSelectDate(targetDate)\n    }\n  }\n\n  return (\n    <div\n      className=\"cobalt-CalendarDayPicker__month\"\n      data-month={format(month, \"yyyy-MM\")}\n    >\n      <div className=\"cobalt-CalendarDayPicker__month-header\">\n        {format(month, \"MMMM yyyy\", { locale })}\n      </div>\n      <div className=\"cobalt-CalendarDayPicker__month__weeks-container\">\n        <div className=\"cobalt-CalendarDayPicker__month__week-header\">\n          {weekdays.map((weekday) => (\n            <div\n              key={weekday.getTime()}\n              className=\"cobalt-CalendarDayPicker__month__day-header\"\n            >\n              {format(weekday, \"iiiiii\", { locale })}\n            </div>\n          ))}\n        </div>\n        {byWeeks.current.map((week, index) => (\n          <div key={index} className=\"cobalt-CalendarDayPicker__month__week\">\n            {week.map((day) => {\n              return (\n                <CalendarDayPickerDay\n                  key={day.getTime()}\n                  onMouseEnter={onMouseEnter}\n                  onMouseLeave={onLeaveDate}\n                  date={day}\n                  onSelect={onSelect}\n                  isToday={isSameDay(day, today)}\n                  disabled={isDisabled(\n                    day,\n                    firstAvailableDate,\n                    lastAvailableDate\n                  )}\n                  selected={areEqualDays(day, selectedDate)}\n                />\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["CalendarDayPickerDay"],"mappings":"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"}
+{"version":3,"file":"CalendarDayPickerMonth.js","sources":["../../../../src/components/Calendar/CalendarDayPicker/CalendarDayPickerMonth.tsx"],"sourcesContent":["import { format, isSameDay, type Locale } from \"date-fns\"\nimport { useRef } from \"react\"\nimport { getMonthDaysByWeeks, getWeekDays } from \"../utils\"\nimport { CalendarDayPickerDay } from \"./CalendarDayPickerDay\"\n\ntype CalendarDayPickerMonthPropsType = {\n  month: Date\n  selectedDate?: Date | null\n  onSelectDate: (date: Date) => void\n  onChangeDate: (date: Date, disabled: boolean) => void\n  onLeaveDate?: (date: Date) => void\n  firstAvailableDate: Date\n  lastAvailableDate?: Date\n  locale?: Locale\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 areEqualDays(\n  date1: Date | null | undefined,\n  date2: Date | null | undefined,\n) {\n  return date1 != null && date2 != null && isSameDay(date1, date2)\n}\n\nconst weekdays = getWeekDays()\nconst today = new Date().setHours(0, 0, 0, 0)\n\nexport function CalendarDayPickerMonth({\n  month,\n  selectedDate,\n  onSelectDate,\n  onChangeDate,\n  onLeaveDate,\n  firstAvailableDate,\n  lastAvailableDate,\n  locale,\n}: CalendarDayPickerMonthPropsType) {\n  const byWeeks = useRef(getMonthDaysByWeeks(month))\n\n  const onMouseEnter = (day: Date, disabled: boolean) => {\n    onChangeDate(day, disabled)\n  }\n\n  const onSelect = (targetDate: Date) => {\n    if (!areEqualDays(targetDate, selectedDate)) {\n      onSelectDate(targetDate)\n    }\n  }\n\n  return (\n    <div\n      className=\"cobalt-CalendarDayPicker__month\"\n      data-month={format(month, \"yyyy-MM\")}\n    >\n      <div className=\"cobalt-CalendarDayPicker__month-header\">\n        {format(month, \"MMMM yyyy\", { locale })}\n      </div>\n      <div className=\"cobalt-CalendarDayPicker__month__weeks-container\">\n        <div className=\"cobalt-CalendarDayPicker__month__week-header\">\n          {weekdays.map((weekday) => (\n            <div\n              key={weekday.getTime()}\n              className=\"cobalt-CalendarDayPicker__month__day-header\"\n            >\n              {format(weekday, \"iiiiii\", { locale })}\n            </div>\n          ))}\n        </div>\n        {byWeeks.current.map((week, index) => (\n          <div\n            key={`week-${index}-${week.map((day) => day.getTime()).join(\"-\")}`}\n            className=\"cobalt-CalendarDayPicker__month__week\"\n          >\n            {week.map((day) => {\n              return (\n                <CalendarDayPickerDay\n                  key={day.getTime()}\n                  onMouseEnter={onMouseEnter}\n                  onMouseLeave={onLeaveDate}\n                  date={day}\n                  onSelect={onSelect}\n                  isToday={isSameDay(day, today)}\n                  disabled={isDisabled(\n                    day,\n                    firstAvailableDate,\n                    lastAvailableDate,\n                  )}\n                  selected={areEqualDays(day, selectedDate)}\n                />\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["_jsxs","_jsx","CalendarDayPickerDay"],"mappings":"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"}

package/components/Calendar/CalendarRangePicker/CalendarRangePicker.js

@@ -1,9 +1,10 @@
-import React, { useRef, useState, useEffect } from 'react';
-import { CalendarRangePickerMonth } from './CalendarRangePickerMonth.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
-import { Hint } from '../../Form/Hint.js';
 import addMonths from 'date-fns/addMonths';
 import startOfDay from 'date-fns/startOfDay';
+import { useRef, useState, useEffect } from 'react';
+import { Hint } from '../../Form/Hint.js';
+import { CalendarRangePickerMonth } from './CalendarRangePickerMonth.js';
 
 function CalendarRangePicker({ rangeConstraints, firstMonthDate = new Date(), numberOfMonths = 1, hint, firstAvailableDate = new Date(), lastAvailableDate, isEditingStartDate, isEditingEndDate, startDate, endDate, onChangeDate, onLeaveDate, onSelectDate, isDayDisabledFn, hasDayNotificationFn, isDayInvalidForSelectionFn, dayHoverTooltipFn, isSundayFirstDayOfWeek, locale, }) {
     const isFirstRender = useRef(true);
@@ -24,19 +25,23 @@ function CalendarRangePicker({ rangeConstraints, firstMonthDate = new Date(), nu
         });
     }, [startDate, endDate]);
     useEffect(() => {
+        if (!isEditingEndDate)
+            return;
         if (rangeDates.startDate && !rangeDates.endDate) {
             setRangeDates({ ...rangeDates, endDate: rangeDates.startDate });
         }
-    }, [isEditingEndDate]);
+    }, [isEditingEndDate, rangeDates]);
     useEffect(() => {
+        if (!isEditingStartDate)
+            return;
         if (rangeDates.endDate && !rangeDates.startDate) {
             setRangeDates({ ...rangeDates, startDate: rangeDates.endDate });
         }
-    }, [isEditingStartDate]);
+    }, [isEditingStartDate, rangeDates]);
     const handleSelectDate = (date, isDateOutOfRange) => {
         if (isDateOutOfRange && isEditingEndDate)
             return;
-        onSelectDate && onSelectDate(date, !!isDateOutOfRange);
+        onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(date, !!isDateOutOfRange);
     };
     const handleChangeDate = (date, status) => {
         const processChange = onChangeDate && (isEditingStartDate || isEditingEndDate)
@@ -55,13 +60,11 @@ function CalendarRangePicker({ rangeConstraints, firstMonthDate = new Date(), nu
     for (let i = 0; i < numberOfMonths - 1; i++) {
         months.push(addMonths(months[months.length - 1], 1));
     }
-    return (React.createElement("div", { className: cx("cobalt-CalendarRangePicker", {
+    return (jsxs("div", { className: cx("cobalt-CalendarRangePicker", {
             "cobalt-CalendarRangePicker--isEditing": isEditingStartDate || isEditingEndDate,
-        }) },
-        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, rangeConstraints: rangeConstraints, firstAvailableDate: firstAvailableDate, lastAvailableDate: lastAvailableDate, isDayDisabledFn: isDayDisabledFn, hasDayNotificationFn: hasDayNotificationFn, isDayInvalidForSelectionFn: isDayInvalidForSelectionFn, isSundayFirstDayOfWeek: isSundayFirstDayOfWeek, dayHoverTooltipFn: dayHoverTooltipFn, locale: locale })))),
-        React.createElement("div", { className: cx("cobalt-CalendarRangePicker__message", {
-                "cobalt-CalendarRangePicker__message--show": !!hint,
-            }) }, hint && React.createElement(Hint, { status: hint.status }, hint.html))));
+        }), children: [jsx("div", { className: "cobalt-CalendarRangePicker__months-container", children: months.map((monthDate) => (jsx(CalendarRangePickerMonth, { date: monthDate, startDate: rangeDates.startDate, endDate: rangeDates.endDate, onSelectDate: handleSelectDate, onChangeDate: handleChangeDate, onLeaveDate: onLeaveDate, isEditingStartDate: isEditingStartDate, isEditingEndDate: isEditingEndDate, rangeConstraints: rangeConstraints, firstAvailableDate: firstAvailableDate, lastAvailableDate: lastAvailableDate, isDayDisabledFn: isDayDisabledFn, hasDayNotificationFn: hasDayNotificationFn, isDayInvalidForSelectionFn: isDayInvalidForSelectionFn, isSundayFirstDayOfWeek: isSundayFirstDayOfWeek, dayHoverTooltipFn: dayHoverTooltipFn, locale: locale }, monthDate.getTime()))) }), jsx("div", { className: cx("cobalt-CalendarRangePicker__message", {
+                    "cobalt-CalendarRangePicker__message--show": !!hint,
+                }), children: hint && jsx(Hint, { status: hint.status, children: hint.html }) })] }));
 }
 
 export { CalendarRangePicker };

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, useRef } 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\"\nimport startOfDay from \"date-fns/startOfDay\"\nimport cx from \"classnames\"\n\nexport interface RangeConstraintInterface {\n  value: number\n  message: string\n}\n\nexport interface RangeConstraintsInterface {\n  min?: RangeConstraintInterface\n  max?: RangeConstraintInterface\n}\n\nexport interface DayStatusInterface {\n  isRangeExceeded?: boolean\n  isRangeTooShort?: boolean\n  isCustomInvalid?: boolean\n  isDisabled?: boolean\n}\n\nexport type CalendarRangePickerPropsType = {\n  numberOfMonths?: number\n  firstMonthDate?: Date\n  rangeConstraints?: RangeConstraintsInterface\n  firstAvailableDate?: Date\n  lastAvailableDate?: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  startDate: Date | undefined\n  endDate: Date | undefined\n  isDayDisabledFn?: (day: Date) => boolean\n  hasDayNotificationFn?: (day: Date) => boolean\n  isDayInvalidForSelectionFn?: (day: Date) => boolean\n  dayHoverTooltipFn?: (day: Date) => string | undefined\n  isSundayFirstDayOfWeek?: boolean\n  hint?: {\n    status?: FormElementStatus\n    html: string\n  }\n  onChangeDate?: (date: Date, status: DayStatusInterface) => boolean\n  onLeaveDate?: (date: Date) => void\n  onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n  locale?: Record<string, unknown>\n}\n\nexport function CalendarRangePicker({\n  rangeConstraints,\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  isDayDisabledFn,\n  hasDayNotificationFn,\n  isDayInvalidForSelectionFn,\n  dayHoverTooltipFn,\n  isSundayFirstDayOfWeek,\n  locale,\n}: CalendarRangePickerPropsType) {\n  const isFirstRender = useRef(true)\n\n  firstMonthDate.setHours(0, 0, 0, 0)\n  firstAvailableDate.setHours(0, 0, 0, 0)\n\n  const [rangeDates, setRangeDates] = useState({\n    startDate: startDate ? startOfDay(startDate) : undefined,\n    endDate: endDate ? startOfDay(endDate) : undefined,\n  })\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false\n      return\n    }\n    setRangeDates({\n      startDate: startDate ? startOfDay(startDate) : undefined,\n      endDate: endDate ? startOfDay(endDate) : undefined,\n    })\n  }, [startDate, endDate])\n\n  useEffect(() => {\n    if (rangeDates.startDate && !rangeDates.endDate) {\n      setRangeDates({ ...rangeDates, endDate: rangeDates.startDate })\n    }\n  }, [isEditingEndDate])\n\n  useEffect(() => {\n    if (rangeDates.endDate && !rangeDates.startDate) {\n      setRangeDates({ ...rangeDates, startDate: rangeDates.endDate })\n    }\n  }, [isEditingStartDate])\n\n  const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n    if (isDateOutOfRange && isEditingEndDate) return\n\n    onSelectDate && onSelectDate(date, !!isDateOutOfRange)\n  }\n\n  const handleChangeDate = (date: Date, status: DayStatusInterface) => {\n    const processChange =\n      onChangeDate && (isEditingStartDate || isEditingEndDate)\n        ? onChangeDate(date, status) !== false\n        : true\n\n    if (!processChange || status.isDisabled) 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\n      className={cx(\"cobalt-CalendarRangePicker\", {\n        \"cobalt-CalendarRangePicker--isEditing\":\n          isEditingStartDate || isEditingEndDate,\n      })}\n    >\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            rangeConstraints={rangeConstraints}\n            firstAvailableDate={firstAvailableDate}\n            lastAvailableDate={lastAvailableDate}\n            isDayDisabledFn={isDayDisabledFn}\n            hasDayNotificationFn={hasDayNotificationFn}\n            isDayInvalidForSelectionFn={isDayInvalidForSelectionFn}\n            isSundayFirstDayOfWeek={isSundayFirstDayOfWeek}\n            dayHoverTooltipFn={dayHoverTooltipFn}\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 classNames from \"classnames\"\nimport cx from \"classnames\"\nimport type { Locale } from \"date-fns\"\nimport addMonths from \"date-fns/addMonths\"\nimport startOfDay from \"date-fns/startOfDay\"\nimport { useEffect, useRef, useState } from \"react\"\nimport type { FormElementStatus } from \"../../Form/form\"\nimport { Hint } from \"../../Form/Hint\"\nimport { CalendarRangePickerMonth } from \"./CalendarRangePickerMonth\"\n\nexport interface RangeConstraintInterface {\n  value: number\n  message: string\n}\n\nexport interface RangeConstraintsInterface {\n  min?: RangeConstraintInterface\n  max?: RangeConstraintInterface\n}\n\nexport interface DayStatusInterface {\n  isRangeExceeded?: boolean\n  isRangeTooShort?: boolean\n  isCustomInvalid?: boolean\n  isDisabled?: boolean\n}\n\nexport type CalendarRangePickerPropsType = {\n  numberOfMonths?: number\n  firstMonthDate?: Date\n  rangeConstraints?: RangeConstraintsInterface\n  firstAvailableDate?: Date\n  lastAvailableDate?: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  startDate: Date | undefined\n  endDate: Date | undefined\n  isDayDisabledFn?: (day: Date) => boolean\n  hasDayNotificationFn?: (day: Date) => boolean\n  isDayInvalidForSelectionFn?: (day: Date) => boolean\n  dayHoverTooltipFn?: (day: Date) => string | undefined\n  isSundayFirstDayOfWeek?: boolean\n  hint?: {\n    status?: FormElementStatus\n    html: string\n  }\n  onChangeDate?: (date: Date, status: DayStatusInterface) => boolean\n  onLeaveDate?: (date: Date) => void\n  onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n  locale?: Locale\n}\n\nexport function CalendarRangePicker({\n  rangeConstraints,\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  isDayDisabledFn,\n  hasDayNotificationFn,\n  isDayInvalidForSelectionFn,\n  dayHoverTooltipFn,\n  isSundayFirstDayOfWeek,\n  locale,\n}: CalendarRangePickerPropsType) {\n  const isFirstRender = useRef(true)\n\n  firstMonthDate.setHours(0, 0, 0, 0)\n  firstAvailableDate.setHours(0, 0, 0, 0)\n\n  const [rangeDates, setRangeDates] = useState({\n    startDate: startDate ? startOfDay(startDate) : undefined,\n    endDate: endDate ? startOfDay(endDate) : undefined,\n  })\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false\n      return\n    }\n    setRangeDates({\n      startDate: startDate ? startOfDay(startDate) : undefined,\n      endDate: endDate ? startOfDay(endDate) : undefined,\n    })\n  }, [startDate, endDate])\n\n  useEffect(() => {\n    if (!isEditingEndDate) return\n    if (rangeDates.startDate && !rangeDates.endDate) {\n      setRangeDates({ ...rangeDates, endDate: rangeDates.startDate })\n    }\n  }, [isEditingEndDate, rangeDates])\n\n  useEffect(() => {\n    if (!isEditingStartDate) return\n    if (rangeDates.endDate && !rangeDates.startDate) {\n      setRangeDates({ ...rangeDates, startDate: rangeDates.endDate })\n    }\n  }, [isEditingStartDate, rangeDates])\n\n  const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n    if (isDateOutOfRange && isEditingEndDate) return\n\n    onSelectDate?.(date, !!isDateOutOfRange)\n  }\n\n  const handleChangeDate = (date: Date, status: DayStatusInterface) => {\n    const processChange =\n      onChangeDate && (isEditingStartDate || isEditingEndDate)\n        ? onChangeDate(date, status) !== false\n        : true\n\n    if (!processChange || status.isDisabled) 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\n      className={cx(\"cobalt-CalendarRangePicker\", {\n        \"cobalt-CalendarRangePicker--isEditing\":\n          isEditingStartDate || isEditingEndDate,\n      })}\n    >\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            rangeConstraints={rangeConstraints}\n            firstAvailableDate={firstAvailableDate}\n            lastAvailableDate={lastAvailableDate}\n            isDayDisabledFn={isDayDisabledFn}\n            hasDayNotificationFn={hasDayNotificationFn}\n            isDayInvalidForSelectionFn={isDayInvalidForSelectionFn}\n            isSundayFirstDayOfWeek={isSundayFirstDayOfWeek}\n            dayHoverTooltipFn={dayHoverTooltipFn}\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":["_jsxs","_jsx","classNames"],"mappings":"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"}