@kaizen/components 1.68.6 → 1.68.7

package/codemods/utils/updateKaioImports.ts

@@ -1,18 +1,17 @@
-import ts from "typescript"
+import ts from 'typescript'
 
 type ImportsToRemove = Set<string>
 
 const removeNamedImports = (
   factory: ts.NodeFactory,
   node: ts.ImportDeclaration,
-  importsToRemove: ImportsToRemove
+  importsToRemove: ImportsToRemove,
 ): ts.ImportDeclaration | null => {
   const namedBindings = node.importClause?.namedBindings
   if (namedBindings && ts.isNamedImports(namedBindings)) {
-    const namedImports = namedBindings.elements.filter(importSpecifier => {
+    const namedImports = namedBindings.elements.filter((importSpecifier) => {
       const componentName =
-        importSpecifier.propertyName?.getText() ??
-        importSpecifier.name.getText()
+        importSpecifier.propertyName?.getText() ?? importSpecifier.name.getText()
       return !importsToRemove.has(componentName)
     })
 
@@ -25,10 +24,10 @@ const removeNamedImports = (
         node.importClause,
         node.importClause.isTypeOnly,
         node.importClause.name,
-        factory.updateNamedImports(namedBindings, namedImports)
+        factory.updateNamedImports(namedBindings, namedImports),
       ),
       node.moduleSpecifier,
-      node.attributes
+      node.attributes,
     )
   }
 
@@ -41,32 +40,27 @@ type ImportsToAdd = Map<string, NewImportAttributes>
 const createImportDeclaration = (
   factory: ts.NodeFactory,
   importsToAdd: ImportsToAdd,
-  moduleSpecifier: string
+  moduleSpecifier: string,
 ): ts.ImportDeclaration => {
-  const namedImports = Array.from(importsToAdd.values()).map(
-    ({ componentName, alias }) =>
-      factory.createImportSpecifier(
-        false,
-        alias ? factory.createIdentifier(componentName) : undefined,
-        factory.createIdentifier(alias ?? componentName)
-      )
+  const namedImports = Array.from(importsToAdd.values()).map(({ componentName, alias }) =>
+    factory.createImportSpecifier(
+      false,
+      alias ? factory.createIdentifier(componentName) : undefined,
+      factory.createIdentifier(alias ?? componentName),
+    ),
   )
 
   return factory.createImportDeclaration(
     undefined,
-    factory.createImportClause(
-      false,
-      undefined,
-      factory.createNamedImports(namedImports)
-    ),
-    factory.createStringLiteral(moduleSpecifier)
+    factory.createImportClause(false, undefined, factory.createNamedImports(namedImports)),
+    factory.createStringLiteral(moduleSpecifier),
   )
 }
 
 const updateNamedImports = (
   factory: ts.NodeFactory,
   node: ts.ImportDeclaration,
-  importsToAdd: ImportsToAdd
+  importsToAdd: ImportsToAdd,
 ): ts.ImportDeclaration => {
   if (!node.importClause) return node
 
@@ -75,7 +69,7 @@ const updateNamedImports = (
 
   const namedBindings = node.importClause.namedBindings
   if (namedBindings && ts.isNamedImports(namedBindings)) {
-    namedBindings.elements.forEach(importSpecifier => {
+    namedBindings.elements.forEach((importSpecifier) => {
       existingNamedImportNames.add(importSpecifier.name.getText())
       importSpecifiers.push(importSpecifier)
     })
@@ -85,7 +79,7 @@ const updateNamedImports = (
     const newImport = factory.createImportSpecifier(
       false,
       alias ? factory.createIdentifier(componentName) : undefined,
-      factory.createIdentifier(alias ?? componentName)
+      factory.createIdentifier(alias ?? componentName),
     )
 
     if (!existingNamedImportNames.has(componentName)) {
@@ -100,10 +94,10 @@ const updateNamedImports = (
       node.importClause,
       node.importClause.isTypeOnly,
       node.importClause.name,
-      factory.createNamedImports(importSpecifiers)
+      factory.createNamedImports(importSpecifiers),
     ),
     node.moduleSpecifier,
-    node.attributes
+    node.attributes,
   )
 }
 
@@ -122,8 +116,8 @@ export const updateKaioImports =
     importsToRemove,
     importsToAdd,
   }: UpdateKaioImportsArgs): ts.TransformerFactory<ts.SourceFile> =>
-  context =>
-  rootNode => {
+  (context) =>
+  (rootNode) => {
     if (!ts.isSourceFile(rootNode)) return rootNode
 
     if (!importsToRemove && !importsToAdd) return rootNode
@@ -133,23 +127,21 @@ export const updateKaioImports =
     const statements = Array.from(rootNode.statements)
 
     if (importsToRemove) {
-      Array.from(importsToRemove.keys()).forEach(moduleSpecifier => {
+      Array.from(importsToRemove.keys()).forEach((moduleSpecifier) => {
         const importIndex = statements.findIndex(
-          s =>
+          (s) =>
             ts.isImportDeclaration(s) &&
-            (s.moduleSpecifier as ts.StringLiteral).text === moduleSpecifier
+            (s.moduleSpecifier as ts.StringLiteral).text === moduleSpecifier,
         )
 
         if (importIndex === -1) return
 
-        const importDeclaration = statements[
-          importIndex
-        ] as ts.ImportDeclaration
+        const importDeclaration = statements[importIndex] as ts.ImportDeclaration
 
         const updatedImportDeclaration = removeNamedImports(
           factory,
           importDeclaration,
-          importsToRemove.get(moduleSpecifier)!
+          importsToRemove.get(moduleSpecifier)!,
         )
 
         if (updatedImportDeclaration === null) {
@@ -164,39 +156,35 @@ export const updateKaioImports =
     }
 
     if (importsToAdd) {
-      Array.from(importsToAdd.keys()).forEach(newModuleSpecifier => {
+      Array.from(importsToAdd.keys()).forEach((newModuleSpecifier) => {
         const importIndex = statements.findIndex(
-          s =>
+          (s) =>
             ts.isImportDeclaration(s) &&
-            (s.moduleSpecifier as ts.StringLiteral).text === newModuleSpecifier
+            (s.moduleSpecifier as ts.StringLiteral).text === newModuleSpecifier,
         )
 
         if (importIndex === -1) {
           const fallbackKaioImportIdx = statements.findIndex(
-            s =>
+            (s) =>
               ts.isImportDeclaration(s) &&
-              (s.moduleSpecifier as ts.StringLiteral).text.includes(
-                "@kaizen/components"
-              )
+              (s.moduleSpecifier as ts.StringLiteral).text.includes('@kaizen/components'),
           )
 
           const newImport = createImportDeclaration(
             factory,
             importsToAdd.get(newModuleSpecifier)!,
-            newModuleSpecifier
+            newModuleSpecifier,
           )
           statements.splice(fallbackKaioImportIdx + 1, 0, newImport)
           return
         }
 
-        const importDeclaration = statements[
-          importIndex
-        ] as ts.ImportDeclaration
+        const importDeclaration = statements[importIndex] as ts.ImportDeclaration
 
         const updatedImportDeclaration = updateNamedImports(
           factory,
           importDeclaration,
-          importsToAdd.get(newModuleSpecifier)!
+          importsToAdd.get(newModuleSpecifier)!,
         )
 
         // Update import statement
@@ -211,7 +199,7 @@ export const updateKaioImports =
 export const setImportToRemove = (
   map: ImportsToRemoveMap,
   moduleSpecifier: string,
-  componentName: string
+  componentName: string,
 ): void => {
   if (!map.has(moduleSpecifier)) {
     map.set(moduleSpecifier, new Set([componentName]))
@@ -222,15 +210,10 @@ export const setImportToRemove = (
 export const setImportToAdd = (
   map: ImportsToAddMap,
   moduleSpecifier: string,
-  importAttributes: NewImportAttributes
+  importAttributes: NewImportAttributes,
 ): void => {
   if (!map.has(moduleSpecifier)) {
-    map.set(
-      moduleSpecifier,
-      new Map([[importAttributes.componentName, importAttributes]])
-    )
+    map.set(moduleSpecifier, new Map([[importAttributes.componentName, importAttributes]]))
   }
-  map
-    .get(moduleSpecifier)
-    ?.set(importAttributes.componentName, importAttributes)
+  map.get(moduleSpecifier)?.set(importAttributes.componentName, importAttributes)
 }

package/dist/cjs/Avatar/Avatar.cjs

@@ -17,14 +17,14 @@ var getInitials = function (fullName, max2Characters) {
   if (max2Characters === void 0) {
     max2Characters = false;
   }
-  return fullName == null ? "" : fullName.split(/\s/).reduce(function (acc, name) {
+  return fullName == null ? '' : fullName.split(/\s/).reduce(function (acc, name) {
     return "".concat(acc).concat(name.slice(0, 1));
-  }, "").toUpperCase().substring(0, max2Characters ? 2 : 8);
+  }, '').toUpperCase().substring(0, max2Characters ? 2 : 8);
 };
 var getMaxFontSizePixels = function (size) {
-  if (size === "small") return 8;
-  if (size === "medium") return 16;
-  if (size === "xlarge" || size === "xxlarge") return 34;
+  if (size === 'small') return 8;
+  if (size === 'medium') return 16;
+  if (size === 'xlarge' || size === 'xxlarge') return 34;
   return 22;
 };
 var FallbackIcon = function (_a) {
@@ -46,14 +46,14 @@ var FallbackIcon = function (_a) {
 };
 var renderInitials = function (fullName, alt, size, disableInitials) {
   if (fullName === void 0) {
-    fullName = "";
+    fullName = '';
   }
   if (disableInitials === void 0) {
     disableInitials = false;
   }
   var initials = getInitials(fullName);
-  var isLongName = initials.length > 2 && size !== "small";
-  var renderFallback = disableInitials || initials === "";
+  var isLongName = initials.length > 2 && size !== 'small';
+  var renderFallback = disableInitials || initials === '';
   return renderFallback ? React__default.default.createElement(FallbackIcon, {
     alt: alt
   }) : React__default.default.createElement("abbr", {
@@ -64,7 +64,7 @@ var renderInitials = function (fullName, alt, size, disableInitials) {
   React__default.default.createElement(reactTextfit.Textfit, {
     mode: "single",
     max: getMaxFontSizePixels(size)
-  }, initials) : getInitials(fullName, size === "small"));
+  }, initials) : getInitials(fullName, size === 'small'));
 };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857475/Avatar Guidance} |
@@ -73,7 +73,7 @@ var renderInitials = function (fullName, alt, size, disableInitials) {
 var Avatar = function (_a) {
   var fullName = _a.fullName,
     _b = _a.size,
-    size = _b === void 0 ? "medium" : _b,
+    size = _b === void 0 ? 'medium' : _b,
     avatarSrc = _a.avatarSrc,
     _c = _a.disableInitials,
     disableInitials = _c === void 0 ? false : _c,
@@ -82,34 +82,34 @@ var Avatar = function (_a) {
     _e = _a.isCurrentUser,
     isCurrentUser = _e === void 0 ? true : _e,
     _f = _a.alt,
-    alt = _f === void 0 ? fullName || "" : _f,
+    alt = _f === void 0 ? fullName !== null && fullName !== void 0 ? fullName : '' : _f,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["fullName", "size", "avatarSrc", "disableInitials", "isCompany", "isCurrentUser", "alt", "classNameOverride"]);
-  var _g = React.useState(avatarSrc ? "loading" : "none"),
+  var _g = React.useState(avatarSrc ? 'loading' : 'none'),
     avatarState = _g[0],
     setAvatarState = _g[1];
   var image = React.useRef(null);
-  var renderInitialAvatar = !isCompany && (avatarState === "none" || avatarState === "error");
+  var renderInitialAvatar = !isCompany && (avatarState === 'none' || avatarState === 'error');
   React.useEffect(function () {
-    setAvatarState(avatarSrc ? "loading" : "none");
+    setAvatarState(avatarSrc ? 'loading' : 'none');
   }, [avatarSrc]);
   var onImageFailure = function () {
-    return setAvatarState("error");
+    return setAvatarState('error');
   };
   var onImageSuccess = function () {
-    return setAvatarState("success");
+    return setAvatarState('success');
   };
   // if the image is cached onLoad may not trigger: https://stackoverflow.com/a/59809184
   React.useEffect(function () {
     var _a;
     if ((_a = image === null || image === void 0 ? void 0 : image.current) === null || _a === void 0 ? void 0 : _a.complete) onImageSuccess();
   }, [image]);
-  var isNoneOrError = avatarState === "none" || avatarState === "error";
+  var isNoneOrError = avatarState === 'none' || avatarState === 'error';
   var isPersonal = isNoneOrError && isCurrentUser;
   var isOtherUser = isNoneOrError && !isCurrentUser;
   return React__default.default.createElement("span", tslib.__assign({
-    className: classnames__default.default(Avatar_module.wrapper, Avatar_module[size], classNameOverride, isCompany && Avatar_module.company, isPersonal && Avatar_module.personal, isOtherUser && Avatar_module.otherUser, (avatarState === "loading" || avatarState === "error") && Avatar_module.loading)
-  }, restProps), avatarState !== "none" && React__default.default.createElement("img", {
+    className: classnames__default.default(Avatar_module.wrapper, Avatar_module[size], classNameOverride, isCompany && Avatar_module.company, isPersonal && Avatar_module.personal, isOtherUser && Avatar_module.otherUser, (avatarState === 'loading' || avatarState === 'error') && Avatar_module.loading)
+  }, restProps), avatarState !== 'none' && React__default.default.createElement("img", {
     ref: image,
     className: classnames__default.default(Avatar_module.avatarImage, isCompany && Avatar_module.companyAvatarImage),
     src: avatarSrc,

package/dist/cjs/AvatarGroup/AvatarGroup.cjs

@@ -38,7 +38,7 @@ var renderAvatars = function (avatars, maxVisible, size) {
  */
 var AvatarGroup = function (_a) {
   var _b = _a.size,
-    size = _b === void 0 ? "medium" : _b,
+    size = _b === void 0 ? 'medium' : _b,
     _c = _a.maxVisible,
     maxVisible = _c === void 0 ? 2 : _c,
     avatars = _a.avatars,

package/dist/cjs/Badge/Badge.cjs

@@ -19,16 +19,16 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var Badge = function (_a) {
   var children = _a.children,
     _b = _a.variant,
-    variant = _b === void 0 ? "default" : _b,
+    variant = _b === void 0 ? 'default' : _b,
     _c = _a.reversed,
     reversed = _c === void 0 ? false : _c,
     _d = _a.size,
-    size = _d === void 0 ? "small" : _d,
+    size = _d === void 0 ? 'small' : _d,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["children", "variant", "reversed", "size", "classNameOverride"]);
   return React__default.default.createElement("span", tslib.__assign({
-    className: classnames__default.default(Badge_module.badge, Badge_module[variant], classNameOverride, reversed && Badge_module.reversed, size === "large" && Badge_module.large)
-  }, restProps), variant !== "dot" && children);
+    className: classnames__default.default(Badge_module.badge, Badge_module[variant], classNameOverride, reversed && Badge_module.reversed, size === 'large' && Badge_module.large)
+  }, restProps), variant !== 'dot' && children);
 };
 var BadgeAnimated = function (props) {
   var _a = React.useState(false),
@@ -44,6 +44,6 @@ var BadgeAnimated = function (props) {
     className: classnames__default.default(Badge_module.animation, isFocused && Badge_module.animationOn)
   }, React__default.default.createElement(Badge, tslib.__assign({}, props)));
 };
-Badge.displayName = "Badge";
+Badge.displayName = 'Badge';
 exports.Badge = Badge;
 exports.BadgeAnimated = BadgeAnimated;

package/dist/cjs/Brand/Brand.cjs

@@ -14,7 +14,7 @@ function _interopDefault(e) {
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var isSVG = function (variant, restProps) {
-  return variant === "collective-intelligence";
+  return variant === 'collective-intelligence';
 };
 var Brand = function (_a) {
   var _b = _a.reversed,
@@ -25,13 +25,13 @@ var Brand = function (_a) {
     var role = restProps.role,
       alt_1 = restProps.alt,
       ariaLabel = restProps["aria-label"],
-      props = tslib.__rest(restProps, ["role", "alt", "aria-label"]);
-    if (role === "presentation") {
+      props = tslib.__rest(restProps, ["role", "alt", 'aria-label']);
+    if (role === 'presentation') {
       return React__default.default.createElement(BrandCollectiveIntelligence.BrandCollectiveIntelligence, tslib.__assign({
         role: role
       }, props));
     }
-    if (role === "img") {
+    if (role === 'img') {
       return React__default.default.createElement(BrandCollectiveIntelligence.BrandCollectiveIntelligence, tslib.__assign({
         role: role,
         "aria-label": ariaLabel
@@ -46,7 +46,7 @@ var Brand = function (_a) {
     classNameOverride = restProps.classNameOverride,
     style = restProps.style,
     otherProps = tslib.__rest(restProps, ["alt", "classNameOverride", "style"]);
-  var brandTheme = reversed ? "-reversed" : "-default";
+  var brandTheme = reversed ? '-reversed' : '-default';
   return React__default.default.createElement("picture", tslib.__assign({}, otherProps), React__default.default.createElement("source", {
     srcSet: hostedAssets.assetUrl("brand/".concat(variant, "-reversed.svg")),
     media: "(forced-colors: active) and (prefers-color-scheme: dark)"
@@ -60,5 +60,5 @@ var Brand = function (_a) {
     style: style
   }));
 };
-Brand.displayName = "Brand";
+Brand.displayName = 'Brand';
 exports.Brand = Brand;

package/dist/cjs/Brand/BrandCollectiveIntelligence/BrandCollectiveIntelligence.cjs

@@ -14,8 +14,8 @@ var BrandCollectiveIntelligence = function (_a) {
     restProps = tslib.__rest(_a, ["role", "classNameOverride"]);
   var props = tslib.__assign({
     role: role,
-    "aria-hidden": role === "presentation" ? true : undefined,
-    className: classNameOverride
+    'aria-hidden': role === 'presentation' ? true : undefined,
+    'className': classNameOverride
   }, restProps);
   return React__default.default.createElement("svg", tslib.__assign({
     width: "56",
@@ -54,5 +54,5 @@ var BrandCollectiveIntelligence = function (_a) {
     clipRule: "evenodd"
   }));
 };
-BrandCollectiveIntelligence.displayName = "Brand.CollectiveIntelligence";
+BrandCollectiveIntelligence.displayName = 'Brand.CollectiveIntelligence';
 exports.BrandCollectiveIntelligence = BrandCollectiveIntelligence;

package/dist/cjs/BrandMoment/BrandMoment.cjs

@@ -57,7 +57,7 @@ var BrandMoment = function (_a) {
     classNameOverride: BrandMoment_module.subtitle
   }, text.subtitle), React__default.default.createElement(Heading.Heading, {
     variant: "display-0",
-    tag: text.subtitle ? "h2" : "h1",
+    tag: text.subtitle ? 'h2' : 'h1',
     classNameOverride: BrandMoment_module.title
   }, text.title), text.body && React__default.default.createElement(Text.Text, {
     variant: "intro-lede",
@@ -89,7 +89,7 @@ var BrandMoment = function (_a) {
     href: "https://www.cultureamp.com",
     className: BrandMoment_module.poweredByLogo
   }, React__default.default.createElement("img", {
-    src: hostedAssets.assetUrl("brand/logo-horizontal-default.svg"),
+    src: hostedAssets.assetUrl('brand/logo-horizontal-default.svg'),
     alt: "Culture Amp"
   }))), React__default.default.createElement("div", {
     className: BrandMoment_module.footerTextContainer
@@ -97,5 +97,5 @@ var BrandMoment = function (_a) {
     variant: "extra-small"
   }, text.footer))))));
 };
-BrandMoment.displayName = "BrandMoment";
+BrandMoment.displayName = 'BrandMoment';
 exports.BrandMoment = BrandMoment;

package/dist/cjs/ButtonGroup/ButtonGroup.cjs

@@ -22,7 +22,7 @@ var ButtonGroup = function (_a) {
     restProps = tslib.__rest(_a, ["children", "classNameOverride"]);
   var childCount = React__default.default.Children.count(children);
   var containerProps = tslib.__assign({
-    role: "group",
+    role: 'group',
     className: classnames__default.default(ButtonGroup_module.buttonGroup, classNameOverride)
   }, restProps);
   if (childCount === 1) return React__default.default.createElement("div", tslib.__assign({}, containerProps), children);
@@ -44,5 +44,5 @@ var ButtonGroup = function (_a) {
     });
   }));
 };
-ButtonGroup.displayName = "ButtonGroup";
+ButtonGroup.displayName = 'ButtonGroup';
 exports.ButtonGroup = ButtonGroup;

package/dist/cjs/Calendar/CalendarPopover/CalendarPopover.cjs

@@ -27,12 +27,12 @@ var CalendarPopover = function (_a) {
     floatingElement = _b[0],
     setFloatingElement = _b[1];
   var floatingStyles = reactDom.useFloating(tslib.__assign({
-    placement: "bottom-start",
+    placement: 'bottom-start',
     elements: {
       reference: referenceElement,
       floating: floatingElement
     },
-    strategy: "fixed",
+    strategy: 'fixed',
     middleware: [reactDom.size({
       apply: function (_a) {
         var availableHeight = _a.availableHeight,
@@ -46,7 +46,7 @@ var CalendarPopover = function (_a) {
         });
       }
     }), reactDom.offset(15), reactDom.autoPlacement({
-      allowedPlacements: ["bottom-start", "bottom", "top-start", "top"]
+      allowedPlacements: ['bottom-start', 'bottom', 'top-start', 'top']
     })],
     whileElementsMounted: reactDom.autoUpdate
   }, floatingOptions)).floatingStyles;
@@ -58,5 +58,5 @@ var CalendarPopover = function (_a) {
     "aria-modal": "true"
   }, restProps), children);
 };
-CalendarPopover.displayName = "CalendarPopover";
+CalendarPopover.displayName = 'CalendarPopover';
 exports.CalendarPopover = CalendarPopover;

package/dist/cjs/Calendar/CalendarRange/CalendarRange.cjs

@@ -16,21 +16,22 @@ function _interopDefault(e) {
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var CalendarRange = function (_a) {
+  var _b;
   var id = _a.id,
     onMount = _a.onMount,
-    _b = _a.hasDivider,
-    hasDivider = _b === void 0 ? false : _b,
+    _c = _a.hasDivider,
+    hasDivider = _c === void 0 ? false : _c,
     classNameOverride = _a.classNameOverride,
     selected = _a.selected,
     defaultMonth = _a.defaultMonth,
-    _c = _a.locale,
-    locale$1 = _c === void 0 ? locale.enAU : _c,
+    _d = _a.locale,
+    locale$1 = _d === void 0 ? locale.enAU : _d,
     restProps = tslib.__rest(_a, ["id", "onMount", "hasDivider", "classNameOverride", "selected", "defaultMonth", "locale"]);
   var calendarRef = React.useRef(null);
   React.useEffect(function () {
-    if (calendarRef.current) onMount && onMount(calendarRef.current);
-  }, [calendarRef]);
-  var monthToShow = (selected === null || selected === void 0 ? void 0 : selected.from) || defaultMonth;
+    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.isInvalidDate(monthToShow) ? undefined : monthToShow;
   /* eslint-disable camelcase */
   var classNames = tslib.__assign(tslib.__assign({}, baseCalendarClassNames.baseCalendarClassNames), {
@@ -71,5 +72,5 @@ var CalendarRange = function (_a) {
     locale: locale$1
   }, restProps)));
 };
-CalendarRange.displayName = "CalendarRange";
+CalendarRange.displayName = 'CalendarRange';
 exports.CalendarRange = CalendarRange;

package/dist/cjs/Calendar/CalendarSingle/CalendarSingle.cjs

@@ -29,8 +29,8 @@ var CalendarSingle = function (_a) {
   var calendarRef = React.useRef(null);
   React.useEffect(function () {
     if (calendarRef.current) onMount === null || onMount === void 0 ? void 0 : onMount(calendarRef.current);
-  }, [calendarRef]);
-  var monthToShow = selected || defaultMonth;
+  }, [calendarRef, onMount]);
+  var monthToShow = selected !== null && selected !== void 0 ? selected : defaultMonth;
   var selectedMonth = monthToShow && isInvalidDate.isInvalidDate(monthToShow) ? undefined : monthToShow;
   /* eslint-disable camelcase */
   var classNames = tslib.__assign(tslib.__assign({}, baseCalendarClassNames.baseCalendarClassNames), {
@@ -67,5 +67,5 @@ var CalendarSingle = function (_a) {
     locale: locale$1
   }, restProps)));
 };
-CalendarSingle.displayName = "CalendarSingle";
+CalendarSingle.displayName = 'CalendarSingle';
 exports.CalendarSingle = CalendarSingle;

package/dist/cjs/Calendar/LegacyCalendarRange/LegacyCalendarRange.cjs

@@ -17,15 +17,16 @@ function _interopDefault(e) {
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var LegacyCalendarRange = function (_a) {
+  var _b;
   var classNameOverride = _a.classNameOverride,
     defaultMonth = _a.defaultMonth,
-    _b = _a.weekStartsOn,
-    weekStartsOn = _b === void 0 ? enums.DayOfWeek.Mon : _b,
+    _c = _a.weekStartsOn,
+    weekStartsOn = _c === void 0 ? enums.DayOfWeek.Mon : _c,
     disabledDays = _a.disabledDays,
     selectedRange = _a.selectedRange,
     locale = _a.locale,
     onDayChange = _a.onDayChange;
-  var monthToShow = (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) || defaultMonth;
+  var monthToShow = (_b = selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) !== null && _b !== void 0 ? _b : defaultMonth;
   var selectedMonth = monthToShow && isInvalidDate.isInvalidDate(monthToShow) ? undefined : monthToShow;
   /* eslint-disable camelcase */
   var classNames = tslib.__assign(tslib.__assign({}, baseCalendarClassNames.baseCalendarClassNames), {
@@ -65,5 +66,5 @@ var LegacyCalendarRange = function (_a) {
     locale: locale
   }));
 };
-LegacyCalendarRange.displayName = "LegacyCalendarRange";
+LegacyCalendarRange.displayName = 'LegacyCalendarRange';
 exports.LegacyCalendarRange = LegacyCalendarRange;

package/dist/cjs/Calendar/enums.cjs

@@ -10,9 +10,9 @@ var DayOfWeek = {
   Sat: 6
 };
 var DateFormat = {
-  Numeral: "P",
+  Numeral: 'P',
   // eg. 01/15/2022
-  Text: "PP" // eg. Jan 15, 2022
+  Text: 'PP' // eg. Jan 15, 2022
 };
 exports.DateFormat = DateFormat;
 exports.DayOfWeek = DayOfWeek;

package/dist/cjs/Calendar/utils/formatDateAsNumeral.cjs

@@ -4,7 +4,7 @@ var dateFns = require('date-fns');
 var enums = require('../enums.cjs');
 var isInvalidDate = require('./isInvalidDate.cjs');
 var formatDateAsNumeral = function (date, locale) {
-  return isInvalidDate.isInvalidDate(date) ? "" : dateFns.format(date, enums.DateFormat.Numeral, {
+  return isInvalidDate.isInvalidDate(date) ? '' : dateFns.format(date, enums.DateFormat.Numeral, {
     locale: locale
   });
 };

package/dist/cjs/Calendar/utils/formatDateAsText.cjs

@@ -11,7 +11,7 @@ var formatDateAsText = function (date, disabledDays, locale) {
     });
   }
   if (isInvalidDate.isInvalidDate(date)) {
-    return "Invalid Date";
+    return 'Invalid Date';
   }
   return dateFns.format(date, enums.DateFormat.Text, {
     locale: locale

package/dist/cjs/Calendar/utils/isInvalidDate.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var isInvalidDate = function (parsedDate) {
-  return parsedDate.toString() === "Invalid Date";
+  return parsedDate.toString() === 'Invalid Date';
 };
 exports.isInvalidDate = isInvalidDate;

package/dist/cjs/Calendar/utils/parseDateAsTextOrNumeral.cjs

@@ -4,7 +4,7 @@ var parseDateFromNumeralFormatValue = require('./parseDateFromNumeralFormatValue
 var parseDateFromTextFormatValue = require('./parseDateFromTextFormatValue.cjs');
 var parseDateAsTextOrNumeral = function (value, locale) {
   var parsedAsText = parseDateFromTextFormatValue.parseDateFromTextFormatValue(value, locale);
-  if (parsedAsText.toString() !== "Invalid Date") return parsedAsText;
+  if (parsedAsText.toString() !== 'Invalid Date') return parsedAsText;
   return parseDateFromNumeralFormatValue.parseDateFromNumeralFormatValue(value, locale);
 };
 exports.parseDateAsTextOrNumeral = parseDateAsTextOrNumeral;

package/dist/cjs/Card/Card.cjs

@@ -19,10 +19,10 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var Card = function (_a) {
   var children = _a.children,
     _b = _a.tag,
-    tag = _b === void 0 ? "div" : _b,
+    tag = _b === void 0 ? 'div' : _b,
     variant = _a.variant,
     _c = _a.color,
-    color = _c === void 0 ? "white" : _c,
+    color = _c === void 0 ? 'white' : _c,
     _d = _a.isElevated,
     isElevated = _d === void 0 ? false : _d,
     classNameOverride = _a.classNameOverride,
@@ -32,5 +32,5 @@ var Card = function (_a) {
     className: classnames__default.default(Card_module.wrapper, variant ? Card_module[variant] : Card_module[color], classNameOverride, isElevated && Card_module.elevated)
   }, props), children);
 };
-Card.displayName = "Card";
+Card.displayName = 'Card';
 exports.Card = Card;