@kaizen/components 1.68.5 → 1.68.7

package/dist/cjs/Tile/subcomponents/GenericTile/GenericTile.cjs

@@ -21,43 +21,30 @@ var GenericTile = function (_a) {
   var children = _a.children,
     title = _a.title,
     _b = _a.titleTag,
-    titleTag = _b === void 0 ? "h3" : _b,
+    titleTag = _b === void 0 ? 'h3' : _b,
     metadata = _a.metadata,
     information = _a.information,
     infoButtonLabel = _a.infoButtonLabel,
     mood = _a.mood,
     _c = _a.variant,
-    variant = _c === void 0 ? "default" : _c,
+    variant = _c === void 0 ? 'default' : _c,
     footer = _a.footer,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["children", "title", "titleTag", "metadata", "information", "infoButtonLabel", "mood", "variant", "footer", "classNameOverride"]);
-  var _d = React.useState(false),
+  var _d = React.useState(),
     isFlipped = _d[0],
     setIsFlipped = _d[1];
-  var _e = React.useState(false),
-    isDocumentReady = _e[0],
-    setIsDocumentReady = _e[1];
   var formatMessage = i18nReactIntl.useIntl().formatMessage;
   var infoButtonRef = React.useRef(null);
   var infoButtonReturnRef = React.useRef(null);
   React.useEffect(function () {
-    setIsDocumentReady(true);
-  }, []);
-  React.useEffect(function () {
-    if (!isDocumentReady) {
-      setIsDocumentReady(true);
-      return;
-    }
-    if (isFlipped) {
-      infoButtonReturnRef.current.focus();
-    } else {
-      infoButtonRef.current.focus();
-    }
+    if (isFlipped === true) return infoButtonReturnRef.current.focus();
+    if (isFlipped === false) return infoButtonRef.current.focus();
   }, [isFlipped]);
   var translatedInfoLabel = formatMessage({
-    id: "kzGenericTile.infoButtonLabel",
-    defaultMessage: "View more information:",
-    description: "Prompts user to interact with button to reveal more information"
+    id: 'kzGenericTile.infoButtonLabel',
+    defaultMessage: 'View more information:',
+    description: 'Prompts user to interact with button to reveal more information'
   });
   var renderTitle = function () {
     return React__default.default.createElement("div", {
@@ -78,7 +65,7 @@ var GenericTile = function (_a) {
     }, information && React__default.default.createElement("div", {
       className: GenericTile_module.informationBtn
     }, React__default.default.createElement(IconButton.IconButton, {
-      label: infoButtonLabel || "".concat(translatedInfoLabel, " ").concat(title),
+      label: infoButtonLabel !== null && infoButtonLabel !== void 0 ? infoButtonLabel : "".concat(translatedInfoLabel, " ").concat(title),
       icon: React__default.default.createElement(Icon.Icon, {
         name: "info",
         isPresentational: true,
@@ -97,10 +84,11 @@ var GenericTile = function (_a) {
     }, footer));
   };
   var renderInformation = function (informationProp) {
-    if (informationProp && typeof informationProp === "object" && "text" in informationProp) {
+    var _a;
+    if (informationProp && typeof informationProp === 'object' && 'text' in informationProp) {
       return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(Text.Text, {
         variant: "body"
-      }, informationProp.text), (informationProp.primaryAction || informationProp.secondaryAction) && React__default.default.createElement("div", {
+      }, informationProp.text), ((_a = informationProp.primaryAction) !== null && _a !== void 0 ? _a : informationProp.secondaryAction) && React__default.default.createElement("div", {
         className: GenericTile_module.footer
       }, React__default.default.createElement("div", {
         className: GenericTile_module.actions
@@ -116,9 +104,9 @@ var GenericTile = function (_a) {
   var renderBack = function () {
     if (!information) return;
     var returnButtonLabel = formatMessage({
-      id: "kzGenericTile.infoButtonReturnLabel",
-      defaultMessage: "Hide information:",
-      description: "Prompts user to interact with button to hide information"
+      id: 'kzGenericTile.infoButtonReturnLabel',
+      defaultMessage: 'Hide information:',
+      description: 'Prompts user to interact with button to hide information'
     });
     return React__default.default.createElement("div", {
       className: classnames__default.default(GenericTile_module.face, GenericTile_module.faceBack)
@@ -146,5 +134,5 @@ var GenericTile = function (_a) {
     className: classnames__default.default(GenericTile_module.tile, isFlipped && GenericTile_module.isFlipped)
   }, React__default.default.createElement(React__default.default.Fragment, null, renderFront(), renderBack())));
 };
-GenericTile.displayName = "GenericTile";
+GenericTile.displayName = 'GenericTile';
 exports.GenericTile = GenericTile;

package/dist/cjs/TimeField/TimeField.cjs

@@ -26,7 +26,7 @@ var TimeField = function (props) {
     locale: props.locale
   }, React__default.default.createElement(TimeFieldComponent, tslib.__assign({}, props)));
 };
-TimeField.displayName = "TimeField";
+TimeField.displayName = 'TimeField';
 var TimeFieldComponent = function (_a) {
   var propsId = _a.id,
     label = _a.label,
@@ -34,7 +34,7 @@ var TimeFieldComponent = function (_a) {
     onChange = _a.onChange,
     value = _a.value,
     _b = _a.status,
-    status = _b === void 0 ? "default" : _b,
+    status = _b === void 0 ? 'default' : _b,
     validationMessage = _a.validationMessage,
     isDisabled = _a.isDisabled,
     classNameOverride = _a.classNameOverride,
@@ -56,15 +56,15 @@ var TimeFieldComponent = function (_a) {
     isDisabled: isDisabled,
     hideTimeZone: true,
     locale: locale,
-    validationState: status === "default" ? "valid" : "invalid"
+    validationState: status === 'default' ? 'valid' : 'invalid'
   }));
-  var hasError = !!validationMessage && status === "error";
+  var hasError = !!validationMessage && status === 'error';
   var descriptionId = hasError ? "".concat(id, "-field-message") : undefined;
   var inputRef = React__default.default.useRef(null);
   var _c = datepicker$1.useTimeField(tslib.__assign(tslib.__assign({}, restProps), {
       label: label,
       isDisabled: isDisabled,
-      "aria-describedby": descriptionId
+      'aria-describedby': descriptionId
     }), state, inputRef),
     fieldProps = _c.fieldProps,
     labelProps = _c.labelProps;
@@ -79,7 +79,7 @@ var TimeFieldComponent = function (_a) {
   }, React__default.default.createElement("div", tslib.__assign({}, fieldProps, {
     id: id,
     ref: inputRef,
-    className: classnames__default.default(TimeField_module.input, state.isDisabled && TimeField_module.isDisabled, state.validationState === "invalid" && TimeField_module.error)
+    className: classnames__default.default(TimeField_module.input, state.isDisabled && TimeField_module.isDisabled, state.validationState === 'invalid' && TimeField_module.error)
   }), state.segments.map(function (segment, i) {
     return React__default.default.createElement(TimeSegment.TimeSegment, {
       key: i,
@@ -94,5 +94,5 @@ var TimeFieldComponent = function (_a) {
     status: status
   }));
 };
-TimeFieldComponent.displayName = "TimeFieldComponent";
+TimeFieldComponent.displayName = 'TimeFieldComponent';
 exports.TimeField = TimeField;

package/dist/cjs/TimeField/subcomponents/TimeSegment/TimeSegment.cjs

@@ -26,8 +26,8 @@ var TimeSegment = function (_a) {
     className: TimeSegment_module.timeSegmentWrapper
   }, "\u200B", React__default.default.createElement("span", tslib.__assign({}, segmentProps, {
     ref: ref,
-    className: classnames__default.default(TimeSegment_module.timeSegment, segment.type === "literal" && TimeSegment_module.literal, segment.isPlaceholder && TimeSegment_module.placeholder, segment.type === "dayPeriod" && TimeSegment_module.dayPeriod)
+    className: classnames__default.default(TimeSegment_module.timeSegment, segment.type === 'literal' && TimeSegment_module.literal, segment.isPlaceholder && TimeSegment_module.placeholder, segment.type === 'dayPeriod' && TimeSegment_module.dayPeriod)
   }), generateSegmentDisplayText.generateSegmentDisplayText(segment)), "\u200B");
 };
-TimeSegment.displayName = "TimeSegment";
+TimeSegment.displayName = 'TimeSegment';
 exports.TimeSegment = TimeSegment;

package/dist/cjs/TimeField/subcomponents/TimeSegment/utils/generateSegmentDisplayText.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var generateSegmentDisplayText = function (segment) {
-  return segment.isPlaceholder && segment.type !== "dayPeriod" ? "--" : segment.text;
+  return segment.isPlaceholder && segment.type !== 'dayPeriod' ? '--' : segment.text;
 };
 exports.generateSegmentDisplayText = generateSegmentDisplayText;

package/dist/cjs/TitleBlockZen/TitleBlockZen.cjs

@@ -24,11 +24,11 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var renderTag = function (surveyStatus) {
   var tagVariant;
-  if (tagVariant === "profile") {
+  if (tagVariant === 'profile') {
     return;
   }
-  if (surveyStatus.status === "draft") {
-    tagVariant = "statusDraft";
+  if (surveyStatus.status === 'draft') {
+    tagVariant = 'statusDraft';
   }
   /*
     scheduled is actually a draft survey status that has a launch job scheduled
@@ -36,20 +36,20 @@ var renderTag = function (surveyStatus) {
     the styles must be identical to the draft style
        we have similar behaviour on programs index page's table
   */
-  if (surveyStatus.status === "scheduled") {
-    tagVariant = "statusClosed";
+  if (surveyStatus.status === 'scheduled') {
+    tagVariant = 'statusClosed';
   }
-  if (surveyStatus.status === "live") {
-    tagVariant = "statusLive";
+  if (surveyStatus.status === 'live') {
+    tagVariant = 'statusLive';
   }
-  if (surveyStatus.status === "closed") {
-    tagVariant = "statusClosed";
+  if (surveyStatus.status === 'closed') {
+    tagVariant = 'statusClosed';
   }
-  if (surveyStatus.status === "sentimentPositive") {
-    tagVariant = "sentimentPositive";
+  if (surveyStatus.status === 'sentimentPositive') {
+    tagVariant = 'sentimentPositive';
   }
-  if (surveyStatus.status === "default") {
-    tagVariant = "default";
+  if (surveyStatus.status === 'default') {
+    tagVariant = 'default';
   }
   return React__default.default.createElement("div", {
     "data-automation-id": "survey-status-tag",
@@ -61,7 +61,7 @@ var renderTag = function (surveyStatus) {
   }, surveyStatus.text));
 };
 var isJSXElement = function (imageElementOrAvatarProps) {
-  return "props" in imageElementOrAvatarProps;
+  return 'props' in imageElementOrAvatarProps;
 };
 var renderAvatar = function (imageElementOrAvatarProps, avatarAutomationId) {
   return isJSXElement(imageElementOrAvatarProps) ? React__default.default.createElement("div", {
@@ -90,7 +90,7 @@ var defaultRenderSectionTitle = function (sectionTitle, sectionTitleDescription,
     className: TitleBlockZen_module.sectionTitle
   }, React__default.default.createElement(Heading.Heading, {
     variant: "heading-2",
-    color: utils.isReversed(variant) ? "white" : "dark",
+    color: utils.isReversed(variant) ? 'white' : 'dark',
     classNameOverride: TitleBlockZen_module.sectionTitleOverride,
     "data-automation-id": sectionTitleAutomationId,
     "data-testid": sectionTitleAutomationId
@@ -134,7 +134,7 @@ var Breadcrumb = function (_a) {
       textDirection: textDirection
     }, React__default.default.createElement(InnerContents, null));
   }
-  var TagName = path ? "a" : "button";
+  var TagName = path ? 'a' : 'button';
   return React__default.default.createElement(TagName, tslib.__assign({}, path && {
     href: path
   }, {
@@ -171,6 +171,7 @@ var renderNavigationTabs = function (navigationTabs, collapse, ariaLabel) {
  * {@link https://cultureamp.design/?path=/story/components-titleblock--docs Storybook}
  */
 var TitleBlockZen = function (_a) {
+  var _b, _c, _d, _e;
   var title = _a.title,
     variant = _a.variant,
     breadcrumb = _a.breadcrumb,
@@ -186,36 +187,36 @@ var TitleBlockZen = function (_a) {
     secondaryActions = _a.secondaryActions,
     secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
     navigationTabs = _a.navigationTabs,
-    _b = _a.collapseNavigationAreaWhenPossible,
-    collapseNavigationAreaWhenPossible = _b === void 0 ? false : _b,
+    _f = _a.collapseNavigationAreaWhenPossible,
+    collapseNavigationAreaWhenPossible = _f === void 0 ? false : _f,
     textDirection = _a.textDirection,
     surveyStatus = _a.surveyStatus,
     id = _a.id,
-    _c = _a.titleAutomationId,
-    titleAutomationId = _c === void 0 ? "TitleBlock__Title" : _c,
-    _d = _a.avatarAutomationId,
-    avatarAutomationId = _d === void 0 ? "TitleBlock__Avatar" : _d,
-    _e = _a.subtitleAutomationId,
-    subtitleAutomationId = _e === void 0 ? "TitleBlock__Subtitle" : _e,
-    _f = _a.sectionTitleAutomationId,
-    sectionTitleAutomationId = _f === void 0 ? "TitleBlock__SectionTitle" : _f,
-    _g = _a.sectionTitleDescriptionAutomationId,
-    sectionTitleDescriptionAutomationId = _g === void 0 ? "TitleBlock__SectionTitleDescription" : _g,
-    _h = _a.breadcrumbAutomationId,
-    breadcrumbAutomationId = _h === void 0 ? "TitleBlock__Breadcrumb" : _h,
-    _j = _a.breadcrumbTextAutomationId,
-    breadcrumbTextAutomationId = _j === void 0 ? "TitleBlock__BreadcrumbText" : _j,
-    _k = _a.autoHideMobileActionsMenu,
-    autoHideMobileActionsMenu = _k === void 0 ? false : _k;
+    _g = _a.titleAutomationId,
+    titleAutomationId = _g === void 0 ? 'TitleBlock__Title' : _g,
+    _h = _a.avatarAutomationId,
+    avatarAutomationId = _h === void 0 ? 'TitleBlock__Avatar' : _h,
+    _j = _a.subtitleAutomationId,
+    subtitleAutomationId = _j === void 0 ? 'TitleBlock__Subtitle' : _j,
+    _k = _a.sectionTitleAutomationId,
+    sectionTitleAutomationId = _k === void 0 ? 'TitleBlock__SectionTitle' : _k,
+    _l = _a.sectionTitleDescriptionAutomationId,
+    sectionTitleDescriptionAutomationId = _l === void 0 ? 'TitleBlock__SectionTitleDescription' : _l,
+    _m = _a.breadcrumbAutomationId,
+    breadcrumbAutomationId = _m === void 0 ? 'TitleBlock__Breadcrumb' : _m,
+    _o = _a.breadcrumbTextAutomationId,
+    breadcrumbTextAutomationId = _o === void 0 ? 'TitleBlock__BreadcrumbText' : _o,
+    _p = _a.autoHideMobileActionsMenu,
+    autoHideMobileActionsMenu = _p === void 0 ? false : _p;
   var hasNavigationTabs = navigationTabs && navigationTabs.length > 0;
   var collapseNavigationArea = collapseNavigationAreaWhenPossible && !hasNavigationTabs && secondaryActions === undefined;
-  var _l = useMediaQueries.useMediaQueries().queries,
-    isSmall = _l.isSmall,
-    isMedium = _l.isMedium;
+  var _q = useMediaQueries.useMediaQueries().queries,
+    isSmall = _q.isSmall,
+    isMedium = _q.isMedium;
   var isSmallOrMediumViewport = isMedium || isSmall;
   return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", {
     id: id,
-    className: classnames__default.default(TitleBlockZen_module.titleBlock, TitleBlockZen_module["".concat(variant, "Variant")], Boolean(subtitle) && TitleBlockZen_module.hasSubtitle, Boolean(pageSwitcherSelect) && TitleBlockZen_module.hasPageSwitcherSelect, collapseNavigationArea && !(sectionTitle || sectionTitleDescription || renderSectionTitle) && TitleBlockZen_module.collapseNavigationArea, title && title.length >= 30 && TitleBlockZen_module.hasLongTitle, subtitle && typeof subtitle === "string" && subtitle.length >= 18 && TitleBlockZen_module.hasLongSubtitle, hasNavigationTabs && TitleBlockZen_module.hasNavigationTabs)
+    className: classnames__default.default(TitleBlockZen_module.titleBlock, TitleBlockZen_module["".concat(variant, "Variant")], Boolean(subtitle) && TitleBlockZen_module.hasSubtitle, Boolean(pageSwitcherSelect) && TitleBlockZen_module.hasPageSwitcherSelect, collapseNavigationArea && !((_b = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _b !== void 0 ? _b : renderSectionTitle) && TitleBlockZen_module.collapseNavigationArea, title && title.length >= 30 && TitleBlockZen_module.hasLongTitle, subtitle && typeof subtitle === 'string' && subtitle.length >= 18 && TitleBlockZen_module.hasLongSubtitle, hasNavigationTabs && TitleBlockZen_module.hasNavigationTabs)
   }, React__default.default.createElement("div", {
     className: TitleBlockZen_module.titleRow
   }, React__default.default.createElement("div", {
@@ -249,7 +250,7 @@ var TitleBlockZen = function (_a) {
     className: TitleBlockZen_module.title
   }, React__default.default.createElement(Heading.Heading, {
     variant: "composable-header-title",
-    color: utils.isReversed(variant) ? "white" : "dark",
+    color: utils.isReversed(variant) ? 'white' : 'dark',
     classNameOverride: TitleBlockZen_module.titleTextOverride,
     "data-automation-id": titleAutomationId,
     "data-testid": titleAutomationId
@@ -264,7 +265,7 @@ var TitleBlockZen = function (_a) {
     variant: "secondary",
     reversed: true,
     fullWidth: true
-  })))))), (primaryAction || defaultAction || secondaryActions || secondaryOverflowMenuItems) && React__default.default.createElement(MainActions.MainActions, {
+  })))))), ((_d = (_c = primaryAction !== null && primaryAction !== void 0 ? primaryAction : defaultAction) !== null && _c !== void 0 ? _c : secondaryActions) !== null && _d !== void 0 ? _d : secondaryOverflowMenuItems) && React__default.default.createElement(MainActions.MainActions, {
     primaryAction: primaryAction,
     defaultAction: defaultAction,
     reversed: utils.isReversed(variant),
@@ -276,16 +277,16 @@ var TitleBlockZen = function (_a) {
     className: TitleBlockZen_module.rowBelowSeparatorInner
   }, React__default.default.createElement("div", {
     className: TitleBlockZen_module.rowBelowSeparatorInnerContent
-  }, (sectionTitle || sectionTitleDescription || renderSectionTitle) && React__default.default.createElement("div", {
+  }, ((_e = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _e !== void 0 ? _e : renderSectionTitle) && React__default.default.createElement("div", {
     className: TitleBlockZen_module.sectionTitleContainer
   }, React__default.default.createElement("div", {
     className: TitleBlockZen_module.sectionTitleInner
-  }, !!renderSectionTitle ? renderSectionTitle({
+  }, renderSectionTitle ? renderSectionTitle({
     sectionTitle: sectionTitle,
     sectionTitleAutomationId: sectionTitleAutomationId,
     sectionTitleDescription: sectionTitleDescription,
     sectionTitleDescriptionAutomationId: sectionTitleDescriptionAutomationId
-  }) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId))), renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions || secondaryOverflowMenuItems) && React__default.default.createElement(SecondaryActions.SecondaryActions, {
+  }) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId))), renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions !== null && secondaryActions !== void 0 ? secondaryActions : secondaryOverflowMenuItems) && React__default.default.createElement(SecondaryActions.SecondaryActions, {
     secondaryActions: secondaryActions,
     secondaryOverflowMenuItems: secondaryOverflowMenuItems,
     reversed: utils.isReversed(variant)
@@ -294,9 +295,9 @@ var TitleBlockZen = function (_a) {
     defaultAction: defaultAction,
     secondaryActions: secondaryActions,
     secondaryOverflowMenuItems: secondaryOverflowMenuItems,
-    drawerHandleLabelIconPosition: primaryAction && "iconPosition" in primaryAction ? primaryAction.iconPosition : undefined,
+    drawerHandleLabelIconPosition: primaryAction && 'iconPosition' in primaryAction ? primaryAction.iconPosition : undefined,
     autoHide: autoHideMobileActionsMenu
   })));
 };
-TitleBlockZen.displayName = "TitleBlockZen";
+TitleBlockZen.displayName = 'TitleBlockZen';
 exports.TitleBlockZen = TitleBlockZen;

package/dist/cjs/TitleBlockZen/constants.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = "title-block-secondary-menu";
-var TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = "title-block-other-actions";
+var TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = 'title-block-secondary-menu';
+var TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = 'title-block-other-actions';
 exports.TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID;
 exports.TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID;

package/dist/cjs/TitleBlockZen/subcomponents/MainActions.cjs

@@ -19,13 +19,14 @@ function _interopDefault(e) {
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var MainActions = function (_a) {
+  var _b, _c, _d, _e;
   var primaryAction = _a.primaryAction,
     defaultAction = _a.defaultAction,
-    _b = _a.reversed,
-    reversed = _b === void 0 ? false : _b,
+    _f = _a.reversed,
+    reversed = _f === void 0 ? false : _f,
     overflowMenuItems = _a.overflowMenuItems,
-    _c = _a.showOverflowMenu,
-    showOverflowMenu = _c === void 0 ? false : _c;
+    _g = _a.showOverflowMenu,
+    showOverflowMenu = _g === void 0 ? false : _g;
   var items;
   if (primaryAction && utils.isMenuGroupNotButton(primaryAction)) {
     var menuContent = primaryAction.menuItems.map(function (item, idx) {
@@ -36,14 +37,14 @@ var MainActions = function (_a) {
       }));
     });
     items = tslib.__spreadArray(tslib.__spreadArray([], defaultAction ? [{
-      key: "defaultAction",
+      key: 'defaultAction',
       node: React__default.default.createElement(Button.Button, tslib.__assign({}, defaultAction, {
-        reversed: defaultAction.reversed !== undefined ? defaultAction.reversed : reversed,
+        reversed: (_b = defaultAction.reversed) !== null && _b !== void 0 ? _b : reversed,
         "data-automation-id": "title-block-default-action-button",
         "data-testid": "title-block-default-action-button"
       }))
     }] : [], true), primaryAction ? [{
-      key: "primaryAction",
+      key: 'primaryAction',
       node: React__default.default.createElement(Menu.Menu, {
         align: "right",
         button: React__default.default.createElement(Button.Button, {
@@ -58,35 +59,35 @@ var MainActions = function (_a) {
           "data-automation-id": "title-block-primary-action-button",
           "data-testid": "title-block-primary-action-button",
           badge: primaryAction.badge ? tslib.__assign(tslib.__assign({}, primaryAction.badge), {
-            variant: "dark"
+            variant: 'dark'
           }) : undefined
         })
       }, React__default.default.createElement(MenuList.MenuList, null, menuContent))
     }] : [], true);
   } else {
     items = tslib.__spreadArray(tslib.__spreadArray([], defaultAction ? [{
-      key: "defaultAction",
+      key: 'defaultAction',
       node: React__default.default.createElement(Button.Button, tslib.__assign({}, defaultAction, {
-        reversed: defaultAction.reversed !== undefined ? defaultAction.reversed : reversed,
+        reversed: (_c = defaultAction.reversed) !== null && _c !== void 0 ? _c : reversed,
         "data-automation-id": "title-block-default-action-button",
         "data-testid": "title-block-default-action-button"
       }))
     }] : [], true), primaryAction ? [{
-      key: "primaryAction",
+      key: 'primaryAction',
       node: React__default.default.createElement(Button.Button, tslib.__assign({}, primaryAction, {
-        primary: primaryAction.primary !== undefined ? primaryAction.primary : true,
-        reversed: primaryAction.reversed !== undefined ? primaryAction.reversed : reversed,
+        primary: (_d = primaryAction.primary) !== null && _d !== void 0 ? _d : true,
+        reversed: (_e = primaryAction.reversed) !== null && _e !== void 0 ? _e : reversed,
         "data-automation-id": "title-block-primary-action-button",
         "data-testid": "title-block-primary-action-button",
         badge: primaryAction.badge ? tslib.__assign(tslib.__assign({}, primaryAction.badge), {
-          variant: "dark"
+          variant: 'dark'
         }) : undefined
       }))
     }] : [], true);
   }
   if (overflowMenuItems && showOverflowMenu && overflowMenuItems.length > 0) {
     items = tslib.__spreadArray([{
-      key: "overflowMenu",
+      key: 'overflowMenu',
       node: React__default.default.createElement(Menu.Menu, {
         align: "right",
         button: React__default.default.createElement(IconButton.IconButton, {
@@ -113,5 +114,5 @@ var MainActions = function (_a) {
     "data-testid": "title-block-main-actions-toolbar"
   }));
 };
-MainActions.displayName = "MainActions";
+MainActions.displayName = 'MainActions';
 exports.MainActions = MainActions;