@kaizen/components 1.33.0 → 1.34.0

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs

@@ -0,0 +1,66 @@
+import React, { useState, useRef } from 'react';
+import '../../../../../../Modal/ConfirmationModal/ConfirmationModal.mjs';
+import '../../../../../../Modal/ContextModal/ContextModal.mjs';
+import '../../../../../../Modal/GenericModal/GenericModal.mjs';
+import '../../../../../../Modal/GenericModal/context/ModalContext.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalBody/ModalBody.mjs';
+import { InputEditModal } from '../../../../../../Modal/InputEditModal/InputEditModal.mjs';
+import { TextField } from '../../../../../../TextField/TextField.mjs';
+import { validateLink } from '../../validation.mjs';
+const LinkModal = /*#__PURE__*/function () {
+  const LinkModal = function (_a) {
+    var onSubmit = _a.onSubmit,
+      onDismiss = _a.onDismiss,
+      onAfterLeave = _a.onAfterLeave,
+      isOpen = _a.isOpen,
+      defaultHref = _a.defaultHref;
+    var _b = useState(defaultHref || ""),
+      href = _b[0],
+      setHref = _b[1];
+    var _c = useState({
+        status: "default"
+      }),
+      validationStatus = _c[0],
+      setValidationStatus = _c[1];
+    var inputRef = useRef(null);
+    var handleSubmit = function () {
+      var _a;
+      var validation = validateLink(href);
+      if (validation.status !== "success") {
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        setValidationStatus(validation);
+        return;
+      }
+      onSubmit(href);
+    };
+    return /*#__PURE__*/React.createElement(InputEditModal, {
+      submitLabel: defaultHref ? "Save" : "Add",
+      mood: "positive",
+      isOpen: isOpen,
+      title: defaultHref ? "Edit link" : "Add link",
+      onSubmit: handleSubmit,
+      onDismiss: onDismiss,
+      onAfterLeave: onAfterLeave
+    }, /*#__PURE__*/React.createElement(TextField, {
+      id: "href",
+      type: "text",
+      defaultValue: href !== null && href !== void 0 ? href : "",
+      labelText: "Link URL",
+      inputRef: inputRef,
+      validationMessage: validationStatus.message,
+      status: validationStatus.status,
+      onChange: function (e) {
+        setHref(e.target.value);
+      },
+      inline: true
+    }));
+  };
+  LinkModal.displayName = "LinkModal";
+  return LinkModal;
+}();
+export { LinkModal };
+//# sourceMappingURL=LinkModal.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkModal.mjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\"\nimport { InputEditModal } from \"~components/Modal\"\nimport { TextField } from \"~components/TextField\"\nimport { ValidationResponse, validateLink } from \"../../validation\"\n\ntype LinkModalProps = {\n  onSubmit: (href: string) => void\n  onDismiss: () => void\n  onAfterLeave: () => void\n  isOpen: boolean\n  defaultHref?: string\n}\n\nexport const LinkModal = ({\n  onSubmit,\n  onDismiss,\n  onAfterLeave,\n  isOpen,\n  defaultHref,\n}: LinkModalProps): JSX.Element => {\n  const [href, setHref] = useState<string>(defaultHref || \"\")\n  const [validationStatus, setValidationStatus] = useState<ValidationResponse>({\n    status: \"default\",\n  })\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleSubmit = (): void => {\n    const validation = validateLink(href)\n    if (validation.status !== \"success\") {\n      inputRef.current?.focus()\n      setValidationStatus(validation)\n      return\n    }\n\n    onSubmit(href)\n  }\n\n  return (\n    <InputEditModal\n      submitLabel={defaultHref ? \"Save\" : \"Add\"}\n      mood=\"positive\"\n      isOpen={isOpen}\n      title={defaultHref ? \"Edit link\" : \"Add link\"}\n      onSubmit={handleSubmit}\n      onDismiss={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <TextField\n        id=\"href\"\n        type=\"text\"\n        defaultValue={href ?? \"\"}\n        labelText=\"Link URL\"\n        inputRef={inputRef}\n        validationMessage={validationStatus.message}\n        status={validationStatus.status}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n          setHref(e.target.value)\n        }}\n        inline\n      />\n    </InputEditModal>\n  )\n}\n\nLinkModal.displayName = \"LinkModal\"\n"],"names":["LinkModal","_a","onSubmit","onDismiss","onAfterLeave","isOpen","defaultHref","_b","useState","href","setHref","_c","status","validationStatus","setValidationStatus","inputRef","useRef","handleSubmit","validation","validateLink","current","focus","React","InputEditModal","submitLabel","mood","title","createElement","TextField","id","type","defaultValue","labelText","validationMessage","message","onChange","e","target","value","inline","displayName"],"mappings":";;;;;;;;;;;;;MAaaA,SAAS;EAAA,MAATA,SAAS,GAAG,SAAAA,CAACC,EAMT,EAAA;IALf,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,YAAY,GAAAH,EAAA,CAAAG,YAAA;MACZC,MAAM,GAAAJ,EAAA,CAAAI,MAAA;MACNC,WAAW,GAAAL,EAAA,CAAAK,WAAA;IAEL,IAAAC,EAAkB,GAAAC,QAAQ,CAASF,WAAW,IAAI,EAAE,CAAC;MAApDG,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,OAAO,QAAuC;IACrD,IAAAC,EAAA,GAA0CH,QAAQ,CAAqB;QAC3EI,MAAM,EAAE;MACT,CAAA,CAAC;MAFKC,gBAAgB,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,mBAAmB,QAE1C;IACF,IAAMC,QAAQ,GAAGC,MAAM,CAAmB,IAAI,CAAC;IAE/C,IAAMC,YAAY,GAAG,SAAAA,CAAA,EAAA;;MACnB,IAAMC,UAAU,GAAGC,YAAY,CAACV,IAAI,CAAC;MACrC,IAAIS,UAAU,CAACN,MAAM,KAAK,SAAS,EAAE;QACnC,CAAAX,EAAA,GAAAc,QAAQ,CAACK,OAAO,MAAE,IAAA,IAAAnB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAoB,KAAK,CAAA,CAAE;QACzBP,mBAAmB,CAACI,UAAU,CAAC;QAC/B;MACD;MAEDhB,QAAQ,CAACO,IAAI,CAAC;IAChB,CAAC;IAED,oBACEa,oBAACC,cAAc,EAAA;MACbC,WAAW,EAAElB,WAAW,GAAG,MAAM,GAAG,KAAK;MACzCmB,IAAI,EAAC,UAAU;MACfpB,MAAM,EAAEA,MAAM;MACdqB,KAAK,EAAEpB,WAAW,GAAG,WAAW,GAAG,UAAU;MAC7CJ,QAAQ,EAAEe,YAAY;MACtBd,SAAS,EAAEA,SAAS;MACpBC,YAAY,EAAEA;IAAY,CAAA,eAE1BkB,KAAA,CAAAK,aAAA,CAACC,SAAS,EACR;MAAAC,EAAE,EAAC,MAAM;MACTC,IAAI,EAAC,MAAM;MACXC,YAAY,EAAEtB,IAAI,KAAJ,IAAA,IAAAA,IAAI,cAAJA,IAAI,GAAI,EAAE;MACxBuB,SAAS,EAAC,UAAU;MACpBjB,QAAQ,EAAEA,QAAQ;MAClBkB,iBAAiB,EAAEpB,gBAAgB,CAACqB,OAAO;MAC3CtB,MAAM,EAAEC,gBAAgB,CAACD,MAAM;MAC/BuB,QAAQ,EAAE,SAAAA,CAACC,CAAsC,EAAA;QAC/C1B,OAAO,CAAC0B,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;MACzB,CAAC;MACDC,MAAM,EACN;IAAA,CAAA,CAAA,CACa;EAErB,CAAC;EAEDvC,SAAS,CAACwC,WAAW,GAAG,WAAW;EAAA,OAnDtBxC,SAAS;AAAA;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs

@@ -0,0 +1,56 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import 'uuid';
+import '../../../../../../Icon/subcomponents/SVG/SVG.mjs';
+import { EditIcon } from '../../../../../../Icon/EditIcon.mjs';
+import { ExternalLinkIcon } from '../../../../../../Icon/ExternalLinkIcon.mjs';
+import { RemoveLinkIcon } from '../../../../../../Icon/RemoveLinkIcon.mjs';
+import { usePopover } from '../../../../../../Popover/Popover.mjs';
+import { Text } from '../../../../../../Text/Text.mjs';
+import { Positioner } from './Positioner.mjs';
+import styles from './LinkPopover.module.scss.mjs';
+const LinkPopover = /*#__PURE__*/function () {
+  const LinkPopover = function (_a) {
+    var href = _a.href,
+      onRemove = _a.onRemove,
+      onEdit = _a.onEdit,
+      selectionPosition = _a.selectionPosition;
+    var _b = usePopover(),
+      ElementRef = _b[0],
+      Popover = _b[1];
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Positioner, __assign({
+      ref: ElementRef
+    }, selectionPosition)), /*#__PURE__*/React.createElement(Popover, {
+      size: "large"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.popoverContent
+    }, /*#__PURE__*/React.createElement(ExternalLinkIcon, {
+      role: "presentation"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles.popoverLinkContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      variant: "body",
+      tag: "div",
+      classNameOverride: styles.paragraphFlex
+    }, /*#__PURE__*/React.createElement("a", {
+      className: styles.popoverLink,
+      href: href != null ? href : undefined,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, href))), /*#__PURE__*/React.createElement("div", {
+      className: styles.popoverActions
+    }, /*#__PURE__*/React.createElement(EditIcon, {
+      role: "img",
+      onClick: onEdit,
+      "aria-label": "Edit link"
+    })), /*#__PURE__*/React.createElement(RemoveLinkIcon, {
+      role: "img",
+      onClick: onRemove,
+      "aria-label": "Remove link"
+    }))));
+  };
+  LinkPopover.displayName = "LinkPopover";
+  return LinkPopover;
+}();
+export { LinkPopover };
+//# sourceMappingURL=LinkPopover.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPopover.mjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.tsx"],"sourcesContent":["import React from \"react\"\nimport { EditIcon, ExternalLinkIcon, RemoveLinkIcon } from \"~components/Icon\"\nimport { usePopover } from \"~components/Popover\"\nimport { Text } from \"~components/Text\"\nimport { SelectionPosition } from \"../../types\"\nimport { Positioner } from \"./Positioner\"\nimport styles from \"./LinkPopover.module.scss\"\n\nexport type LinkPopoverProps = {\n  href?: string\n  onRemove: () => void\n  onEdit: () => void\n  selectionPosition: SelectionPosition\n}\n\nexport const LinkPopover = ({\n  href,\n  onRemove,\n  onEdit,\n  selectionPosition,\n}: LinkPopoverProps): JSX.Element => {\n  const [ElementRef, Popover] = usePopover()\n\n  return (\n    <>\n      <Positioner ref={ElementRef} {...selectionPosition} />\n      <Popover size=\"large\">\n        <div className={styles.popoverContent}>\n          <ExternalLinkIcon role=\"presentation\" />\n          <div className={styles.popoverLinkContainer}>\n            <Text\n              variant=\"body\"\n              tag=\"div\"\n              classNameOverride={styles.paragraphFlex}\n            >\n              <a\n                className={styles.popoverLink}\n                href={href != null ? href : undefined}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {href}\n              </a>\n            </Text>\n          </div>\n          <div className={styles.popoverActions}>\n            <EditIcon role=\"img\" onClick={onEdit} aria-label=\"Edit link\" />\n          </div>\n          <RemoveLinkIcon\n            role=\"img\"\n            onClick={onRemove}\n            aria-label=\"Remove link\"\n          />\n        </div>\n      </Popover>\n    </>\n  )\n}\n\nLinkPopover.displayName = \"LinkPopover\"\n"],"names":["LinkPopover","_a","href","onRemove","onEdit","selectionPosition","_b","usePopover","ElementRef","Popover","React","createElement","Fragment","Positioner","__assign","ref","size","className","styles","popoverContent","ExternalLinkIcon","role","popoverLinkContainer","Text","variant","tag","classNameOverride","paragraphFlex","popoverLink","undefined","target","rel","popoverActions","EditIcon","onClick","RemoveLinkIcon","displayName"],"mappings":";;;;;;;;;;;MAeaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAKT,EAAA;QAJjBC,IAAI,GAAAD,EAAA,CAAAC,IAAA;MACJC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;IAEX,IAAAC,EAAA,GAAwBC,UAAU,CAAE,CAAA;MAAnCC,UAAU,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,OAAO,GAAAH,EAAA,CAAA,CAAA,CAAgB;IAE1C,oBACEI,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAACE,UAAU,EAACC,QAAA,CAAA;MAAAC,GAAG,EAAEP;IAAU,CAAA,EAAMH,iBAAiB,CAAI,CAAA,eACtDK,KAAA,CAAAC,aAAA,CAACF,OAAO,EAAA;MAACO,IAAI,EAAC;IAAO,CAAA,eACnBN,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,MAAM,CAACC;IAAc,CAAA,eACnCT,KAAA,CAAAC,aAAA,CAACS,gBAAgB,EAAA;MAACC,IAAI,EAAC;IAAc,CAAG,CAAA,eACxCX,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,MAAM,CAACI;IAAoB,CAAA,eACzCZ,KAAA,CAAAC,aAAA,CAACY,IAAI,EAAA;MACHC,OAAO,EAAC,MAAM;MACdC,GAAG,EAAC,KAAK;MACTC,iBAAiB,EAAER,MAAM,CAACS;IAAa,CAAA,eAEvCjB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;MACEM,SAAS,EAAEC,MAAM,CAACU,WAAW;MAC7B1B,IAAI,EAAEA,IAAI,IAAI,IAAI,GAAGA,IAAI,GAAG2B,SAAS;MACrCC,MAAM,EAAC,QAAQ;MACfC,GAAG,EAAC;IAAqB,CAAA,EAExB7B,IAAI,CACH,CACC,CACH,eACNQ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,MAAM,CAACc;IAAc,CAAA,eACnCtB,KAAA,CAAAC,aAAA,CAACsB,QAAQ,EAAA;MAACZ,IAAI,EAAC,KAAK;MAACa,OAAO,EAAE9B,MAAM;MAAA,YAAA,EAAa;IAAW,CAAA,CAAG,CAC3D,eACNM,KAAA,CAAAC,aAAA,CAACwB,cAAc,EACb;MAAAd,IAAI,EAAC,KAAK;MACVa,OAAO,EAAE/B,QAAQ;MAAA,YAAA,EACN;KACX,CAAA,CACE,CACE,CACT;EAEP,CAAC;EAEDH,WAAW,CAACoC,WAAW,GAAG,aAAa;EAAA,OA5C1BpC,WAAW;AAAA;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.module.scss.mjs

@@ -0,0 +1,9 @@
+var styles = {
+  "popoverContent": "LinkPopover-module_popoverContent__qGPyp",
+  "popoverLinkContainer": "LinkPopover-module_popoverLinkContainer__6H0PQ",
+  "popoverLink": "LinkPopover-module_popoverLink__p1BTG",
+  "paragraphFlex": "LinkPopover-module_paragraphFlex__PKECm",
+  "popoverActions": "LinkPopover-module_popoverActions__QuW1-"
+};
+export { styles as default };
+//# sourceMappingURL=LinkPopover.module.scss.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.module.scss.mjs.map

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

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs

@@ -0,0 +1,41 @@
+import React, { forwardRef, useState, useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import debounce from 'lodash.debounce';
+const Positioner = /*#__PURE__*/function () {
+  const Positioner = /*#__PURE__*/forwardRef(function (_a, ref) {
+    var top = _a.top,
+      left = _a.left,
+      height = _a.height,
+      width = _a.width;
+    var _b = useState([window.scrollX, window.scrollY]),
+      windowScroll = _b[0],
+      setWindowScroll = _b[1];
+    var onResize = useRef(debounce(function () {
+      return setWindowScroll([window.scrollX, window.scrollY]);
+    }, 15));
+    useEffect(function () {
+      var resizeCurrent = onResize.current;
+      window.addEventListener("resize", resizeCurrent);
+      return function () {
+        window.removeEventListener("resize", resizeCurrent);
+      };
+    }, [setWindowScroll, onResize]);
+    var x = windowScroll[0],
+      y = windowScroll[1];
+    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+      ref: ref,
+      style: {
+        height: "".concat(height, "px"),
+        left: "".concat(left + x, "px"),
+        pointerEvents: "none",
+        position: "absolute",
+        top: "".concat(top + y, "px"),
+        width: "".concat(width, "px")
+      }
+    }), document.body);
+  });
+  Positioner.displayName = "Positioner";
+  return Positioner;
+}();
+export { Positioner };
+//# sourceMappingURL=Positioner.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Positioner.mjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport debounce from \"lodash.debounce\"\nimport { SelectionPosition } from \"../../types\"\n\nexport const Positioner = forwardRef(\n  (\n    { top, left, height, width }: SelectionPosition,\n    ref: React.Ref<HTMLElement>\n  ) => {\n    const [windowScroll, setWindowScroll] = useState<[number, number]>([\n      window.scrollX,\n      window.scrollY,\n    ])\n\n    const onResize = useRef(\n      debounce(() => setWindowScroll([window.scrollX, window.scrollY]), 15)\n    )\n\n    useEffect(() => {\n      const resizeCurrent = onResize.current\n      window.addEventListener(\"resize\", resizeCurrent)\n      return () => {\n        window.removeEventListener(\"resize\", resizeCurrent)\n      }\n    }, [setWindowScroll, onResize])\n\n    const [x, y] = windowScroll\n\n    return createPortal(\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        style={{\n          height: `${height}px`,\n          left: `${left + x}px`,\n          pointerEvents: \"none\",\n          position: \"absolute\",\n          top: `${top + y}px`,\n          width: `${width}px`,\n        }}\n      />,\n      document.body\n    )\n  }\n)\n\nPositioner.displayName = \"Positioner\"\n"],"names":["Positioner","forwardRef","_a","ref","top","left","height","width","_b","useState","window","scrollX","scrollY","windowScroll","setWindowScroll","onResize","useRef","debounce","useEffect","resizeCurrent","current","addEventListener","removeEventListener","x","y","createPortal","React","createElement","style","concat","pointerEvents","position","document","body","displayName"],"mappings":";;;MAKaA,UAAU;EAAA,MAAVA,UAAU,gBAAGC,UAAU,CAClC,UACEC,EAA+C,EAC/CC,GAA2B,EAAA;QADzBC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MAAEC,IAAI,GAAAH,EAAA,CAAAG,IAAA;MAAEC,MAAM,GAAAJ,EAAA,CAAAI,MAAA;MAAEC,KAAK,GAAAL,EAAA,CAAAK,KAAA;IAGpB,IAAAC,EAAA,GAAkCC,QAAQ,CAAmB,CACjEC,MAAM,CAACC,OAAO,EACdD,MAAM,CAACE,OAAO,CACf,CAAC;MAHKC,YAAY,GAAAL,EAAA,CAAA,CAAA,CAAA;MAAEM,eAAe,QAGlC;IAEF,IAAMC,QAAQ,GAAGC,MAAM,CACrBC,QAAQ,CAAC,YAAA;MAAM,OAAAH,eAAe,CAAC,CAACJ,MAAM,CAACC,OAAO,EAAED,MAAM,CAACE,OAAO,CAAC,CAAC;IAAjD,CAAiD,EAAE,EAAE,CAAC,CACtE;IAEDM,SAAS,CAAC,YAAA;MACR,IAAMC,aAAa,GAAGJ,QAAQ,CAACK,OAAO;MACtCV,MAAM,CAACW,gBAAgB,CAAC,QAAQ,EAAEF,aAAa,CAAC;MAChD,OAAO,YAAA;QACLT,MAAM,CAACY,mBAAmB,CAAC,QAAQ,EAAEH,aAAa,CAAC;MACrD,CAAC;IACH,CAAC,EAAE,CAACL,eAAe,EAAEC,QAAQ,CAAC,CAAC;IAExB,IAAAQ,CAAC,GAAOV,YAAY,CAAA,CAAA,CAAnB;MAAEW,CAAC,GAAIX,YAAY,CAAA,CAAA,CAAhB;IAEX,oBAAOY,YAAY,eACjBC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAxB,GAAG,EAAEA,GAAgC;MACrCyB,KAAK,EAAE;QACLtB,MAAM,EAAE,EAAG,CAAAuB,MAAA,CAAAvB,MAAM,EAAI,IAAA,CAAA;QACrBD,IAAI,EAAE,EAAA,CAAAwB,MAAA,CAAGxB,IAAI,GAAGkB,CAAC,EAAI,IAAA,CAAA;QACrBO,aAAa,EAAE,MAAM;QACrBC,QAAQ,EAAE,UAAU;QACpB3B,GAAG,EAAE,EAAA,CAAAyB,MAAA,CAAGzB,GAAG,GAAGoB,CAAC,EAAI,IAAA,CAAA;QACnBjB,KAAK,EAAE,EAAG,CAAAsB,MAAA,CAAAtB,KAAK,EAAI,IAAA;MACpB;KAAA,CACD,EACFyB,QAAQ,CAACC,IAAI,CACd;EACH,CAAC,CACF;EAEDjC,UAAU,CAACkC,WAAW,GAAG,YAAY;EAAA,OAzCxBlC,UAAU;AAAA;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.mjs

@@ -0,0 +1,50 @@
+import { __assign } from 'tslib';
+import React, { useState, useEffect } from 'react';
+import Nanobus from 'nanobus';
+import { createRoot } from 'react-dom/client';
+var Wrapper = function (_a) {
+  var emitter = _a.emitter,
+    componentProps = _a.componentProps,
+    Component = _a.Component;
+  var _b = useState(componentProps),
+    localComponentProps = _b[0],
+    setLocalComponentProps = _b[1];
+  useEffect(function () {
+    var onUpdate = function (newComponentProps) {
+      setLocalComponentProps(newComponentProps);
+    };
+    emitter.addListener("update", onUpdate);
+    return function () {
+      emitter.removeListener("update", onUpdate);
+    };
+  }, [emitter]);
+  return /*#__PURE__*/React.createElement(Component, __assign({}, localComponentProps));
+};
+/**
+ * Create a wrapping connector for rendering a React element into a separate
+ * part of the DOM while being able to update it without remounting.
+ */
+var createReactTooltipWrapper = function (parentNode, Component, componentProps) {
+  var emitter = new Nanobus();
+  var container = document.createElement("div");
+  parentNode.appendChild(container);
+  var root = createRoot(container);
+  root.render( /*#__PURE__*/React.createElement(Wrapper, {
+    componentProps: componentProps,
+    Component: Component,
+    emitter: emitter
+  }));
+  function destroy() {
+    root.unmount();
+    emitter.removeAllListeners("*");
+  }
+  function update(props) {
+    emitter.emit("update", props);
+  }
+  return {
+    destroy: destroy,
+    update: update
+  };
+};
+export { createReactTooltipWrapper };
+//# sourceMappingURL=createReactTooltipWrapper.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createReactTooltipWrapper.mjs","sources":["../../../../../../src/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.tsx"],"sourcesContent":["import React, { ElementType, useEffect, useState } from \"react\"\nimport Nanobus from \"nanobus\"\nimport { createRoot } from \"react-dom/client\"\nimport { LinkEditorProps } from \"./components\"\n\nconst Wrapper = ({\n  emitter,\n  componentProps,\n  Component,\n}: {\n  emitter: Nanobus\n  componentProps: LinkEditorProps\n  Component: ElementType\n}): JSX.Element => {\n  const [localComponentProps, setLocalComponentProps] =\n    useState<LinkEditorProps>(componentProps)\n\n  useEffect(() => {\n    const onUpdate = (newComponentProps: LinkEditorProps): void => {\n      setLocalComponentProps(newComponentProps)\n    }\n    emitter.addListener(\"update\", onUpdate)\n\n    return () => {\n      emitter.removeListener(\"update\", onUpdate)\n    }\n  }, [emitter])\n\n  return <Component {...localComponentProps} />\n}\n\n/**\n * Create a wrapping connector for rendering a React element into a separate\n * part of the DOM while being able to update it without remounting.\n */\nexport const createReactTooltipWrapper = (\n  parentNode: HTMLElement,\n  Component: ElementType,\n  componentProps: LinkEditorProps\n): {\n  destroy: () => void\n  update: (props: LinkEditorProps) => void\n} => {\n  const emitter = new Nanobus()\n  const container = document.createElement(\"div\")\n  parentNode.appendChild(container)\n  const root = createRoot(container)\n\n  root.render(\n    <Wrapper\n      componentProps={componentProps}\n      Component={Component}\n      emitter={emitter}\n    />\n  )\n\n  function destroy(): void {\n    root.unmount()\n    emitter.removeAllListeners(\"*\")\n  }\n\n  function update(props: LinkEditorProps): void {\n    emitter.emit(\"update\", props)\n  }\n\n  return { destroy, update }\n}\n"],"names":["Wrapper","_a","emitter","componentProps","Component","_b","useState","localComponentProps","setLocalComponentProps","useEffect","onUpdate","newComponentProps","addListener","removeListener","React","createElement","__assign","createReactTooltipWrapper","parentNode","Nanobus","container","document","appendChild","root","createRoot","render","destroy","unmount","removeAllListeners","update","props","emit"],"mappings":";;;;AAKA,IAAMA,OAAO,GAAG,SAAAA,CAACC,EAQhB,EAAA;EAPC,IAAAC,OAAO,aAAA;IACPC,cAAc,GAAAF,EAAA,CAAAE,cAAA;IACdC,SAAS,GAAAH,EAAA,CAAAG,SAAA;EAMH,IAAAC,EAAA,GACJC,QAAQ,CAAkBH,cAAc,CAAC;IADpCI,mBAAmB,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,sBAAsB,GAAAH,EAAA,CAAA,CAAA,CACP;EAE3CI,SAAS,CAAC,YAAA;IACR,IAAMC,QAAQ,GAAG,SAAAA,CAACC,iBAAkC,EAAA;MAClDH,sBAAsB,CAACG,iBAAiB,CAAC;IAC3C,CAAC;IACDT,OAAO,CAACU,WAAW,CAAC,QAAQ,EAAEF,QAAQ,CAAC;IAEvC,OAAO,YAAA;MACLR,OAAO,CAACW,cAAc,CAAC,QAAQ,EAAEH,QAAQ,CAAC;IAC5C,CAAC;EACH,CAAC,EAAE,CAACR,OAAO,CAAC,CAAC;EAEb,oBAAOY,KAAC,CAAAC,aAAA,CAAAX,SAAS,EAAKY,QAAA,CAAA,CAAA,CAAA,EAAAT,mBAAmB,EAAI;AAC/C,CAAC;AAED;;;AAGG;IACUU,yBAAyB,GAAG,SAAAA,CACvCC,UAAuB,EACvBd,SAAsB,EACtBD,cAA+B,EAAA;EAK/B,IAAMD,OAAO,GAAG,IAAIiB,OAAO,EAAE;EAC7B,IAAMC,SAAS,GAAGC,QAAQ,CAACN,aAAa,CAAC,KAAK,CAAC;EAC/CG,UAAU,CAACI,WAAW,CAACF,SAAS,CAAC;EACjC,IAAMG,IAAI,GAAGC,UAAU,CAACJ,SAAS,CAAC;EAElCG,IAAI,CAACE,MAAM,eACTX,oBAACd,OAAO,EAAA;IACNG,cAAc,EAAEA,cAAc;IAC9BC,SAAS,EAAEA,SAAS;IACpBF,OAAO,EAAEA;EAAO,CAAA,CAChB,CACH;EAED,SAASwB,OAAOA,CAAA,EAAA;IACdH,IAAI,CAACI,OAAO,CAAA,CAAE;IACdzB,OAAO,CAAC0B,kBAAkB,CAAC,GAAG,CAAC;EAChC;EAED,SAASC,MAAMA,CAACC,KAAsB,EAAA;IACpC5B,OAAO,CAAC6B,IAAI,CAAC,QAAQ,EAAED,KAAK,CAAC;EAC9B;EAED,OAAO;IAAEJ,OAAO,EAAAA,OAAA;IAAEG,MAAM,EAAAA;EAAA,CAAE;AAC5B,CAAA;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/validation.mjs

@@ -0,0 +1,14 @@
+var validateLink = function (href) {
+  var isValidLink = /^https?:\/\//.test(href);
+  if (!isValidLink) {
+    return {
+      status: "error",
+      message: "Please enter a valid URL"
+    };
+  }
+  return {
+    status: "success"
+  };
+};
+export { validateLink };
+//# sourceMappingURL=validation.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/validation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.mjs","sources":["../../../../../../src/RichTextEditor/utils/plugins/LinkManager/validation.ts"],"sourcesContent":["export type ValidationResponse = {\n  status: \"success\" | \"error\" | \"default\"\n  message?: React.ReactNode\n}\n\nexport const validateLink = (href: string): ValidationResponse => {\n  const isValidLink = /^https?:\\/\\//.test(href)\n\n  if (!isValidLink) {\n    return {\n      status: \"error\",\n      message: \"Please enter a valid URL\",\n    }\n  }\n\n  return {\n    status: \"success\",\n  }\n}\n"],"names":["validateLink","href","isValidLink","test","status","message"],"mappings":"AAKO,IAAMA,YAAY,GAAG,SAAAA,CAACC,IAAY,EAAA;EACvC,IAAMC,WAAW,GAAG,cAAc,CAACC,IAAI,CAACF,IAAI,CAAC;EAE7C,IAAI,CAACC,WAAW,EAAE;IAChB,OAAO;MACLE,MAAM,EAAE,OAAO;MACfC,OAAO,EAAE;KACV;EACF;EAED,OAAO;IACLD,MAAM,EAAE;GACT;AACH,CAAA;"}

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

@@ -0,0 +1,71 @@
+import { __assign } from 'tslib';
+import { marks } from 'prosemirror-schema-basic';
+import { validateLink } from '../plugins/LinkManager/validation.mjs';
+var getMarks = function () {
+  return __assign(__assign({}, marks), {
+    // An underline mark. Rendered as a `<u>` element. Has parse rules that also
+    // matches `font-style: underline`.
+    underline: {
+      parseDOM: [{
+        tag: "u"
+      }, {
+        style: "font-style=underline"
+      }],
+      toDOM: function () {
+        return ["u", 0];
+      }
+    },
+    // A link. Rendered and parsed as an `<a>` element.
+    link: {
+      attrs: {
+        href: {
+          "default": null
+        },
+        _metadata: {
+          "default": {
+            added: true
+          }
+        },
+        target: {
+          "default": "_blank"
+        },
+        rel: {
+          "default": "noreferrer"
+        }
+      },
+      inclusive: false,
+      parseDOM: [{
+        tag: "a[href]",
+        getAttrs: function (dom) {
+          return {
+            href: getAttributeWithDefault(dom, "href"),
+            target: getAttributeWithDefault(dom, "target"),
+            rel: getAttributeWithDefault(dom, "rel"),
+            _metadata: null
+          };
+        }
+      }],
+      toDOM: function (node) {
+        var _a = node.attrs,
+          href = _a.href,
+          target = _a.target,
+          rel = _a.rel;
+        var validationStatus = validateLink(href);
+        if (validationStatus.status === "error") {
+          return ["span", 0];
+        }
+        return ["a", {
+          href: href,
+          target: target,
+          rel: rel
+        }, 0];
+      }
+    }
+  });
+};
+var getAttributeWithDefault = function (node, attributeName) {
+  var value = node.getAttribute(attributeName);
+  return value && value !== "" ? value : null;
+};
+export { getMarks };
+//# sourceMappingURL=marks.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"marks.mjs","sources":["../../../../../src/RichTextEditor/utils/schema/marks.ts"],"sourcesContent":["import { MarkSpec, Node } from \"prosemirror-model\"\nimport { marks as proseMarks } from \"prosemirror-schema-basic\"\nimport { validateLink } from \"../plugins/LinkManager/validation\"\n\nexport const getMarks = (): MarkSpec => ({\n  ...proseMarks,\n\n  // An underline mark. Rendered as a `<u>` element. Has parse rules that also\n  // matches `font-style: underline`.\n  underline: {\n    parseDOM: [{ tag: \"u\" }, { style: \"font-style=underline\" }],\n    toDOM() {\n      return [\"u\", 0]\n    },\n  },\n\n  // A link. Rendered and parsed as an `<a>` element.\n  link: {\n    attrs: {\n      href: { default: null },\n      _metadata: { default: { added: true } },\n      target: { default: \"_blank\" },\n      rel: { default: \"noreferrer\" },\n    },\n    inclusive: false,\n    parseDOM: [\n      {\n        tag: \"a[href]\",\n        getAttrs(dom: HTMLAnchorElement) {\n          return {\n            href: getAttributeWithDefault(dom, \"href\"),\n            target: getAttributeWithDefault(dom, \"target\"),\n            rel: getAttributeWithDefault(dom, \"rel\"),\n            _metadata: null,\n          }\n        },\n      },\n    ],\n    toDOM(node: Node) {\n      const { href, target, rel } = node.attrs\n      const validationStatus = validateLink(href)\n\n      if (validationStatus.status === \"error\") {\n        return [\"span\", 0]\n      }\n\n      return [\"a\", { href, target, rel }, 0]\n    },\n  },\n})\n\nconst getAttributeWithDefault = (\n  node: HTMLElement,\n  attributeName: string\n): string | null => {\n  const value = node.getAttribute(attributeName)\n  return value && value !== \"\" ? value : null\n}\n"],"names":["getMarks","proseMarks","underline","parseDOM","tag","style","toDOM","link","attrs","href","_metadata","added","target","rel","inclusive","getAttrs","dom","getAttributeWithDefault","node","_a","validationStatus","validateLink","status","attributeName","value","getAttribute"],"mappings":";;;AAIa,IAAAA,QAAQ,GAAG,SAAAA,CAAA,EAAgB;EAAA,6BACnCC,KAAU,CAAA,EAAA;;;IAIbC,SAAS,EAAE;MACTC,QAAQ,EAAE,CAAC;QAAEC,GAAG,EAAE;MAAK,CAAA,EAAE;QAAEC,KAAK,EAAE;OAAwB,CAAC;MAC3DC,KAAK,EAAA,SAAAA,CAAA,EAAA;QACH,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;MAChB;IACF,CAAA;;IAGDC,IAAI,EAAE;MACJC,KAAK,EAAE;QACLC,IAAI,EAAE;UAAE,SAAO,EAAE;QAAM,CAAA;QACvBC,SAAS,EAAE;UAAE,SAAO,EAAE;YAAEC,KAAK,EAAE;UAAI;QAAI,CAAA;QACvCC,MAAM,EAAE;UAAE,SAAO,EAAE;QAAU,CAAA;QAC7BC,GAAG,EAAE;UAAE,SAAO,EAAE;QAAc;MAC/B,CAAA;MACDC,SAAS,EAAE,KAAK;MAChBX,QAAQ,EAAE,CACR;QACEC,GAAG,EAAE,SAAS;QACdW,QAAQ,YAACC,GAAsB,EAAA;UAC7B,OAAO;YACLP,IAAI,EAAEQ,uBAAuB,CAACD,GAAG,EAAE,MAAM,CAAC;YAC1CJ,MAAM,EAAEK,uBAAuB,CAACD,GAAG,EAAE,QAAQ,CAAC;YAC9CH,GAAG,EAAEI,uBAAuB,CAACD,GAAG,EAAE,KAAK,CAAC;YACxCN,SAAS,EAAE;WACZ;QACF;MACF,CAAA,CACF;MACDJ,KAAK,YAACY,IAAU,EAAA;QACR,IAAAC,EAAwB,GAAAD,IAAI,CAACV,KAAK;UAAhCC,IAAI,GAAAU,EAAA,CAAAV,IAAA;UAAEG,MAAM,GAAAO,EAAA,CAAAP,MAAA;UAAEC,GAAG,SAAe;QACxC,IAAMO,gBAAgB,GAAGC,YAAY,CAACZ,IAAI,CAAC;QAE3C,IAAIW,gBAAgB,CAACE,MAAM,KAAK,OAAO,EAAE;UACvC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;QACnB;QAED,OAAO,CAAC,GAAG,EAAE;UAAEb,IAAI,MAAA;UAAEG,MAAM,EAAAA,MAAA;UAAEC,GAAG,EAAAA;SAAE,EAAE,CAAC,CAAC;MACvC;IACF;EAAA,CACD,CAAA;AAAA,CAAA;AAEF,IAAMI,uBAAuB,GAAG,SAAAA,CAC9BC,IAAiB,EACjBK,aAAqB,EAAA;EAErB,IAAMC,KAAK,GAAGN,IAAI,CAACO,YAAY,CAACF,aAAa,CAAC;EAC9C,OAAOC,KAAK,IAAIA,KAAK,KAAK,EAAE,GAAGA,KAAK,GAAG,IAAI;AAC7C,CAAC;"}

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

@@ -0,0 +1,33 @@
+import { __rest, __assign } from 'tslib';
+import { nodes } from 'prosemirror-schema-basic';
+import { orderedList, bulletList, listItem } from 'prosemirror-schema-list';
+var getNodes = function () {
+  // We use camel case names instead of ProseMirror's snake case, so we remove any snake case properties here before spreading
+  var hardBreak = nodes.hard_break,
+    horizontalRule = nodes.horizontal_rule,
+    codeBlock = nodes.code_block,
+    proseNodesNoSnakeCase = __rest(nodes
+    // ...and then add them back in manually
+    , ["hard_break", "horizontal_rule", "code_block"]);
+  // ...and then add them back in manually
+  var proseNodesWithCamelCase = __assign(__assign({}, proseNodesNoSnakeCase), {
+    hardBreak: hardBreak,
+    horizontalRule: horizontalRule,
+    codeBlock: codeBlock
+  });
+  return __assign(__assign({}, proseNodesWithCamelCase), {
+    orderedList: __assign(__assign({}, orderedList), {
+      content: "listItem+",
+      group: "block"
+    }),
+    bulletList: __assign(__assign({}, bulletList), {
+      content: "listItem+",
+      group: "block"
+    }),
+    listItem: __assign(__assign({}, listItem), {
+      content: "paragraph block*"
+    })
+  });
+};
+export { getNodes };
+//# sourceMappingURL=nodes.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nodes.mjs","sources":["../../../../../src/RichTextEditor/utils/schema/nodes.ts"],"sourcesContent":["import { NodeSpec } from \"prosemirror-model\"\nimport { nodes as proseNodes } from \"prosemirror-schema-basic\"\nimport { bulletList, listItem, orderedList } from \"prosemirror-schema-list\"\n\nexport const getNodes = (): NodeSpec => {\n  // We use camel case names instead of ProseMirror's snake case, so we remove any snake case properties here before spreading\n  const {\n    hard_break: hardBreak,\n    horizontal_rule: horizontalRule,\n    code_block: codeBlock,\n    ...proseNodesNoSnakeCase\n  } = proseNodes\n\n  // ...and then add them back in manually\n  const proseNodesWithCamelCase = {\n    ...proseNodesNoSnakeCase,\n    hardBreak,\n    horizontalRule,\n    codeBlock,\n  }\n\n  return {\n    ...proseNodesWithCamelCase,\n    orderedList: {\n      ...orderedList,\n      content: \"listItem+\",\n      group: \"block\",\n    },\n    bulletList: {\n      ...bulletList,\n      content: \"listItem+\",\n      group: \"block\",\n    },\n    listItem: {\n      ...listItem,\n      content: \"paragraph block*\",\n    },\n  }\n}\n"],"names":["getNodes","hardBreak","proseNodes","hard_break","horizontalRule","horizontal_rule","codeBlock","proseNodesNoSnakeCase","proseNodesWithCamelCase","__assign","orderedList","content","group","bulletList","listItem"],"mappings":";;;AAIa,IAAAA,QAAQ,GAAG,SAAAA,CAAA,EAAA;;EAGpB,IAAYC,SAAS,GAInBC,KAAU,CAJSC,UAAA;IACJC,cAAc,GAG7BF,KAAU,CAHmBG,eAAA;IACnBC,SAAS,GAEnBJ,KAAU,WAFS;IAClBK,qBAAqB,UACtBL;;MALE,CAAA,YAAA,EAAA,iBAAA,EAAA,YAAA,CAKL,CADyB;;EAI1B,IAAMM,uBAAuB,GAAAC,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACxBF,qBAAqB,CAAA,EAAA;IACxBN,SAAS,EAAAA,SAAA;IACTG,cAAc,EAAAA,cAAA;IACdE,SAAS,EAAAA;IACV;EAED,OAAAG,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKD,uBAAuB,CAAA,EAAA;IAC1BE,WAAW,EAAAD,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACNC,WAAW,CACd,EAAA;MAAAC,OAAO,EAAE,WAAW;MACpBC,KAAK,EAAE;;IAETC,UAAU,EAAAJ,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACLI,UAAU,CAAA,EAAA;MACbF,OAAO,EAAE,WAAW;MACpBC,KAAK,EAAE;IAAO,CAEhB,CAAA;IAAAE,QAAQ,wBACHA,QAAQ,CAAA,EAAA;MACXH,OAAO,EAAE;IAAkB,CAE9B;EAAA,CAAA,CAAA;AACH,CAAA;"}

package/dist/esm/TextField/TextField.mjs

@@ -3,12 +3,14 @@ import React, { useId } from 'react';
 import classnames from 'classnames';
 import { FieldGroup } from '../FieldGroup/FieldGroup.mjs';
 import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
+import 'uuid';
+import '../Icon/subcomponents/SVG/SVG.mjs';
+import { SuccessIcon } from '../Icon/SuccessIcon.mjs';
 import { Input } from '../Input/Input/Input.mjs';
 import '../Input/InputRange/InputRange.mjs';
 import '../Input/InputSearch/InputSearch.mjs';
 import { Label } from '../Label/Label.mjs';
 import styles from './TextField.module.scss.mjs';
-import { SuccessIcon } from '../Icon/SuccessIcon.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |

package/dist/esm/TextField/TextField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.mjs","sources":["../../../src/TextField/TextField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Input, InputProps } from \"~components/Input\"\nimport { Label } from \"~components/Label\"\nimport { SuccessIcon } from \"..\"\nimport styles from \"./TextField.module.scss\"\n\ntype OmittedInputProps =\n  | \"startIconAdornment\"\n  | \"endIconAdornment\"\n  | \"ariaDescribedBy\"\n  | \"ariaLabel\"\n\nexport interface TextFieldProps extends Omit<InputProps, OmittedInputProps> {\n  /**\n   * A short example of input text. For context or additional information use the `description` prop\n   */\n  labelText: React.ReactNode\n  inline?: boolean\n  icon?: JSX.Element\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: string | React.ReactNode\n  /**\n   * A description that provides context for the text field\n   */\n  description?: string | React.ReactNode\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}\n */\nexport const TextField = ({\n  id: propsId,\n  labelText,\n  inline = false,\n  icon,\n  validationMessage,\n  description,\n  status,\n  reversed = false,\n  disabled,\n  ...restProps\n}: TextFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const validationMessageAria = validationMessage\n    ? `${id}-field-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${id}-field-description` : \"\"\n\n  const ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(\n    (prev, curr) => (curr ? [curr, prev].join(\" \") : prev),\n    \"\"\n  )\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      data-testid={`${id}-field-group`}\n      inline={inline}\n      classNameOverride={classnames(\n        styles.withLabel,\n        disabled && styles.withDisabled\n      )}\n    >\n      <Label\n        id={`${id}-field-label`}\n        data-testid={`${id}-field-label`}\n        htmlFor={`${id}-field-input`}\n        labelText={labelText}\n        reversed={reversed}\n        disabled={disabled}\n      />\n      <Input\n        id={`${id}-field-input`}\n        data-testid={`${id}-field-input`}\n        aria-describedby={ariaDescribedBy}\n        classNameOverride={styles.input}\n        disabled={disabled}\n        reversed={reversed}\n        status={status}\n        startIconAdornment={icon}\n        endIconAdornment={\n          status === \"success\" && (\n            <div\n              className={classnames(\n                styles.success,\n                disabled && styles.disabled\n              )}\n            >\n              <SuccessIcon role=\"presentation\" />\n            </div>\n          )\n        }\n        {...restProps}\n      />\n\n      {validationMessage && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={validationMessageAria}\n            message={validationMessage}\n            status={status}\n            reversed={reversed}\n          />\n        </div>\n      )}\n\n      {description && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={descriptionAria}\n            message={description}\n            reversed={reversed}\n          />\n        </div>\n      )}\n    </FieldGroup>\n  )\n}\n\nTextField.displayName = \"TextField\"\n"],"names":["TextField","_a","propsId","id","labelText","_b","inline","icon","validationMessage","description","status","_c","reversed","disabled","restProps","__rest","useId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","reduce","prev","curr","join","React","createElement","FieldGroup","classNameOverride","classnames","styles","withLabel","withDisabled","Label","htmlFor","Input","__assign","input","startIconAdornment","endIconAdornment","className","success","SuccessIcon","role","message","FieldMessage","displayName"],"mappings":"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"}
+{"version":3,"file":"TextField.mjs","sources":["../../../src/TextField/TextField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { SuccessIcon } from \"~components/Icon\"\nimport { Input, InputProps } from \"~components/Input\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./TextField.module.scss\"\n\ntype OmittedInputProps =\n  | \"startIconAdornment\"\n  | \"endIconAdornment\"\n  | \"ariaDescribedBy\"\n  | \"ariaLabel\"\n\nexport type TextFieldProps = {\n  /**\n   * A short example of input text. For context or additional information use the `description` prop\n   */\n  labelText: React.ReactNode\n  inline?: boolean\n  icon?: JSX.Element\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: string | React.ReactNode\n  /**\n   * A description that provides context for the text field\n   */\n  description?: string | React.ReactNode\n} & Omit<InputProps, OmittedInputProps>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}\n */\nexport const TextField = ({\n  id: propsId,\n  labelText,\n  inline = false,\n  icon,\n  validationMessage,\n  description,\n  status,\n  reversed = false,\n  disabled,\n  ...restProps\n}: TextFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const validationMessageAria = validationMessage\n    ? `${id}-field-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${id}-field-description` : \"\"\n\n  const ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(\n    (prev, curr) => (curr ? [curr, prev].join(\" \") : prev),\n    \"\"\n  )\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      data-testid={`${id}-field-group`}\n      inline={inline}\n      classNameOverride={classnames(\n        styles.withLabel,\n        disabled && styles.withDisabled\n      )}\n    >\n      <Label\n        id={`${id}-field-label`}\n        data-testid={`${id}-field-label`}\n        htmlFor={`${id}-field-input`}\n        labelText={labelText}\n        reversed={reversed}\n        disabled={disabled}\n      />\n      <Input\n        id={`${id}-field-input`}\n        data-testid={`${id}-field-input`}\n        aria-describedby={ariaDescribedBy}\n        classNameOverride={styles.input}\n        disabled={disabled}\n        reversed={reversed}\n        status={status}\n        startIconAdornment={icon}\n        endIconAdornment={\n          status === \"success\" && (\n            <div\n              className={classnames(\n                styles.success,\n                disabled && styles.disabled\n              )}\n            >\n              <SuccessIcon role=\"presentation\" />\n            </div>\n          )\n        }\n        {...restProps}\n      />\n\n      {validationMessage && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={validationMessageAria}\n            message={validationMessage}\n            status={status}\n            reversed={reversed}\n          />\n        </div>\n      )}\n\n      {description && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={descriptionAria}\n            message={description}\n            reversed={reversed}\n          />\n        </div>\n      )}\n    </FieldGroup>\n  )\n}\n\nTextField.displayName = \"TextField\"\n"],"names":["TextField","_a","propsId","id","labelText","_b","inline","icon","validationMessage","description","status","_c","reversed","disabled","restProps","__rest","useId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","reduce","prev","curr","join","React","createElement","FieldGroup","classNameOverride","classnames","styles","withLabel","withDisabled","Label","htmlFor","Input","__assign","input","startIconAdornment","endIconAdornment","className","success","SuccessIcon","role","message","FieldMessage","displayName"],"mappings":"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"}

package/dist/esm/dts/Input/Input/index.d.ts

@@ -1 +1,2 @@
 export * from "./Input";
+export * from "./types";

package/dist/esm/dts/RichTextEditor/EditableRichTextContent/EditableRichTextContent.d.ts

@@ -0,0 +1,15 @@
+import { MouseEvent, HTMLAttributes } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+import { RichTextContentProps } from "../RichTextContent";
+import { EditorContentArray } from "../types";
+export type EditableRichTextContentProps = {
+    onClick: (event: MouseEvent<HTMLElement>) => void;
+    content: EditorContentArray;
+    labelText: string;
+    isLabelHidden?: boolean;
+    contentProps?: Omit<RichTextContentProps, "content">;
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "onClick" | "content">>;
+export declare const EditableRichTextContent: {
+    ({ onClick, content, classNameOverride, labelText, isLabelHidden, contentProps, ...restProps }: EditableRichTextContentProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/RichTextEditor/EditableRichTextContent/index.d.ts

@@ -0,0 +1 @@
+export * from "./EditableRichTextContent";

package/dist/esm/dts/RichTextEditor/RichTextContent/RichTextContent.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+import { EditorContentArray } from "../types";
+export type RichTextContentProps = {
+    content: EditorContentArray;
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "content">>;
+export declare const RichTextContent: {
+    (props: RichTextContentProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/RichTextEditor/RichTextContent/index.d.ts

@@ -0,0 +1 @@
+export * from "./RichTextContent";

package/dist/esm/dts/RichTextEditor/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,43 @@
+import React, { HTMLAttributes, ReactNode } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+import { ToolbarItems, EditorContentArray, EditorRows } from "../types";
+import { ProseMirrorState } from "../utils/prosemirror";
+type BaseRichTextEditorProps = {
+    onChange: (content: ProseMirrorState.EditorState) => void;
+    defaultValue: EditorContentArray;
+    controls?: ToolbarItems[];
+    /**
+     * Sets a default min-height for the editable area in units of body paragraph line height, similar to the 'rows' attribute on <textarea>.
+     * The editable area will autogrow, so this only affects the component when the content doesn't exceed this height.
+     */
+    rows?: EditorRows;
+    dataError?: React.ReactElement;
+    onDataError?: () => void;
+    status?: "default" | "error" | "caution";
+    /**
+     * A descriptive message for `error` or `caution` states
+     */
+    validationMessage?: React.ReactNode;
+    /**
+     * A description that provides context
+     */
+    description?: React.ReactNode;
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue">>;
+type WithLabelText = {
+    labelText: ReactNode;
+    "aria-labelledby"?: never;
+};
+type WithLabelledBy = {
+    labelText?: never;
+    "aria-labelledby": string;
+};
+export type RichTextEditorProps = BaseRichTextEditorProps & (WithLabelText | WithLabelledBy);
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}
+ */
+export declare const RichTextEditor: {
+    ({ onChange, defaultValue, labelText, "aria-labelledby": labelledBy, classNameOverride, controls, rows, dataError, onDataError, validationMessage, description, status, ...restProps }: RichTextEditorProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/esm/dts/RichTextEditor/RichTextEditor/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./RichTextEditor";
+export * from "./subcomponents/ToggleIconButton";
+export * from "./subcomponents/Toolbar";
+export * from "./subcomponents/ToolbarSection";

package/dist/esm/dts/RichTextEditor/RichTextEditor/schema.d.ts

@@ -0,0 +1,4 @@
+import { ToolbarItems } from "../types";
+import { ProseMirrorModel } from "../utils/prosemirror";
+export declare const createSchemaFromControls: (controls?: ToolbarItems[]) => ProseMirrorModel.Schema<string>;
+export declare const createSchemaWithAll: () => ProseMirrorModel.Schema<string>;

package/dist/esm/dts/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { OverrideClassName } from "../../../../types/OverrideClassName";
+import { ToggleIconButtonMoods } from "./types";
+export type ToggleIconButtonProps = {
+    icon: JSX.Element;
+    label: string;
+    isActive?: boolean;
+    mood?: ToggleIconButtonMoods;
+} & OverrideClassName<React.ButtonHTMLAttributes<HTMLButtonElement>>;
+export declare const ToggleIconButton: React.ForwardRefExoticComponent<{
+    icon: JSX.Element;
+    label: string;
+    isActive?: boolean | undefined;
+    mood?: "default" | "primary" | "destructive" | "secondary" | "secondary-destructive" | undefined;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> & {
+    classNameOverride?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/dts/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToggleIconButton";

package/dist/esm/dts/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/types.d.ts

@@ -0,0 +1,2 @@
+export declare const moodsList: readonly ["default", "secondary", "primary", "destructive", "secondary-destructive"];
+export type ToggleIconButtonMoods = (typeof moodsList)[number];

package/dist/esm/dts/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { OverrideClassName } from "../../../../types/OverrideClassName";
+export type ToolbarProps = {
+    children: React.ReactNode;
+    "aria-controls": string;
+    "aria-label": string;
+} & OverrideClassName<React.HTMLAttributes<HTMLElement>>;
+export declare const Toolbar: {
+    (props: ToolbarProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/RichTextEditor/RichTextEditor/subcomponents/Toolbar/index.d.ts

@@ -0,0 +1 @@
+export * from "./Toolbar";

package/dist/esm/dts/RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export type ToolbarSectionProps = {
+    children: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement>;
+export declare const ToolbarSection: {
+    (props: ToolbarSectionProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToolbarSection";