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

package/dist/cjs/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.cjs

@@ -10,26 +10,50 @@ var Popover = require('../../../../../../Popover/Popover.cjs');
 var Text = require('../../../../../../Text/Text.cjs');
 var Positioner = require('./Positioner.cjs');
 var LinkPopover_module = require('./LinkPopover.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var LinkPopover = function (_a) {
-    var href = _a.href, onRemove = _a.onRemove, onEdit = _a.onEdit, selectionPosition = _a.selectionPosition;
-    var _b = Popover.usePopover(), ElementRef = _b[0], Popover$1 = _b[1];
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement(Positioner.Positioner, tslib.__assign({ ref: ElementRef }, selectionPosition)),
-        React__default.default.createElement(Popover$1, { size: "large" },
-            React__default.default.createElement("div", { className: LinkPopover_module.popoverContent },
-                React__default.default.createElement(ExternalLinkIcon.ExternalLinkIcon, { role: "presentation" }),
-                React__default.default.createElement("div", { className: LinkPopover_module.popoverLinkContainer },
-                    React__default.default.createElement(Text.Text, { variant: "body", tag: "div", classNameOverride: LinkPopover_module.paragraphFlex },
-                        React__default.default.createElement("a", { className: LinkPopover_module.popoverLink, href: href != null ? href : undefined, target: "_blank", rel: "noopener noreferrer" }, href))),
-                React__default.default.createElement("div", { className: LinkPopover_module.popoverActions },
-                    React__default.default.createElement(EditIcon.EditIcon, { role: "img", onClick: onEdit, "aria-label": "Edit link" })),
-                React__default.default.createElement(RemoveLinkIcon.RemoveLinkIcon, { role: "img", onClick: onRemove, "aria-label": "Remove link" })))));
+  var href = _a.href,
+    onRemove = _a.onRemove,
+    onEdit = _a.onEdit,
+    selectionPosition = _a.selectionPosition;
+  var _b = Popover.usePopover(),
+    ElementRef = _b[0],
+    Popover$1 = _b[1];
+  return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(Positioner.Positioner, tslib.__assign({
+    ref: ElementRef
+  }, selectionPosition)), React__default.default.createElement(Popover$1, {
+    size: "large"
+  }, React__default.default.createElement("div", {
+    className: LinkPopover_module.popoverContent
+  }, React__default.default.createElement(ExternalLinkIcon.ExternalLinkIcon, {
+    role: "presentation"
+  }), React__default.default.createElement("div", {
+    className: LinkPopover_module.popoverLinkContainer
+  }, React__default.default.createElement(Text.Text, {
+    variant: "body",
+    tag: "div",
+    classNameOverride: LinkPopover_module.paragraphFlex
+  }, React__default.default.createElement("a", {
+    className: LinkPopover_module.popoverLink,
+    href: href != null ? href : undefined,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, href))), React__default.default.createElement("div", {
+    className: LinkPopover_module.popoverActions
+  }, React__default.default.createElement(EditIcon.EditIcon, {
+    role: "img",
+    onClick: onEdit,
+    "aria-label": "Edit link"
+  })), React__default.default.createElement(RemoveLinkIcon.RemoveLinkIcon, {
+    role: "img",
+    onClick: onRemove,
+    "aria-label": "Remove link"
+  }))));
 };
 LinkPopover.displayName = "LinkPopover";
-
 exports.LinkPopover = LinkPopover;

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

@@ -1,5 +1,10 @@
 'use strict';
 
-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-"};
-
+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-"
+};
 module.exports = styles;

package/dist/cjs/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.cjs

@@ -3,40 +3,52 @@
 var React = require('react');
 var ReactDOM = require('react-dom');
 var debounce = require('lodash.debounce');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
-
 var Positioner = React.forwardRef(function (_a, ref) {
-    var top = _a.top, left = _a.left, height = _a.height, width = _a.width;
-    var _b = React.useState(), portalContainer = _b[0], setPortalContainer = _b[1];
-    var _c = React.useState(), windowScroll = _c[0], setWindowScroll = _c[1];
-    React.useEffect(function () {
-        setWindowScroll([window.scrollX, window.scrollY]);
-        setPortalContainer(document.body);
-    }, []);
-    var onResize = React.useRef(debounce__default.default(function () { return setWindowScroll([window.scrollX, window.scrollY]); }, 15));
-    React.useEffect(function () {
-        var resizeCurrent = onResize.current;
-        window.addEventListener("resize", resizeCurrent);
-        return function () {
-            window.removeEventListener("resize", resizeCurrent);
-        };
-    }, [setWindowScroll, onResize]);
-    if (windowScroll === undefined || portalContainer === undefined)
-        return null;
-    var x = windowScroll[0], y = windowScroll[1];
-    return ReactDOM.createPortal(React__default.default.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"),
-        } }), portalContainer);
+  var top = _a.top,
+    left = _a.left,
+    height = _a.height,
+    width = _a.width;
+  var _b = React.useState(),
+    portalContainer = _b[0],
+    setPortalContainer = _b[1];
+  var _c = React.useState(),
+    windowScroll = _c[0],
+    setWindowScroll = _c[1];
+  React.useEffect(function () {
+    setWindowScroll([window.scrollX, window.scrollY]);
+    setPortalContainer(document.body);
+  }, []);
+  var onResize = React.useRef(debounce__default.default(function () {
+    return setWindowScroll([window.scrollX, window.scrollY]);
+  }, 15));
+  React.useEffect(function () {
+    var resizeCurrent = onResize.current;
+    window.addEventListener("resize", resizeCurrent);
+    return function () {
+      window.removeEventListener("resize", resizeCurrent);
+    };
+  }, [setWindowScroll, onResize]);
+  if (windowScroll === undefined || portalContainer === undefined) return null;
+  var x = windowScroll[0],
+    y = windowScroll[1];
+  return ReactDOM.createPortal(React__default.default.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")
+    }
+  }), portalContainer);
 });
 Positioner.displayName = "Positioner";
-
 exports.Positioner = Positioner;

package/dist/cjs/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.cjs

@@ -4,44 +4,55 @@ var tslib = require('tslib');
 var React = require('react');
 var Nanobus = require('nanobus');
 var client = require('react-dom/client');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var Nanobus__default = /*#__PURE__*/_interopDefault(Nanobus);
-
 var Wrapper = function (_a) {
-    var emitter = _a.emitter, componentProps = _a.componentProps, Component = _a.Component;
-    var _b = React.useState(componentProps), localComponentProps = _b[0], setLocalComponentProps = _b[1];
-    React.useEffect(function () {
-        var onUpdate = function (newComponentProps) {
-            setLocalComponentProps(newComponentProps);
-        };
-        emitter.addListener("update", onUpdate);
-        return function () {
-            emitter.removeListener("update", onUpdate);
-        };
-    }, [emitter]);
-    return React__default.default.createElement(Component, tslib.__assign({}, localComponentProps));
+  var emitter = _a.emitter,
+    componentProps = _a.componentProps,
+    Component = _a.Component;
+  var _b = React.useState(componentProps),
+    localComponentProps = _b[0],
+    setLocalComponentProps = _b[1];
+  React.useEffect(function () {
+    var onUpdate = function (newComponentProps) {
+      setLocalComponentProps(newComponentProps);
+    };
+    emitter.addListener("update", onUpdate);
+    return function () {
+      emitter.removeListener("update", onUpdate);
+    };
+  }, [emitter]);
+  return React__default.default.createElement(Component, tslib.__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__default.default();
-    var container = document.createElement("div");
-    parentNode.appendChild(container);
-    var root = client.createRoot(container);
-    root.render(React__default.default.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 };
+  var emitter = new Nanobus__default.default();
+  var container = document.createElement("div");
+  parentNode.appendChild(container);
+  var root = client.createRoot(container);
+  root.render(React__default.default.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
+  };
 };
-
 exports.createReactTooltipWrapper = createReactTooltipWrapper;

package/dist/cjs/RichTextEditor/utils/plugins/LinkManager/validation.cjs

@@ -1,16 +1,15 @@
 'use strict';
 
 var validateLink = function (href) {
-    var isValidLink = /^https?:\/\//.test(href);
-    if (!isValidLink) {
-        return {
-            status: "error",
-            message: "Please enter a valid URL",
-        };
-    }
+  var isValidLink = /^https?:\/\//.test(href);
+  if (!isValidLink) {
     return {
-        status: "success",
+      status: "error",
+      message: "Please enter a valid URL"
     };
+  }
+  return {
+    status: "success"
+  };
 };
-
 exports.validateLink = validateLink;

package/dist/cjs/RichTextEditor/utils/schema/marks.cjs

@@ -3,50 +3,70 @@
 var tslib = require('tslib');
 var prosemirrorSchemaBasic = require('prosemirror-schema-basic');
 var validation = require('../plugins/LinkManager/validation.cjs');
-
-var getMarks = function () { return (tslib.__assign(tslib.__assign({}, prosemirrorSchemaBasic.marks), { 
+var getMarks = function () {
+  return tslib.__assign(tslib.__assign({}, prosemirrorSchemaBasic.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];
-        },
-    }, 
+      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" },
+      attrs: {
+        href: {
+          default: null
+        },
+        _metadata: {
+          default: {
+            added: true
+          }
         },
-        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 = validation.validateLink(href);
-            if (validationStatus.status === "error") {
-                return ["span", 0];
-            }
-            return ["a", { href: href, target: target, rel: rel }, 0];
+        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 = validation.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;
+  var value = node.getAttribute(attributeName);
+  return value && value !== "" ? value : null;
 };
-
 exports.getMarks = getMarks;

package/dist/cjs/RichTextEditor/utils/schema/nodes.cjs

@@ -3,15 +3,32 @@
 var tslib = require('tslib');
 var prosemirrorSchemaBasic = require('prosemirror-schema-basic');
 var ProseMirrorSchemaList = require('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 = prosemirrorSchemaBasic.nodes.hard_break, horizontalRule = prosemirrorSchemaBasic.nodes.horizontal_rule, codeBlock = prosemirrorSchemaBasic.nodes.code_block, proseNodesNoSnakeCase = tslib.__rest(prosemirrorSchemaBasic.nodes
+  // We use camel case names instead of ProseMirror's snake case, so we remove any snake case properties here before spreading
+  var hardBreak = prosemirrorSchemaBasic.nodes.hard_break,
+    horizontalRule = prosemirrorSchemaBasic.nodes.horizontal_rule,
+    codeBlock = prosemirrorSchemaBasic.nodes.code_block,
+    proseNodesNoSnakeCase = tslib.__rest(prosemirrorSchemaBasic.nodes
     // ...and then add them back in manually
     , ["hard_break", "horizontal_rule", "code_block"]);
-    // ...and then add them back in manually
-    var proseNodesWithCamelCase = tslib.__assign(tslib.__assign({}, proseNodesNoSnakeCase), { hardBreak: hardBreak, horizontalRule: horizontalRule, codeBlock: codeBlock });
-    return tslib.__assign(tslib.__assign({}, proseNodesWithCamelCase), { orderedList: tslib.__assign(tslib.__assign({}, ProseMirrorSchemaList.orderedList), { content: "listItem+", group: "block" }), bulletList: tslib.__assign(tslib.__assign({}, ProseMirrorSchemaList.bulletList), { content: "listItem+", group: "block" }), listItem: tslib.__assign(tslib.__assign({}, ProseMirrorSchemaList.listItem), { content: "paragraph block*" }) });
+  // ...and then add them back in manually
+  var proseNodesWithCamelCase = tslib.__assign(tslib.__assign({}, proseNodesNoSnakeCase), {
+    hardBreak: hardBreak,
+    horizontalRule: horizontalRule,
+    codeBlock: codeBlock
+  });
+  return tslib.__assign(tslib.__assign({}, proseNodesWithCamelCase), {
+    orderedList: tslib.__assign(tslib.__assign({}, ProseMirrorSchemaList.orderedList), {
+      content: "listItem+",
+      group: "block"
+    }),
+    bulletList: tslib.__assign(tslib.__assign({}, ProseMirrorSchemaList.bulletList), {
+      content: "listItem+",
+      group: "block"
+    }),
+    listItem: tslib.__assign(tslib.__assign({}, ProseMirrorSchemaList.listItem), {
+      content: "paragraph block*"
+    })
+  });
 };
-
 exports.getNodes = getNodes;

package/dist/cjs/SearchField/SearchField.cjs

@@ -5,9 +5,11 @@ var React = require('react');
 var InputSearch = require('../Input/InputSearch/InputSearch.cjs');
 var Label = require('../Label/Label.cjs');
 var SearchField_module = require('./SearchField.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 /**
@@ -15,15 +17,34 @@ var React__default = /*#__PURE__*/_interopDefault(React);
  * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}
  */
 var SearchField = function (_a) {
-    var propsId = _a.id, labelText = _a.labelText, disabled = _a.disabled, _b = _a.reversed, reversed = _b === void 0 ? false : _b, _c = _a.secondary, secondary = _c === void 0 ? false : _c, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["id", "labelText", "disabled", "reversed", "secondary", "classNameOverride"]);
-    var showVisibleLabel = !secondary;
-    var reactId = React.useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
-    // @todo: Move restProps to container div?
-    return (React__default.default.createElement("div", { className: classNameOverride },
-        showVisibleLabel && (React__default.default.createElement(Label.Label, { htmlFor: id, labelText: labelText, reversed: reversed, disabled: disabled, classNameOverride: SearchField_module.label })),
-        React__default.default.createElement(InputSearch.InputSearch, tslib.__assign({ "aria-label": !showVisibleLabel ? labelText : undefined, id: id, disabled: disabled, reversed: reversed, secondary: secondary }, restProps))));
+  var propsId = _a.id,
+    labelText = _a.labelText,
+    disabled = _a.disabled,
+    _b = _a.reversed,
+    reversed = _b === void 0 ? false : _b,
+    _c = _a.secondary,
+    secondary = _c === void 0 ? false : _c,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["id", "labelText", "disabled", "reversed", "secondary", "classNameOverride"]);
+  var showVisibleLabel = !secondary;
+  var reactId = React.useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  // @todo: Move restProps to container div?
+  return React__default.default.createElement("div", {
+    className: classNameOverride
+  }, showVisibleLabel && React__default.default.createElement(Label.Label, {
+    htmlFor: id,
+    labelText: labelText,
+    reversed: reversed,
+    disabled: disabled,
+    classNameOverride: SearchField_module.label
+  }), React__default.default.createElement(InputSearch.InputSearch, tslib.__assign({
+    "aria-label": !showVisibleLabel ? labelText : undefined,
+    id: id,
+    disabled: disabled,
+    reversed: reversed,
+    secondary: secondary
+  }, restProps)));
 };
 SearchField.displayName = "SearchField";
-
 exports.SearchField = SearchField;

package/dist/cjs/SearchField/SearchField.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"label":"SearchField-module_label__NxYfn"};
-
+var styles = {
+  "label": "SearchField-module_label__NxYfn"
+};
 module.exports = styles;