@kaizen/components 0.0.0-canary-richtexttest-20231101014014 → 0.0.0-canary-js-tokens-20231102052541

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "0.0.0-canary-richtexttest-20231101014014",
+  "version": "0.0.0-canary-js-tokens-20231102052541",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -93,7 +93,6 @@
     "@babel/plugin-transform-react-pure-annotations": "^7.22.5",
     "@cultureamp/frontend-apis": "^8.2.0",
     "@cultureamp/i18n-react-intl": "^2.1.1",
-    "@cultureamp/rich-text-toolkit": "^2.0.2",
     "@kaizen/tailwind": "^1.1.1",
     "@rollup/plugin-alias": "^5.0.1",
     "@rollup/plugin-babel": "^6.0.4",
@@ -124,13 +123,7 @@
   },
   "peerDependencies": {
     "@cultureamp/i18n-react-intl": "^2.1.1",
-    "@cultureamp/rich-text-toolkit": "^2.0.3",
     "react": "^18.2.0",
     "react-intl": "^6.5.1"
-  },
-  "peerDependenciesMeta": {
-    "@cultureamp/rich-text-toolkit": {
-      "optional": true
-    }
   }
 }

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

@@ -1,47 +0,0 @@
-'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 (props) {
-    var onClick = props.onClick,
-      content = props.content,
-      classNameOverride = props.classNameOverride,
-      labelText = props.labelText,
-      _a = props.isLabelHidden,
-      isLabelHidden = _a === void 0 ? false : _a,
-      contentProps = props.contentProps,
-      restProps = tslib.__rest(props, ["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/src/EditableRichTextContent/EditableRichTextContent.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableRichTextContent.cjs","sources":["../../../../../src/RichTextEditor/src/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 interface EditableRichTextContentProps\n  extends OverrideClassName<\n    Omit<HTMLAttributes<HTMLDivElement>, \"onClick\" | \"content\">\n  > {\n  onClick: (event: MouseEvent<HTMLElement>) => void\n  content: EditorContentArray\n  labelText: string\n  isLabelHidden?: boolean\n  contentProps?: Omit<RichTextContentProps, \"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  props: EditableRichTextContentProps\n): JSX.Element => {\n  const {\n    onClick,\n    content,\n    classNameOverride,\n    labelText,\n    isLabelHidden = false,\n    contentProps,\n    ...restProps\n  } = props\n\n  return (\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}\n\nEditableRichTextContent.displayName = \"EditableRichTextContent\"\n"],"names":["handleEditableClick","e","onClick","target","hasAttribute","EditableRichTextContent","props","content","classNameOverride","labelText","_a","isLabelHidden","contentProps","restProps","__rest","React","createElement","Fragment","Label","__assign","className","classnames","styles","editableContainer","VisuallyHidden","hiddenButton","type","concat","RichTextContent","displayName"],"mappings":";;;;;;;;;AAoBA,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,CACrCC,KAAmC,EAAA;IAGjC,IAAAJ,OAAO,GAOLI,KAAK,QAPA;MACPC,OAAO,GAMLD,KAAK,CAAAC,OANA;MACPC,iBAAiB,GAKfF,KAAK,CAAAE,iBALU;MACjBC,SAAS,GAIPH,KAAK,CAJEG,SAAA;MACTC,EAGE,GAAAJ,KAAK,cAHc;MAArBK,aAAa,mBAAG,KAAK,GAAAD,EAAA;MACrBE,YAAY,GAEVN,KAAK,CAAAM,YAFK;MACTC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CACVR,KAAK,EARH,CAAA,SAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,eAAA,EAAA,cAAA,CAQL,CADa;IAGd,OACES,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;EAEP,CAAC;EAEDP,uBAAuB,CAACwB,WAAW,GAAG,yBAAyB;EAAA,OApClDxB,uBAAuB;AAAA;"}

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

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

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

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

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

@@ -1,33 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var richTextToolkit = require('@cultureamp/rich-text-toolkit');
-var classnames = require('classnames');
-var schema = require('../RichTextEditor/schema.cjs');
-var RichTextContent_module = require('./RichTextContent.module.scss.cjs');
-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 = richTextToolkit.useRichTextEditor(richTextToolkit.ProseMirrorState.EditorState.create({
-      doc: richTextToolkit.ProseMirrorModel.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/src/RichTextContent/RichTextContent.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextContent.cjs","sources":["../../../../../src/RichTextEditor/src/RichTextContent/RichTextContent.tsx"],"sourcesContent":["import React, { useState, HTMLAttributes } from \"react\"\nimport {\n  ProseMirrorState,\n  ProseMirrorModel,\n  useRichTextEditor,\n} from \"@cultureamp/rich-text-toolkit\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { createSchemaWithAll } from \"../RichTextEditor/schema\"\nimport { EditorContentArray } from \"../types\"\nimport styles from \"./RichTextContent.module.scss\"\n\nexport interface RichTextContentProps\n  extends OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"content\">> {\n  content: EditorContentArray\n}\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":";;;;;;;;MAiBaA,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,eAAiB,CAAAA,iBAAA,CACnCC,gCAAgB,CAACC,WAAW,CAACC,MAAM,CAAC;MAClCC,GAAG,EAAEC,eAAgB,CAAAA,gBAAA,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/src/RichTextContent/RichTextContent.module.scss.cjs

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

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

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

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

@@ -1,143 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var richTextToolkit = require('@cultureamp/rich-text-toolkit');
-var classnames = require('classnames');
-var uuid = require('uuid');
-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 controlmap = require('./controlmap.cjs');
-var inputrules = require('./inputrules.cjs');
-var keymap = require('./keymap.cjs');
-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 RichTextEditor_module = require('./RichTextEditor.module.scss.cjs');
-
-/**
- * {@link https://cultureamp.design/components/rich-text-editor/ Guidance} |
- * {@link https://cultureamp.design/storybook/?path=/docs/components-rich-text-editor--default Storybook}
- */
-const RichTextEditor = /*#__PURE__*/function () {
-  const RichTextEditor = function (props) {
-    var onChange = props.onChange,
-      defaultValue = props.defaultValue,
-      labelText = props.labelText,
-      labelledBy = props["aria-labelledby"],
-      classNameOverride = props.classNameOverride,
-      controls = props.controls,
-      _a = props.rows,
-      rows = _a === void 0 ? 3 : _a,
-      _b = props.dataError,
-      dataError = _b === void 0 ? "Something went wrong" : _b,
-      onDataError = props.onDataError,
-      validationMessage = props.validationMessage,
-      description = props.description,
-      _c = props.status,
-      status = _c === void 0 ? "default" : _c,
-      restProps = tslib.__rest(props, ["onChange", "defaultValue", "labelText", "aria-labelledby", "classNameOverride", "controls", "rows", "dataError", "onDataError", "validationMessage", "description", "status"]);
-    var schema$1 = React.useState(schema.createSchemaFromControls(controls))[0];
-    var labelId = React.useState(labelledBy || uuid.v4())[0];
-    var editorId = React.useState(uuid.v4())[0];
-    var useRichTextEditorResult = function () {
-      try {
-        return richTextToolkit.useRichTextEditor(richTextToolkit.ProseMirrorState.EditorState.create({
-          doc: richTextToolkit.ProseMirrorModel.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-3"
-        },
-        type: "negative",
-        persistent: true
-      }, dataError);
-    }
-    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 = [richTextToolkit.ProseMirrorHistory.history(), richTextToolkit.ProseMirrorKeymap.keymap(keymap.buildKeymap(schema)), richTextToolkit.ProseMirrorKeymap.keymap(richTextToolkit.ProseMirrorCommands.baseKeymap), inputrules.buildInputRules(schema)];
-  if (allControlNames.includes("link")) {
-    plugins.push(richTextToolkit.createLinkManager({
-      markType: schema.marks.link
-    }));
-  }
-  return plugins;
-}
-exports.RichTextEditor = RichTextEditor;
-//# sourceMappingURL=RichTextEditor.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextEditor.cjs","sources":["../../../../../src/RichTextEditor/src/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, { useState, useEffect, HTMLAttributes, ReactNode } from \"react\"\nimport {\n  ProseMirrorCommands,\n  ProseMirrorState,\n  ProseMirrorModel,\n  ProseMirrorKeymap,\n  ProseMirrorHistory,\n  useRichTextEditor,\n  createLinkManager,\n} from \"@cultureamp/rich-text-toolkit\"\nimport classnames from \"classnames\"\nimport { v4 } from \"uuid\"\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 { buildControlMap } from \"./controlmap\"\nimport { buildInputRules } from \"./inputrules\"\nimport { buildKeymap } from \"./keymap\"\nimport { createSchemaFromControls } from \"./schema\"\nimport { ToggleIconButton } from \"./subcomponents/ToggleIconButton\"\nimport { Toolbar } from \"./subcomponents/Toolbar\"\nimport { ToolbarSection } from \"./subcomponents/ToolbarSection\"\n\nimport styles from \"./RichTextEditor.module.scss\"\n\nexport interface BaseRichTextEditorProps\n  extends OverrideClassName<\n    Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\">\n  > {\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}\n\ninterface RTEWithLabelText extends BaseRichTextEditorProps {\n  labelText: ReactNode\n  \"aria-labelledby\"?: never\n}\n\ninterface RTEWithLabelledBy extends BaseRichTextEditorProps {\n  labelText?: never\n  \"aria-labelledby\": string\n}\n\nexport type RichTextEditorProps = RTEWithLabelText | RTEWithLabelledBy\n/**\n * {@link https://cultureamp.design/components/rich-text-editor/ Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-rich-text-editor--default Storybook}\n */\nexport const RichTextEditor = (props: RichTextEditorProps): JSX.Element => {\n  const {\n    onChange,\n    defaultValue,\n    labelText,\n    \"aria-labelledby\": labelledBy,\n    classNameOverride,\n    controls,\n    rows = 3,\n    dataError = \"Something went wrong\",\n    onDataError,\n    validationMessage,\n    description,\n    status = \"default\",\n    ...restProps\n  } = props\n  const [schema] = useState<ProseMirrorModel.Schema>(\n    createSchemaFromControls(controls)\n  )\n  const [labelId] = useState<string>(labelledBy || v4())\n  const [editorId] = useState<string>(v4())\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-3\",\n        }}\n        type=\"negative\"\n        persistent\n      >\n        {dataError}\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\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\nRichTextEditor.displayName = \"RichTextEditor\"\n"],"names":["RichTextEditor","props","onChange","defaultValue","labelText","labelledBy","classNameOverride","controls","_a","rows","_b","dataError","onDataError","validationMessage","description","_c","status","restProps","__rest","schema","useState","createSchemaFromControls","labelId","v4","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":";;;;;;;;;;;;;;;;;;;;AA+DA;;;AAGG;AAHH,MAIaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,KAA0B,EAAA;IAErD,IAAAC,QAAQ,GAaND,KAAK,CAbCC,QAAA;MACRC,YAAY,GAYVF,KAAK,CAZKE,YAAA;MACZC,SAAS,GAWPH,KAAK,CAXEG,SAAA;MACUC,UAAU,GAU3BJ,KAAK,CAVsB,iBAAA,CAAA;MAC7BK,iBAAiB,GASfL,KAAK,CATUK,iBAAA;MACjBC,QAAQ,GAQNN,KAAK,CARCM,QAAA;MACRC,KAOEP,KAAK,CAAAQ,IAPC;MAARA,IAAI,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAAA,EAAA;MACRE,EAME,GAAAT,KAAK,UAN2B;MAAlCU,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,sBAAsB,KAAA;MAClCE,WAAW,GAKTX,KAAK,YALI;MACXY,iBAAiB,GAIfZ,KAAK,kBAJU;MACjBa,WAAW,GAGTb,KAAK,YAHI;MACXc,EAAA,GAEEd,KAAK,CAAAe,MAFW;MAAlBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MACfE,SAAS,GAAAC,KAAA,CAAAA,MAAA,CACVjB,KAAK,EAdH,CAAA,UAAA,EAAA,cAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,aAAA,EAAA,QAAA,CAcL,CADa;IAEP,IAAAkB,QAAM,GAAIC,KAAAA,CAAAA,QAAQ,CACvBC,MAAAA,CAAAA,wBAAwB,CAACd,QAAQ,CAAC,CACnC,CAAA,CAAA,CAFY;IAGN,IAAAe,OAAO,GAAIF,KAAAA,CAAAA,QAAQ,CAASf,UAAU,IAAIkB,IAAAA,CAAAA,EAAE,CAAE,CAAA,CAAC,CAAA,CAAA,CAAxC;IACP,IAAAC,QAAQ,GAAIJ,KAAQ,CAAAA,QAAA,CAASG,IAAE,CAAAA,EAAA,CAAA,CAAE,CAAC,GAA1B;IAEf,IAAME,uBAAuB,GAAI,YAAA;MAG/B,IAAI;QACF,OAAOC,iCAAiB,CACtBC,eAAAA,CAAAA,gBAAgB,CAACC,WAAW,CAACC,MAAM,CAAC;UAClCC,GAAG,EAAEC,eAAgB,CAAAA,gBAAA,CAACC,IAAI,CAACC,QAAQ,CAACd,QAAM,EAAE;YAC1Ce,IAAI,EAAE,KAAK;;;YAGXC,OAAO,EACL,CAAAhC,YAAY,KAAZ,IAAA,IAAAA,YAAY,uBAAZA,YAAY,CAAEiC,MAAM,IAAG,CAAC,GAAGjC,YAAY,GAAG,CAAC;cAAE+B,IAAI,EAAE;aAAa;WACnE,CAAC;UACFf,MAAM,EAAAA,QAAA;UACNkB,OAAO,EAAEC,UAAU,CAAC/B,QAAQ,EAAEY,QAAM;SACrC,CAAC,EACF;UAAE,iBAAiB,EAAEG,OAAO;UAAEiB,IAAI,EAAE;QAAW,CAAA,CAChD;MACF,CAAA,CAAC,OAAM/B,EAAA,EAAA;QACN,OAAO,IAAIgC,KAAK,CAAC,gBAAgB,CAAC;MACnC;KACF,EAAG;IAEJ,IAAIf,uBAAuB,YAAYe,KAAK,EAAE;MAC5C5B,WAAW,IAAIA,WAAW,CAAA,CAAE;MAC5B,OACE6B,KAAA,CAAAC,aAAA,CAACC,kBAAkB,CAAAA,kBAAA,EAAA;QACjBC,YAAY,EAAE;UACZC,QAAQ,EAAE,OAAO;UACjBC,OAAO,EAAE;SACV;QACDZ,IAAI,EAAC,UAAU;QACfa,UAAU,EAET;MAAA,CAAA,EAAApC,SAAS,CACS;IAExB;IAEM,IAAAqC,SAAS,GAAsCvB,uBAAuB,CAAA,CAAA,CAA7D;MAAEwB,WAAW,GAAyBxB,uBAAuB,CAAA,CAAA,CAAhD;MAAEyB,mBAAmB,GAAIzB,uBAAuB,GAA3B;IAElD,IAAM0B,UAAU,GAAGC,UAAe,CAAAA,eAAA,CAACjC,QAAM,EAAE8B,WAAW,EAAE1C,QAAQ,CAAC;IAEjE8C,KAAAA,CAAAA,SAAS,CAAC,YAAA;MACRnD,QAAQ,CAAC+C,WAAW,CAAC;;IAEvB,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;IAEjB,IAAMK,qBAAqB,GAAGzC,iBAAiB,GAC3C,EAAG,CAAA0C,MAAA,CAAA/B,QAAQ,EAAyB,yBAAA,CAAA,GACpC,EAAE;IACN,IAAMgC,eAAe,GAAG1C,WAAW,GAAG,EAAG,CAAAyC,MAAA,CAAA/B,QAAQ,EAAkB,kBAAA,CAAA,GAAG,EAAE;IAExE,IAAMiC,eAAe,GAAG,EAAA,CAAAF,MAAA,CAAGD,qBAAqB,EAAI,GAAA,CAAA,CAAAC,MAAA,CAAAC,eAAe,CAAE;IAErE,OACEf,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAiB,QAAA,EAAA,IAAA,EACG,CAACrD,UAAU,IAAID,SAAS,IAAIqC,oBAACkB,KAAAA,CAAAA,KAAK,EAAA;MAACC,EAAE,EAAEtC,OAAO;MAAElB,SAAS,EAAEA;KAAa,CAAA,EAEzEqC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKmB,SAAS,EAAEC,UAAU,CAACC,qBAAM,CAACC,aAAa,EAAED,qBAAM,CAAC/C,MAAM,CAAC;IAAC,CAAA,EAC7DT,QAAQ,IACPkC,KAAA,CAAAC,aAAA,CAACuB,OAAAA,CAAAA,OAAO,EAAA;MAAA,eAAA,EACSzC,QAAQ;MACZ,YAAA,EAAA,iBAAiB;MAC5BlB,iBAAiB,EAAEyD,qBAAM,CAACG;KAAO,EAEhCf,UAAU,CAACgB,GAAG,CAAC,UAACC,OAAO,EAAEC,KAAK,EAAK;MAAA,OAClC5B,KAAC,CAAAC,aAAA,CAAA4B,cAAAA,CAAAA,cAAc,EAAC;QAAAC,GAAG,EAAEF;MAAK,CAAA,EACvBD,OAAO,CAACD,GAAG,CAAC,UAACK,aAAa,EAAEC,eAAe,EAAK;QAAA,OAC/ChC,KAAA,CAAAC,aAAA,CAACgC,iCAAgB,EACf;UAAAH,GAAG,EAAEE,eAAe;UACpBE,IAAI,EAAEH,aAAa,CAACG,IAAI;UACxBC,QAAQ,EAAEJ,aAAa,CAACI,QAAQ;UAChCC,KAAK,EAAEL,aAAa,CAACK,KAAK;UAC1BC,QAAQ,EAAEN,aAAa,CAACM,QAAQ;UAChCC,OAAO,EAAE,SAAAA,CAAA,EAAA;YACP,OAAA7B,mBAAmB,CAACsB,aAAa,CAACQ,MAAM,CAAC;UAAA;QAAA,CAAA,CAE3C;MACH,CAAA,CAAC,CACa;IAdiB,CAenC,CAAC,CAEL,EACDvC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAuC,KAAA,CAAAA,QAAA,CAAA;MAAArB,EAAE,EAAEpC,QAAQ;MACZ0D,GAAG,EAAElC,SAAS;MACda,SAAS,EAAEC,UAAU,CACnBC,qBAAM,CAACoB,MAAM,EACbpB,qBAAM,CAAC,MAAA,CAAAR,MAAA,CAAO9C,IAAI,CAAE,CAAC,EACrBH,iBAAiB,EACjBC,QAAQ,IAAI,IAAI,IAAIA,QAAQ,CAAC6B,MAAM,GAAG,CAAC,IAAI2B,qBAAM,CAACqB,UAAU,CAC7D;MAAA,kBAAA,EACiB3B;IAAe,CAC7B,EAAAxC,SAAS,EACb,CACE,EAELJ,iBAAiB,IAChB4B,KAAA,CAAAC,aAAA,CAAC2C,YAAAA,CAAAA,YAAY,EAAA;MACXzB,EAAE,EAAEN,qBAAqB;MACzBgC,OAAO,EAAEzE,iBAAiB;MAC1BG,MAAM,EAAEA;MAEX,EAEAF,WAAW,IACV2B,KAAA,CAAAC,aAAA,CAAC2C,YAAAA,CAAAA,YAAY,EAAA;MAACzB,EAAE,EAAEJ,eAAe;MAAE8B,OAAO,EAAExE;KAAW,CACxD,CACA;EAEP,CAAC;EAmCDd,cAAc,CAACuF,WAAW,GAAG,gBAAgB;EAAA,OAxKhCvF,cAAc;AAAA;AAuI3B,SAASsC,UAAUA,CACjB/B,QAAoC,EACpCY,MAA+B,EAAA;EAU/B,IAAMqE,eAAe,GAAajF,QAAQ,GACtCA,QAAQ,CAACkF,MAAM,CAAC,UAACC,GAAa,EAAEC,CAAe,EAAA;IAAK,mDAAID,GAAG,EAAA,IAAA,CAAA,EAAA,CAAEC,CAAC,CAACC,IAAI;EAAC,CAAA,EAAE,EAAE,CAAC,GACzE,EAAE;EACN,IAAMvD,OAAO,GAAG,CACdwD,eAAAA,CAAAA,kBAAkB,CAACC,OAAO,CAAE,CAAA,EAC5BC,eAAAA,CAAAA,iBAAiB,CAACC,MAAM,CAACC,kBAAW,CAAC9E,MAAM,CAAC,CAAC,EAC7C4E,iCAAiB,CAACC,MAAM,CAACE,eAAmB,CAAAA,mBAAA,CAACC,UAAU,CAAC,EACxDC,UAAAA,CAAAA,eAAe,CAACjF,MAAM,CAAC,CACxB;EAED,IAAIqE,eAAe,CAACa,QAAQ,CAAC,MAAM,CAAC,EAAE;IACpChE,OAAO,CAACiE,IAAI,CACVC,iCAAiB,CAAC;MAChBC,QAAQ,EAAErF,MAAM,CAACsF,KAAK,CAACC;IACxB,CAAA,CAAC,CACH;EACF;EAED,OAAOrE,OAAO;AAChB;"}

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

@@ -1,32 +0,0 @@
-'use strict';
-
-var styles = {
-  "editor": "RichTextEditor-module_editor__okUfp",
-  "hasToolbar": "RichTextEditor-module_hasToolbar__4Owhv",
-  "editorWrapper": "RichTextEditor-module_editorWrapper__A5BhN",
-  "toolbar": "RichTextEditor-module_toolbar__3Plfs",
-  "error": "RichTextEditor-module_error__UMpSL",
-  "caution": "RichTextEditor-module_caution__6fXtL",
-  "rows1": "RichTextEditor-module_rows1__Gob2B",
-  "rows2": "RichTextEditor-module_rows2__C6VJ8",
-  "rows3": "RichTextEditor-module_rows3__qIAfH",
-  "rows4": "RichTextEditor-module_rows4__1WilX",
-  "rows5": "RichTextEditor-module_rows5__rAh8L",
-  "rows6": "RichTextEditor-module_rows6__5qPRA",
-  "rows7": "RichTextEditor-module_rows7__UoWsH",
-  "rows8": "RichTextEditor-module_rows8__L0uxX",
-  "rows9": "RichTextEditor-module_rows9__LnHZ7",
-  "rows10": "RichTextEditor-module_rows10__RGNTL",
-  "rows11": "RichTextEditor-module_rows11__-WhWa",
-  "rows12": "RichTextEditor-module_rows12__IltPs",
-  "rows13": "RichTextEditor-module_rows13__0-KRw",
-  "rows14": "RichTextEditor-module_rows14__ghHj1",
-  "rows15": "RichTextEditor-module_rows15__1JkHj",
-  "rows16": "RichTextEditor-module_rows16__np59M",
-  "rows17": "RichTextEditor-module_rows17__7W-kF",
-  "rows18": "RichTextEditor-module_rows18__q4c7D",
-  "rows19": "RichTextEditor-module_rows19__3DP0y",
-  "rows20": "RichTextEditor-module_rows20__dxZNO"
-};
-module.exports = styles;
-//# sourceMappingURL=RichTextEditor.module.scss.cjs.map

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

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

package/dist/cjs/RichTextEditor/src/RichTextEditor/controlmap.cjs

@@ -1,245 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var richTextToolkit = require('@cultureamp/rich-text-toolkit');
-require('uuid');
-require('../../../Icon/subcomponents/SVG/SVG.cjs');
-var AddLinkIcon = require('../../../Icon/AddLinkIcon.cjs');
-var BoldIcon = require('../../../Icon/BoldIcon.cjs');
-var BullettedListIcon = require('../../../Icon/BullettedListIcon.cjs');
-var DecreaseIndentIcon = require('../../../Icon/DecreaseIndentIcon.cjs');
-var IncreaseIndentIcon = require('../../../Icon/IncreaseIndentIcon.cjs');
-var ItalicsIcon = require('../../../Icon/ItalicsIcon.cjs');
-var NumberedListIcon = require('../../../Icon/NumberedListIcon.cjs');
-var UnderlineIcon = require('../../../Icon/UnderlineIcon.cjs');
-
-/** Chains multiple commands to dispatch each transitions in sequential order */
-function chainTransactions() {
-  var commands = [];
-  for (var _i = 0; _i < arguments.length; _i++) {
-    commands[_i] = arguments[_i];
-  }
-  return function (state, dispatch) {
-    var updateStateAndDispatch = function (tr) {
-      state = state.apply(tr);
-      dispatch && dispatch(tr);
-    };
-    var lastCommand = commands.pop();
-    for (var _i = 0, commands_1 = commands; _i < commands_1.length; _i++) {
-      var command = commands_1[_i];
-      command(state, updateStateAndDispatch);
-    }
-    return lastCommand !== undefined && lastCommand(state, dispatch);
-  };
-}
-/** Dispatches a transaction to create initial p tag required for pm commands */
-function createInitialParagraph(state, dispatch) {
-  if (dispatch) {
-    var tr = state.tr,
-      schema = state.schema;
-    dispatch(tr.replaceSelectionWith(schema.nodes.paragraph.create()));
-    return true;
-  }
-  return false;
-}
-/** Create command for toggling Marks */
-function createToggleMarkCommand(mark) {
-  return function (state, dispatch) {
-    var docIsEmpty = state.doc.content.size === 0;
-    if (docIsEmpty) {
-      return chainTransactions(createInitialParagraph, richTextToolkit.ProseMirrorCommands.toggleMark(mark))(state, dispatch);
-    }
-    return richTextToolkit.ProseMirrorCommands.toggleMark(mark)(state, dispatch);
-  };
-}
-/** Create command for toggling Lists */
-function createToggleListCommand(node) {
-  return function (state, dispatch) {
-    var docIsEmpty = state.doc.content.size === 0;
-    if (docIsEmpty) {
-      return chainTransactions(createInitialParagraph, richTextToolkit.ProseMirrorSchemaList.wrapInList(node))(state, dispatch);
-    }
-    return richTextToolkit.ProseMirrorSchemaList.wrapInList(node)(state, dispatch);
-  };
-}
-/** Create command for reducing indents in a List */
-function createLiftListCommand() {
-  return function (state, dispatch) {
-    var _a;
-    var $from = state.selection.$from;
-    // calculate the parent node from the current tag selected
-    var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
-    return richTextToolkit.ProseMirrorSchemaList.liftListItem(listItemNode)(state, dispatch);
-  };
-}
-/** Create command for indenting in a List */
-function createIndentListCommand() {
-  return function (state, dispatch) {
-    var _a;
-    var $from = state.selection.$from;
-    var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
-    return richTextToolkit.ProseMirrorSchemaList.sinkListItem(listItemNode)(state, dispatch);
-  };
-}
-/** handler lift list disabled state */
-function liftListIsDisabled(state) {
-  var _a;
-  var $from = state.selection.$from;
-  var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
-  var isValidListItem = (listItemNode === null || listItemNode === void 0 ? void 0 : listItemNode.name) === "listItem" || false;
-  return !isValidListItem;
-}
-/** handler indent list disabled state */
-function indentListIsDisabled(state) {
-  var _a;
-  var _b = state.selection,
-    $from = _b.$from,
-    $to = _b.$to;
-  var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
-  var isValidListItem = (listItemNode === null || listItemNode === void 0 ? void 0 : listItemNode.name) === "listItem" || false;
-  if (!isValidListItem) {
-    return true;
-  }
-  var range = $from.blockRange($to, function (node) {
-    return node.childCount > 0 && node.firstChild.type === listItemNode;
-  });
-  return !range || range.startIndex === 0 ? true : false;
-}
-/** Creates an object used as an index to map the controls to respective groups */
-var createControlGroupIndex = function (controls) {
-  return controls.reduce(function (groups, currentControl) {
-    var _a;
-    if (!(currentControl === null || currentControl === void 0 ? void 0 : currentControl.name)) return groups;
-    return tslib.__assign(tslib.__assign({}, groups), (_a = {}, _a[currentControl.name] = currentControl.group || "ungrouped", _a));
-  }, {});
-};
-/** Creates an initial object used to map button configuration into its respective groups */
-var createInitialControls = function (controlGroupIndex) {
-  var uniqueGroups = Array.from(new Set(Object.values(controlGroupIndex)));
-  var initialControlObject = uniqueGroups.reduce(function (controlObject, controlKey) {
-    var _a;
-    if (controlKey === "ungrouped") return controlObject;
-    return tslib.__assign(tslib.__assign({}, controlObject), (_a = {}, _a[controlKey] = [], _a));
-  }, {});
-  // This ensure that ungrouped controls are always last
-  initialControlObject["ungrouped"] = [];
-  return initialControlObject;
-};
-/** Retrieves the name of the group a control belongs to */
-var getGroupIndex = function (controlGroupIndex, controlType) {
-  var _a;
-  if (controlType) {
-    return (_a = controlGroupIndex[controlType]) !== null && _a !== void 0 ? _a : "ungrouped";
-  }
-  return "ungrouped";
-};
-/** Filters out empty control groups and returns a multi dimensional array  */
-var filterToolbarControls = function (groupedControls) {
-  return Object.values(groupedControls).filter(function (controls) {
-    return controls.length > 0;
-  });
-};
-/** Builds an array of object used to map control configuration to rte toolbar buttons */
-function buildControlMap(schema, editorState, controls) {
-  if (!controls) return [];
-  var controlGroupIndex = createControlGroupIndex(controls);
-  var toolbarControls = createInitialControls(controlGroupIndex);
-  var listNodes = [schema.nodes.bulletList, schema.nodes.orderedList];
-  if (schema.marks.strong) {
-    var type = schema.marks.strong;
-    var groupIndex = getGroupIndex(controlGroupIndex, "bold");
-    toolbarControls[groupIndex].push({
-      isActive: richTextToolkit.markIsActive(editorState, type),
-      action: createToggleMarkCommand(type),
-      label: "Bold",
-      icon: React.createElement(BoldIcon.BoldIcon, {
-        role: "presentation"
-      })
-    });
-  }
-  if (schema.marks.em) {
-    var type = schema.marks.em;
-    var groupIndex = getGroupIndex(controlGroupIndex, "italic");
-    toolbarControls[groupIndex].push({
-      isActive: richTextToolkit.markIsActive(editorState, type),
-      action: createToggleMarkCommand(type),
-      label: "Italic",
-      icon: React.createElement(ItalicsIcon.ItalicsIcon, {
-        role: "presentation"
-      })
-    });
-  }
-  if (schema.marks.underline) {
-    var type = schema.marks.underline;
-    var groupIndex = getGroupIndex(controlGroupIndex, "underline");
-    toolbarControls[groupIndex].push({
-      isActive: richTextToolkit.markIsActive(editorState, type),
-      action: createToggleMarkCommand(type),
-      label: "Underline",
-      icon: React.createElement(UnderlineIcon.UnderlineIcon, {
-        role: "presentation"
-      })
-    });
-  }
-  if (schema.nodes.bulletList) {
-    var type = schema.nodes.bulletList;
-    var groupIndex = getGroupIndex(controlGroupIndex, "bulletList");
-    toolbarControls[groupIndex].push({
-      action: createToggleListCommand(type),
-      isActive: richTextToolkit.listIsActive(editorState, type, listNodes),
-      label: "Bullet List",
-      icon: React.createElement(BullettedListIcon.BullettedListIcon, {
-        role: "presentation"
-      })
-    });
-  }
-  if (schema.nodes.orderedList) {
-    var type = schema.nodes.orderedList;
-    var groupIndex = getGroupIndex(controlGroupIndex, "orderedList");
-    toolbarControls[groupIndex].push({
-      action: createToggleListCommand(type),
-      isActive: richTextToolkit.listIsActive(editorState, type, listNodes),
-      label: "Numbered List",
-      icon: React.createElement(NumberedListIcon.NumberedListIcon, {
-        role: "presentation"
-      })
-    });
-  }
-  if (schema.nodes.orderedList || schema.nodes.bulletList) {
-    var groupIndex = controlGroupIndex["orderedList"] || controlGroupIndex["bulletList"] || "ungrouped";
-    toolbarControls[groupIndex].push({
-      action: createLiftListCommand(),
-      disabled: liftListIsDisabled(editorState),
-      isActive: false,
-      label: "Decrease indent",
-      icon: React.createElement(DecreaseIndentIcon.DecreaseIndentIcon, {
-        role: "presentation"
-      })
-    }, {
-      action: createIndentListCommand(),
-      disabled: indentListIsDisabled(editorState),
-      isActive: false,
-      label: "Increase indent",
-      icon: React.createElement(IncreaseIndentIcon.IncreaseIndentIcon, {
-        role: "presentation"
-      })
-    });
-  }
-  if (schema.marks.link) {
-    var type = schema.marks.link;
-    var groupIndex = getGroupIndex(controlGroupIndex, "link");
-    toolbarControls[groupIndex].push({
-      action: createToggleMarkCommand(type),
-      disabled: editorState.selection.empty,
-      isActive: false,
-      label: "Link",
-      icon: React.createElement(AddLinkIcon.AddLinkIcon, {
-        role: "presentation"
-      })
-    });
-  }
-  return filterToolbarControls(toolbarControls);
-}
-exports.buildControlMap = buildControlMap;
-//# sourceMappingURL=controlmap.cjs.map