@kaizen/components 3.3.1 → 3.3.3

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

@@ -1,4 +1,4 @@
-import React, { useState, useRef } from 'react';
+import React__default, { useState, useRef } from 'react';
 import '../../../../../../Modal/ConfirmationModal/ConfirmationModal.mjs';
 import '../../../../../../Modal/ContextModal/ContextModal.mjs';
 import '../../../../../../Modal/GenericModal/GenericModal.mjs';
@@ -12,62 +12,59 @@ import { InputEditModal } from '../../../../../../Modal/InputEditModal/InputEdit
 import { TextField } from '../../../../../../TextField/TextField.mjs';
 import { validateLink } from '../../validation.mjs';
 import modules_9a85300b from './LinkModal.module.scss.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 !== null && defaultHref !== void 0 ? 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',
-      color: "green",
-      isOpen: isOpen,
-      title: defaultHref ? 'Edit link' : 'Add link',
-      onSubmit: handleSubmit,
-      onDismiss: onDismiss,
-      onAfterLeave: onAfterLeave,
-      onAfterEnter: function () {
-        var _a;
-        return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-      }
-    }, /*#__PURE__*/React.createElement(TextField, {
-      id: "href",
-      type: "text",
-      defaultValue: href !== null && href !== void 0 ? href : '',
-      labelText: "Link URL",
-      description: "Must start with http:// or https://",
-      inputRef: inputRef,
-      validationMessage: (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.message) && (/*#__PURE__*/React.createElement("div", {
-        className: modules_9a85300b.validationErrorMessage
-      }, validationStatus.message)),
-      status: validationStatus.status,
-      onChange: function (e) {
-        setHref(e.target.value);
-      },
-      inline: true
-    }));
+var LinkModal = function (_a) {
+  var onSubmit = _a.onSubmit,
+    onDismiss = _a.onDismiss,
+    onAfterLeave = _a.onAfterLeave,
+    isOpen = _a.isOpen,
+    defaultHref = _a.defaultHref;
+  var _b = useState(defaultHref !== null && defaultHref !== void 0 ? 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);
   };
-  LinkModal.displayName = 'LinkModal';
-  return LinkModal;
-}();
+  return /*#__PURE__*/React__default.createElement(InputEditModal, {
+    submitLabel: defaultHref ? 'Save' : 'Add',
+    color: "green",
+    isOpen: isOpen,
+    title: defaultHref ? 'Edit link' : 'Add link',
+    onSubmit: handleSubmit,
+    onDismiss: onDismiss,
+    onAfterLeave: onAfterLeave,
+    onAfterEnter: function () {
+      var _a;
+      return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+  }, /*#__PURE__*/React__default.createElement(TextField, {
+    id: "href",
+    type: "text",
+    defaultValue: href !== null && href !== void 0 ? href : '',
+    labelText: "Link URL",
+    description: "Must start with http:// or https://",
+    inputRef: inputRef,
+    validationMessage: (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.message) && (/*#__PURE__*/React__default.createElement("div", {
+      className: modules_9a85300b.validationErrorMessage
+    }, validationStatus.message)),
+    status: validationStatus.status,
+    onChange: function (e) {
+      setHref(e.target.value);
+    },
+    inline: true
+  }));
+};
+LinkModal.displayName = 'LinkModal';
 export { LinkModal };

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

@@ -1,52 +1,49 @@
 import { __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { Icon } from '../../../../../../Icon/Icon.mjs';
 import { usePopover } from '../../../../../../Popover/Popover.mjs';
 import { Text } from '../../../../../../Text/Text.mjs';
 import { Positioner } from './Positioner.mjs';
 import modules_823664a6 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: modules_823664a6.popoverContent
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "open_in_new",
-      isPresentational: true
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_823664a6.popoverLinkContainer
-    }, /*#__PURE__*/React.createElement(Text, {
-      variant: "body",
-      tag: "div",
-      classNameOverride: modules_823664a6.paragraphFlex
-    }, /*#__PURE__*/React.createElement("a", {
-      className: modules_823664a6.popoverLink,
-      href: href,
-      target: "_blank",
-      rel: "noopener noreferrer"
-    }, href))), /*#__PURE__*/React.createElement("div", {
-      className: modules_823664a6.popoverActions
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "edit",
-      onClick: onEdit,
-      alt: "Edit link"
-    })), /*#__PURE__*/React.createElement(Icon, {
-      name: "link_off",
-      onClick: onRemove,
-      alt: "Remove link"
-    }))));
-  };
-  LinkPopover.displayName = 'LinkPopover';
-  return LinkPopover;
-}();
+var 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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Positioner, __assign({
+    ref: ElementRef
+  }, selectionPosition)), /*#__PURE__*/React__default.createElement(Popover, {
+    size: "large"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_823664a6.popoverContent
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: "open_in_new",
+    isPresentational: true
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_823664a6.popoverLinkContainer
+  }, /*#__PURE__*/React__default.createElement(Text, {
+    variant: "body",
+    tag: "div",
+    classNameOverride: modules_823664a6.paragraphFlex
+  }, /*#__PURE__*/React__default.createElement("a", {
+    className: modules_823664a6.popoverLink,
+    href: href,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, href))), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_823664a6.popoverActions
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: "edit",
+    onClick: onEdit,
+    alt: "Edit link"
+  })), /*#__PURE__*/React__default.createElement(Icon, {
+    name: "link_off",
+    onClick: onRemove,
+    alt: "Remove link"
+  }))));
+};
+LinkPopover.displayName = 'LinkPopover';
 export { LinkPopover };

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

@@ -1,48 +1,45 @@
-import React, { forwardRef, useState, useEffect, useRef } from 'react';
+import React__default, { forwardRef, useState, useEffect, useRef } 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(),
-      portalContainer = _b[0],
-      setPortalContainer = _b[1];
-    var _c = useState(),
-      windowScroll = _c[0],
-      setWindowScroll = _c[1];
-    useEffect(function () {
-      setWindowScroll([window.scrollX, window.scrollY]);
-      setPortalContainer(document.body);
-    }, []);
-    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]);
-    if (windowScroll === undefined || portalContainer === undefined) return null;
-    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")
-      }
-    }), portalContainer);
-  });
-  Positioner.displayName = 'Positioner';
-  return Positioner;
-}();
+var Positioner = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var top = _a.top,
+    left = _a.left,
+    height = _a.height,
+    width = _a.width;
+  var _b = useState(),
+    portalContainer = _b[0],
+    setPortalContainer = _b[1];
+  var _c = useState(),
+    windowScroll = _c[0],
+    setWindowScroll = _c[1];
+  useEffect(function () {
+    setWindowScroll([window.scrollX, window.scrollY]);
+    setPortalContainer(document.body);
+  }, []);
+  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]);
+  if (windowScroll === undefined || portalContainer === undefined) return null;
+  var x = windowScroll[0],
+    y = windowScroll[1];
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React__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';
 export { Positioner };

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

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import Nanobus from 'nanobus';
 import { createRoot } from 'react-dom/client';
 var Wrapper = function (_a) {
@@ -18,7 +18,7 @@ var Wrapper = function (_a) {
       emitter.removeListener('update', onUpdate);
     };
   }, [emitter]);
-  return /*#__PURE__*/React.createElement(Component, __assign({}, localComponentProps));
+  return /*#__PURE__*/React__default.createElement(Component, __assign({}, localComponentProps));
 };
 /**
  * Create a wrapping connector for rendering a React element into a separate
@@ -29,7 +29,7 @@ var createReactTooltipWrapper = function (parentNode, Component, componentProps)
   var container = document.createElement('div');
   parentNode.appendChild(container);
   var root = createRoot(container);
-  root.render(/*#__PURE__*/React.createElement(Wrapper, {
+  root.render(/*#__PURE__*/React__default.createElement(Wrapper, {
     componentProps: componentProps,
     Component: Component,
     emitter: emitter

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

@@ -1,10 +1,10 @@
-import React from 'react';
+import React__default from 'react';
 var validateLink = function (href) {
   var isValidLink = /^https?:\/\//.test(href);
   if (!isValidLink) {
     return {
       status: 'error',
-      message: (/*#__PURE__*/React.createElement(React.Fragment, null, "Empty or invalid link. Links must start with http or https, e.g:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "https://google.com"), /*#__PURE__*/React.createElement("li", null, "http://www.google.com"))))
+      message: (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Empty or invalid link. Links must start with http or https, e.g:", /*#__PURE__*/React__default.createElement("ul", null, /*#__PURE__*/React__default.createElement("li", null, "https://google.com"), /*#__PURE__*/React__default.createElement("li", null, "http://www.google.com"))))
     };
   }
   return {

package/dist/esm/src/SearchField/SearchField.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useId } from 'react';
+import React__default, { useId } from 'react';
 import { InputSearch } from '../Input/InputSearch/InputSearch.mjs';
 import { Label } from '../Label/Label.mjs';
 import modules_edcc5c44 from './SearchField.module.css.mjs';
@@ -8,38 +8,35 @@ import modules_edcc5c44 from './SearchField.module.css.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}
  */
-const SearchField = /*#__PURE__*/function () {
-  const 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 = __rest(_a, ["id", "labelText", "disabled", "reversed", "secondary", "classNameOverride"]);
-    var showVisibleLabel = !secondary;
-    var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
-    // @todo: Move restProps to container div?
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNameOverride
-    }, showVisibleLabel && (/*#__PURE__*/React.createElement(Label, {
-      htmlFor: id,
-      labelText: labelText,
-      reversed: reversed,
-      disabled: disabled,
-      classNameOverride: modules_edcc5c44.label
-    })), /*#__PURE__*/React.createElement(InputSearch, __assign({
-      "aria-label": !showVisibleLabel ? labelText : undefined,
-      id: id,
-      disabled: disabled,
-      reversed: reversed,
-      secondary: secondary
-    }, restProps)));
-  };
-  SearchField.displayName = 'SearchField';
-  return SearchField;
-}();
+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 = __rest(_a, ["id", "labelText", "disabled", "reversed", "secondary", "classNameOverride"]);
+  var showVisibleLabel = !secondary;
+  var reactId = useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  // @todo: Move restProps to container div?
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNameOverride
+  }, showVisibleLabel && (/*#__PURE__*/React__default.createElement(Label, {
+    htmlFor: id,
+    labelText: labelText,
+    reversed: reversed,
+    disabled: disabled,
+    classNameOverride: modules_edcc5c44.label
+  })), /*#__PURE__*/React__default.createElement(InputSearch, __assign({
+    "aria-label": !showVisibleLabel ? labelText : undefined,
+    id: id,
+    disabled: disabled,
+    reversed: reversed,
+    secondary: secondary
+  }, restProps)));
+};
+SearchField.displayName = 'SearchField';
 export { SearchField };