@kaizen/components 1.70.10 → 1.70.12

package/dist/cjs/RichTextEditor/RichTextEditor/utils/controlmap.cjs

@@ -51,14 +51,14 @@ var chainTransactions = function () {
     var _a;
     var updateStateAndDispatch = function (tr) {
       state = state.apply(tr);
-      dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr);
+      dispatch === null || dispatch === undefined ? undefined : dispatch(tr);
     };
     var lastCommand = commands.pop();
     for (var _i = 0, commands_1 = commands; _i < commands_1.length; _i++) {
       var command = commands_1[_i];
       command(state, updateStateAndDispatch);
     }
-    return (_a = lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand(state, dispatch)) !== null && _a !== void 0 ? _a : false;
+    return (_a = lastCommand === null || lastCommand === undefined ? undefined : lastCommand(state, dispatch)) !== null && _a !== undefined ? _a : false;
   };
 };
 /** Dispatches a transaction to create initial p tag required for pm commands */
@@ -97,7 +97,7 @@ var createLiftListCommand = function () {
     var _a;
     var $from = state.selection.$from;
     // calculate the parent node from the current tag selected
-    var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
+    var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === undefined ? undefined : _a.type;
     return ProseMirrorSchemaList__namespace.liftListItem(listItemNode)(state, dispatch);
   };
 };
@@ -106,7 +106,7 @@ var createIndentListCommand = function () {
   return function (state, dispatch) {
     var _a;
     var $from = state.selection.$from;
-    var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
+    var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === undefined ? undefined : _a.type;
     return ProseMirrorSchemaList__namespace.sinkListItem(listItemNode)(state, dispatch);
   };
 };
@@ -114,8 +114,8 @@ var createIndentListCommand = function () {
 var liftListIsDisabled = function (state) {
   var _a;
   var $from = state.selection.$from;
-  var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
-  var isValidListItem = (listItemNode === null || listItemNode === void 0 ? void 0 : listItemNode.name) === 'listItem' || false;
+  var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === undefined ? undefined : _a.type;
+  var isValidListItem = (listItemNode === null || listItemNode === undefined ? undefined : listItemNode.name) === 'listItem' || false;
   return !isValidListItem;
 };
 /** handler indent list disabled state */
@@ -124,8 +124,8 @@ var indentListIsDisabled = function (state) {
   var _b = state.selection,
     $from = _b.$from,
     $to = _b.$to;
-  var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
-  var isValidListItem = (listItemNode === null || listItemNode === void 0 ? void 0 : listItemNode.name) === 'listItem' || false;
+  var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === undefined ? undefined : _a.type;
+  var isValidListItem = (listItemNode === null || listItemNode === undefined ? undefined : listItemNode.name) === 'listItem' || false;
   if (!isValidListItem) {
     return true;
   }
@@ -139,8 +139,8 @@ var createControlGroupIndex = function (controls) {
   return controls.reduce(function (groups, currentControl) {
     var _a;
     var _b;
-    if (!(currentControl === null || currentControl === void 0 ? void 0 : currentControl.name)) return groups;
-    return tslib.__assign(tslib.__assign({}, groups), (_a = {}, _a[currentControl.name] = (_b = currentControl.group) !== null && _b !== void 0 ? _b : 'ungrouped', _a));
+    if (!(currentControl === null || currentControl === undefined ? undefined : currentControl.name)) return groups;
+    return tslib.__assign(tslib.__assign({}, groups), (_a = {}, _a[currentControl.name] = (_b = currentControl.group) !== null && _b !== undefined ? _b : 'ungrouped', _a));
   }, {});
 };
 /** Creates an initial object used to map button configuration into its respective groups */
@@ -159,7 +159,7 @@ var createInitialControls = function (controlGroupIndex) {
 var getGroupIndex = function (controlGroupIndex, controlType) {
   var _a;
   if (controlType) {
-    return (_a = controlGroupIndex[controlType]) !== null && _a !== void 0 ? _a : 'ungrouped';
+    return (_a = controlGroupIndex[controlType]) !== null && _a !== undefined ? _a : 'ungrouped';
   }
   return 'ungrouped';
 };
@@ -244,7 +244,7 @@ var buildControlMap = function (schema, editorState, controls) {
     });
   }
   if (schema.nodes.orderedList || schema.nodes.bulletList) {
-    var groupIndex = (_b = (_a = controlGroupIndex.orderedList) !== null && _a !== void 0 ? _a : controlGroupIndex.bulletList) !== null && _b !== void 0 ? _b : 'ungrouped';
+    var groupIndex = (_b = (_a = controlGroupIndex.orderedList) !== null && _a !== undefined ? _a : controlGroupIndex.bulletList) !== null && _b !== undefined ? _b : 'ungrouped';
     toolbarControls[groupIndex].push({
       action: createLiftListCommand(),
       disabled: liftListIsDisabled(editorState),

package/dist/cjs/RichTextEditor/RichTextEditor/utils/keymap.cjs

@@ -77,7 +77,7 @@ var buildKeymap = function (schema) {
   if (schema.nodes.hardBreak) {
     var br_1 = schema.nodes.hardBreak;
     var cmd = chainCommands(exitCode, function (state, dispatch) {
-      dispatch === null || dispatch === void 0 ? void 0 : dispatch(state.tr.replaceSelectionWith(br_1.create()).scrollIntoView());
+      dispatch === null || dispatch === undefined ? undefined : dispatch(state.tr.replaceSelectionWith(br_1.create()).scrollIntoView());
       return true;
     });
     keys['Mod-Enter'] = cmd;

package/dist/cjs/RichTextEditor/utils/commands/getMarkRange.cjs

@@ -4,10 +4,10 @@
 // At the time of writing the implication of this is on links: they cannot span across multiple nodes.
 // There's no impact on the other marks like bold, italics and underline.
 var getMarkRange = function ($pos, type) {
-  if ($pos === void 0) {
+  if ($pos === undefined) {
     $pos = null;
   }
-  if (type === void 0) {
+  if (type === undefined) {
     type = null;
   }
   if (!$pos || !type) {

package/dist/cjs/RichTextEditor/utils/commands/listIsActive.cjs

@@ -3,6 +3,6 @@
 var prosemirrorUtils = require('prosemirror-utils');
 var listIsActive = function (state, type, listNodes) {
   var listNode = prosemirrorUtils.findParentNodeOfTypeClosestToPos(state.selection.$from, listNodes);
-  return (listNode === null || listNode === void 0 ? void 0 : listNode.node.type) === type;
+  return (listNode === null || listNode === undefined ? undefined : listNode.node.type) === type;
 };
 exports.listIsActive = listIsActive;

package/dist/cjs/RichTextEditor/utils/commands/markIsActive.cjs

@@ -8,7 +8,7 @@ var markIsActive = function (state, type) {
     to = _b.to,
     empty = _b.empty;
   if (empty) {
-    return !!type.isInSet((_a = state.storedMarks) !== null && _a !== void 0 ? _a : $from.marks());
+    return !!type.isInSet((_a = state.storedMarks) !== null && _a !== undefined ? _a : $from.marks());
   }
   return !!state.doc.rangeHasMark(from, to, type);
 };

package/dist/cjs/RichTextEditor/utils/commands/removeMark.cjs

@@ -4,7 +4,7 @@ var getMarkRange = require('./getMarkRange.cjs');
 
 /** Remove part or all of the Mark from the current selection */
 var removeMark = function (type, options) {
-  if (options === void 0) {
+  if (options === undefined) {
     options = {
       toExtent: false
     };

package/dist/cjs/RichTextEditor/utils/commands/updateMark.cjs

@@ -4,7 +4,7 @@ var getMarkRange = require('./getMarkRange.cjs');
 
 /** Update Mark attributes, create nested Marks or split Marks of the same type   */
 var updateMark = function (type, attrs, options) {
-  if (options === void 0) {
+  if (options === undefined) {
     options = {
       toExtent: false
     };

package/dist/cjs/RichTextEditor/utils/core/createRichTextEditor.cjs

@@ -11,21 +11,21 @@ var createRichTextEditor = function (_a) {
   var initialEditorState = _a.initialEditorState,
     node = _a.node,
     _b = _a.onChange,
-    onChange = _b === void 0 ? function () {
+    onChange = _b === undefined ? function () {
       return undefined;
     } : _b,
     attributes = _a.attributes,
     _c = _a.isEditable,
-    isEditable = _c === void 0 ? function () {
+    isEditable = _c === undefined ? function () {
       return true;
     } : _c;
   var editorView = null;
   // Handle transactions eminating from the EditorView instance
   var dispatch = function (tx) {
-    var newEditorState = editorView === null || editorView === void 0 ? void 0 : editorView.state.apply(tx);
+    var newEditorState = editorView === null || editorView === undefined ? undefined : editorView.state.apply(tx);
     if (newEditorState) {
       onChange(newEditorState);
-      editorView === null || editorView === void 0 ? void 0 : editorView.updateState(newEditorState);
+      editorView === null || editorView === undefined ? undefined : editorView.updateState(newEditorState);
     }
   };
   // Allow the dispatcher to handle either a Command or a Transaction so we can

package/dist/cjs/RichTextEditor/utils/core/state.cjs

@@ -9,7 +9,7 @@ var ProseMirrorState = require('prosemirror-state');
  * API obvious to consumers
  */
 var createEditorState = function (schema, doc, plugins) {
-  if (plugins === void 0) {
+  if (plugins === undefined) {
     plugins = [];
   }
   return ProseMirrorState.EditorState.create({

package/dist/cjs/RichTextEditor/utils/plugins/LinkManager/LinkManager.cjs

@@ -56,7 +56,7 @@ var LinkManager = /** @class */function () {
   };
   LinkManager.prototype.destroy = function () {
     var _a;
-    (_a = this.tooltipTarget) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_a = this.tooltipTarget) === null || _a === undefined ? undefined : _a.destroy();
     window.removeEventListener('resize', this.onResize);
   };
   LinkManager.prototype.createElement = function (view) {
@@ -66,12 +66,12 @@ var LinkManager = /** @class */function () {
   };
   LinkManager.prototype.updateElement = function (view) {
     var _a;
-    (_a = this.tooltipTarget) === null || _a === void 0 ? void 0 : _a.update(this.getEditorProps(view));
+    (_a = this.tooltipTarget) === null || _a === undefined ? undefined : _a.update(this.getEditorProps(view));
   };
   LinkManager.prototype.destroyElement = function (view) {
     var _a;
     view.dispatch(this.validateLinks);
-    (_a = this.tooltipTarget) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_a = this.tooltipTarget) === null || _a === undefined ? undefined : _a.destroy();
     this.tooltipTarget = null;
   };
   LinkManager.prototype.getEditorProps = function (view) {
@@ -129,9 +129,9 @@ var defaultLinkAttributeValidator = function (attrs) {
 var createLinkManager = function (_a) {
   var markType = _a.markType,
     _b = _a.editorComponent,
-    editorComponent = _b === void 0 ? LinkEditor.LinkEditor : _b,
+    editorComponent = _b === undefined ? LinkEditor.LinkEditor : _b,
     _c = _a.linkAttributeValidator,
-    linkAttributeValidator = _c === void 0 ? defaultLinkAttributeValidator : _c;
+    linkAttributeValidator = _c === undefined ? defaultLinkAttributeValidator : _c;
   return new ProseMirrorState.Plugin({
     view: function (editorView) {
       return new LinkManager(editorView, markType, editorComponent, linkAttributeValidator);

package/dist/cjs/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.cjs

@@ -19,7 +19,7 @@ var LinkEditor = function (_a) {
   var _c = React.useState(attrs.href != null),
     isPopoverOpen = _c[0],
     setIsPopoverOpen = _c[1];
-  var _d = React.useState(((_b = attrs._metadata) === null || _b === void 0 ? void 0 : _b.added) === true),
+  var _d = React.useState(((_b = attrs._metadata) === null || _b === undefined ? undefined : _b.added) === true),
     modalOpen = _d[0],
     setModalOpen = _d[1];
   var _e = React.useState(attrs.href ? attrs.href : undefined),

package/dist/cjs/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.cjs

@@ -26,7 +26,7 @@ var LinkModal = function (_a) {
     onAfterLeave = _a.onAfterLeave,
     isOpen = _a.isOpen,
     defaultHref = _a.defaultHref;
-  var _b = React.useState(defaultHref !== null && defaultHref !== void 0 ? defaultHref : ''),
+  var _b = React.useState(defaultHref !== null && defaultHref !== undefined ? defaultHref : ''),
     href = _b[0],
     setHref = _b[1];
   var _c = React.useState({
@@ -39,7 +39,7 @@ var LinkModal = function (_a) {
     var _a;
     var validation$1 = validation.validateLink(href);
     if (validation$1.status !== 'success') {
-      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      (_a = inputRef.current) === null || _a === undefined ? undefined : _a.focus();
       setValidationStatus(validation$1);
       return;
     }
@@ -55,16 +55,16 @@ var LinkModal = function (_a) {
     onAfterLeave: onAfterLeave,
     onAfterEnter: function () {
       var _a;
-      return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      return (_a = inputRef.current) === null || _a === undefined ? undefined : _a.focus();
     }
   }, React__default.default.createElement(TextField.TextField, {
     id: "href",
     type: "text",
-    defaultValue: href !== null && href !== void 0 ? href : '',
+    defaultValue: href !== null && href !== undefined ? href : '',
     labelText: "Link URL",
     description: "Must start with http:// or https://",
     inputRef: inputRef,
-    validationMessage: (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.message) && React__default.default.createElement("div", {
+    validationMessage: (validationStatus === null || validationStatus === undefined ? undefined : validationStatus.message) && React__default.default.createElement("div", {
       className: LinkModal_module.validationErrorMessage
     }, validationStatus.message),
     status: validationStatus.status,

package/dist/cjs/SearchField/SearchField.cjs

@@ -21,14 +21,14 @@ var SearchField = function (_a) {
     labelText = _a.labelText,
     disabled = _a.disabled,
     _b = _a.reversed,
-    reversed = _b === void 0 ? false : _b,
+    reversed = _b === undefined ? false : _b,
     _c = _a.secondary,
-    secondary = _c === void 0 ? false : _c,
+    secondary = _c === undefined ? false : _c,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["id", "labelText", "disabled", "reversed", "secondary", "classNameOverride"]);
   var showVisibleLabel = !secondary;
   var reactId = React.useId();
-  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  var id = propsId !== null && propsId !== undefined ? propsId : reactId;
   // @todo: Move restProps to container div?
   return React__default.default.createElement("div", {
     className: classNameOverride

package/dist/cjs/Select/Select.cjs

@@ -26,11 +26,11 @@ var Async__default = /*#__PURE__*/_interopDefault(Async);
  */
 var Select = React__default.default.forwardRef(function (_a, ref) {
   var _b = _a.variant,
-    variant = _b === void 0 ? 'default' : _b,
+    variant = _b === undefined ? 'default' : _b,
     _c = _a.status,
-    status = _c === void 0 ? 'default' : _c,
+    status = _c === undefined ? 'default' : _c,
     _d = _a.reversed,
-    reversed = _d === void 0 ? false : _d,
+    reversed = _d === undefined ? false : _d,
     label = _a.label,
     validationMessage = _a.validationMessage,
     description = _a.description,
@@ -41,7 +41,7 @@ var Select = React__default.default.forwardRef(function (_a, ref) {
     props = tslib.__rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "isDisabled", "placeholder"]);
   var reactId = React.useId();
   // the default for fullWidth depends on the variant
-  var fullWidth = propsFullWidth !== null && propsFullWidth !== void 0 ? propsFullWidth : !['secondary', 'secondary-small'].includes(variant);
+  var fullWidth = propsFullWidth !== null && propsFullWidth !== undefined ? propsFullWidth : !['secondary', 'secondary-small'].includes(variant);
   var classes = classnames__default.default(propsClassName, Select_module.specificityIncreaser, (!reversed || variant === 'default') && Select_module.default, reversed && Select_module.reversed, variant === 'secondary' && Select_module.secondary, variant === 'secondary-small' && Select_module.secondarySmall, !fullWidth && Select_module.notFullWidth, isDisabled && Select_module.disabled, status === 'error' && Select_module.error);
   var labelId = React.useState(label ? reactId : undefined)[0];
   return React__default.default.createElement(React__default.default.Fragment, null, label ? React__default.default.createElement(Label.Label, {
@@ -50,7 +50,7 @@ var Select = React__default.default.forwardRef(function (_a, ref) {
   }, label) : null, React__default.default.createElement(ReactSelect__default.default, tslib.__assign({}, props, {
     ref: ref,
     "aria-labelledby": labelId,
-    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '',
+    placeholder: placeholder !== null && placeholder !== undefined ? placeholder : '',
     components: {
       Control: Control,
       Placeholder: Placeholder,
@@ -82,7 +82,7 @@ var AsyncSelect = React__default.default.forwardRef(function (_a, ref) {
     props = tslib.__rest(_a, ["className", "placeholder"]);
   return React__default.default.createElement(Async__default.default, tslib.__assign({}, props, {
     ref: ref,
-    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '',
+    placeholder: placeholder !== null && placeholder !== undefined ? placeholder : '',
     components: {
       Control: Control,
       Placeholder: Placeholder,

package/dist/cjs/Skirt/Skirt.cjs

@@ -20,9 +20,9 @@ var fallbackPercentage = 0.8;
 var Skirt = function (_a) {
   var children = _a.children,
     _b = _a.variant,
-    variant = _b === void 0 ? 'default' : _b,
+    variant = _b === undefined ? 'default' : _b,
     _c = _a.titleBlockHasNavigation,
-    titleBlockHasNavigation = _c === void 0 ? true : _c,
+    titleBlockHasNavigation = _c === undefined ? true : _c,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["children", "variant", "titleBlockHasNavigation", "classNameOverride"]);
   var _d = useResizeObserver.useResizeObserver(function (entry) {

package/dist/cjs/Slider/Slider.cjs

@@ -25,14 +25,14 @@ var Slider = function (_a) {
     labelText = _a.labelText,
     description = _a.description,
     _b = _a.labelPosition,
-    labelPosition = _b === void 0 ? 'inline' : _b,
+    labelPosition = _b === undefined ? 'inline' : _b,
     _c = _a.variant,
-    variant = _c === void 0 ? 'default' : _c,
+    variant = _c === undefined ? 'default' : _c,
     disabled = _a.disabled,
     readOnlyMessage = _a.readOnlyMessage,
     restProps = tslib.__rest(_a, ["id", "labelText", "description", "labelPosition", "variant", "disabled", "readOnlyMessage"]);
   var fallbackId = React.useId();
-  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+  var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
   var descriptionId = "".concat(id, "-description");
   return React__default.default.createElement(FieldGroup.FieldGroup, {
     inline: true

package/dist/cjs/SplitButton/subcomponents/DropdownButton/DropdownButton.cjs

@@ -20,7 +20,7 @@ var DropdownButton = function (_a) {
     restProps = tslib.__rest(_a, ["classNameOverride", 'aria-label']);
   var formatMessage = i18nReactIntl.useIntl().formatMessage;
   return React__default.default.createElement(BaseButton.BaseButton, tslib.__assign({
-    label: ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : formatMessage({
+    label: ariaLabel !== null && ariaLabel !== undefined ? ariaLabel : formatMessage({
       id: 'splitButton.dropdownButton.label',
       defaultMessage: 'Additional actions',
       description: 'Label for a dropdown menu holding additional actions'

package/dist/cjs/Table/Table.cjs

@@ -24,7 +24,7 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  */
 var TableContainer = function (_a) {
   var _b = _a.variant,
-    variant = _b === void 0 ? 'compact' : _b,
+    variant = _b === undefined ? 'compact' : _b,
     children = _a.children,
     otherProps = tslib.__rest(_a, ["variant", "children"]);
   return React__default.default.createElement("div", tslib.__assign({
@@ -69,12 +69,12 @@ var TableHeaderRowCell = function (_a) {
     // cell with a word longer than the column width would push the columns out of
     // alignment? I'm not sure.
     // Anyway, we can override this default behaviour by setting wrapping to "wrap".
-    wrapping = _c === void 0 ? 'nowrap' : _c,
+    wrapping = _c === undefined ? 'nowrap' : _c,
     _d = _a.align,
-    align = _d === void 0 ? 'start' : _d,
+    align = _d === undefined ? 'start' : _d,
     tooltipInfo = _a.tooltipInfo,
     _e = _a.isTooltipIconHidden,
-    isTooltipIconHidden = _e === void 0 ? false : _e,
+    isTooltipIconHidden = _e === undefined ? false : _e,
     tooltipPortalSelector = _a.tooltipPortalSelector,
     sortingArrowsOnHover = _a.sortingArrowsOnHover,
     classNameOverride = _a.classNameOverride,
@@ -115,7 +115,7 @@ var TableHeaderRowCell = function (_a) {
     variant: "heading-6",
     color: sorting || isHovered ? hoveredHeaderColor : headerColor,
     classNameOverride: Table_module.headerRowCellLabel
-  }, labelText) : null, (sorting !== null && sorting !== void 0 ? sorting : isHovered && sortingArrowsOnHover) && React__default.default.createElement("div", {
+  }, labelText) : null, (sorting !== null && sorting !== undefined ? sorting : isHovered && sortingArrowsOnHover) && React__default.default.createElement("div", {
     className: classnames__default.default(align === 'center' && Table_module.headerRowCellIconAlignCenter, align === 'end' && Table_module.headerRowCellIconAlignEnd, reversed && Table_module.whiteText)
   }, sorting === 'ascending' || sortingArrowsOnHover === 'ascending' ? React__default.default.createElement(Icon.Icon, {
     name: "arrow_drop_up",
@@ -187,11 +187,11 @@ var TableCard = function (_a) {
   var children = _a.children,
     expanded = _a.expanded,
     _b = _a.expandedStyle,
-    expandedStyle = _b === void 0 ? 'well' : _b,
+    expandedStyle = _b === undefined ? 'well' : _b,
     onClick = _a.onClick,
     href = _a.href,
     _c = _a.forceHoverState,
-    forceHoverState = _c === void 0 ? false : _c,
+    forceHoverState = _c === undefined ? false : _c,
     classNameOverride = _a.classNameOverride,
     otherProps = tslib.__rest(_a, ["children", "expanded", "expandedStyle", "onClick", "href", "forceHoverState", "classNameOverride"]);
   var className = classnames__default.default(Table_module.card, expanded && Table_module.expanded, expanded && Table_module[expandedStyle], (forceHoverState || onClick != null || href != null) && Table_module.hasHoverState, classNameOverride);

package/dist/cjs/Tabs/subcomponents/Tab.cjs

@@ -39,12 +39,12 @@ var Tab = function (props) {
     onFocus: function (event) {
       var _a;
       setIsFocused(true);
-      (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, event);
+      (_a = props.onFocus) === null || _a === undefined ? undefined : _a.call(props, event);
     },
     onBlur: function (event) {
       var _a;
       setIsFocused(false);
-      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
+      (_a = props.onBlur) === null || _a === undefined ? undefined : _a.call(props, event);
     },
     onMouseEnter: function () {
       return setIsHovered(true);

package/dist/cjs/Tabs/subcomponents/TabList.cjs

@@ -19,7 +19,7 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var TabList = function (props) {
   var ariaLabel = props["aria-label"],
     _a = props.noPadding,
-    noPadding = _a === void 0 ? false : _a,
+    noPadding = _a === undefined ? false : _a,
     children = props.children,
     classNameOverride = props.classNameOverride,
     restProps = tslib.__rest(props, ['aria-label', "noPadding", "children", "classNameOverride"]);

package/dist/cjs/Tag/Tag.cjs

@@ -29,13 +29,13 @@ var renderAvatar = function (imageElementOrAvatarProps) {
 var Tag = function (props) {
   var children = props.children,
     _a = props.variant,
-    variant = _a === void 0 ? 'default' : _a,
+    variant = _a === undefined ? 'default' : _a,
     _b = props.size,
-    size = _b === void 0 ? 'medium' : _b,
+    size = _b === undefined ? 'medium' : _b,
     _c = props.inline,
-    inline = _c === void 0 ? false : _c,
+    inline = _c === undefined ? false : _c,
     _d = props.dismissible,
-    dismissible = _d === void 0 ? false : _d,
+    dismissible = _d === undefined ? false : _d,
     onDismiss = props.onDismiss,
     onMouseDown = props.onMouseDown,
     onMouseLeave = props.onMouseLeave,

package/dist/cjs/Text/Text.cjs

@@ -21,11 +21,11 @@ const Text = /*#__PURE__*/function () {
       tag = _a.tag,
       variant = _a.variant,
       _b = _a.color,
-      color = _b === void 0 ? 'dark' : _b,
+      color = _b === undefined ? 'dark' : _b,
       classNameOverride = _a.classNameOverride,
       restProps = tslib.__rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
     var className = classnames__default.default(Text_module.text, Text_module[variant], Text_module[color], classNameOverride);
-    return React.createElement(tag !== null && tag !== void 0 ? tag : 'p', tslib.__assign(tslib.__assign({}, restProps), {
+    return React.createElement(tag !== null && tag !== undefined ? tag : 'p', tslib.__assign(tslib.__assign({}, restProps), {
       className: className
     }), children);
   };

package/dist/cjs/TextArea/TextArea.cjs

@@ -15,13 +15,13 @@ var TextArea = function (_a) {
   var _b, _c;
   var propsTextAreaRef = _a.textAreaRef,
     _d = _a.status,
-    status = _d === void 0 ? 'default' : _d,
+    status = _d === undefined ? 'default' : _d,
     _e = _a.autogrow,
-    autogrow = _e === void 0 ? false : _e,
+    autogrow = _e === undefined ? false : _e,
     _f = _a.reversed,
-    reversed = _f === void 0 ? false : _f,
+    reversed = _f === undefined ? false : _f,
     _g = _a.rows,
-    rows = _g === void 0 ? 3 : _g,
+    rows = _g === undefined ? 3 : _g,
     defaultValue = _a.defaultValue,
     value = _a.value,
     disabled = _a.disabled,
@@ -32,16 +32,16 @@ var TextArea = function (_a) {
     setInternalValue = _h[1];
   // ^holds an internal state of the value, used for the autogrow feature if uncontrolled (no `value` provided)
   var fallbackRef = React.useRef(null);
-  var textAreaRef = propsTextAreaRef !== null && propsTextAreaRef !== void 0 ? propsTextAreaRef : fallbackRef;
+  var textAreaRef = propsTextAreaRef !== null && propsTextAreaRef !== undefined ? propsTextAreaRef : fallbackRef;
   var onChange = function (event) {
-    propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(event);
+    propsOnChange === null || propsOnChange === undefined ? undefined : propsOnChange(event);
     if (!value && autogrow) {
       setInternalValue(event.target.value);
     }
   };
   return React__default.default.createElement("div", {
     className: classnames__default.default(TextArea_module.wrapper, (_b = {}, _b[TextArea_module.wrapperAutogrow] = autogrow, _b)),
-    "data-value": autogrow ? value !== null && value !== void 0 ? value : internalValue : undefined
+    "data-value": autogrow ? value !== null && value !== undefined ? value : internalValue : undefined
   }, React__default.default.createElement("textarea", tslib.__assign({
     className: classnames__default.default(TextArea_module.textarea, TextArea_module[status], reversed ? TextArea_module.reversed : TextArea_module.default, (_c = {}, _c[TextArea_module.disabled] = disabled, _c[TextArea_module.textareaAutogrow] = autogrow, _c)),
     rows: rows,

package/dist/cjs/TextAreaField/TextAreaField.cjs

@@ -23,20 +23,20 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var TextAreaField = function (_a) {
   var labelText = _a.labelText,
     _b = _a.inline,
-    inline = _b === void 0 ? false : _b,
+    inline = _b === undefined ? false : _b,
     validationMessage = _a.validationMessage,
     description = _a.description,
     _c = _a.variant,
-    variant = _c === void 0 ? 'default' : _c,
+    variant = _c === undefined ? 'default' : _c,
     propsId = _a.id,
     _d = _a.reversed,
-    reversed = _d === void 0 ? false : _d,
+    reversed = _d === undefined ? false : _d,
     _e = _a.status,
-    status = _e === void 0 ? 'default' : _e,
+    status = _e === undefined ? 'default' : _e,
     disabled = _a.disabled,
     restProps = tslib.__rest(_a, ["labelText", "inline", "validationMessage", "description", "variant", "id", "reversed", "status", "disabled"]);
   var fallbackId = React.useId();
-  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+  var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
   var validationMessageAria = validationMessage ? "".concat(id, "-field-validation-message") : '';
   var descriptionAria = description ? "".concat(id, "-field-message") : '';
   var ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(function (prev, curr) {

package/dist/cjs/TextField/TextField.cjs

@@ -27,17 +27,17 @@ var TextField = function (_a) {
   var propsId = _a.id,
     labelText = _a.labelText,
     _b = _a.inline,
-    inline = _b === void 0 ? false : _b,
+    inline = _b === undefined ? false : _b,
     icon = _a.icon,
     validationMessage = _a.validationMessage,
     description = _a.description,
     status = _a.status,
     _c = _a.reversed,
-    reversed = _c === void 0 ? false : _c,
+    reversed = _c === undefined ? false : _c,
     disabled = _a.disabled,
     restProps = tslib.__rest(_a, ["id", "labelText", "inline", "icon", "validationMessage", "description", "status", "reversed", "disabled"]);
   var fallbackId = React.useId();
-  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+  var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
   var validationMessageAria = validationMessage ? "".concat(id, "-field-validation-message") : '';
   var descriptionAria = description ? "".concat(id, "-field-description") : '';
   var ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(function (prev, curr) {

package/dist/cjs/Tile/TileGrid/TileGrid.cjs

@@ -25,7 +25,7 @@ var TileGrid = function (_a) {
   return React__default.default.createElement("ul", tslib.__assign({
     className: classnames__default.default(TileGrid_module.grid, classNameOverride),
     "data-tile-grid": true
-  }, restProps), isFragment ? ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.children) ? React__default.default.createElement(TileListItem, {
+  }, restProps), isFragment ? ((_b = children === null || children === undefined ? undefined : children.props) === null || _b === undefined ? undefined : _b.children) ? React__default.default.createElement(TileListItem, {
     tiles: children.props.children
   }) : null : React__default.default.createElement(TileListItem, {
     tiles: children

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

@@ -21,13 +21,13 @@ var GenericTile = function (_a) {
   var children = _a.children,
     title = _a.title,
     _b = _a.titleTag,
-    titleTag = _b === void 0 ? 'h3' : _b,
+    titleTag = _b === undefined ? '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 === undefined ? 'default' : _c,
     footer = _a.footer,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["children", "title", "titleTag", "metadata", "information", "infoButtonLabel", "mood", "variant", "footer", "classNameOverride"]);
@@ -65,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 !== null && infoButtonLabel !== void 0 ? infoButtonLabel : "".concat(translatedInfoLabel, " ").concat(title),
+      label: infoButtonLabel !== null && infoButtonLabel !== undefined ? infoButtonLabel : "".concat(translatedInfoLabel, " ").concat(title),
       icon: React__default.default.createElement(Icon.Icon, {
         name: "info",
         isPresentational: true,
@@ -88,7 +88,7 @@ var GenericTile = function (_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), ((_a = informationProp.primaryAction) !== null && _a !== void 0 ? _a : informationProp.secondaryAction) && React__default.default.createElement("div", {
+      }, informationProp.text), ((_a = informationProp.primaryAction) !== null && _a !== undefined ? _a : informationProp.secondaryAction) && React__default.default.createElement("div", {
         className: GenericTile_module.footer
       }, React__default.default.createElement("div", {
         className: GenericTile_module.actions