@kaizen/components 1.33.0 → 1.34.0

package/dist/cjs/Input/Input/types.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var InputStatus = ["default", "success", "error", "caution"];
+var InputTypes = ["text", "email", "password"];
+exports.InputStatus = InputStatus;
+exports.InputTypes = InputTypes;
+//# sourceMappingURL=types.cjs.map

package/dist/cjs/Input/Input/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":["../../../../src/Input/Input/types.ts"],"sourcesContent":["export const InputStatus = [\"default\", \"success\", \"error\", \"caution\"] as const\nexport const InputTypes = [\"text\", \"email\", \"password\"] as const\n"],"names":["InputStatus","InputTypes"],"mappings":";;AAAO,IAAMA,WAAW,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAU;AACjE,IAAAC,UAAU,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,CAAA;;"}

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

@@ -0,0 +1,47 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+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');
+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 = tslib.__rest(_a, ["onClick", "content", "classNameOverride", "labelText", "isLabelHidden", "contentProps"]);
+    return React.createElement(React.Fragment, null, !isLabelHidden && React.createElement(Label.Label, {
+      labelText: labelText
+    }), React.createElement("div", tslib.__assign({
+      onClick: function (e) {
+        return handleEditableClick(e, onClick);
+      },
+      className: classnames(EditableRichTextContent_module.editableContainer, classNameOverride)
+    }, restProps), React.createElement(VisuallyHidden.VisuallyHidden, {
+      classNameOverride: EditableRichTextContent_module.hiddenButton
+    }, React.createElement("button", {
+      type: "button",
+      onClick: onClick,
+      "aria-label": "Edit ".concat(labelText)
+    })), React.createElement(RichTextContent.RichTextContent, tslib.__assign({
+      content: content
+    }, contentProps))));
+  };
+  EditableRichTextContent.displayName = "EditableRichTextContent";
+  return EditableRichTextContent;
+}();
+exports.EditableRichTextContent = EditableRichTextContent;
+//# sourceMappingURL=EditableRichTextContent.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditableRichTextContent.cjs","sources":["../../../../src/RichTextEditor/EditableRichTextContent/EditableRichTextContent.tsx"],"sourcesContent":["import React, { MouseEvent, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Label } from \"~components/Label\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { RichTextContent, RichTextContentProps } from \"../RichTextContent\"\nimport { EditorContentArray } from \"../types\"\nimport styles from \"./EditableRichTextContent.module.scss\"\n\nexport type EditableRichTextContentProps = {\n  onClick: (event: MouseEvent<HTMLElement>) => void\n  content: EditorContentArray\n  labelText: string\n  isLabelHidden?: boolean\n  contentProps?: Omit<RichTextContentProps, \"content\">\n} & OverrideClassName<\n  Omit<HTMLAttributes<HTMLDivElement>, \"onClick\" | \"content\">\n>\n\nconst handleEditableClick = (\n  e: MouseEvent<HTMLElement>,\n  onClick: (event: MouseEvent<HTMLElement>) => void\n): void => {\n  if ((e.target as HTMLElement).hasAttribute(\"href\")) {\n    return\n  }\n  return onClick(e)\n}\n\nexport const EditableRichTextContent = ({\n  onClick,\n  content,\n  classNameOverride,\n  labelText,\n  isLabelHidden = false,\n  contentProps,\n  ...restProps\n}: EditableRichTextContentProps): JSX.Element => (\n  <>\n    {!isLabelHidden && <Label labelText={labelText} />}\n    {/* Disabling these a11y linting errors because there is a <button> that mitigates these concerns. The onClick here is just an additional layer. */}\n    {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n    <div\n      onClick={(e): void => handleEditableClick(e, onClick)}\n      className={classnames(styles.editableContainer, classNameOverride)}\n      {...restProps}\n    >\n      <VisuallyHidden classNameOverride={styles.hiddenButton}>\n        <button\n          type=\"button\"\n          onClick={onClick}\n          aria-label={`Edit ${labelText}`}\n        />\n      </VisuallyHidden>\n      <RichTextContent content={content} {...contentProps} />\n    </div>\n  </>\n)\n\nEditableRichTextContent.displayName = \"EditableRichTextContent\"\n"],"names":["handleEditableClick","e","onClick","target","hasAttribute","EditableRichTextContent","_a","content","classNameOverride","labelText","_b","isLabelHidden","contentProps","restProps","__rest","React","createElement","Fragment","Label","__assign","className","classnames","styles","editableContainer","VisuallyHidden","hiddenButton","type","concat","RichTextContent","displayName"],"mappings":";;;;;;;;;AAmBA,IAAMA,mBAAmB,GAAG,SAAAA,CAC1BC,CAA0B,EAC1BC,OAAiD,EAAA;EAEjD,IAAKD,CAAC,CAACE,MAAsB,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;IAClD;EACD;EACD,OAAOF,OAAO,CAACD,CAAC,CAAC;AACnB,CAAC;AAAA,MAEYI,uBAAuB;EAAA,MAAvBA,uBAAuB,GAAG,SAAAA,CAACC,EAQT,EAAA;IAP7B,IAAAJ,OAAO,GAAAI,EAAA,CAAAJ,OAAA;MACPK,OAAO,GAAAD,EAAA,CAAAC,OAAA;MACPC,iBAAiB,GAAAF,EAAA,CAAAE,iBAAA;MACjBC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,qBAAqB;MAArBC,aAAa,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACrBE,YAAY,GAAAN,EAAA,CAAAM,YAAA;MACTC,SAAS,GAP0BC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,eAAA,EAAA,cAAA,CAQvC,CADa;IACmC,OAC/CS,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACG,CAACN,aAAa,IAAII,KAAC,CAAAC,aAAA,CAAAE,KAAK,CAAAA,KAAA;MAACT,SAAS,EAAEA;KAAa,CAAA,EAGlDM,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAG,KAAA,CAAAA,QAAA,CAAA;MAAAjB,OAAO,EAAE,SAAAA,CAACD,CAAC,EAAA;QAAW,OAAAD,mBAAmB,CAACC,CAAC,EAAEC,OAAO,CAAC;MAAA,CAAA;MACrDkB,SAAS,EAAEC,UAAU,CAACC,8BAAM,CAACC,iBAAiB,EAAEf,iBAAiB;IAAC,CAAA,EAC9DK,SAAS,CAAA,EAEbE,KAAA,CAAAC,aAAA,CAACQ,cAAc,CAAAA,cAAA,EAAC;MAAAhB,iBAAiB,EAAEc,8BAAM,CAACG;IAAY,CAAA,EACpDV,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEU,IAAI,EAAC,QAAQ;MACbxB,OAAO,EAAEA,OAAO;MAAA,YAAA,EACJ,OAAQ,CAAAyB,MAAA,CAAAlB,SAAS;IAAE,CAAA,CAC/B,CACa,EACjBM,KAAC,CAAAC,aAAA,CAAAY,eAAe,CAAAA,eAAA,EAACT,cAAA,CAAA;MAAAZ,OAAO,EAAEA;KAAa,EAAAK,YAAY,CAAI,CAAA,CACnD,CACL;GACJ;EAEDP,uBAAuB,CAACwB,WAAW,GAAG,yBAAyB;EAAA,OA9BlDxB,uBAAuB;AAAA;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+var styles = {
+  "editableContainer": "EditableRichTextContent-module_editableContainer__zZEMC",
+  "hiddenButton": "EditableRichTextContent-module_hiddenButton__Kq3oB"
+};
+module.exports = styles;
+//# sourceMappingURL=EditableRichTextContent.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditableRichTextContent.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -0,0 +1,61 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var schema = require('../RichTextEditor/schema.cjs');
+var ProseMirrorState = require('prosemirror-state');
+require('prosemirror-view');
+var useRichTextEditor = require('../utils/core/hooks/useRichTextEditor.cjs');
+var ProseMirrorModel = require('prosemirror-model');
+require('prosemirror-inputrules');
+require('prosemirror-commands');
+require('prosemirror-keymap');
+require('prosemirror-history');
+require('prosemirror-schema-list');
+var RichTextContent_module = require('./RichTextContent.module.scss.cjs');
+function _interopNamespaceDefault(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);
+}
+var ProseMirrorState__namespace = /*#__PURE__*/_interopNamespaceDefault(ProseMirrorState);
+var ProseMirrorModel__namespace = /*#__PURE__*/_interopNamespaceDefault(ProseMirrorModel);
+const RichTextContent = /*#__PURE__*/function () {
+  const 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.createElement("div", tslib.__assign({
+      ref: editorRef,
+      className: classnames(RichTextContent_module.content, classNameOverride)
+    }, restProps));
+  };
+  RichTextContent.displayName = "RichTextContent";
+  return RichTextContent;
+}();
+exports.RichTextContent = RichTextContent;
+//# sourceMappingURL=RichTextContent.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextContent.cjs","sources":["../../../../src/RichTextEditor/RichTextContent/RichTextContent.tsx"],"sourcesContent":["import React, { useState, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { createSchemaWithAll } from \"../RichTextEditor/schema\"\nimport { EditorContentArray } from \"../types\"\nimport { useRichTextEditor } from \"../utils/core\"\nimport { ProseMirrorModel, ProseMirrorState } from \"../utils/prosemirror\"\nimport styles from \"./RichTextContent.module.scss\"\n\nexport type RichTextContentProps = {\n  content: EditorContentArray\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"content\">>\n\nexport const RichTextContent = (props: RichTextContentProps): JSX.Element => {\n  const { content, classNameOverride, ...restProps } = props\n  const [schema] = useState<ProseMirrorModel.Schema>(createSchemaWithAll())\n\n  const [editorRef] = useRichTextEditor(\n    ProseMirrorState.EditorState.create({\n      doc: ProseMirrorModel.Node.fromJSON(schema, {\n        type: \"doc\",\n        content,\n      }),\n      schema,\n    }),\n    undefined,\n    {\n      editable: false,\n    }\n  )\n\n  return (\n    <div\n      ref={editorRef}\n      className={classnames(styles.content, classNameOverride)}\n      {...restProps}\n    />\n  )\n}\n\nRichTextContent.displayName = \"RichTextContent\"\n"],"names":["RichTextContent","props","content","classNameOverride","restProps","__rest","schema","useState","createSchemaWithAll","editorRef","useRichTextEditor","ProseMirrorState","EditorState","create","doc","ProseMirrorModel","Node","fromJSON","type","undefined","editable","React","ref","className","classnames","styles","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAaaA,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,KAA2B,EAAA;IACjD,IAAAC,OAAO,GAAsCD,KAAK,CAA3CC,OAAA;MAAEC,iBAAiB,GAAmBF,KAAK,CAAxBE,iBAAA;MAAKC,SAAS,GAAKC,KAAA,CAAAA,MAAA,CAAAJ,KAAK,EAApD,CAAA,SAAA,EAAA,mBAAA,CAA4C,CAAF;IACzC,IAAAK,QAAM,GAAIC,KAAQ,CAAAA,QAAA,CAA0BC,MAAmB,CAAAA,mBAAA,CAAA,CAAE,CAAC,GAA5D;IAEN,IAAAC,SAAS,GAAIC,iBAAiB,CAAAA,iBAAA,CACnCC,2BAAgB,CAACC,WAAW,CAACC,MAAM,CAAC;MAClCC,GAAG,EAAEC,2BAAgB,CAACC,IAAI,CAACC,QAAQ,CAACX,QAAM,EAAE;QAC1CY,IAAI,EAAE,KAAK;QACXhB,OAAO,EAAAA;OACR,CAAC;MACFI,MAAM,EAAAA;IACP,CAAA,CAAC,EACFa,SAAS,EACT;MACEC,QAAQ,EAAE;IACX,CAAA,CACF,GAZe;IAchB,OACEC;MACEC,GAAG,EAAEb,SAAS;MACdc,SAAS,EAAEC,UAAU,CAACC,sBAAM,CAACvB,OAAO,EAAEC,iBAAiB;OACnDC,SAAS,CAAA,CACb;EAEN,CAAC;EAEDJ,eAAe,CAAC0B,WAAW,GAAG,iBAAiB;EAAA,OA3BlC1B,eAAe;AAAA;"}

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

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "content": "RichTextContent-module_content__vVcWj"
+};
+module.exports = styles;
+//# sourceMappingURL=RichTextContent.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextContent.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,177 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var FieldMessage = require('../../FieldMessage/FieldMessage.cjs');
+var Label = require('../../Label/Label.cjs');
+var InlineNotification = require('../../Notification/InlineNotification/InlineNotification.cjs');
+require('../../Notification/GlobalNotification/GlobalNotification.cjs');
+var ProseMirrorState = require('prosemirror-state');
+require('prosemirror-view');
+var useRichTextEditor = require('../utils/core/hooks/useRichTextEditor.cjs');
+var ProseMirrorModel = require('prosemirror-model');
+require('prosemirror-inputrules');
+var LinkManager = require('../utils/plugins/LinkManager/LinkManager.cjs');
+require('../utils/plugins/LinkManager/components/LinkEditor/LinkEditor.cjs');
+require('../utils/plugins/LinkManager/components/LinkModal/LinkModal.cjs');
+require('../utils/plugins/LinkManager/components/LinkPopover/LinkPopover.cjs');
+var ProseMirrorCommands = require('prosemirror-commands');
+var ProseMirrorKeymap = require('prosemirror-keymap');
+var ProseMirrorHistory = require('prosemirror-history');
+require('prosemirror-schema-list');
+var schema = require('./schema.cjs');
+var ToggleIconButton = require('./subcomponents/ToggleIconButton/ToggleIconButton.cjs');
+var Toolbar = require('./subcomponents/Toolbar/Toolbar.cjs');
+var ToolbarSection = require('./subcomponents/ToolbarSection/ToolbarSection.cjs');
+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 _interopNamespaceDefault(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);
+}
+var ProseMirrorState__namespace = /*#__PURE__*/_interopNamespaceDefault(ProseMirrorState);
+var ProseMirrorModel__namespace = /*#__PURE__*/_interopNamespaceDefault(ProseMirrorModel);
+var ProseMirrorCommands__namespace = /*#__PURE__*/_interopNamespaceDefault(ProseMirrorCommands);
+var ProseMirrorKeymap__namespace = /*#__PURE__*/_interopNamespaceDefault(ProseMirrorKeymap);
+var ProseMirrorHistory__namespace = /*#__PURE__*/_interopNamespaceDefault(ProseMirrorHistory);
+
+/**
+ * {@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 onChange = _a.onChange,
+      defaultValue = _a.defaultValue,
+      labelText = _a.labelText,
+      labelledBy = _a["aria-labelledby"],
+      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", "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 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"
+        });
+      } catch (_a) {
+        return new Error("Bad data error");
+      }
+    }();
+    if (useRichTextEditorResult instanceof Error) {
+      onDataError && onDataError();
+      return React.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]);
+    var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : "";
+    var descriptionAria = description ? "".concat(editorId, "-rte-description") : "";
+    var ariaDescribedBy = "".concat(validationMessageAria, " ").concat(descriptionAria);
+    return React.createElement(React.Fragment, null, !labelledBy && labelText && React.createElement(Label.Label, {
+      id: labelId,
+      labelText: labelText
+    }), React.createElement("div", {
+      className: classnames(RichTextEditor_module.editorWrapper, RichTextEditor_module[status])
+    }, controls && React.createElement(Toolbar.Toolbar, {
+      "aria-controls": editorId,
+      "aria-label": "Text formatting",
+      classNameOverride: RichTextEditor_module.toolbar
+    }, controlMap.map(function (section, index) {
+      return React.createElement(ToolbarSection.ToolbarSection, {
+        key: index
+      }, section.map(function (controlConfig, controlKeyIndex) {
+        return React.createElement(ToggleIconButton.ToggleIconButton, {
+          key: controlKeyIndex,
+          icon: controlConfig.icon,
+          disabled: controlConfig.disabled,
+          label: controlConfig.label,
+          isActive: controlConfig.isActive,
+          onClick: function () {
+            return dispatchTransaction(controlConfig.action);
+          }
+        });
+      }));
+    })), React.createElement("div", tslib.__assign({
+      id: editorId,
+      ref: editorRef,
+      className: classnames(RichTextEditor_module.editor, RichTextEditor_module["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && RichTextEditor_module.hasToolbar),
+      "aria-describedby": ariaDescribedBy
+    }, restProps))), validationMessage && React.createElement(FieldMessage.FieldMessage, {
+      id: validationMessageAria,
+      message: validationMessage,
+      status: status
+    }), description && React.createElement(FieldMessage.FieldMessage, {
+      id: descriptionAria,
+      message: description
+    }));
+  };
+  RichTextEditor.displayName = "RichTextEditor";
+  return 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;
+}
+exports.RichTextEditor = RichTextEditor;
+//# sourceMappingURL=RichTextEditor.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.cjs","sources":["../../../../src/RichTextEditor/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, {\n  useState,\n  useEffect,\n  HTMLAttributes,\n  ReactNode,\n  useId,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Label } from \"~components/Label\"\nimport { InlineNotification } from \"~components/Notification\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ToolbarItems, EditorContentArray, EditorRows } from \"../types\"\nimport { useRichTextEditor } from \"../utils/core\"\nimport { createLinkManager } from \"../utils/plugins\"\nimport {\n  ProseMirrorCommands,\n  ProseMirrorHistory,\n  ProseMirrorKeymap,\n  ProseMirrorModel,\n  ProseMirrorState,\n} from \"../utils/prosemirror\"\nimport { createSchemaFromControls } from \"./schema\"\nimport { ToggleIconButton } from \"./subcomponents/ToggleIconButton\"\nimport { Toolbar } from \"./subcomponents/Toolbar\"\nimport { ToolbarSection } from \"./subcomponents/ToolbarSection\"\nimport { buildControlMap } from \"./utils/controlmap\"\nimport { buildInputRules } from \"./utils/inputrules\"\nimport { buildKeymap } from \"./utils/keymap\"\nimport styles from \"./RichTextEditor.module.scss\"\n\ntype BaseRichTextEditorProps = {\n  onChange: (content: ProseMirrorState.EditorState) => void\n  defaultValue: EditorContentArray\n  controls?: ToolbarItems[]\n  /**\n   * Sets a default min-height for the editable area in units of body paragraph line height, similar to the 'rows' attribute on <textarea>.\n   * The editable area will autogrow, so this only affects the component when the content doesn't exceed this height.\n   */\n  rows?: EditorRows\n  dataError?: React.ReactElement\n  onDataError?: () => void\n  status?: \"default\" | \"error\" | \"caution\"\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: React.ReactNode\n  /**\n   * A description that provides context\n   */\n  description?: React.ReactNode\n} & OverrideClassName<\n  Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\">\n>\n\ntype WithLabelText = {\n  labelText: ReactNode\n  \"aria-labelledby\"?: never\n}\n\ntype WithLabelledBy = {\n  labelText?: never\n  \"aria-labelledby\": string\n}\n\nexport type RichTextEditorProps = BaseRichTextEditorProps &\n  (WithLabelText | WithLabelledBy)\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}\n */\nexport const RichTextEditor = ({\n  onChange,\n  defaultValue,\n  labelText,\n  \"aria-labelledby\": labelledBy,\n  classNameOverride,\n  controls,\n  rows = 3,\n  dataError,\n  onDataError,\n  validationMessage,\n  description,\n  status = \"default\",\n  ...restProps\n}: RichTextEditorProps): JSX.Element => {\n  const reactId = useId()\n  const [schema] = useState<ProseMirrorModel.Schema>(\n    createSchemaFromControls(controls)\n  )\n  const [labelId] = useState<string>(labelledBy || reactId)\n  const [editorId] = useState<string>(reactId)\n\n  const useRichTextEditorResult = (():\n    | ReturnType<typeof useRichTextEditor>\n    | Error => {\n    try {\n      return useRichTextEditor(\n        ProseMirrorState.EditorState.create({\n          doc: ProseMirrorModel.Node.fromJSON(schema, {\n            type: \"doc\",\n            // we're converting empty arrays to the ProseMirror default \"empty\" state because when\n            // given an empty array ProseMirror returns undefined, breaking the type\n            content:\n              defaultValue?.length > 0 ? defaultValue : [{ type: \"paragraph\" }],\n          }),\n          schema,\n          plugins: getPlugins(controls, schema),\n        }),\n        { \"aria-labelledby\": labelId, role: \"textbox\" }\n      )\n    } catch {\n      return new Error(\"Bad data error\")\n    }\n  })()\n\n  if (useRichTextEditorResult instanceof Error) {\n    onDataError && onDataError()\n    return (\n      <InlineNotification\n        headingProps={{\n          children: \"Error\",\n          variant: \"heading-6\",\n        }}\n        type=\"negative\"\n        persistent\n      >\n        {dataError || \"Something went wrong\"}\n      </InlineNotification>\n    )\n  }\n\n  const [editorRef, editorState, dispatchTransaction] = useRichTextEditorResult\n\n  const controlMap = buildControlMap(schema, editorState, controls)\n\n  useEffect(() => {\n    onChange(editorState)\n    // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue\n  }, [editorState])\n\n  const validationMessageAria = validationMessage\n    ? `${editorId}-rte-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${editorId}-rte-description` : \"\"\n\n  const ariaDescribedBy = `${validationMessageAria} ${descriptionAria}`\n\n  return (\n    <>\n      {!labelledBy && labelText && <Label id={labelId} labelText={labelText} />}\n      {/* TODO: add a bit of margin here once we have a classNameOverride on Label */}\n      <div className={classnames(styles.editorWrapper, styles[status])}>\n        {controls && (\n          <Toolbar\n            aria-controls={editorId}\n            aria-label=\"Text formatting\"\n            classNameOverride={styles.toolbar}\n          >\n            {controlMap.map((section, index) => (\n              <ToolbarSection key={index}>\n                {section.map((controlConfig, controlKeyIndex) => (\n                  <ToggleIconButton\n                    key={controlKeyIndex}\n                    icon={controlConfig.icon}\n                    disabled={controlConfig.disabled}\n                    label={controlConfig.label}\n                    isActive={controlConfig.isActive}\n                    onClick={(): void =>\n                      dispatchTransaction(controlConfig.action)\n                    }\n                  />\n                ))}\n              </ToolbarSection>\n            ))}\n          </Toolbar>\n        )}\n        <div\n          id={editorId}\n          ref={editorRef}\n          className={classnames(\n            styles.editor,\n            styles[`rows${rows}`],\n            classNameOverride,\n            controls != null && controls.length > 0 && styles.hasToolbar\n          )}\n          aria-describedby={ariaDescribedBy}\n          {...restProps}\n        />\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          id={validationMessageAria}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n\n      {description && (\n        <FieldMessage id={descriptionAria} message={description} />\n      )}\n    </>\n  )\n}\n\nRichTextEditor.displayName = \"RichTextEditor\"\n\nfunction getPlugins(\n  controls: ToolbarItems[] | undefined,\n  schema: ProseMirrorModel.Schema\n): Array<\n  | ProseMirrorState.Plugin<unknown>\n  | ProseMirrorState.Plugin<{\n      transform: ProseMirrorState.Transaction\n      from: number\n      to: number\n      text: string\n    } | null>\n> {\n  const allControlNames: string[] = controls\n    ? controls.reduce((acc: string[], c: ToolbarItems) => [...acc, c.name], [])\n    : []\n  const plugins = [\n    ProseMirrorHistory.history(),\n    ProseMirrorKeymap.keymap(buildKeymap(schema)),\n    ProseMirrorKeymap.keymap(ProseMirrorCommands.baseKeymap),\n    buildInputRules(schema),\n  ]\n\n  if (allControlNames.includes(\"link\")) {\n    plugins.push(\n      createLinkManager({\n        markType: schema.marks.link,\n      })\n    )\n  }\n\n  return plugins\n}\n"],"names":["RichTextEditor","_a","onChange","defaultValue","labelText","labelledBy","classNameOverride","controls","_b","rows","dataError","onDataError","validationMessage","description","_c","status","restProps","__rest","reactId","useId","schema","useState","createSchemaFromControls","labelId","editorId","useRichTextEditorResult","useRichTextEditor","ProseMirrorState","EditorState","create","doc","ProseMirrorModel","Node","fromJSON","type","content","length","plugins","getPlugins","role","Error","React","createElement","InlineNotification","headingProps","children","variant","persistent","editorRef","editorState","dispatchTransaction","controlMap","buildControlMap","useEffect","validationMessageAria","concat","descriptionAria","ariaDescribedBy","Fragment","Label","id","className","classnames","styles","editorWrapper","Toolbar","toolbar","map","section","index","ToolbarSection","key","controlConfig","controlKeyIndex","ToggleIconButton","icon","disabled","label","isActive","onClick","action","__assign","ref","editor","hasToolbar","FieldMessage","message","displayName","allControlNames","reduce","acc","c","name","ProseMirrorHistory","history","ProseMirrorKeymap","keymap","buildKeymap","ProseMirrorCommands","baseKeymap","buildInputRules","includes","push","createLinkManager","markType","marks","link"],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+'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"
+};
+module.exports = styles;
+//# sourceMappingURL=RichTextEditor.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,88 @@
+'use strict';
+
+var tslib = require('tslib');
+var constants = require('../constants.cjs');
+require('prosemirror-commands');
+require('prosemirror-keymap');
+require('prosemirror-history');
+require('prosemirror-state');
+var ProseMirrorModel = require('prosemirror-model');
+require('prosemirror-inputrules');
+require('prosemirror-schema-list');
+var marks = require('../utils/schema/marks.cjs');
+var nodes = require('../utils/schema/nodes.cjs');
+function _interopNamespaceDefault(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);
+}
+var ProseMirrorModel__namespace = /*#__PURE__*/_interopNamespaceDefault(ProseMirrorModel);
+var createSchemaFromControls = function (controls) {
+  if (!controls) {
+    return createSchema();
+  }
+  var namesFromControls = controls.reduce(function (acc, c) {
+    return tslib.__spreadArray(tslib.__spreadArray([], acc, true), [c.name], false);
+  }, []);
+  return createSchema(namesFromControls);
+};
+var createSchemaWithAll = function () {
+  return createSchema(constants.TOOLBAR_CONTROLS);
+};
+var createSchema = function (controls) {
+  var nodes$1 = nodes.getNodes();
+  var marks$1 = marks.getMarks();
+  var defaultNodes = {
+    doc: nodes$1.doc,
+    paragraph: nodes$1.paragraph,
+    text: nodes$1.text,
+    hardBreak: nodes$1.hardBreak
+  };
+  if (!controls) {
+    return new ProseMirrorModel__namespace.Schema({
+      nodes: defaultNodes
+    });
+  }
+  var newNodes = tslib.__assign({}, defaultNodes);
+  var newMarks = {};
+  if (controls.includes("bold")) {
+    newMarks["strong"] = marks$1.strong;
+  }
+  if (controls.includes("italic")) {
+    newMarks["em"] = marks$1.em;
+  }
+  if (controls.includes("underline")) {
+    newMarks["underline"] = marks$1.underline;
+  }
+  if (controls.includes("bulletList")) {
+    newNodes["bulletList"] = nodes$1.bulletList;
+    newNodes["listItem"] = nodes$1.listItem;
+  }
+  if (controls.includes("orderedList")) {
+    newNodes["orderedList"] = nodes$1.orderedList;
+    newNodes["listItem"] = nodes$1.listItem;
+  }
+  if (controls.includes("link")) {
+    newMarks["link"] = marks$1.link;
+  }
+  return new ProseMirrorModel__namespace.Schema({
+    nodes: newNodes,
+    marks: newMarks
+  });
+};
+exports.createSchemaFromControls = createSchemaFromControls;
+exports.createSchemaWithAll = createSchemaWithAll;
+//# sourceMappingURL=schema.cjs.map

package/dist/cjs/RichTextEditor/RichTextEditor/schema.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.cjs","sources":["../../../../src/RichTextEditor/RichTextEditor/schema.ts"],"sourcesContent":["import { MarkSpec } from \"prosemirror-model\"\nimport { TOOLBAR_CONTROLS } from \"../constants\"\nimport { ToolbarItems, ToolbarControlTypes } from \"../types\"\nimport { ProseMirrorModel } from \"../utils/prosemirror\"\nimport { getMarks, getNodes } from \"../utils/schema\"\n\nexport const createSchemaFromControls = (\n  controls?: ToolbarItems[]\n): ProseMirrorModel.Schema<string> => {\n  if (!controls) {\n    return createSchema()\n  }\n\n  const namesFromControls = controls.reduce(\n    (acc: ToolbarControlTypes[], c: ToolbarItems) => [...acc, c.name],\n    []\n  )\n\n  return createSchema(namesFromControls)\n}\n\nexport const createSchemaWithAll = (): ProseMirrorModel.Schema<string> =>\n  createSchema(TOOLBAR_CONTROLS)\n\nconst createSchema = (\n  controls?: ToolbarControlTypes[]\n): ProseMirrorModel.Schema<string> => {\n  const nodes = getNodes()\n  const marks = getMarks()\n\n  const defaultNodes: ProseMirrorModel.NodeSpec = {\n    doc: nodes.doc,\n    paragraph: nodes.paragraph,\n    text: nodes.text,\n    hardBreak: nodes.hardBreak,\n  }\n\n  if (!controls) {\n    return new ProseMirrorModel.Schema({\n      nodes: defaultNodes,\n    })\n  }\n\n  const newNodes: typeof nodes = { ...defaultNodes }\n  const newMarks: MarkSpec = {}\n\n  if (controls.includes(\"bold\")) {\n    newMarks[\"strong\"] = marks.strong\n  }\n\n  if (controls.includes(\"italic\")) {\n    newMarks[\"em\"] = marks.em\n  }\n\n  if (controls.includes(\"underline\")) {\n    newMarks[\"underline\"] = marks.underline\n  }\n\n  if (controls.includes(\"bulletList\")) {\n    newNodes[\"bulletList\"] = nodes.bulletList\n    newNodes[\"listItem\"] = nodes.listItem\n  }\n\n  if (controls.includes(\"orderedList\")) {\n    newNodes[\"orderedList\"] = nodes.orderedList\n    newNodes[\"listItem\"] = nodes.listItem\n  }\n\n  if (controls.includes(\"link\")) {\n    newMarks[\"link\"] = marks.link\n  }\n\n  return new ProseMirrorModel.Schema({\n    nodes: newNodes,\n    marks: newMarks,\n  })\n}\n"],"names":["createSchemaFromControls","controls","createSchema","namesFromControls","reduce","acc","c","name","createSchemaWithAll","TOOLBAR_CONTROLS","nodes","getNodes","marks","getMarks","defaultNodes","doc","paragraph","text","hardBreak","ProseMirrorModel","Schema","newNodes","__assign","newMarks","includes","strong","em","underline","bulletList","listItem","orderedList","link"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,wBAAwB,GAAG,SAAAA,CACtCC,QAAyB,EAAA;EAEzB,IAAI,CAACA,QAAQ,EAAE;IACb,OAAOC,YAAY,CAAA,CAAE;EACtB;EAED,IAAMC,iBAAiB,GAAGF,QAAQ,CAACG,MAAM,CACvC,UAACC,GAA0B,EAAEC,CAAe,EAAA;IAAK,mDAAID,GAAG,EAAA,IAAA,CAAA,EAAA,CAAEC,CAAC,CAACC,IAAI;GAAC,EACjE,EAAE,CACH;EAED,OAAOL,YAAY,CAACC,iBAAiB,CAAC;AACxC,CAAC;AAEY,IAAAK,mBAAmB,GAAG,SAAAA,CAAA,EAAA;EACjC,OAAAN,YAAY,CAACO,SAAAA,CAAAA,gBAAgB,CAAC;AAA9B,CAA8B;AAEhC,IAAMP,YAAY,GAAG,SAAAA,CACnBD,QAAgC,EAAA;EAEhC,IAAMS,OAAK,GAAGC,KAAAA,CAAAA,QAAQ,EAAE;EACxB,IAAMC,OAAK,GAAGC,KAAAA,CAAAA,QAAQ,EAAE;EAExB,IAAMC,YAAY,GAA8B;IAC9CC,GAAG,EAAEL,OAAK,CAACK,GAAG;IACdC,SAAS,EAAEN,OAAK,CAACM,SAAS;IAC1BC,IAAI,EAAEP,OAAK,CAACO,IAAI;IAChBC,SAAS,EAAER,OAAK,CAACQ;GAClB;EAED,IAAI,CAACjB,QAAQ,EAAE;IACb,OAAO,IAAIkB,2BAAgB,CAACC,MAAM,CAAC;MACjCV,KAAK,EAAEI;IACR,CAAA,CAAC;EACH;EAED,IAAMO,QAAQ,GAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAsBR,YAAY,CAAE;EAClD,IAAMS,QAAQ,GAAa,CAAA,CAAE;EAE7B,IAAItB,QAAQ,CAACuB,QAAQ,CAAC,MAAM,CAAC,EAAE;IAC7BD,QAAQ,CAAC,QAAQ,CAAC,GAAGX,OAAK,CAACa,MAAM;EAClC;EAED,IAAIxB,QAAQ,CAACuB,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC/BD,QAAQ,CAAC,IAAI,CAAC,GAAGX,OAAK,CAACc,EAAE;EAC1B;EAED,IAAIzB,QAAQ,CAACuB,QAAQ,CAAC,WAAW,CAAC,EAAE;IAClCD,QAAQ,CAAC,WAAW,CAAC,GAAGX,OAAK,CAACe,SAAS;EACxC;EAED,IAAI1B,QAAQ,CAACuB,QAAQ,CAAC,YAAY,CAAC,EAAE;IACnCH,QAAQ,CAAC,YAAY,CAAC,GAAGX,OAAK,CAACkB,UAAU;IACzCP,QAAQ,CAAC,UAAU,CAAC,GAAGX,OAAK,CAACmB,QAAQ;EACtC;EAED,IAAI5B,QAAQ,CAACuB,QAAQ,CAAC,aAAa,CAAC,EAAE;IACpCH,QAAQ,CAAC,aAAa,CAAC,GAAGX,OAAK,CAACoB,WAAW;IAC3CT,QAAQ,CAAC,UAAU,CAAC,GAAGX,OAAK,CAACmB,QAAQ;EACtC;EAED,IAAI5B,QAAQ,CAACuB,QAAQ,CAAC,MAAM,CAAC,EAAE;IAC7BD,QAAQ,CAAC,MAAM,CAAC,GAAGX,OAAK,CAACmB,IAAI;EAC9B;EAED,OAAO,IAAIZ,2BAAgB,CAACC,MAAM,CAAC;IACjCV,KAAK,EAAEW,QAAQ;IACfT,KAAK,EAAEW;EACR,CAAA,CAAC;AACJ,CAAC;;"}

package/dist/cjs/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Tooltip = require('../../../../Tooltip/Tooltip.cjs');
+var ToggleIconButton_module = require('./ToggleIconButton.module.scss.cjs');
+const ToggleIconButton = /*#__PURE__*/function () {
+  const ToggleIconButton = React.forwardRef(function (props, ref) {
+    var label = props.label,
+      icon = props.icon,
+      _a = props.isActive,
+      isActive = _a === void 0 ? false : _a,
+      _b = props.mood,
+      mood = _b === void 0 ? "default" : _b,
+      _c = props.disabled,
+      disabled = _c === void 0 ? false : _c,
+      classNameOverride = props.classNameOverride,
+      onClick = props.onClick,
+      nativeButtonProps = tslib.__rest(props, ["label", "icon", "isActive", "mood", "disabled", "classNameOverride", "onClick"]);
+    return React.createElement(Tooltip.Tooltip, {
+      text: label,
+      display: "inline-block",
+      position: "above",
+      animationDuration: 5
+    }, React.createElement("button", tslib.__assign({
+      ref: ref,
+      type: "button",
+      "aria-pressed": isActive,
+      "aria-label": label,
+      "aria-disabled": disabled,
+      onMouseDown: function (e) {
+        return e.preventDefault();
+      },
+      onClick: !disabled ? onClick : undefined,
+      className: classnames(ToggleIconButton_module.button, classNameOverride, ToggleIconButton_module[mood], isActive && ToggleIconButton_module.active, disabled && ToggleIconButton_module.disabled)
+    }, nativeButtonProps), icon));
+  });
+  ToggleIconButton.displayName = "ToggleIconButton";
+  return ToggleIconButton;
+}();
+exports.ToggleIconButton = ToggleIconButton;
+//# sourceMappingURL=ToggleIconButton.cjs.map

package/dist/cjs/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleIconButton.cjs","sources":["../../../../../../src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Tooltip } from \"~components/Tooltip\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ToggleIconButtonMoods } from \"./types\"\nimport styles from \"./ToggleIconButton.module.scss\"\n\nexport type ToggleIconButtonProps = {\n  icon: JSX.Element\n  label: string\n  /*\n   * determines the active or inactive state along with the \"aria-pressed\" attribute\n   */\n  isActive?: boolean\n  mood?: ToggleIconButtonMoods\n} & OverrideClassName<React.ButtonHTMLAttributes<HTMLButtonElement>>\n\nexport const ToggleIconButton = React.forwardRef<\n  HTMLButtonElement,\n  ToggleIconButtonProps\n>((props, ref) => {\n  const {\n    label,\n    icon,\n    isActive = false,\n    mood = \"default\",\n    disabled = false,\n    classNameOverride,\n    onClick,\n    ...nativeButtonProps\n  } = props\n  return (\n    <Tooltip\n      text={label}\n      display=\"inline-block\"\n      position=\"above\"\n      animationDuration={5}\n    >\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-pressed={isActive}\n        aria-label={label}\n        aria-disabled={disabled}\n        onMouseDown={(e): void => e.preventDefault()}\n        onClick={!disabled ? onClick : undefined}\n        className={classnames(\n          styles.button,\n          classNameOverride,\n          styles[mood],\n          isActive && styles.active,\n          disabled && styles.disabled\n        )}\n        {...nativeButtonProps}\n      >\n        {icon}\n      </button>\n    </Tooltip>\n  )\n})\n\nToggleIconButton.displayName = \"ToggleIconButton\"\n"],"names":["ToggleIconButton","React","forwardRef","props","ref","label","icon","_a","isActive","_b","mood","_c","disabled","classNameOverride","onClick","nativeButtonProps","__rest","createElement","Tooltip","text","display","position","animationDuration","__assign","type","onMouseDown","e","preventDefault","undefined","className","classnames","styles","button","active","displayName"],"mappings":";;;;;;;MAiBaA,gBAAgB;EAAA,MAAhBA,gBAAgB,GAAGC,KAAK,CAACC,UAAU,CAG9C,UAACC,KAAK,EAAEC,GAAG,EAAA;IAET,IAAAC,KAAK,GAQHF,KAAK,CARFE,KAAA;MACLC,IAAI,GAOFH,KAAK,CAPHG,IAAA;MACJC,EAME,GAAAJ,KAAK,SANS;MAAhBK,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBE,KAKEN,KAAK,CAAAO,IALS;MAAhBA,IAAI,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,KAAA;MAChBE,EAAA,GAIER,KAAK,CAAAS,QAJS;MAAhBA,QAAQ,mBAAG,KAAK,GAAAD,EAAA;MAChBE,iBAAiB,GAGfV,KAAK,kBAHU;MACjBW,OAAO,GAELX,KAAK,CAFAW,OAAA;MACJC,iBAAiB,GAAAC,KAAA,CAAAA,MAAA,CAClBb,KAAK,EATH,CASL,OAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,SAAA,CAAA,CADqB;IAEtB,OACEF,KAAC,CAAAgB,aAAA,CAAAC,OAAO,CAAAA,OAAA;MACNC,IAAI,EAAEd,KAAK;MACXe,OAAO,EAAC,cAAc;MACtBC,QAAQ,EAAC,OAAO;MAChBC,iBAAiB,EAAE;IAAC,CAAA,EAEpBrB,KAAA,CAAAgB,aAAA,CAAA,QAAA,EAAAM,cAAA,CAAA;MACEnB,GAAG,EAAEA,GAAG;MACRoB,IAAI,EAAC,QAAQ;MACC,cAAA,EAAAhB,QAAQ;oBACVH,KAAK;MAAA,eAAA,EACFO,QAAQ;MACvBa,WAAW,EAAE,SAAAA,CAACC,CAAC,EAAA;QAAW,OAAAA,CAAC,CAACC,cAAc,CAAA,CAAE;MAAA,CAAA;MAC5Cb,OAAO,EAAE,CAACF,QAAQ,GAAGE,OAAO,GAAGc,SAAS;MACxCC,SAAS,EAAEC,UAAU,CACnBC,uBAAM,CAACC,MAAM,EACbnB,iBAAiB,EACjBkB,uBAAM,CAACrB,IAAI,CAAC,EACZF,QAAQ,IAAIuB,uBAAM,CAACE,MAAM,EACzBrB,QAAQ,IAAImB,uBAAM,CAACnB,QAAQ;IAC5B,CAAA,EACGG,iBAAiB,CAEpB,EAAAT,IAAI,CACE,CACD;EAEd,CAAC,CAAC;EAEFN,gBAAgB,CAACkC,WAAW,GAAG,kBAAkB;EAAA,OA5CpClC,gBAAgB;AAAA;"}

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var styles = {
+  "button": "ToggleIconButton-module_button__86Iau",
+  "disabled": "ToggleIconButton-module_disabled__rwpBC",
+  "default": "ToggleIconButton-module_default__2fWS1",
+  "active": "ToggleIconButton-module_active__YLYx9",
+  "secondary": "ToggleIconButton-module_secondary__2bzRa",
+  "primary": "ToggleIconButton-module_primary__-y-0m",
+  "destructive": "ToggleIconButton-module_destructive__-PY2A",
+  "secondary-destructive": "ToggleIconButton-module_secondary-destructive__t6UEj"
+};
+module.exports = styles;
+//# sourceMappingURL=ToggleIconButton.module.scss.cjs.map

package/dist/cjs/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleIconButton.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}