@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

package/dist/cjs/Radio/RadioField/RadioField.cjs

@@ -6,9 +6,11 @@ var classnames = require('classnames');
 var Label = require('../../Label/Label.cjs');
 var Radio = require('../Radio/Radio.cjs');
 var RadioField_module = require('./RadioField.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
@@ -17,13 +19,37 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/?path=/docs/components-radio-controls-radio-field--docs Storybook}
  */
 var 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 = tslib.__rest(_a, ["id", "labelText", "selectedStatus", "disabled", "reversed", "classNameOverride", "data-testid"]);
-    var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
-    // @todo: Move restProps to the wrapping div?
-    return (React__default.default.createElement("div", { "data-testid": dataTestId, className: classnames__default.default(RadioField_module.container, classNameOverride, selectedStatus && RadioField_module.selected, reversed && RadioField_module.reversed) },
-        React__default.default.createElement(Label.Label, { "data-testid": "".concat(id, "-field-label"), id: "".concat(id, "-field-label"), htmlFor: id, labelText: labelText, labelType: "radio", disabled: disabled, reversed: reversed },
-            React__default.default.createElement(Radio.Radio, tslib.__assign({ "data-testid": "".concat(id, "-radio-input"), id: id, disabled: disabled, reversed: reversed, selectedStatus: selectedStatus }, restProps)))));
+  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 = tslib.__rest(_a, ["id", "labelText", "selectedStatus", "disabled", "reversed", "classNameOverride", "data-testid"]);
+  var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+  // @todo: Move restProps to the wrapping div?
+  return React__default.default.createElement("div", {
+    "data-testid": dataTestId,
+    className: classnames__default.default(RadioField_module.container, classNameOverride, selectedStatus && RadioField_module.selected, reversed && RadioField_module.reversed)
+  }, React__default.default.createElement(Label.Label, {
+    "data-testid": "".concat(id, "-field-label"),
+    id: "".concat(id, "-field-label"),
+    htmlFor: id,
+    labelText: labelText,
+    labelType: "radio",
+    disabled: disabled,
+    reversed: reversed
+  }, React__default.default.createElement(Radio.Radio, tslib.__assign({
+    "data-testid": "".concat(id, "-radio-input"),
+    id: id,
+    disabled: disabled,
+    reversed: reversed,
+    selectedStatus: selectedStatus
+  }, restProps))));
 };
 RadioField.displayName = "RadioField";
-
 exports.RadioField = RadioField;

package/dist/cjs/Radio/RadioField/RadioField.module.scss.cjs

@@ -1,5 +1,8 @@
 'use strict';
 
-var styles = {"container":"RadioField-module_container__r6T25","selected":"RadioField-module_selected__kdlz8","reversed":"RadioField-module_reversed__EX79j"};
-
+var styles = {
+  "container": "RadioField-module_container__r6T25",
+  "selected": "RadioField-module_selected__kdlz8",
+  "reversed": "RadioField-module_reversed__EX79j"
+};
 module.exports = styles;

package/dist/cjs/Radio/RadioGroup/RadioGroup.cjs

@@ -5,20 +5,39 @@ var React = require('react');
 var classnames = require('classnames');
 var Label = require('../../Label/Label.cjs');
 var RadioGroup_module = require('./RadioGroup.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var 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 = tslib.__rest(_a, ["children", "labelId", "labelText", "noBottomMargin", "reversed", "classNameOverride", "data-testid"]);
-    var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : React.useId();
-    return (React__default.default.createElement("div", tslib.__assign({ "data-testid": dataTestId, className: classnames__default.default(RadioGroup_module.radioGroupContainer, classNameOverride, noBottomMargin && RadioGroup_module.noBottomMargin, reversed && RadioGroup_module.reversed), role: "radiogroup", "aria-labelledby": labelId }, restProps),
-        React__default.default.createElement("div", { className: RadioGroup_module.radioGroupLabel },
-            React__default.default.createElement(Label.Label, { id: labelId, "data-testid": dataTestId && "".concat(dataTestId, "-field-label"), labelText: labelText, labelType: "text", reversed: reversed })),
-        children));
+  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 = tslib.__rest(_a, ["children", "labelId", "labelText", "noBottomMargin", "reversed", "classNameOverride", "data-testid"]);
+  var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : React.useId();
+  return React__default.default.createElement("div", tslib.__assign({
+    "data-testid": dataTestId,
+    className: classnames__default.default(RadioGroup_module.radioGroupContainer, classNameOverride, noBottomMargin && RadioGroup_module.noBottomMargin, reversed && RadioGroup_module.reversed),
+    role: "radiogroup",
+    "aria-labelledby": labelId
+  }, restProps), React__default.default.createElement("div", {
+    className: RadioGroup_module.radioGroupLabel
+  }, React__default.default.createElement(Label.Label, {
+    id: labelId,
+    "data-testid": dataTestId && "".concat(dataTestId, "-field-label"),
+    labelText: labelText,
+    labelType: "text",
+    reversed: reversed
+  })), children);
 };
 RadioGroup.displayName = "RadioGroup";
-
 exports.RadioGroup = RadioGroup;

package/dist/cjs/Radio/RadioGroup/RadioGroup.module.scss.cjs

@@ -1,5 +1,9 @@
 'use strict';
 
-var styles = {"radioGroupLabel":"RadioGroup-module_radioGroupLabel__wIl4z","reversed":"RadioGroup-module_reversed__VeBun","radioGroupContainer":"RadioGroup-module_radioGroupContainer__NKWpt","noBottomMargin":"RadioGroup-module_noBottomMargin__VKF2T"};
-
+var styles = {
+  "radioGroupLabel": "RadioGroup-module_radioGroupLabel__wIl4z",
+  "reversed": "RadioGroup-module_reversed__VeBun",
+  "radioGroupContainer": "RadioGroup-module_radioGroupContainer__NKWpt",
+  "noBottomMargin": "RadioGroup-module_noBottomMargin__VKF2T"
+};
 module.exports = styles;

package/dist/cjs/RichTextEditor/EditableRichTextContent/EditableRichTextContent.cjs

@@ -7,27 +7,44 @@ var Label = require('../../Label/Label.cjs');
 var VisuallyHidden = require('../../VisuallyHidden/VisuallyHidden.cjs');
 var RichTextContent = require('../RichTextContent/RichTextContent.cjs');
 var EditableRichTextContent_module = require('./EditableRichTextContent.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var handleEditableClick = function (e, onClick) {
-    if (e.target.hasAttribute("href")) {
-        return;
-    }
-    return onClick(e);
+  if (e.target.hasAttribute("href")) {
+    return;
+  }
+  return onClick(e);
 };
 var 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 = tslib.__rest(_a, ["onClick", "content", "classNameOverride", "labelText", "isLabelHidden", "contentProps"]);
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        !isLabelHidden && React__default.default.createElement(Label.Label, { labelText: labelText }),
-        React__default.default.createElement("div", tslib.__assign({ onClick: function (e) { return handleEditableClick(e, onClick); }, className: classnames__default.default(EditableRichTextContent_module.editableContainer, classNameOverride) }, restProps),
-            React__default.default.createElement(VisuallyHidden.VisuallyHidden, { classNameOverride: EditableRichTextContent_module.hiddenButton },
-                React__default.default.createElement("button", { type: "button", onClick: onClick, "aria-label": "Edit ".concat(labelText) })),
-            React__default.default.createElement(RichTextContent.RichTextContent, tslib.__assign({ content: content }, contentProps)))));
+  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 = tslib.__rest(_a, ["onClick", "content", "classNameOverride", "labelText", "isLabelHidden", "contentProps"]);
+  return React__default.default.createElement(React__default.default.Fragment, null, !isLabelHidden && React__default.default.createElement(Label.Label, {
+    labelText: labelText
+  }), React__default.default.createElement("div", tslib.__assign({
+    onClick: function (e) {
+      return handleEditableClick(e, onClick);
+    },
+    className: classnames__default.default(EditableRichTextContent_module.editableContainer, classNameOverride)
+  }, restProps), React__default.default.createElement(VisuallyHidden.VisuallyHidden, {
+    classNameOverride: EditableRichTextContent_module.hiddenButton
+  }, React__default.default.createElement("button", {
+    type: "button",
+    onClick: onClick,
+    "aria-label": "Edit ".concat(labelText)
+  })), React__default.default.createElement(RichTextContent.RichTextContent, tslib.__assign({
+    content: content
+  }, contentProps))));
 };
 EditableRichTextContent.displayName = "EditableRichTextContent";
-
 exports.EditableRichTextContent = EditableRichTextContent;

package/dist/cjs/RichTextEditor/EditableRichTextContent/EditableRichTextContent.module.scss.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
-var styles = {"editableContainer":"EditableRichTextContent-module_editableContainer__zZEMC","hiddenButton":"EditableRichTextContent-module_hiddenButton__Kq3oB"};
-
+var styles = {
+  "editableContainer": "EditableRichTextContent-module_editableContainer__zZEMC",
+  "hiddenButton": "EditableRichTextContent-module_hiddenButton__Kq3oB"
+};
 module.exports = styles;

package/dist/cjs/RichTextEditor/RichTextContent/RichTextContent.cjs

@@ -14,46 +14,52 @@ require('prosemirror-keymap');
 require('prosemirror-history');
 require('prosemirror-schema-list');
 var RichTextContent_module = require('./RichTextContent.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () {
+            return e[k];
+          }
         });
-    }
-    n.default = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
-
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var ProseMirrorState__namespace = /*#__PURE__*/_interopNamespace(ProseMirrorState);
 var ProseMirrorModel__namespace = /*#__PURE__*/_interopNamespace(ProseMirrorModel);
-
 var RichTextContent = function (props) {
-    var content = props.content, classNameOverride = props.classNameOverride, restProps = tslib.__rest(props, ["content", "classNameOverride"]);
-    var schema$1 = React.useState(schema.createSchemaWithAll())[0];
-    var editorRef = useRichTextEditor.useRichTextEditor(ProseMirrorState__namespace.EditorState.create({
-        doc: ProseMirrorModel__namespace.Node.fromJSON(schema$1, {
-            type: "doc",
-            content: content,
-        }),
-        schema: schema$1,
-    }), undefined, {
-        editable: false,
-    })[0];
-    return (React__default.default.createElement("div", tslib.__assign({ ref: editorRef, className: classnames__default.default(RichTextContent_module.content, classNameOverride) }, restProps)));
+  var content = props.content,
+    classNameOverride = props.classNameOverride,
+    restProps = tslib.__rest(props, ["content", "classNameOverride"]);
+  var schema$1 = React.useState(schema.createSchemaWithAll())[0];
+  var editorRef = useRichTextEditor.useRichTextEditor(ProseMirrorState__namespace.EditorState.create({
+    doc: ProseMirrorModel__namespace.Node.fromJSON(schema$1, {
+      type: "doc",
+      content: content
+    }),
+    schema: schema$1
+  }), undefined, {
+    editable: false
+  })[0];
+  return React__default.default.createElement("div", tslib.__assign({
+    ref: editorRef,
+    className: classnames__default.default(RichTextContent_module.content, classNameOverride)
+  }, restProps));
 };
 RichTextContent.displayName = "RichTextContent";
-
 exports.RichTextContent = RichTextContent;

package/dist/cjs/RichTextEditor/RichTextContent/RichTextContent.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"content":"RichTextContent-module_content__vVcWj"};
-
+var styles = {
+  "content": "RichTextContent-module_content__vVcWj"
+};
 module.exports = styles;

package/dist/cjs/RichTextEditor/RichTextEditor/RichTextEditor.cjs

@@ -31,27 +31,30 @@ var controlmap = require('./utils/controlmap.cjs');
 var inputrules = require('./utils/inputrules.cjs');
 var keymap = require('./utils/keymap.cjs');
 var RichTextEditor_module = require('./RichTextEditor.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () {
+            return e[k];
+          }
         });
-    }
-    n.default = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
-
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var ProseMirrorState__namespace = /*#__PURE__*/_interopNamespace(ProseMirrorState);
@@ -65,77 +68,118 @@ var ProseMirrorHistory__namespace = /*#__PURE__*/_interopNamespace(ProseMirrorHi
  * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}
  */
 var RichTextEditor = function (_a) {
-    var 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 = tslib.__rest(_a, ["onChange", "defaultValue", "labelText", "aria-labelledby", "aria-describedby", "classNameOverride", "controls", "rows", "dataError", "onDataError", "validationMessage", "description", "status"]);
-    var reactId = React.useId();
-    var schema$1 = React.useState(schema.createSchemaFromControls(controls))[0];
-    var labelId = React.useState(labelledBy || reactId)[0];
-    var editorId = React.useState(reactId)[0];
-    var validationMessageAria = validationMessage
-        ? "".concat(editorId, "-rte-validation-message")
-        : "";
-    var descriptionAria = description ? "".concat(editorId, "-rte-description") : "";
-    var ariaDescribedBy = classnames__default.default(validationMessageAria, descriptionAria, describedBy);
-    var useRichTextEditorResult = (function () {
-        try {
-            return useRichTextEditor.useRichTextEditor(ProseMirrorState__namespace.EditorState.create({
-                doc: ProseMirrorModel__namespace.Node.fromJSON(schema$1, {
-                    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$1,
-                plugins: getPlugins(controls, schema$1),
-            }), {
-                "aria-labelledby": labelId,
-                role: "textbox",
-                "aria-describedby": ariaDescribedBy,
-            });
-        }
-        catch (_a) {
-            return new Error("Bad data error");
-        }
-    })();
-    if (useRichTextEditorResult instanceof Error) {
-        onDataError && onDataError();
-        return (React__default.default.createElement(InlineNotification.InlineNotification, { headingProps: {
-                children: "Error",
-                variant: "heading-6",
-            }, type: "negative", persistent: true }, dataError || "Something went wrong"));
+  var 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 = tslib.__rest(_a, ["onChange", "defaultValue", "labelText", "aria-labelledby", "aria-describedby", "classNameOverride", "controls", "rows", "dataError", "onDataError", "validationMessage", "description", "status"]);
+  var reactId = React.useId();
+  var schema$1 = React.useState(schema.createSchemaFromControls(controls))[0];
+  var labelId = React.useState(labelledBy || reactId)[0];
+  var editorId = React.useState(reactId)[0];
+  var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : "";
+  var descriptionAria = description ? "".concat(editorId, "-rte-description") : "";
+  var ariaDescribedBy = classnames__default.default(validationMessageAria, descriptionAria, describedBy);
+  var useRichTextEditorResult = function () {
+    try {
+      return useRichTextEditor.useRichTextEditor(ProseMirrorState__namespace.EditorState.create({
+        doc: ProseMirrorModel__namespace.Node.fromJSON(schema$1, {
+          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$1,
+        plugins: getPlugins(controls, schema$1)
+      }), {
+        "aria-labelledby": labelId,
+        role: "textbox",
+        "aria-describedby": ariaDescribedBy
+      });
+    } catch (_a) {
+      return new Error("Bad data error");
     }
-    var editorRef = useRichTextEditorResult[0], editorState = useRichTextEditorResult[1], dispatchTransaction = useRichTextEditorResult[2];
-    var controlMap = controlmap.buildControlMap(schema$1, editorState, controls);
-    React.useEffect(function () {
-        onChange(editorState);
-        // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue
-    }, [editorState]);
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        !labelledBy && labelText && React__default.default.createElement(Label.Label, { id: labelId, labelText: labelText }),
-        React__default.default.createElement("div", { className: classnames__default.default(RichTextEditor_module.editorWrapper, RichTextEditor_module[status]) },
-            controls && (React__default.default.createElement(Toolbar.Toolbar, { "aria-controls": editorId, "aria-label": "Text formatting", classNameOverride: RichTextEditor_module.toolbar }, controlMap.map(function (section, index) { return (React__default.default.createElement(ToolbarSection.ToolbarSection, { key: index }, section.map(function (controlConfig, controlKeyIndex) { return (React__default.default.createElement(ToggleIconButton.ToggleIconButton, { key: controlKeyIndex, icon: controlConfig.icon, disabled: controlConfig.disabled, label: controlConfig.label, isActive: controlConfig.isActive, onClick: function () {
-                    return dispatchTransaction(controlConfig.action);
-                } })); }))); }))),
-            React__default.default.createElement("div", tslib.__assign({ id: editorId, ref: editorRef, className: classnames__default.default(RichTextEditor_module.editor, RichTextEditor_module["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && RichTextEditor_module.hasToolbar) }, restProps))),
-        validationMessage && (React__default.default.createElement(FieldMessage.FieldMessage, { id: validationMessageAria, message: validationMessage, status: status })),
-        description && (React__default.default.createElement(FieldMessage.FieldMessage, { id: descriptionAria, message: description }))));
+  }();
+  if (useRichTextEditorResult instanceof Error) {
+    onDataError && onDataError();
+    return React__default.default.createElement(InlineNotification.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 = controlmap.buildControlMap(schema$1, editorState, controls);
+  React.useEffect(function () {
+    onChange(editorState);
+    // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue
+  }, [editorState]);
+  return React__default.default.createElement(React__default.default.Fragment, null, !labelledBy && labelText && React__default.default.createElement(Label.Label, {
+    id: labelId,
+    labelText: labelText
+  }), React__default.default.createElement("div", {
+    className: classnames__default.default(RichTextEditor_module.editorWrapper, RichTextEditor_module[status])
+  }, controls && React__default.default.createElement(Toolbar.Toolbar, {
+    "aria-controls": editorId,
+    "aria-label": "Text formatting",
+    classNameOverride: RichTextEditor_module.toolbar
+  }, controlMap.map(function (section, index) {
+    return React__default.default.createElement(ToolbarSection.ToolbarSection, {
+      key: index
+    }, section.map(function (controlConfig, controlKeyIndex) {
+      return React__default.default.createElement(ToggleIconButton.ToggleIconButton, {
+        key: controlKeyIndex,
+        icon: controlConfig.icon,
+        disabled: controlConfig.disabled,
+        label: controlConfig.label,
+        isActive: controlConfig.isActive,
+        onClick: function () {
+          return dispatchTransaction(controlConfig.action);
+        }
+      });
+    }));
+  })), React__default.default.createElement("div", tslib.__assign({
+    id: editorId,
+    ref: editorRef,
+    className: classnames__default.default(RichTextEditor_module.editor, RichTextEditor_module["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && RichTextEditor_module.hasToolbar)
+  }, restProps))), validationMessage && React__default.default.createElement(FieldMessage.FieldMessage, {
+    id: validationMessageAria,
+    message: validationMessage,
+    status: status
+  }), description && React__default.default.createElement(FieldMessage.FieldMessage, {
+    id: descriptionAria,
+    message: description
+  }));
 };
 RichTextEditor.displayName = "RichTextEditor";
 function getPlugins(controls, schema) {
-    var allControlNames = controls
-        ? controls.reduce(function (acc, c) { return tslib.__spreadArray(tslib.__spreadArray([], acc, true), [c.name], false); }, [])
-        : [];
-    var plugins = [
-        ProseMirrorHistory__namespace.history(),
-        ProseMirrorKeymap__namespace.keymap(keymap.buildKeymap(schema)),
-        ProseMirrorKeymap__namespace.keymap(ProseMirrorCommands__namespace.baseKeymap),
-        inputrules.buildInputRules(schema),
-    ];
-    if (allControlNames.includes("link")) {
-        plugins.push(LinkManager.createLinkManager({
-            markType: schema.marks.link,
-        }));
-    }
-    return plugins;
+  var allControlNames = controls ? controls.reduce(function (acc, c) {
+    return tslib.__spreadArray(tslib.__spreadArray([], acc, true), [c.name], false);
+  }, []) : [];
+  var plugins = [ProseMirrorHistory__namespace.history(), ProseMirrorKeymap__namespace.keymap(keymap.buildKeymap(schema)), ProseMirrorKeymap__namespace.keymap(ProseMirrorCommands__namespace.baseKeymap), inputrules.buildInputRules(schema)];
+  if (allControlNames.includes("link")) {
+    plugins.push(LinkManager.createLinkManager({
+      markType: schema.marks.link
+    }));
+  }
+  return plugins;
 }
-
 exports.RichTextEditor = RichTextEditor;

package/dist/cjs/RichTextEditor/RichTextEditor/RichTextEditor.module.scss.cjs

@@ -1,5 +1,31 @@
 'use strict';
 
-var styles = {"editor":"RichTextEditor-module_editor__pVKqW","hasToolbar":"RichTextEditor-module_hasToolbar__EBxnG","editorWrapper":"RichTextEditor-module_editorWrapper__5q3mG","toolbar":"RichTextEditor-module_toolbar__ceLvw","error":"RichTextEditor-module_error__Xugz8","caution":"RichTextEditor-module_caution__6q0z6","rows1":"RichTextEditor-module_rows1__DDEf4","rows2":"RichTextEditor-module_rows2__kzYgh","rows3":"RichTextEditor-module_rows3__SA7Zu","rows4":"RichTextEditor-module_rows4__gkZry","rows5":"RichTextEditor-module_rows5__4Rq2z","rows6":"RichTextEditor-module_rows6__SH-4R","rows7":"RichTextEditor-module_rows7__z02vY","rows8":"RichTextEditor-module_rows8__4j-9e","rows9":"RichTextEditor-module_rows9__67hDj","rows10":"RichTextEditor-module_rows10__qysh1","rows11":"RichTextEditor-module_rows11__o5iYX","rows12":"RichTextEditor-module_rows12__ug-Nv","rows13":"RichTextEditor-module_rows13__tFBG7","rows14":"RichTextEditor-module_rows14__xqS6h","rows15":"RichTextEditor-module_rows15__dzeUM","rows16":"RichTextEditor-module_rows16__GyRco","rows17":"RichTextEditor-module_rows17__GyNby","rows18":"RichTextEditor-module_rows18__fe-Rb","rows19":"RichTextEditor-module_rows19__fc0-T","rows20":"RichTextEditor-module_rows20__p9rwF"};
-
+var styles = {
+  "editor": "RichTextEditor-module_editor__pVKqW",
+  "hasToolbar": "RichTextEditor-module_hasToolbar__EBxnG",
+  "editorWrapper": "RichTextEditor-module_editorWrapper__5q3mG",
+  "toolbar": "RichTextEditor-module_toolbar__ceLvw",
+  "error": "RichTextEditor-module_error__Xugz8",
+  "caution": "RichTextEditor-module_caution__6q0z6",
+  "rows1": "RichTextEditor-module_rows1__DDEf4",
+  "rows2": "RichTextEditor-module_rows2__kzYgh",
+  "rows3": "RichTextEditor-module_rows3__SA7Zu",
+  "rows4": "RichTextEditor-module_rows4__gkZry",
+  "rows5": "RichTextEditor-module_rows5__4Rq2z",
+  "rows6": "RichTextEditor-module_rows6__SH-4R",
+  "rows7": "RichTextEditor-module_rows7__z02vY",
+  "rows8": "RichTextEditor-module_rows8__4j-9e",
+  "rows9": "RichTextEditor-module_rows9__67hDj",
+  "rows10": "RichTextEditor-module_rows10__qysh1",
+  "rows11": "RichTextEditor-module_rows11__o5iYX",
+  "rows12": "RichTextEditor-module_rows12__ug-Nv",
+  "rows13": "RichTextEditor-module_rows13__tFBG7",
+  "rows14": "RichTextEditor-module_rows14__xqS6h",
+  "rows15": "RichTextEditor-module_rows15__dzeUM",
+  "rows16": "RichTextEditor-module_rows16__GyRco",
+  "rows17": "RichTextEditor-module_rows17__GyNby",
+  "rows18": "RichTextEditor-module_rows18__fe-Rb",
+  "rows19": "RichTextEditor-module_rows19__fc0-T",
+  "rows20": "RichTextEditor-module_rows20__p9rwF"
+};
 module.exports = styles;