@kaizen/components 3.3.1 → 3.3.3

package/dist/esm/src/ButtonV1/GenericButton/GenericButton.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef, useRef, useImperativeHandle } from 'react';
+import React__default, { forwardRef, useRef, useImperativeHandle } from 'react';
 import classnames from 'classnames';
 import { useLink, useFocusable } from 'react-aria';
 import { useContextProps, LinkContext } from 'react-aria-components';
@@ -22,54 +22,51 @@ var getCustomProps = function (props) {
     return acc;
   }, {});
 };
-const GenericButton = /*#__PURE__*/function () {
-  const GenericButton = /*#__PURE__*/forwardRef(function (_a, ref) {
-    var _b = _a.iconPosition,
-      iconPosition = _b === void 0 ? 'start' : _b,
-      _c = _a.iconButton,
-      iconButton = _c === void 0 ? false : _c,
-      _d = _a.primary,
-      primary = _d === void 0 ? false : _d,
-      _e = _a.secondary,
-      secondary = _e === void 0 ? false : _e,
-      _f = _a.newTabAndIUnderstandTheAccessibilityImplications,
-      newTabAndIUnderstandTheAccessibilityImplications = _f === void 0 ? false : _f,
-      _g = _a.disableTabFocusAndIUnderstandTheAccessibilityImplications,
-      disableTabFocusAndIUnderstandTheAccessibilityImplications = _g === void 0 ? false : _g,
-      _h = _a.type,
-      type = _h === void 0 ? 'button' : _h,
-      otherProps = __rest(_a, ["iconPosition", "iconButton", "primary", "secondary", "newTabAndIUnderstandTheAccessibilityImplications", "disableTabFocusAndIUnderstandTheAccessibilityImplications", "type"]);
-    var buttonRef = useRef();
-    var wrapperRef = useRef(null);
-    useImperativeHandle(ref, function () {
-      return {
-        focus: function () {
-          var _a;
-          (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-      };
-    });
-    var props = __assign({
-      iconPosition: iconPosition,
-      iconButton: iconButton,
-      primary: primary,
-      secondary: secondary,
-      newTabAndIUnderstandTheAccessibilityImplications: newTabAndIUnderstandTheAccessibilityImplications,
-      disableTabFocusAndIUnderstandTheAccessibilityImplications: disableTabFocusAndIUnderstandTheAccessibilityImplications,
-      type: type
-    }, otherProps);
-    if (props.component) {
-      return renderCustomComponent(props.component, props, wrapperRef);
-    }
-    return /*#__PURE__*/React.createElement("span", {
-      ref: wrapperRef,
-      className: classnames(modules_e808328e.container, props.fullWidth && modules_e808328e.fullWidth),
-      "aria-live": 'workingLabel' in props ? 'polite' : undefined
-    }, props.href && !props.disabled && !props.working ? renderLink(props, buttonRef) : renderButton(props, buttonRef));
+var GenericButton = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _b = _a.iconPosition,
+    iconPosition = _b === void 0 ? 'start' : _b,
+    _c = _a.iconButton,
+    iconButton = _c === void 0 ? false : _c,
+    _d = _a.primary,
+    primary = _d === void 0 ? false : _d,
+    _e = _a.secondary,
+    secondary = _e === void 0 ? false : _e,
+    _f = _a.newTabAndIUnderstandTheAccessibilityImplications,
+    newTabAndIUnderstandTheAccessibilityImplications = _f === void 0 ? false : _f,
+    _g = _a.disableTabFocusAndIUnderstandTheAccessibilityImplications,
+    disableTabFocusAndIUnderstandTheAccessibilityImplications = _g === void 0 ? false : _g,
+    _h = _a.type,
+    type = _h === void 0 ? 'button' : _h,
+    otherProps = __rest(_a, ["iconPosition", "iconButton", "primary", "secondary", "newTabAndIUnderstandTheAccessibilityImplications", "disableTabFocusAndIUnderstandTheAccessibilityImplications", "type"]);
+  var buttonRef = useRef();
+  var wrapperRef = useRef(null);
+  useImperativeHandle(ref, function () {
+    return {
+      focus: function () {
+        var _a;
+        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      }
+    };
   });
-  GenericButton.displayName = 'GenericButton';
-  return GenericButton;
-}();
+  var props = __assign({
+    iconPosition: iconPosition,
+    iconButton: iconButton,
+    primary: primary,
+    secondary: secondary,
+    newTabAndIUnderstandTheAccessibilityImplications: newTabAndIUnderstandTheAccessibilityImplications,
+    disableTabFocusAndIUnderstandTheAccessibilityImplications: disableTabFocusAndIUnderstandTheAccessibilityImplications,
+    type: type
+  }, otherProps);
+  if (props.component) {
+    return renderCustomComponent(props.component, props, wrapperRef);
+  }
+  return /*#__PURE__*/React__default.createElement("span", {
+    ref: wrapperRef,
+    className: classnames(modules_e808328e.container, props.fullWidth && modules_e808328e.fullWidth),
+    "aria-live": 'workingLabel' in props ? 'polite' : undefined
+  }, props.href && !props.disabled && !props.working ? renderLink(props, buttonRef) : renderButton(props, buttonRef));
+});
+GenericButton.displayName = 'GenericButton';
 var renderCustomComponent = function (CustomComponent, props, ref) {
   var passedInProps = __assign({
     'id': props.id,
@@ -92,11 +89,11 @@ var renderCustomComponent = function (CustomComponent, props, ref) {
   // Unset this because the one defined in buttonProps shows
   // focus-visible styles on click, in future we'll style using [data-focus-visible] which is consistent across browsers
   delete linkProps.onPointerDown;
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React__default.createElement("span", {
     ref: contextRef,
     className: classnames(modules_e808328e.container, props.fullWidth && modules_e808328e.fullWidth),
     "aria-live": 'workingLabel' in props ? 'polite' : undefined
-  }, /*#__PURE__*/React.createElement(CustomComponent, __assign({}, contextProps, linkProps, {
+  }, /*#__PURE__*/React__default.createElement(CustomComponent, __assign({}, contextProps, linkProps, {
     "aria-describedby": props['aria-describedby'] === null ? undefined : linkProps['aria-describedby']
   }), renderContent(props)));
 };
@@ -128,7 +125,7 @@ var renderButton = function (props, ref) {
   return (
     /*#__PURE__*/
     // eslint-disable-next-line react/button-has-type
-    React.createElement("button", __assign({}, passedInProps, focusableProps, {
+    React__default.createElement("button", __assign({}, passedInProps, focusableProps, {
       "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== void 0 ? _a : focusableProps['aria-describedby'],
       // Unset this because the one defined in buttonProps shows
       // focus-visible styles on click
@@ -154,7 +151,7 @@ var renderLink = function (props, ref) {
   // @ts-expect-error we're using useFocusable instead of useLink because at this stage we want to hook only to focusable.
   // Not standardize button behavior as we're currently relying on some weird native behaviours (like onClick firing on enter key press) see https://react-spectrum.adobe.com/blog/building-a-button-part-1.html
   var focusableProps = useFocusable(passedInProps, ref).focusableProps;
-  return /*#__PURE__*/React.createElement("a", __assign({}, passedInProps, focusableProps, {
+  return /*#__PURE__*/React__default.createElement("a", __assign({}, passedInProps, focusableProps, {
     "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== void 0 ? _a : focusableProps['aria-describedby'],
     // Unset this because the one defined in linkProps shows
     // focus-visible styles on click
@@ -169,32 +166,32 @@ var buttonClass = function (props) {
   Boolean(props.disabled || props['aria-disabled']) && modules_e808328e.disabled, props.primary && modules_e808328e.primary, props.destructive && modules_e808328e.destructive, props.secondary && modules_e808328e.secondary, props.size && modules_e808328e[props.size], props.reversed && modules_e808328e.reversed, props.iconButton && modules_e808328e.iconButton, props.working && modules_e808328e.working, Boolean(props.directionalLink || props.paginationLink) && modules_e808328e.circleButton, props.directionalLink && modules_e808328e.directionalLink, props.paginationLink && modules_e808328e.paginationLink, props.isActive && modules_e808328e.isPaginationLinkActive, props.classNameOverride);
 };
 var renderLoadingSpinner = function () {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: modules_e808328e.loadingSpinner
-  }, /*#__PURE__*/React.createElement(LoadingSpinner, {
+  }, /*#__PURE__*/React__default.createElement(LoadingSpinner, {
     accessibilityLabel: "",
     size: "sm"
   }));
 };
 var renderWorkingContent = function (props) {
   if (props.workingLabelHidden) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
       className: modules_e808328e.hidden,
       "aria-hidden": "true"
-    }, renderDefaultContent(props)), /*#__PURE__*/React.createElement("span", {
+    }, renderDefaultContent(props)), /*#__PURE__*/React__default.createElement("span", {
       className: modules_e808328e.centeredLoadingSpinner
     }, renderLoadingSpinner()));
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, props.iconPosition !== 'end' && renderLoadingSpinner(), /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props.iconPosition !== 'end' && renderLoadingSpinner(), /*#__PURE__*/React__default.createElement("span", {
     className: modules_e808328e.label
-  }, props.workingLabel), props.additionalContent && (/*#__PURE__*/React.createElement("span", {
+  }, props.workingLabel), props.additionalContent && (/*#__PURE__*/React__default.createElement("span", {
     className: modules_e808328e.additionalContentWrapper
   }, props.additionalContent)), props.iconPosition === 'end' && renderLoadingSpinner());
 };
 var renderDefaultContent = function (props) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, props.icon && props.iconPosition !== 'end' && renderIcon(props.icon), (!props.icon || !props.iconButton) && /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props.icon && props.iconPosition !== 'end' && renderIcon(props.icon), (!props.icon || !props.iconButton) && /*#__PURE__*/React__default.createElement("span", {
     className: modules_e808328e.label
-  }, props.label), props.additionalContent && (/*#__PURE__*/React.createElement("span", {
+  }, props.label), props.additionalContent && (/*#__PURE__*/React__default.createElement("span", {
     className: modules_e808328e.additionalContentWrapper
   }, props.additionalContent)), renderBadge(props), props.icon && props.iconPosition === 'end' && renderIcon(props.icon));
 };
@@ -206,23 +203,23 @@ var renderBadge = function (props) {
     reversed = _a.reversed,
     variant = _a.variant;
   if (animateChange) {
-    return /*#__PURE__*/React.createElement(BadgeAnimated, {
+    return /*#__PURE__*/React__default.createElement(BadgeAnimated, {
       variant: variant,
       reversed: reversed
     }, text);
   }
-  return /*#__PURE__*/React.createElement(Badge, {
+  return /*#__PURE__*/React__default.createElement(Badge, {
     variant: variant,
     reversed: reversed
   }, text);
 };
 var renderContent = function (props) {
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React__default.createElement("span", {
     className: modules_e808328e.content
   }, props.working ? renderWorkingContent(props) : renderDefaultContent(props));
 };
 var renderIcon = function (icon) {
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React__default.createElement("span", {
     className: modules_e808328e.iconWrapper
   }, icon);
 };

package/dist/esm/src/ButtonV1/IconButton/IconButton.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { GenericButton } from '../GenericButton/GenericButton.mjs';
 
 /**
@@ -11,15 +11,12 @@ import { GenericButton } from '../GenericButton/GenericButton.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-iconbutton--docs Storybook}
  */
-const IconButton = /*#__PURE__*/function () {
-  const IconButton = /*#__PURE__*/forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(GenericButton, __assign({
-      iconButton: true
-    }, props, {
-      ref: ref
-    }));
-  });
-  IconButton.displayName = 'IconButton';
-  return IconButton;
-}();
+var IconButton = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default.createElement(GenericButton, __assign({
+    iconButton: true
+  }, props, {
+    ref: ref
+  }));
+});
+IconButton.displayName = 'IconButton';
 export { IconButton };

package/dist/esm/src/Calendar/CalendarPopover/CalendarPopover.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import { useFloating, autoUpdate, size, offset, autoPlacement } from '@floating-ui/react-dom';
 import classnames from 'classnames';
 import modules_e5f4fe00 from './CalendarPopover.module.scss.mjs';
@@ -8,62 +8,59 @@ import modules_e5f4fe00 from './CalendarPopover.module.scss.mjs';
  * Only for use with Calendar components.
  * @todo: Replace with Popover when we have a reusable one.
  */
-const CalendarPopover = /*#__PURE__*/function () {
-  const CalendarPopover = function (_a) {
-    var children = _a.children,
-      referenceElement = _a.referenceElement,
-      floatingOptions = _a.floatingOptions,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "referenceElement", "floatingOptions", "classNameOverride"]);
-    var _b = useState(null),
-      floatingElement = _b[0],
-      setFloatingElement = _b[1];
-    var _c = useFloating(__assign({
-        placement: 'bottom-start',
-        elements: {
-          reference: referenceElement,
-          floating: floatingElement
-        },
-        strategy: 'fixed',
-        middleware: [size({
-          apply: function (_a) {
-            var availableHeight = _a.availableHeight,
-              availableWidth = _a.availableWidth,
-              elements = _a.elements;
-            Object.assign(elements.floating.style, {
-              // 155 is enough of a minimum to cut off half of the second row of dates.
-              // This indicates to users that there is more content that is scrollable
-              maxHeight: "".concat(Math.max(availableHeight - 25, 155), "px"),
-              maxWidth: "".concat(availableWidth, "px")
-            });
-          }
-        }), offset(15), autoPlacement({
-          allowedPlacements: ['bottom-start', 'bottom', 'top-start', 'top']
-        })],
-        whileElementsMounted: autoUpdate
-      }, floatingOptions)),
-      floatingStyles = _c.floatingStyles,
-      update = _c.update;
-    useEffect(function () {
-      var _a;
-      if (floatingElement && referenceElement) {
-        // @ts-expect-error this can be removed when we update to react 19
-        referenceElement.popoverTargetElement = floatingElement;
-        (_a = floatingElement.showPopover) === null || _a === void 0 ? void 0 : _a.call(floatingElement);
-        update();
-      }
-    }, [referenceElement, floatingElement, update]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      ref: setFloatingElement,
-      style: floatingStyles,
-      className: classnames(modules_e5f4fe00.calendarPopover, classNameOverride),
-      role: "dialog",
-      "aria-modal": "true",
+var CalendarPopover = function (_a) {
+  var children = _a.children,
+    referenceElement = _a.referenceElement,
+    floatingOptions = _a.floatingOptions,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "referenceElement", "floatingOptions", "classNameOverride"]);
+  var _b = useState(null),
+    floatingElement = _b[0],
+    setFloatingElement = _b[1];
+  var _c = useFloating(__assign({
+      placement: 'bottom-start',
+      elements: {
+        reference: referenceElement,
+        floating: floatingElement
+      },
+      strategy: 'fixed',
+      middleware: [size({
+        apply: function (_a) {
+          var availableHeight = _a.availableHeight,
+            availableWidth = _a.availableWidth,
+            elements = _a.elements;
+          Object.assign(elements.floating.style, {
+            // 155 is enough of a minimum to cut off half of the second row of dates.
+            // This indicates to users that there is more content that is scrollable
+            maxHeight: "".concat(Math.max(availableHeight - 25, 155), "px"),
+            maxWidth: "".concat(availableWidth, "px")
+          });
+        }
+      }), offset(15), autoPlacement({
+        allowedPlacements: ['bottom-start', 'bottom', 'top-start', 'top']
+      })],
+      whileElementsMounted: autoUpdate
+    }, floatingOptions)),
+    floatingStyles = _c.floatingStyles,
+    update = _c.update;
+  useEffect(function () {
+    var _a;
+    if (floatingElement && referenceElement) {
       // @ts-expect-error this can be removed when we update to react 19
-      popover: "manual"
-    }, restProps), children);
-  };
-  CalendarPopover.displayName = 'CalendarPopover';
-  return CalendarPopover;
-}();
+      referenceElement.popoverTargetElement = floatingElement;
+      (_a = floatingElement.showPopover) === null || _a === void 0 ? void 0 : _a.call(floatingElement);
+      update();
+    }
+  }, [referenceElement, floatingElement, update]);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    ref: setFloatingElement,
+    style: floatingStyles,
+    className: classnames(modules_e5f4fe00.calendarPopover, classNameOverride),
+    role: "dialog",
+    "aria-modal": "true",
+    // @ts-expect-error this can be removed when we update to react 19
+    popover: "manual"
+  }, restProps), children);
+};
+CalendarPopover.displayName = 'CalendarPopover';
 export { CalendarPopover };

package/dist/esm/src/Calendar/CalendarRange/CalendarRange.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useRef, useEffect } from 'react';
+import React__default, { useRef, useEffect } from 'react';
 import { enAU } from 'date-fns/locale';
 import { DayPicker } from 'react-day-picker';
 import { Icon } from '../../Icon/Icon.mjs';
@@ -7,69 +7,66 @@ import { baseCalendarClassNames } from '../baseCalendarClassNames.mjs';
 import 'date-fns';
 import { isInvalidDate } from '../utils/isInvalidDate.mjs';
 import modules_31394921 from './CalendarRange.module.scss.mjs';
-const CalendarRange = /*#__PURE__*/function () {
-  const CalendarRange = function (_a) {
-    var _b;
-    var id = _a.id,
-      onMount = _a.onMount,
-      _c = _a.hasDivider,
-      hasDivider = _c === void 0 ? false : _c,
-      classNameOverride = _a.classNameOverride,
-      selected = _a.selected,
-      defaultMonth = _a.defaultMonth,
-      _d = _a.numberOfMonths,
-      numberOfMonths = _d === void 0 ? 2 : _d,
-      _e = _a.locale,
-      locale = _e === void 0 ? enAU : _e,
-      restProps = __rest(_a, ["id", "onMount", "hasDivider", "classNameOverride", "selected", "defaultMonth", "numberOfMonths", "locale"]);
-    var calendarRef = useRef(null);
-    useEffect(function () {
-      if (calendarRef.current) onMount === null || onMount === void 0 ? void 0 : onMount(calendarRef.current);
-    }, [calendarRef, onMount]);
-    var monthToShow = (_b = selected === null || selected === void 0 ? void 0 : selected.from) !== null && _b !== void 0 ? _b : defaultMonth;
-    var selectedMonth = monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow;
-    /* eslint-disable camelcase */
-    var classNames = __assign(__assign({}, baseCalendarClassNames), {
-      month: hasDivider ? modules_31394921.monthWithDivider : modules_31394921.month,
-      nav: modules_31394921.nav,
-      range_start: modules_31394921.dayRangeStart,
-      range_end: modules_31394921.dayRangeEnd,
-      range_middle: modules_31394921.dayRangeMiddle,
-      hidden: modules_31394921.hidden
-    });
-    /* eslint-enable camelcase */
-    return /*#__PURE__*/React.createElement("div", {
-      ref: calendarRef,
-      id: id,
-      className: classNameOverride
-    }, /*#__PURE__*/React.createElement(DayPicker, __assign({
-      mode: "range",
-      selected: selected,
-      defaultMonth: selectedMonth,
-      classNames: classNames,
-      components: {
-        Chevron: function (props) {
-          if (props.orientation === 'left') {
-            return /*#__PURE__*/React.createElement(Icon, {
-              name: "arrow_back",
-              isPresentational: true,
-              shouldMirrorInRTL: true,
-              className: modules_31394921.chevronIcon
-            });
-          }
-          return /*#__PURE__*/React.createElement(Icon, {
-            name: "arrow_forward",
+var CalendarRange = function (_a) {
+  var _b;
+  var id = _a.id,
+    onMount = _a.onMount,
+    _c = _a.hasDivider,
+    hasDivider = _c === void 0 ? false : _c,
+    classNameOverride = _a.classNameOverride,
+    selected = _a.selected,
+    defaultMonth = _a.defaultMonth,
+    _d = _a.numberOfMonths,
+    numberOfMonths = _d === void 0 ? 2 : _d,
+    _e = _a.locale,
+    locale = _e === void 0 ? enAU : _e,
+    restProps = __rest(_a, ["id", "onMount", "hasDivider", "classNameOverride", "selected", "defaultMonth", "numberOfMonths", "locale"]);
+  var calendarRef = useRef(null);
+  useEffect(function () {
+    if (calendarRef.current) onMount === null || onMount === void 0 ? void 0 : onMount(calendarRef.current);
+  }, [calendarRef, onMount]);
+  var monthToShow = (_b = selected === null || selected === void 0 ? void 0 : selected.from) !== null && _b !== void 0 ? _b : defaultMonth;
+  var selectedMonth = monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow;
+  /* eslint-disable camelcase */
+  var classNames = __assign(__assign({}, baseCalendarClassNames), {
+    month: hasDivider ? modules_31394921.monthWithDivider : modules_31394921.month,
+    nav: modules_31394921.nav,
+    range_start: modules_31394921.dayRangeStart,
+    range_end: modules_31394921.dayRangeEnd,
+    range_middle: modules_31394921.dayRangeMiddle,
+    hidden: modules_31394921.hidden
+  });
+  /* eslint-enable camelcase */
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: calendarRef,
+    id: id,
+    className: classNameOverride
+  }, /*#__PURE__*/React__default.createElement(DayPicker, __assign({
+    mode: "range",
+    selected: selected,
+    defaultMonth: selectedMonth,
+    classNames: classNames,
+    components: {
+      Chevron: function (props) {
+        if (props.orientation === 'left') {
+          return /*#__PURE__*/React__default.createElement(Icon, {
+            name: "arrow_back",
             isPresentational: true,
             shouldMirrorInRTL: true,
             className: modules_31394921.chevronIcon
           });
         }
-      },
-      numberOfMonths: numberOfMonths,
-      locale: locale
-    }, restProps)));
-  };
-  CalendarRange.displayName = 'CalendarRange';
-  return CalendarRange;
-}();
+        return /*#__PURE__*/React__default.createElement(Icon, {
+          name: "arrow_forward",
+          isPresentational: true,
+          shouldMirrorInRTL: true,
+          className: modules_31394921.chevronIcon
+        });
+      }
+    },
+    numberOfMonths: numberOfMonths,
+    locale: locale
+  }, restProps)));
+};
+CalendarRange.displayName = 'CalendarRange';
 export { CalendarRange };

package/dist/esm/src/Calendar/CalendarSingle/CalendarSingle.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useRef, useEffect } from 'react';
+import React__default, { useRef, useEffect } from 'react';
 import { enAU } from 'date-fns/locale';
 import { DayPicker } from 'react-day-picker';
 import { Icon } from '../../Icon/Icon.mjs';
@@ -8,63 +8,60 @@ import 'date-fns';
 import { isInvalidDate } from '../utils/isInvalidDate.mjs';
 import { isValidWeekStartsOn } from '../utils/isValidWeekStartsOn.mjs';
 import modules_22d7063a from './CalendarSingle.module.scss.mjs';
-const CalendarSingle = /*#__PURE__*/function () {
-  const CalendarSingle = function (_a) {
-    var id = _a.id,
-      onMount = _a.onMount,
-      classNameOverride = _a.classNameOverride,
-      selected = _a.selected,
-      defaultMonth = _a.defaultMonth,
-      weekStartsOn = _a.weekStartsOn,
-      _b = _a.locale,
-      locale = _b === void 0 ? enAU : _b,
-      _c = _a.components,
-      components = _c === void 0 ? {} : _c,
-      restProps = __rest(_a, ["id", "onMount", "classNameOverride", "selected", "defaultMonth", "weekStartsOn", "locale", "components"]);
-    var calendarRef = useRef(null);
-    useEffect(function () {
-      if (calendarRef.current) onMount === null || onMount === void 0 ? void 0 : onMount(calendarRef.current);
-    }, [calendarRef, onMount]);
-    var monthToShow = selected !== null && selected !== void 0 ? selected : defaultMonth;
-    var selectedMonth = monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow;
-    /* eslint-disable camelcase */
-    var classNames = __assign(__assign({}, baseCalendarClassNames), {
-      nav: modules_22d7063a.nav,
-      nav_button_next: modules_22d7063a.navButtonNext
-    });
-    /* eslint-enable camelcase */
-    return /*#__PURE__*/React.createElement("div", {
-      ref: calendarRef,
-      id: id,
-      className: classNameOverride
-    }, /*#__PURE__*/React.createElement(DayPicker, __assign({
-      mode: "single",
-      selected: selected && isInvalidDate(selected) ? undefined : selected,
-      defaultMonth: selectedMonth,
-      weekStartsOn: isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined,
-      classNames: classNames,
-      components: __assign({
-        Chevron: function (props) {
-          if (props.orientation === 'left') {
-            return /*#__PURE__*/React.createElement(Icon, {
-              name: "arrow_back",
-              isPresentational: true,
-              shouldMirrorInRTL: true,
-              className: modules_22d7063a.chevronIcon
-            });
-          }
-          return /*#__PURE__*/React.createElement(Icon, {
-            name: "arrow_forward",
+var CalendarSingle = function (_a) {
+  var id = _a.id,
+    onMount = _a.onMount,
+    classNameOverride = _a.classNameOverride,
+    selected = _a.selected,
+    defaultMonth = _a.defaultMonth,
+    weekStartsOn = _a.weekStartsOn,
+    _b = _a.locale,
+    locale = _b === void 0 ? enAU : _b,
+    _c = _a.components,
+    components = _c === void 0 ? {} : _c,
+    restProps = __rest(_a, ["id", "onMount", "classNameOverride", "selected", "defaultMonth", "weekStartsOn", "locale", "components"]);
+  var calendarRef = useRef(null);
+  useEffect(function () {
+    if (calendarRef.current) onMount === null || onMount === void 0 ? void 0 : onMount(calendarRef.current);
+  }, [calendarRef, onMount]);
+  var monthToShow = selected !== null && selected !== void 0 ? selected : defaultMonth;
+  var selectedMonth = monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow;
+  /* eslint-disable camelcase */
+  var classNames = __assign(__assign({}, baseCalendarClassNames), {
+    nav: modules_22d7063a.nav,
+    nav_button_next: modules_22d7063a.navButtonNext
+  });
+  /* eslint-enable camelcase */
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: calendarRef,
+    id: id,
+    className: classNameOverride
+  }, /*#__PURE__*/React__default.createElement(DayPicker, __assign({
+    mode: "single",
+    selected: selected && isInvalidDate(selected) ? undefined : selected,
+    defaultMonth: selectedMonth,
+    weekStartsOn: isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined,
+    classNames: classNames,
+    components: __assign({
+      Chevron: function (props) {
+        if (props.orientation === 'left') {
+          return /*#__PURE__*/React__default.createElement(Icon, {
+            name: "arrow_back",
             isPresentational: true,
             shouldMirrorInRTL: true,
             className: modules_22d7063a.chevronIcon
           });
         }
-      }, components),
-      locale: locale
-    }, restProps)));
-  };
-  CalendarSingle.displayName = 'CalendarSingle';
-  return CalendarSingle;
-}();
+        return /*#__PURE__*/React__default.createElement(Icon, {
+          name: "arrow_forward",
+          isPresentational: true,
+          shouldMirrorInRTL: true,
+          className: modules_22d7063a.chevronIcon
+        });
+      }
+    }, components),
+    locale: locale
+  }, restProps)));
+};
+CalendarSingle.displayName = 'CalendarSingle';
 export { CalendarSingle };