@kaizen/components 1.32.0 → 1.34.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.mjs","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA;;;AAGG;AAHH,MAIaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAcT,EAAA;IAbpB,IAAAC,QAAQ,cAAA;MACRC,YAAY,kBAAA;MACZC,SAAS,eAAA;MACUC,UAAU,wBAAA;MAC7BC,iBAAiB,uBAAA;MACjBC,QAAQ,cAAA;MACRC,EAAA,GAAAP,EAAA,CAAAQ,IAAQ;MAARA,IAAI,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,KAAA;MACRE,SAAS,eAAA;MACTC,WAAW,iBAAA;MACXC,iBAAiB,GAAAX,EAAA,CAAAW,iBAAA;MACjBC,WAAW,GAAAZ,EAAA,CAAAY,WAAA;MACXC,EAAkB,GAAAb,EAAA,CAAAc,MAAA;MAAlBA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,KAAA;MACfE,SAAS,GAbiBC,MAAA,CAAAhB,EAAA,EAAA,CAAA,UAAA,EAAA,cAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,aAAA,EAAA,QAAA,CAc9B,CADa;IAEZ,IAAMiB,OAAO,GAAGC,KAAK,EAAE;IAChB,IAAAC,MAAM,GAAIC,QAAQ,CACvBC,wBAAwB,CAACf,QAAQ,CAAC,CACnC,CAAA,CAAA,CAFY;IAGN,IAAAgB,OAAO,GAAIF,QAAQ,CAAShB,UAAU,IAAIa,OAAO,CAAC,CAAA,CAAA,CAA3C;IACP,IAAAM,QAAQ,GAAIH,QAAQ,CAASH,OAAO,CAAC,GAA7B;IAEf,IAAMO,uBAAuB,GAAI,YAAA;MAG/B,IAAI;QACF,OAAOC,iBAAiB,CACtBC,gBAAgB,CAACC,WAAW,CAACC,MAAM,CAAC;UAClCC,GAAG,EAAEC,gBAAgB,CAACC,IAAI,CAACC,QAAQ,CAACb,MAAM,EAAE;YAC1Cc,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;UACFd,MAAM,EAAAA,MAAA;UACNiB,OAAO,EAAEC,UAAU,CAAC/B,QAAQ,EAAEa,MAAM;SACrC,CAAC,EACF;UAAE,iBAAiB,EAAEG,OAAO;UAAEgB,IAAI,EAAE;QAAW,CAAA,CAChD;MACF,CAAA,CAAC,OAAMtC,EAAA,EAAA;QACN,OAAO,IAAIuC,KAAK,CAAC,gBAAgB,CAAC;MACnC;KACF,EAAG;IAEJ,IAAIf,uBAAuB,YAAYe,KAAK,EAAE;MAC5C7B,WAAW,IAAIA,WAAW,CAAA,CAAE;MAC5B,oBACE8B,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAA;QACjBC,YAAY,EAAE;UACZC,QAAQ,EAAE,OAAO;UACjBC,OAAO,EAAE;SACV;QACDZ,IAAI,EAAC,UAAU;QACfa,UAAU,EAET;MAAA,CAAA,EAAArC,SAAS,IAAI,sBAAsB,CACjB;IAExB;IAEM,IAAAsC,SAAS,GAAsCvB,uBAAuB,CAAA,CAAA,CAA7D;MAAEwB,WAAW,GAAyBxB,uBAAuB,CAAA,CAAA,CAAhD;MAAEyB,mBAAmB,GAAIzB,uBAAuB,GAA3B;IAElD,IAAM0B,UAAU,GAAGC,eAAe,CAAChC,MAAM,EAAE6B,WAAW,EAAE1C,QAAQ,CAAC;IAEjE8C,SAAS,CAAC,YAAA;MACRnD,QAAQ,CAAC+C,WAAW,CAAC;;IAEvB,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;IAEjB,IAAMK,qBAAqB,GAAG1C,iBAAiB,GAC3C,EAAG,CAAA2C,MAAA,CAAA/B,QAAQ,EAAyB,yBAAA,CAAA,GACpC,EAAE;IACN,IAAMgC,eAAe,GAAG3C,WAAW,GAAG,EAAG,CAAA0C,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,oBACEf,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAiB,QAAA,EAAA,IAAA,EACG,CAACrD,UAAU,IAAID,SAAS,iBAAIqC,oBAACkB,KAAK,EAAA;MAACC,EAAE,EAAErC,OAAO;MAAEnB,SAAS,EAAEA;KAAa,CAAA,eAEzEqC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKmB,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,aAAa,EAAED,MAAM,CAAChD,MAAM,CAAC;IAAC,CAAA,EAC7DR,QAAQ,iBACPkC,KAAA,CAAAC,aAAA,CAACuB,OAAO,EAAA;MAAA,eAAA,EACSzC,QAAQ;MACZ,YAAA,EAAA,iBAAiB;MAC5BlB,iBAAiB,EAAEyD,MAAM,CAACG;KAAO,EAEhCf,UAAU,CAACgB,GAAG,CAAC,UAACC,OAAO,EAAEC,KAAK,EAAK;MAAA,oBAClC5B,KAAC,CAAAC,aAAA,CAAA4B,cAAc,EAAC;QAAAC,GAAG,EAAEF;MAAK,CAAA,EACvBD,OAAO,CAACD,GAAG,CAAC,UAACK,aAAa,EAAEC,eAAe,EAAK;QAAA,oBAC/ChC,KAAA,CAAAC,aAAA,CAACgC,gBAAgB,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,QAAA,CAAA;MAAArB,EAAE,EAAEpC,QAAQ;MACZ0D,GAAG,EAAElC,SAAS;MACda,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACoB,MAAM,EACbpB,MAAM,CAAC,MAAA,CAAAR,MAAA,CAAO9C,IAAI,CAAE,CAAC,EACrBH,iBAAiB,EACjBC,QAAQ,IAAI,IAAI,IAAIA,QAAQ,CAAC6B,MAAM,GAAG,CAAC,IAAI2B,MAAM,CAACqB,UAAU,CAC7D;MAAA,kBAAA,EACiB3B;IAAe,CAC7B,EAAAzC,SAAS,EACb,CACE,EAELJ,iBAAiB,iBAChB6B,KAAA,CAAAC,aAAA,CAAC2C,YAAY,EAAA;MACXzB,EAAE,EAAEN,qBAAqB;MACzBgC,OAAO,EAAE1E,iBAAiB;MAC1BG,MAAM,EAAEA;MAEX,EAEAF,WAAW,iBACV4B,KAAA,CAAAC,aAAA,CAAC2C,YAAY,EAAA;MAACzB,EAAE,EAAEJ,eAAe;MAAE8B,OAAO,EAAEzE;KAAW,CACxD,CACA;EAEP,CAAC;EAEDb,cAAc,CAACuF,WAAW,GAAG,gBAAgB;EAAA,OAvIhCvF,cAAc;AAAA;AAyI3B,SAASsC,UAAUA,CACjB/B,QAAoC,EACpCa,MAA+B,EAAA;EAU/B,IAAMoE,eAAe,GAAajF,QAAQ,GACtCA,QAAQ,CAACkF,MAAM,CAAC,UAACC,GAAa,EAAEC,CAAe,EAAA;IAAK,uCAAID,GAAG,EAAA,IAAA,CAAA,EAAA,CAAEC,CAAC,CAACC,IAAI;EAAC,CAAA,EAAE,EAAE,CAAC,GACzE,EAAE;EACN,IAAMvD,OAAO,GAAG,CACdwD,kBAAkB,CAACC,OAAO,CAAE,CAAA,EAC5BC,iBAAiB,CAACC,MAAM,CAACC,WAAW,CAAC7E,MAAM,CAAC,CAAC,EAC7C2E,iBAAiB,CAACC,MAAM,CAACE,mBAAmB,CAACC,UAAU,CAAC,EACxDC,eAAe,CAAChF,MAAM,CAAC,CACxB;EAED,IAAIoE,eAAe,CAACa,QAAQ,CAAC,MAAM,CAAC,EAAE;IACpChE,OAAO,CAACiE,IAAI,CACVC,iBAAiB,CAAC;MAChBC,QAAQ,EAAEpF,MAAM,CAACqF,KAAK,CAACC;IACxB,CAAA,CAAC,CACH;EACF;EAED,OAAOrE,OAAO;AAChB;"}

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

@@ -0,0 +1,30 @@
+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"
+};
+export { styles as default };
+//# sourceMappingURL=RichTextEditor.module.scss.mjs.map

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

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

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

@@ -0,0 +1,66 @@
+import { __spreadArray, __assign } from 'tslib';
+import { TOOLBAR_CONTROLS } from '../constants.mjs';
+import 'prosemirror-commands';
+import 'prosemirror-keymap';
+import 'prosemirror-history';
+import 'prosemirror-state';
+import * as ProseMirrorModel from 'prosemirror-model';
+import 'prosemirror-inputrules';
+import 'prosemirror-schema-list';
+import { getMarks } from '../utils/schema/marks.mjs';
+import { getNodes } from '../utils/schema/nodes.mjs';
+var createSchemaFromControls = function (controls) {
+  if (!controls) {
+    return createSchema();
+  }
+  var namesFromControls = controls.reduce(function (acc, c) {
+    return __spreadArray(__spreadArray([], acc, true), [c.name], false);
+  }, []);
+  return createSchema(namesFromControls);
+};
+var createSchemaWithAll = function () {
+  return createSchema(TOOLBAR_CONTROLS);
+};
+var createSchema = function (controls) {
+  var nodes = getNodes();
+  var marks = getMarks();
+  var defaultNodes = {
+    doc: nodes.doc,
+    paragraph: nodes.paragraph,
+    text: nodes.text,
+    hardBreak: nodes.hardBreak
+  };
+  if (!controls) {
+    return new ProseMirrorModel.Schema({
+      nodes: defaultNodes
+    });
+  }
+  var newNodes = __assign({}, defaultNodes);
+  var newMarks = {};
+  if (controls.includes("bold")) {
+    newMarks["strong"] = marks.strong;
+  }
+  if (controls.includes("italic")) {
+    newMarks["em"] = marks.em;
+  }
+  if (controls.includes("underline")) {
+    newMarks["underline"] = marks.underline;
+  }
+  if (controls.includes("bulletList")) {
+    newNodes["bulletList"] = nodes.bulletList;
+    newNodes["listItem"] = nodes.listItem;
+  }
+  if (controls.includes("orderedList")) {
+    newNodes["orderedList"] = nodes.orderedList;
+    newNodes["listItem"] = nodes.listItem;
+  }
+  if (controls.includes("link")) {
+    newMarks["link"] = marks.link;
+  }
+  return new ProseMirrorModel.Schema({
+    nodes: newNodes,
+    marks: newMarks
+  });
+};
+export { createSchemaFromControls, createSchemaWithAll };
+//# sourceMappingURL=schema.mjs.map

package/dist/esm/RichTextEditor/RichTextEditor/schema.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.mjs","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,uCAAID,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,gBAAgB,CAAC;AAA9B,CAA8B;AAEhC,IAAMP,YAAY,GAAG,SAAAA,CACnBD,QAAgC,EAAA;EAEhC,IAAMS,KAAK,GAAGC,QAAQ,EAAE;EACxB,IAAMC,KAAK,GAAGC,QAAQ,EAAE;EAExB,IAAMC,YAAY,GAA8B;IAC9CC,GAAG,EAAEL,KAAK,CAACK,GAAG;IACdC,SAAS,EAAEN,KAAK,CAACM,SAAS;IAC1BC,IAAI,EAAEP,KAAK,CAACO,IAAI;IAChBC,SAAS,EAAER,KAAK,CAACQ;GAClB;EAED,IAAI,CAACjB,QAAQ,EAAE;IACb,OAAO,IAAIkB,gBAAgB,CAACC,MAAM,CAAC;MACjCV,KAAK,EAAEI;IACR,CAAA,CAAC;EACH;EAED,IAAMO,QAAQ,GAAAC,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,KAAK,CAACa,MAAM;EAClC;EAED,IAAIxB,QAAQ,CAACuB,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC/BD,QAAQ,CAAC,IAAI,CAAC,GAAGX,KAAK,CAACc,EAAE;EAC1B;EAED,IAAIzB,QAAQ,CAACuB,QAAQ,CAAC,WAAW,CAAC,EAAE;IAClCD,QAAQ,CAAC,WAAW,CAAC,GAAGX,KAAK,CAACe,SAAS;EACxC;EAED,IAAI1B,QAAQ,CAACuB,QAAQ,CAAC,YAAY,CAAC,EAAE;IACnCH,QAAQ,CAAC,YAAY,CAAC,GAAGX,KAAK,CAACkB,UAAU;IACzCP,QAAQ,CAAC,UAAU,CAAC,GAAGX,KAAK,CAACmB,QAAQ;EACtC;EAED,IAAI5B,QAAQ,CAACuB,QAAQ,CAAC,aAAa,CAAC,EAAE;IACpCH,QAAQ,CAAC,aAAa,CAAC,GAAGX,KAAK,CAACoB,WAAW;IAC3CT,QAAQ,CAAC,UAAU,CAAC,GAAGX,KAAK,CAACmB,QAAQ;EACtC;EAED,IAAI5B,QAAQ,CAACuB,QAAQ,CAAC,MAAM,CAAC,EAAE;IAC7BD,QAAQ,CAAC,MAAM,CAAC,GAAGX,KAAK,CAACmB,IAAI;EAC9B;EAED,OAAO,IAAIZ,gBAAgB,CAACC,MAAM,CAAC;IACjCV,KAAK,EAAEW,QAAQ;IACfT,KAAK,EAAEW;EACR,CAAA,CAAC;AACJ,CAAC;"}

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.mjs

@@ -0,0 +1,41 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Tooltip } from '../../../../Tooltip/Tooltip.mjs';
+import styles from './ToggleIconButton.module.scss.mjs';
+const ToggleIconButton = /*#__PURE__*/function () {
+  const ToggleIconButton = /*#__PURE__*/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 = __rest(props, ["label", "icon", "isActive", "mood", "disabled", "classNameOverride", "onClick"]);
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      text: label,
+      display: "inline-block",
+      position: "above",
+      animationDuration: 5
+    }, /*#__PURE__*/React.createElement("button", __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(styles.button, classNameOverride, styles[mood], isActive && styles.active, disabled && styles.disabled)
+    }, nativeButtonProps), icon));
+  });
+  ToggleIconButton.displayName = "ToggleIconButton";
+  return ToggleIconButton;
+}();
+export { ToggleIconButton };
+//# sourceMappingURL=ToggleIconButton.mjs.map

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleIconButton.mjs","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,gBAAGC,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,MAAA,CAClBb,KAAK,EATH,CASL,OAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,SAAA,CAAA,CADqB;IAEtB,oBACEF,KAAC,CAAAgB,aAAA,CAAAC,OAAO;MACNC,IAAI,EAAEd,KAAK;MACXe,OAAO,EAAC,cAAc;MACtBC,QAAQ,EAAC,OAAO;MAChBC,iBAAiB,EAAE;IAAC,CAAA,eAEpBrB,KAAA,CAAAgB,aAAA,CAAA,QAAA,EAAAM,QAAA,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,MAAM,CAACC,MAAM,EACbnB,iBAAiB,EACjBkB,MAAM,CAACrB,IAAI,CAAC,EACZF,QAAQ,IAAIuB,MAAM,CAACE,MAAM,EACzBrB,QAAQ,IAAImB,MAAM,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/esm/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.module.scss.mjs

@@ -0,0 +1,12 @@
+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"
+};
+export { styles as default };
+//# sourceMappingURL=ToggleIconButton.module.scss.mjs.map

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.module.scss.mjs.map

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

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.mjs

@@ -0,0 +1,69 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './Toolbar.module.scss.mjs';
+var determineValidKeypress = function (event) {
+  var validKeys = {
+    left: "ArrowLeft",
+    right: "ArrowRight"
+  };
+  return Object.values(validKeys).includes(event.key);
+};
+var handleKeyDown = function (e, buttonIndex, buttonFocusIndex, setFocusIndex, toolbarButtons) {
+  if (!determineValidKeypress(e)) return;
+  var newFocusIndex;
+  var lastButtonIndex = toolbarButtons.current.length - 1;
+  if (e.key === "ArrowLeft") {
+    newFocusIndex = buttonIndex === 0 ? lastButtonIndex : buttonFocusIndex - 1;
+  } else {
+    newFocusIndex = buttonIndex === lastButtonIndex ? 0 : buttonFocusIndex + 1;
+  }
+  setFocusIndex(newFocusIndex);
+  toolbarButtons.current[newFocusIndex].focus();
+};
+const Toolbar = /*#__PURE__*/function () {
+  const Toolbar = function (props) {
+    var toolbarChildren = props.children,
+      classNameOverride = props.classNameOverride,
+      toolbarProps = __rest(props, ["children", "classNameOverride"]);
+    var _a = React.useState(0),
+      buttonFocusIndex = _a[0],
+      setButtonFocusIndex = _a[1];
+    var toolbarButtonsRef = React.useRef([]);
+    var buttonCount = 0;
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.toolbar, classNameOverride),
+      role: "toolbar"
+    }, toolbarProps), React.Children.map(toolbarChildren, function (toolbarSection, sectionIndex) {
+      if (! /*#__PURE__*/React.isValidElement(toolbarSection)) {
+        return toolbarChildren;
+      }
+      var _a = toolbarSection.props,
+        sectionChildren = _a.children,
+        toolbarSectionProps = __rest(_a, ["children"]);
+      return /*#__PURE__*/React.createElement(toolbarSection.type, __assign({}, toolbarSectionProps, {
+        key: "rte-section-".concat(sectionIndex)
+      }), React.Children.map(sectionChildren, function (toolbarButton) {
+        if (! /*#__PURE__*/React.isValidElement(toolbarButton)) {
+          return;
+        }
+        var buttonIndex = buttonCount;
+        buttonCount += 1;
+        return /*#__PURE__*/React.createElement(toolbarButton.type, __assign({}, toolbarButton.props, {
+          key: "rte-button-".concat(buttonIndex),
+          tabIndex: buttonIndex === buttonFocusIndex ? 0 : -1,
+          onKeyDown: function (e) {
+            return handleKeyDown(e, buttonIndex, buttonFocusIndex, setButtonFocusIndex, toolbarButtonsRef);
+          },
+          ref: function (ref) {
+            return toolbarButtonsRef.current[buttonIndex] = ref;
+          }
+        }));
+      }));
+    }));
+  };
+  Toolbar.displayName = "Toolbar";
+  return Toolbar;
+}();
+export { Toolbar };
+//# sourceMappingURL=Toolbar.mjs.map

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.mjs","sources":["../../../../../../src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ToolbarSectionProps } from \"../ToolbarSection\"\nimport styles from \"./Toolbar.module.scss\"\n\nexport type ToolbarProps = {\n  children: React.ReactNode\n  /*\n   * Connect the Toolbar with the editable content area through its ID\n   */\n  \"aria-controls\": string\n  /*\n   * Provide an accessible name for screen readers for the Toolbar\n   */\n  \"aria-label\": string\n} & OverrideClassName<React.HTMLAttributes<HTMLElement>>\n\nconst determineValidKeypress = (\n  event: React.KeyboardEvent<HTMLElement>\n): boolean => {\n  const validKeys = {\n    left: \"ArrowLeft\",\n    right: \"ArrowRight\",\n  }\n  return Object.values(validKeys).includes(event.key)\n}\n\nconst handleKeyDown = (\n  e: React.KeyboardEvent<HTMLElement>,\n  buttonIndex: number,\n  buttonFocusIndex: number,\n  setFocusIndex: React.Dispatch<React.SetStateAction<number>>,\n  toolbarButtons: React.MutableRefObject<any>\n): void => {\n  if (!determineValidKeypress(e)) return\n  let newFocusIndex\n  const lastButtonIndex = toolbarButtons.current.length - 1\n  if (e.key === \"ArrowLeft\") {\n    newFocusIndex = buttonIndex === 0 ? lastButtonIndex : buttonFocusIndex - 1\n  } else {\n    newFocusIndex = buttonIndex === lastButtonIndex ? 0 : buttonFocusIndex + 1\n  }\n\n  setFocusIndex(newFocusIndex)\n  toolbarButtons.current[newFocusIndex].focus()\n}\n\nexport const Toolbar = (props: ToolbarProps): JSX.Element => {\n  const {\n    children: toolbarChildren,\n    classNameOverride,\n    ...toolbarProps\n  } = props\n  const [buttonFocusIndex, setButtonFocusIndex] = React.useState<number>(0)\n  const toolbarButtonsRef = React.useRef<React.ReactNode[]>([])\n  let buttonCount: number = 0\n\n  return (\n    <div\n      className={classnames(styles.toolbar, classNameOverride)}\n      role=\"toolbar\"\n      {...toolbarProps}\n    >\n      {React.Children.map(toolbarChildren, (toolbarSection, sectionIndex) => {\n        if (!React.isValidElement(toolbarSection)) {\n          return toolbarChildren\n        }\n\n        const {\n          children: sectionChildren,\n          ...toolbarSectionProps\n        }: ToolbarSectionProps = toolbarSection.props\n\n        return (\n          <toolbarSection.type\n            {...toolbarSectionProps}\n            key={`rte-section-${sectionIndex}`}\n          >\n            {React.Children.map(sectionChildren, toolbarButton => {\n              if (!React.isValidElement(toolbarButton)) {\n                return\n              }\n              const buttonIndex = buttonCount\n              buttonCount += 1\n              return (\n                <toolbarButton.type\n                  {...toolbarButton.props}\n                  key={`rte-button-${buttonIndex}`}\n                  tabIndex={buttonIndex === buttonFocusIndex ? 0 : -1}\n                  onKeyDown={(e: React.KeyboardEvent<HTMLElement>): void =>\n                    handleKeyDown(\n                      e,\n                      buttonIndex,\n                      buttonFocusIndex,\n                      setButtonFocusIndex,\n                      toolbarButtonsRef\n                    )\n                  }\n                  ref={(ref: React.ReactNode | undefined): React.ReactNode =>\n                    (toolbarButtonsRef.current[buttonIndex] = ref)\n                  }\n                />\n              )\n            })}\n          </toolbarSection.type>\n        )\n      })}\n    </div>\n  )\n}\n\nToolbar.displayName = \"Toolbar\"\n"],"names":["determineValidKeypress","event","validKeys","left","right","Object","values","includes","key","handleKeyDown","e","buttonIndex","buttonFocusIndex","setFocusIndex","toolbarButtons","newFocusIndex","lastButtonIndex","current","length","focus","Toolbar","props","toolbarChildren","children","classNameOverride","toolbarProps","__rest","_a","React","useState","setButtonFocusIndex","toolbarButtonsRef","useRef","buttonCount","createElement","__assign","className","classnames","styles","toolbar","role","Children","map","toolbarSection","sectionIndex","isValidElement","sectionChildren","toolbarSectionProps","type","concat","toolbarButton","tabIndex","onKeyDown","ref","displayName"],"mappings":"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"}

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "toolbar": "Toolbar-module_toolbar__ooRzV"
+};
+export { styles as default };
+//# sourceMappingURL=Toolbar.module.scss.mjs.map

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.module.scss.mjs.map

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

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.mjs

@@ -0,0 +1,14 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import styles from './ToolbarSection.module.scss.mjs';
+const ToolbarSection = /*#__PURE__*/function () {
+  const ToolbarSection = function (props) {
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: styles.toolbarSection
+    }, props));
+  };
+  ToolbarSection.displayName = "ToolbarSection";
+  return ToolbarSection;
+}();
+export { ToolbarSection };
+//# sourceMappingURL=ToolbarSection.mjs.map

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarSection.mjs","sources":["../../../../../../src/RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.tsx"],"sourcesContent":["import React from \"react\"\nimport styles from \"./ToolbarSection.module.scss\"\n\nexport type ToolbarSectionProps = {\n  children: React.ReactNode\n} & React.HTMLAttributes<HTMLDivElement>\n\nexport const ToolbarSection = (props: ToolbarSectionProps): JSX.Element => (\n  <div className={styles.toolbarSection} {...props}></div>\n)\n\nToolbarSection.displayName = \"ToolbarSection\"\n"],"names":["ToolbarSection","props","React","createElement","__assign","className","styles","toolbarSection","displayName"],"mappings":";;;MAOaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,KAA0B,EAAA;IAAkB,oBACzEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAKC,SAAS,EAAEC,MAAM,CAACC;IAAc,CAAA,EAAMN,KAAK,CAAQ,CAAA;EACzD,CAAA;EAEDD,cAAc,CAACQ,WAAW,GAAG,gBAAgB;EAAA,OAJhCR,cAAc;AAAA;"}

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "toolbarSection": "ToolbarSection-module_toolbarSection__nCI0O"
+};
+export { styles as default };
+//# sourceMappingURL=ToolbarSection.module.scss.mjs.map

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.module.scss.mjs.map

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

package/dist/esm/RichTextEditor/RichTextEditor/utils/controlmap.mjs

@@ -0,0 +1,252 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import 'uuid';
+import '../../../Icon/subcomponents/SVG/SVG.mjs';
+import { AddLinkIcon } from '../../../Icon/AddLinkIcon.mjs';
+import { BoldIcon } from '../../../Icon/BoldIcon.mjs';
+import { BullettedListIcon } from '../../../Icon/BullettedListIcon.mjs';
+import { DecreaseIndentIcon } from '../../../Icon/DecreaseIndentIcon.mjs';
+import { IncreaseIndentIcon } from '../../../Icon/IncreaseIndentIcon.mjs';
+import { ItalicsIcon } from '../../../Icon/ItalicsIcon.mjs';
+import { NumberedListIcon } from '../../../Icon/NumberedListIcon.mjs';
+import { UnderlineIcon } from '../../../Icon/UnderlineIcon.mjs';
+import { listIsActive } from '../../utils/commands/listIsActive.mjs';
+import { markIsActive } from '../../utils/commands/markIsActive.mjs';
+import 'prosemirror-transform';
+import * as ProseMirrorCommands from 'prosemirror-commands';
+import 'prosemirror-keymap';
+import 'prosemirror-history';
+import 'prosemirror-state';
+import 'prosemirror-model';
+import 'prosemirror-inputrules';
+import * as ProseMirrorSchemaList from 'prosemirror-schema-list';
+
+/** Chains multiple commands to dispatch each transitions in sequential order */
+var chainTransactions = function () {
+  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 */
+var createInitialParagraph = function (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 */
+var createToggleMarkCommand = function (mark) {
+  return function (state, dispatch) {
+    var docIsEmpty = state.doc.content.size === 0;
+    if (docIsEmpty) {
+      return chainTransactions(createInitialParagraph, ProseMirrorCommands.toggleMark(mark))(state, dispatch);
+    }
+    return ProseMirrorCommands.toggleMark(mark)(state, dispatch);
+  };
+};
+/** Create command for toggling Lists */
+var createToggleListCommand = function (node) {
+  return function (state, dispatch) {
+    var docIsEmpty = state.doc.content.size === 0;
+    if (docIsEmpty) {
+      return chainTransactions(createInitialParagraph, ProseMirrorSchemaList.wrapInList(node))(state, dispatch);
+    }
+    return ProseMirrorSchemaList.wrapInList(node)(state, dispatch);
+  };
+};
+/** Create command for reducing indents in a List */
+var createLiftListCommand = function () {
+  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 ProseMirrorSchemaList.liftListItem(listItemNode)(state, dispatch);
+  };
+};
+/** Create command for indenting in a List */
+var createIndentListCommand = function () {
+  return function (state, dispatch) {
+    var _a;
+    var $from = state.selection.$from;
+    var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
+    return ProseMirrorSchemaList.sinkListItem(listItemNode)(state, dispatch);
+  };
+};
+/** handler lift list disabled state */
+var liftListIsDisabled = function (state) {
+  var _a;
+  var $from = state.selection.$from;
+  var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
+  var isValidListItem = (listItemNode === null || listItemNode === void 0 ? void 0 : listItemNode.name) === "listItem" || false;
+  return !isValidListItem;
+};
+/** handler indent list disabled state */
+var indentListIsDisabled = function (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 __assign(__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 __assign(__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 */
+var buildControlMap = function (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: markIsActive(editorState, type),
+      action: createToggleMarkCommand(type),
+      label: "Bold",
+      icon: /*#__PURE__*/React.createElement(BoldIcon, {
+        role: "presentation"
+      })
+    });
+  }
+  if (schema.marks.em) {
+    var type = schema.marks.em;
+    var groupIndex = getGroupIndex(controlGroupIndex, "italic");
+    toolbarControls[groupIndex].push({
+      isActive: markIsActive(editorState, type),
+      action: createToggleMarkCommand(type),
+      label: "Italic",
+      icon: /*#__PURE__*/React.createElement(ItalicsIcon, {
+        role: "presentation"
+      })
+    });
+  }
+  if (schema.marks.underline) {
+    var type = schema.marks.underline;
+    var groupIndex = getGroupIndex(controlGroupIndex, "underline");
+    toolbarControls[groupIndex].push({
+      isActive: markIsActive(editorState, type),
+      action: createToggleMarkCommand(type),
+      label: "Underline",
+      icon: /*#__PURE__*/React.createElement(UnderlineIcon, {
+        role: "presentation"
+      })
+    });
+  }
+  if (schema.nodes.bulletList) {
+    var type = schema.nodes.bulletList;
+    var groupIndex = getGroupIndex(controlGroupIndex, "bulletList");
+    toolbarControls[groupIndex].push({
+      action: createToggleListCommand(type),
+      isActive: listIsActive(editorState, type, listNodes),
+      label: "Bullet List",
+      icon: /*#__PURE__*/React.createElement(BullettedListIcon, {
+        role: "presentation"
+      })
+    });
+  }
+  if (schema.nodes.orderedList) {
+    var type = schema.nodes.orderedList;
+    var groupIndex = getGroupIndex(controlGroupIndex, "orderedList");
+    toolbarControls[groupIndex].push({
+      action: createToggleListCommand(type),
+      isActive: listIsActive(editorState, type, listNodes),
+      label: "Numbered List",
+      icon: /*#__PURE__*/React.createElement(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: /*#__PURE__*/React.createElement(DecreaseIndentIcon, {
+        role: "presentation"
+      })
+    }, {
+      action: createIndentListCommand(),
+      disabled: indentListIsDisabled(editorState),
+      isActive: false,
+      label: "Increase indent",
+      icon: /*#__PURE__*/React.createElement(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: /*#__PURE__*/React.createElement(AddLinkIcon, {
+        role: "presentation"
+      })
+    });
+  }
+  return filterToolbarControls(toolbarControls);
+};
+export { buildControlMap };
+//# sourceMappingURL=controlmap.mjs.map