@kaizen/components 1.45.3 → 1.47.0

package/dist/esm/Popover/Popover.module.scss.mjs

@@ -1,33 +0,0 @@
-var styles = {
-  "root": "Popover-module_root__OrmwT",
-  "cautionaryBox": "Popover-module_cautionaryBox__n7c9G",
-  "negativeBox": "Popover-module_negativeBox__dS4tj",
-  "positiveBox": "Popover-module_positiveBox__fUR-4",
-  "informativeBox": "Popover-module_informativeBox__c0Pen",
-  "defaultBox": "Popover-module_defaultBox__X9FWm",
-  "defaultArrow": "Popover-module_defaultArrow__6rN-3",
-  "informativeArrow": "Popover-module_informativeArrow__ZWiUz",
-  "positiveArrow": "Popover-module_positiveArrow__ApDyE",
-  "negativeArrow": "Popover-module_negativeArrow__BpNUL",
-  "cautionaryArrow": "Popover-module_cautionaryArrow__YRo-K",
-  "header": "Popover-module_header__b3DtD",
-  "container": "Popover-module_container__JwR7Q",
-  "icon": "Popover-module_icon__6S-3a",
-  "informativeIcon": "Popover-module_informativeIcon__WqmCv",
-  "positiveIcon": "Popover-module_positiveIcon__wyqmw",
-  "negativeIcon": "Popover-module_negativeIcon__Bb7-e",
-  "cautionaryIcon": "Popover-module_cautionaryIcon__rptji",
-  "close": "Popover-module_close__8h4Rt",
-  "arrowWrapper": "Popover-module_arrowWrapper__DiE3-",
-  "arrow": "Popover-module_arrow__PS4V6",
-  "arrowSideTop": "Popover-module_arrowSideTop__JoORK",
-  "arrowSideLeft": "Popover-module_arrowSideLeft__2Zhqb",
-  "arrowSideRight": "Popover-module_arrowSideRight__fHKWI",
-  "arrowSideBottom": "Popover-module_arrowSideBottom__mBr5k",
-  "arrowPositionCenter": "Popover-module_arrowPositionCenter__l8V0-",
-  "arrowPositionStart": "Popover-module_arrowPositionStart__eXyu0",
-  "arrowPositionEnd": "Popover-module_arrowPositionEnd__UY4MU",
-  "large": "Popover-module_large__-LH0l",
-  "singleLine": "Popover-module_singleLine__7il24"
-};
-export { styles as default };

package/dist/esm/Popover/utils/classMappers.mjs

@@ -1,86 +0,0 @@
-import React from 'react';
-import 'tslib';
-import '../../Icon/subcomponents/SVG/SVG.mjs';
-import { CautionIcon } from '../../Icon/CautionIcon.mjs';
-import { ExclamationIcon } from '../../Icon/ExclamationIcon.mjs';
-import { InformationIcon } from '../../Icon/InformationIcon.mjs';
-import { SuccessIcon } from '../../Icon/SuccessIcon.mjs';
-import styles from '../Popover.module.scss.mjs';
-var mapVariantToBoxClass = function (variant) {
-  switch (variant) {
-    case "informative":
-      return styles.informativeBox;
-    case "positive":
-      return styles.positiveBox;
-    case "negative":
-      return styles.negativeBox;
-    case "cautionary":
-      return styles.cautionaryBox;
-    default:
-      return styles.defaultBox;
-  }
-};
-var mapVariantToIconClass = function (variant) {
-  switch (variant) {
-    case "informative":
-      return styles.informativeIcon;
-    case "positive":
-      return styles.positiveIcon;
-    case "negative":
-      return styles.negativeIcon;
-    case "cautionary":
-      return styles.cautionaryIcon;
-    default:
-      return undefined;
-  }
-};
-var mapVariantToIcon = function (variant) {
-  switch (variant) {
-    case "informative":
-      return /*#__PURE__*/React.createElement(InformationIcon, {
-        role: "presentation"
-      });
-    case "positive":
-      return /*#__PURE__*/React.createElement(SuccessIcon, {
-        role: "presentation"
-      });
-    case "negative":
-      return /*#__PURE__*/React.createElement(ExclamationIcon, {
-        role: "presentation"
-      });
-    case "cautionary":
-      return /*#__PURE__*/React.createElement(CautionIcon, {
-        role: "presentation"
-      });
-    default:
-      return /*#__PURE__*/React.createElement(InformationIcon, {
-        role: "presentation"
-      });
-  }
-};
-var mapArrowVariantToClass = function (variant) {
-  switch (variant) {
-    case "informative":
-      return styles.informativeArrow;
-    case "positive":
-      return styles.positiveArrow;
-    case "negative":
-      return styles.negativeArrow;
-    case "cautionary":
-      return styles.cautionaryArrow;
-    default:
-      return styles.defaultArrow;
-  }
-};
-var mapSizeToClass = function (size) {
-  switch (size) {
-    case "large":
-      return styles.large;
-    default:
-      return "";
-  }
-};
-var mapLineVariant = function (singleLine) {
-  return singleLine ? styles.singleLine : "";
-};
-export { mapArrowVariantToClass, mapLineVariant, mapSizeToClass, mapVariantToBoxClass, mapVariantToIcon, mapVariantToIconClass };

package/dist/esm/ProgressBar/ProgressBar.mjs

@@ -1,56 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import { Heading } from '../Heading/Heading.mjs';
-import { Label } from './subcomponents/Label/Label.mjs';
-import { calculatePercentage } from './utils/calculatePercentage.mjs';
-import styles from './ProgressBar.module.scss.mjs';
-
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}
- */
-const ProgressBar = /*#__PURE__*/function () {
-  const ProgressBar = function (_a) {
-    var value = _a.value,
-      max = _a.max,
-      isAnimating = _a.isAnimating,
-      mood = _a.mood,
-      subtext = _a.subtext,
-      label = _a.label,
-      classNameOverride = _a.classNameOverride,
-      _b = _a.isReversed,
-      isReversed = _b === void 0 ? false : _b,
-      restProps = __rest(_a, ["value", "max", "isAnimating", "mood", "subtext", "label", "classNameOverride", "isReversed"]);
-    var percentage = calculatePercentage({
-      value: value,
-      max: max
-    });
-    return /*#__PURE__*/React.createElement("div", __assign({
-      role: "progressbar",
-      "aria-valuenow": percentage,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      className: classNameOverride
-    }, restProps), label && /*#__PURE__*/React.createElement(Label, {
-      content: label,
-      isReversed: isReversed
-    }), /*#__PURE__*/React.createElement("div", {
-      className: styles.progressBackground
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles[mood], isAnimating && styles.isAnimating),
-      style: {
-        transform: "translateX(-".concat(100 - percentage, "%")
-      }
-    })), subtext && ( /*#__PURE__*/React.createElement("div", {
-      className: styles.subtext
-    }, /*#__PURE__*/React.createElement(Heading, {
-      variant: "heading-6",
-      tag: "p",
-      color: isReversed ? "white" : "dark"
-    }, subtext))));
-  };
-  ProgressBar.displayName = "ProgressBar";
-  return ProgressBar;
-}();
-export { ProgressBar };

package/dist/esm/ProgressBar/ProgressBar.module.scss.mjs

@@ -1,12 +0,0 @@
-var styles = {
-  "subtext": "ProgressBar-module_subtext__eizyu",
-  "progressBackground": "ProgressBar-module_progressBackground__5qzp5",
-  "progress": "ProgressBar-module_progress__X1IHw",
-  "positive": "ProgressBar-module_positive__12oA1 ProgressBar-module_progress__X1IHw",
-  "informative": "ProgressBar-module_informative__lrVDM ProgressBar-module_progress__X1IHw",
-  "cautionary": "ProgressBar-module_cautionary__f56gH ProgressBar-module_progress__X1IHw",
-  "negative": "ProgressBar-module_negative__EVWBt ProgressBar-module_progress__X1IHw",
-  "isAnimating": "ProgressBar-module_isAnimating__F6AxQ",
-  "pulse": "ProgressBar-module_pulse__RGaQm"
-};
-export { styles as default };

package/dist/esm/ProgressBar/subcomponents/Label/Label.mjs

@@ -1,20 +0,0 @@
-import React from 'react';
-import { Heading } from '../../../Heading/Heading.mjs';
-import styles from './Label.module.scss.mjs';
-const Label = /*#__PURE__*/function () {
-  const Label = function (_a) {
-    var content = _a.content,
-      _b = _a.isReversed,
-      isReversed = _b === void 0 ? false : _b;
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.label
-    }, /*#__PURE__*/React.createElement(Heading, {
-      variant: "heading-4",
-      tag: "p",
-      color: isReversed ? "white" : "dark"
-    }, content));
-  };
-  Label.displayName = "Label";
-  return Label;
-}();
-export { Label };

package/dist/esm/ProgressBar/subcomponents/Label/Label.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "label": "Label-module_label__zqjpR"
-};
-export { styles as default };

package/dist/esm/ProgressBar/utils/calculatePercentage.mjs

@@ -1,6 +0,0 @@
-var calculatePercentage = function (_a) {
-  var value = _a.value,
-    max = _a.max;
-  return value / max * 100.0;
-};
-export { calculatePercentage };

package/dist/esm/Radio/Radio/Radio.mjs

@@ -1,43 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import styles from './Radio.module.scss.mjs';
-var renderSelected = function (selectedStatus, reversed) {
-  if (selectedStatus) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.icon, reversed && styles.reversed)
-    });
-  }
-  return;
-};
-const Radio = /*#__PURE__*/function () {
-  const Radio = function (_a) {
-    var name = _a.name,
-      value = _a.value,
-      _b = _a.selectedStatus,
-      selectedStatus = _b === void 0 ? false : _b,
-      _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
-      onChange = _a.onChange,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["name", "value", "selectedStatus", "reversed", "onChange", "classNameOverride"]);
-    return (
-      /*#__PURE__*/
-      // @todo: Move classNameOverride to span
-      React.createElement("span", null, /*#__PURE__*/React.createElement("input", __assign({
-        type: "radio",
-        name: name,
-        value: value,
-        checked: selectedStatus,
-        className: classnames(styles.radioInput, classNameOverride, reversed && styles.reversed),
-        onChange: onChange,
-        readOnly: onChange === undefined
-      }, restProps)), /*#__PURE__*/React.createElement("span", {
-        className: classnames(styles.box, reversed && styles.reversed)
-      }, renderSelected(selectedStatus, reversed)))
-    );
-  };
-  Radio.displayName = "Radio";
-  return Radio;
-}();
-export { Radio };

package/dist/esm/Radio/Radio/Radio.module.scss.mjs

@@ -1,7 +0,0 @@
-var styles = {
-  "radioInput": "Radio-module_radioInput__-zPUZ",
-  "icon": "Radio-module_icon__ihSP3",
-  "reversed": "Radio-module_reversed__pfCrF",
-  "box": "Radio-module_box__nEGD7"
-};
-export { styles as default };

package/dist/esm/Radio/RadioField/RadioField.mjs

@@ -1,49 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { useId } from 'react';
-import classnames from 'classnames';
-import { Label } from '../../Label/Label.mjs';
-import { Radio } from '../Radio/Radio.mjs';
-import styles from './RadioField.module.scss.mjs';
-
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092822/Radio+Field Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-radio-controls-radio-field--docs Storybook}
- */
-const RadioField = /*#__PURE__*/function () {
-  const RadioField = function (_a) {
-    var propsId = _a.id,
-      labelText = _a.labelText,
-      _b = _a.selectedStatus,
-      selectedStatus = _b === void 0 ? false : _b,
-      _c = _a.disabled,
-      disabled = _c === void 0 ? false : _c,
-      _d = _a.reversed,
-      reversed = _d === void 0 ? false : _d,
-      classNameOverride = _a.classNameOverride,
-      dataTestId = _a["data-testid"],
-      restProps = __rest(_a, ["id", "labelText", "selectedStatus", "disabled", "reversed", "classNameOverride", "data-testid"]);
-    var id = propsId !== null && propsId !== void 0 ? propsId : useId();
-    // @todo: Move restProps to the wrapping div?
-    return /*#__PURE__*/React.createElement("div", {
-      "data-testid": dataTestId,
-      className: classnames(styles.container, classNameOverride, selectedStatus && styles.selected, reversed && styles.reversed)
-    }, /*#__PURE__*/React.createElement(Label, {
-      "data-testid": "".concat(id, "-field-label"),
-      id: "".concat(id, "-field-label"),
-      htmlFor: id,
-      labelText: labelText,
-      labelType: "radio",
-      disabled: disabled,
-      reversed: reversed
-    }, /*#__PURE__*/React.createElement(Radio, __assign({
-      "data-testid": "".concat(id, "-radio-input"),
-      id: id,
-      disabled: disabled,
-      reversed: reversed,
-      selectedStatus: selectedStatus
-    }, restProps))));
-  };
-  RadioField.displayName = "RadioField";
-  return RadioField;
-}();
-export { RadioField };

package/dist/esm/Radio/RadioField/RadioField.module.scss.mjs

@@ -1,6 +0,0 @@
-var styles = {
-  "container": "RadioField-module_container__r6T25",
-  "selected": "RadioField-module_selected__kdlz8",
-  "reversed": "RadioField-module_reversed__EX79j"
-};
-export { styles as default };

package/dist/esm/Radio/RadioGroup/RadioGroup.mjs

@@ -1,37 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { useId } from 'react';
-import classnames from 'classnames';
-import { Label } from '../../Label/Label.mjs';
-import styles from './RadioGroup.module.scss.mjs';
-const RadioGroup = /*#__PURE__*/function () {
-  const RadioGroup = function (_a) {
-    var children = _a.children,
-      propsLabelId = _a.labelId,
-      labelText = _a.labelText,
-      _b = _a.noBottomMargin,
-      noBottomMargin = _b === void 0 ? false : _b,
-      _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
-      classNameOverride = _a.classNameOverride,
-      dataTestId = _a["data-testid"],
-      restProps = __rest(_a, ["children", "labelId", "labelText", "noBottomMargin", "reversed", "classNameOverride", "data-testid"]);
-    var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : useId();
-    return /*#__PURE__*/React.createElement("div", __assign({
-      "data-testid": dataTestId,
-      className: classnames(styles.radioGroupContainer, classNameOverride, noBottomMargin && styles.noBottomMargin, reversed && styles.reversed),
-      role: "radiogroup",
-      "aria-labelledby": labelId
-    }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: styles.radioGroupLabel
-    }, /*#__PURE__*/React.createElement(Label, {
-      id: labelId,
-      "data-testid": dataTestId && "".concat(dataTestId, "-field-label"),
-      labelText: labelText,
-      labelType: "text",
-      reversed: reversed
-    })), children);
-  };
-  RadioGroup.displayName = "RadioGroup";
-  return RadioGroup;
-}();
-export { RadioGroup };

package/dist/esm/Radio/RadioGroup/RadioGroup.module.scss.mjs

@@ -1,7 +0,0 @@
-var styles = {
-  "radioGroupLabel": "RadioGroup-module_radioGroupLabel__wIl4z",
-  "reversed": "RadioGroup-module_reversed__VeBun",
-  "radioGroupContainer": "RadioGroup-module_radioGroupContainer__NKWpt",
-  "noBottomMargin": "RadioGroup-module_noBottomMargin__VKF2T"
-};
-export { styles as default };

package/dist/esm/RichTextEditor/EditableRichTextContent/EditableRichTextContent.mjs

@@ -1,44 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import { Label } from '../../Label/Label.mjs';
-import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.mjs';
-import { RichTextContent } from '../RichTextContent/RichTextContent.mjs';
-import styles from './EditableRichTextContent.module.scss.mjs';
-var handleEditableClick = function (e, onClick) {
-  if (e.target.hasAttribute("href")) {
-    return;
-  }
-  return onClick(e);
-};
-const EditableRichTextContent = /*#__PURE__*/function () {
-  const EditableRichTextContent = function (_a) {
-    var onClick = _a.onClick,
-      content = _a.content,
-      classNameOverride = _a.classNameOverride,
-      labelText = _a.labelText,
-      _b = _a.isLabelHidden,
-      isLabelHidden = _b === void 0 ? false : _b,
-      contentProps = _a.contentProps,
-      restProps = __rest(_a, ["onClick", "content", "classNameOverride", "labelText", "isLabelHidden", "contentProps"]);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, !isLabelHidden && /*#__PURE__*/React.createElement(Label, {
-      labelText: labelText
-    }), /*#__PURE__*/React.createElement("div", __assign({
-      onClick: function (e) {
-        return handleEditableClick(e, onClick);
-      },
-      className: classnames(styles.editableContainer, classNameOverride)
-    }, restProps), /*#__PURE__*/React.createElement(VisuallyHidden, {
-      classNameOverride: styles.hiddenButton
-    }, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      onClick: onClick,
-      "aria-label": "Edit ".concat(labelText)
-    })), /*#__PURE__*/React.createElement(RichTextContent, __assign({
-      content: content
-    }, contentProps))));
-  };
-  EditableRichTextContent.displayName = "EditableRichTextContent";
-  return EditableRichTextContent;
-}();
-export { EditableRichTextContent };

package/dist/esm/RichTextEditor/EditableRichTextContent/EditableRichTextContent.module.scss.mjs

@@ -1,5 +0,0 @@
-var styles = {
-  "editableContainer": "EditableRichTextContent-module_editableContainer__zZEMC",
-  "hiddenButton": "EditableRichTextContent-module_hiddenButton__Kq3oB"
-};
-export { styles as default };

package/dist/esm/RichTextEditor/RichTextContent/RichTextContent.mjs

@@ -1,38 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { useState } from 'react';
-import classnames from 'classnames';
-import { createSchemaWithAll } from '../RichTextEditor/schema.mjs';
-import * as ProseMirrorState from 'prosemirror-state';
-import 'prosemirror-view';
-import { useRichTextEditor } from '../utils/core/hooks/useRichTextEditor.mjs';
-import * as ProseMirrorModel from 'prosemirror-model';
-import 'prosemirror-inputrules';
-import 'prosemirror-commands';
-import 'prosemirror-keymap';
-import 'prosemirror-history';
-import 'prosemirror-schema-list';
-import styles from './RichTextContent.module.scss.mjs';
-const RichTextContent = /*#__PURE__*/function () {
-  const RichTextContent = function (props) {
-    var content = props.content,
-      classNameOverride = props.classNameOverride,
-      restProps = __rest(props, ["content", "classNameOverride"]);
-    var schema = useState(createSchemaWithAll())[0];
-    var editorRef = useRichTextEditor(ProseMirrorState.EditorState.create({
-      doc: ProseMirrorModel.Node.fromJSON(schema, {
-        type: "doc",
-        content: content
-      }),
-      schema: schema
-    }), undefined, {
-      editable: false
-    })[0];
-    return /*#__PURE__*/React.createElement("div", __assign({
-      ref: editorRef,
-      className: classnames(styles.content, classNameOverride)
-    }, restProps));
-  };
-  RichTextContent.displayName = "RichTextContent";
-  return RichTextContent;
-}();
-export { RichTextContent };

package/dist/esm/RichTextEditor/RichTextContent/RichTextContent.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "content": "RichTextContent-module_content__vVcWj"
-};
-export { styles as default };

package/dist/esm/RichTextEditor/RichTextEditor/RichTextEditor.mjs

@@ -1,156 +0,0 @@
-import { __rest, __assign, __spreadArray } from 'tslib';
-import React, { useId, useState, useEffect } from 'react';
-import classnames from 'classnames';
-import { FieldMessage } from '../../FieldMessage/FieldMessage.mjs';
-import { Label } from '../../Label/Label.mjs';
-import { InlineNotification } from '../../Notification/InlineNotification/InlineNotification.mjs';
-import '../../Notification/GlobalNotification/GlobalNotification.mjs';
-import '../../Notification/ToastNotification/ToastNotification/ToastNotification.mjs';
-import '../../Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs';
-import '../../Notification/ToastNotification/context/ToastNotificationContext.mjs';
-import * as ProseMirrorState from 'prosemirror-state';
-import 'prosemirror-view';
-import { useRichTextEditor } from '../utils/core/hooks/useRichTextEditor.mjs';
-import * as ProseMirrorModel from 'prosemirror-model';
-import 'prosemirror-inputrules';
-import { createLinkManager } from '../utils/plugins/LinkManager/LinkManager.mjs';
-import '../utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs';
-import '../utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs';
-import '../utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs';
-import * as ProseMirrorCommands from 'prosemirror-commands';
-import * as ProseMirrorKeymap from 'prosemirror-keymap';
-import * as ProseMirrorHistory from 'prosemirror-history';
-import 'prosemirror-schema-list';
-import { createSchemaFromControls } from './schema.mjs';
-import { ToggleIconButton } from './subcomponents/ToggleIconButton/ToggleIconButton.mjs';
-import { Toolbar } from './subcomponents/Toolbar/Toolbar.mjs';
-import { ToolbarSection } from './subcomponents/ToolbarSection/ToolbarSection.mjs';
-import { buildControlMap } from './utils/controlmap.mjs';
-import { buildInputRules } from './utils/inputrules.mjs';
-import { buildKeymap } from './utils/keymap.mjs';
-import styles from './RichTextEditor.module.scss.mjs';
-
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}
- */
-const RichTextEditor = /*#__PURE__*/function () {
-  const RichTextEditor = function (_a) {
-    var id = _a.id,
-      onChange = _a.onChange,
-      defaultValue = _a.defaultValue,
-      labelText = _a.labelText,
-      labelledBy = _a["aria-labelledby"],
-      describedBy = _a["aria-describedby"],
-      classNameOverride = _a.classNameOverride,
-      controls = _a.controls,
-      _b = _a.rows,
-      rows = _b === void 0 ? 3 : _b,
-      dataError = _a.dataError,
-      onDataError = _a.onDataError,
-      validationMessage = _a.validationMessage,
-      description = _a.description,
-      _c = _a.status,
-      status = _c === void 0 ? "default" : _c,
-      restProps = __rest(_a, ["id", "onChange", "defaultValue", "labelText", "aria-labelledby", "aria-describedby", "classNameOverride", "controls", "rows", "dataError", "onDataError", "validationMessage", "description", "status"]);
-    var generatedId = useId();
-    var schema = useState(createSchemaFromControls(controls))[0];
-    var editorId = id || generatedId;
-    var labelId = labelledBy || "".concat(editorId, "-rte-label");
-    var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : "";
-    var descriptionAria = description ? "".concat(editorId, "-rte-description") : "";
-    var ariaDescribedBy = classnames(validationMessageAria, descriptionAria, describedBy);
-    var useRichTextEditorResult = function () {
-      try {
-        return useRichTextEditor(ProseMirrorState.EditorState.create({
-          doc: ProseMirrorModel.Node.fromJSON(schema, {
-            type: "doc",
-            // we're converting empty arrays to the ProseMirror default "empty" state because when
-            // given an empty array ProseMirror returns undefined, breaking the type
-            content: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) > 0 ? defaultValue : [{
-              type: "paragraph"
-            }]
-          }),
-          schema: schema,
-          plugins: getPlugins(controls, schema)
-        }), {
-          "aria-labelledby": labelId,
-          role: "textbox",
-          "aria-describedby": ariaDescribedBy
-        });
-      } catch (_a) {
-        return new Error("Bad data error");
-      }
-    }();
-    if (useRichTextEditorResult instanceof Error) {
-      onDataError && onDataError();
-      return /*#__PURE__*/React.createElement(InlineNotification, {
-        headingProps: {
-          children: "Error",
-          variant: "heading-6"
-        },
-        type: "negative",
-        persistent: true
-      }, dataError || "Something went wrong");
-    }
-    var editorRef = useRichTextEditorResult[0],
-      editorState = useRichTextEditorResult[1],
-      dispatchTransaction = useRichTextEditorResult[2];
-    var controlMap = buildControlMap(schema, editorState, controls);
-    useEffect(function () {
-      onChange(editorState);
-      // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue
-    }, [editorState]);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, !labelledBy && labelText && /*#__PURE__*/React.createElement(Label, {
-      id: labelId,
-      labelText: labelText
-    }), /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.editorWrapper, styles[status])
-    }, controls && ( /*#__PURE__*/React.createElement(Toolbar, {
-      "aria-controls": editorId,
-      "aria-label": "Text formatting",
-      classNameOverride: styles.toolbar
-    }, controlMap.map(function (section, index) {
-      return /*#__PURE__*/React.createElement(ToolbarSection, {
-        key: index
-      }, section.map(function (controlConfig, controlKeyIndex) {
-        return /*#__PURE__*/React.createElement(ToggleIconButton, {
-          key: controlKeyIndex,
-          icon: controlConfig.icon,
-          disabled: controlConfig.disabled,
-          label: controlConfig.label,
-          isActive: controlConfig.isActive,
-          onClick: function () {
-            return dispatchTransaction(controlConfig.action);
-          }
-        });
-      }));
-    }))), /*#__PURE__*/React.createElement("div", __assign({
-      id: editorId,
-      ref: editorRef,
-      className: classnames(styles.editor, styles["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && styles.hasToolbar)
-    }, restProps))), validationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
-      id: validationMessageAria,
-      message: validationMessage,
-      status: status
-    })), description && ( /*#__PURE__*/React.createElement(FieldMessage, {
-      id: descriptionAria,
-      message: description
-    })));
-  };
-  RichTextEditor.displayName = "RichTextEditor";
-  return RichTextEditor;
-}();
-function getPlugins(controls, schema) {
-  var allControlNames = controls ? controls.reduce(function (acc, c) {
-    return __spreadArray(__spreadArray([], acc, true), [c.name], false);
-  }, []) : [];
-  var plugins = [ProseMirrorHistory.history(), ProseMirrorKeymap.keymap(buildKeymap(schema)), ProseMirrorKeymap.keymap(ProseMirrorCommands.baseKeymap), buildInputRules(schema)];
-  if (allControlNames.includes("link")) {
-    plugins.push(createLinkManager({
-      markType: schema.marks.link
-    }));
-  }
-  return plugins;
-}
-export { RichTextEditor };