@kaizen/components 3.3.2 → 3.3.3

package/dist/esm/src/RichTextEditor/RichTextEditor/RichTextEditor.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign, __spreadArray } from 'tslib';
-import React, { useId, useState, useEffect } from 'react';
+import React__default, { useId, useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { FieldMessage } from '../../FieldMessage/FieldMessage.mjs';
 import { Label } from '../../Label/Label.mjs';
@@ -31,110 +31,107 @@ import modules_75dcabc8 from './RichTextEditor.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}
  */
-const RichTextEditor = /*#__PURE__*/function () {
-  const RichTextEditor = function (_a) {
-    var id = _a.id,
-      inputRef = _a.inputRef,
-      onChange = _a.onChange,
-      defaultValue = _a.defaultValue,
-      labelText = _a.labelText,
-      labelledBy = _a["aria-labelledby"],
-      describedBy = _a["aria-describedby"],
-      classNameOverride = _a.classNameOverride,
-      controls = _a.controls,
-      _b = _a.rows,
-      rows = _b === void 0 ? 3 : _b,
-      dataError = _a.dataError,
-      onDataError = _a.onDataError,
-      validationMessage = _a.validationMessage,
-      description = _a.description,
-      _c = _a.status,
-      status = _c === void 0 ? 'default' : _c,
-      restProps = __rest(_a, ["id", "inputRef", "onChange", "defaultValue", "labelText", 'aria-labelledby', 'aria-describedby', "classNameOverride", "controls", "rows", "dataError", "onDataError", "validationMessage", "description", "status"]);
-    var generatedId = useId();
-    var schema = useState(createSchemaFromControls(controls))[0];
-    var editorId = id !== null && id !== void 0 ? id : generatedId;
-    var labelId = labelledBy !== null && labelledBy !== void 0 ? labelledBy : "".concat(editorId, "-rte-label");
-    var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : '';
-    var descriptionAria = description ? "".concat(editorId, "-rte-description") : '';
-    var ariaDescribedBy = classnames(validationMessageAria, descriptionAria, describedBy);
-    var useRichTextEditorResult = function () {
-      try {
-        // @todo: Fix if possible - avoiding breaking in eslint upgrade
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        return useRichTextEditor(ProseMirrorState.EditorState.create({
-          doc: ProseMirrorModel.Node.fromJSON(schema, {
-            type: 'doc',
-            // we're converting empty arrays to the ProseMirror default "empty" state because when
-            // given an empty array ProseMirror returns undefined, breaking the type
-            content: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) > 0 ? defaultValue : [{
-              type: 'paragraph'
-            }]
-          }),
-          schema: schema,
-          plugins: getPlugins(controls, schema)
-        }), {
-          'aria-labelledby': labelId,
-          'role': 'textbox',
-          'aria-describedby': ariaDescribedBy
-        }, {
-          inputRef: inputRef
-        });
-      } catch (_a) {
-        return new Error('Bad data error');
-      }
-    }();
-    if (useRichTextEditorResult instanceof Error) {
-      onDataError === null || onDataError === void 0 ? void 0 : onDataError();
-      return /*#__PURE__*/React.createElement(InlineNotification, {
-        headingProps: {
-          children: 'Error',
-          variant: 'heading-6'
-        },
-        variant: "warning",
-        persistent: true
-      }, dataError !== null && dataError !== void 0 ? dataError : 'Something went wrong');
+var RichTextEditor = function (_a) {
+  var id = _a.id,
+    inputRef = _a.inputRef,
+    onChange = _a.onChange,
+    defaultValue = _a.defaultValue,
+    labelText = _a.labelText,
+    labelledBy = _a["aria-labelledby"],
+    describedBy = _a["aria-describedby"],
+    classNameOverride = _a.classNameOverride,
+    controls = _a.controls,
+    _b = _a.rows,
+    rows = _b === void 0 ? 3 : _b,
+    dataError = _a.dataError,
+    onDataError = _a.onDataError,
+    validationMessage = _a.validationMessage,
+    description = _a.description,
+    _c = _a.status,
+    status = _c === void 0 ? 'default' : _c,
+    restProps = __rest(_a, ["id", "inputRef", "onChange", "defaultValue", "labelText", 'aria-labelledby', 'aria-describedby', "classNameOverride", "controls", "rows", "dataError", "onDataError", "validationMessage", "description", "status"]);
+  var generatedId = useId();
+  var schema = useState(createSchemaFromControls(controls))[0];
+  var editorId = id !== null && id !== void 0 ? id : generatedId;
+  var labelId = labelledBy !== null && labelledBy !== void 0 ? labelledBy : "".concat(editorId, "-rte-label");
+  var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : '';
+  var descriptionAria = description ? "".concat(editorId, "-rte-description") : '';
+  var ariaDescribedBy = classnames(validationMessageAria, descriptionAria, describedBy);
+  var useRichTextEditorResult = function () {
+    try {
+      // @todo: Fix if possible - avoiding breaking in eslint upgrade
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      return useRichTextEditor(ProseMirrorState.EditorState.create({
+        doc: ProseMirrorModel.Node.fromJSON(schema, {
+          type: 'doc',
+          // we're converting empty arrays to the ProseMirror default "empty" state because when
+          // given an empty array ProseMirror returns undefined, breaking the type
+          content: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) > 0 ? defaultValue : [{
+            type: 'paragraph'
+          }]
+        }),
+        schema: schema,
+        plugins: getPlugins(controls, schema)
+      }), {
+        'aria-labelledby': labelId,
+        'role': 'textbox',
+        'aria-describedby': ariaDescribedBy
+      }, {
+        inputRef: inputRef
+      });
+    } catch (_a) {
+      return new Error('Bad data error');
     }
-    var editorRef = useRichTextEditorResult[0],
-      editorState = useRichTextEditorResult[1],
-      dispatchTransaction = useRichTextEditorResult[2];
-    // @todo: Fix if possible - avoiding breaking in eslint upgrade
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useEffect(function () {
-      onChange(editorState);
-      // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [editorState]);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, !labelledBy && labelText && (/*#__PURE__*/React.createElement(Label, {
-      classNameOverride: modules_75dcabc8.editorLabel,
-      id: labelId,
-      labelText: labelText
-    })), /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_75dcabc8.editorWrapper, modules_75dcabc8[status])
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_75dcabc8.toolbarWrapper
-    }, /*#__PURE__*/React.createElement(ToolbarControls, {
-      editorId: editorId,
-      controls: controls,
-      editorState: editorState,
-      schema: schema,
-      dispatchTransaction: dispatchTransaction
-    })), /*#__PURE__*/React.createElement("div", __assign({
-      id: editorId,
-      ref: editorRef,
-      className: classnames(modules_75dcabc8.editor, modules_75dcabc8["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && modules_75dcabc8.hasToolbar)
-    }, restProps))), validationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
-      id: validationMessageAria,
-      message: validationMessage,
-      status: status
-    })), description && /*#__PURE__*/React.createElement(FieldMessage, {
-      id: descriptionAria,
-      message: description
-    }));
-  };
-  RichTextEditor.displayName = 'RichTextEditor';
-  return RichTextEditor;
-}();
+  }();
+  if (useRichTextEditorResult instanceof Error) {
+    onDataError === null || onDataError === void 0 ? void 0 : onDataError();
+    return /*#__PURE__*/React__default.createElement(InlineNotification, {
+      headingProps: {
+        children: 'Error',
+        variant: 'heading-6'
+      },
+      variant: "warning",
+      persistent: true
+    }, dataError !== null && dataError !== void 0 ? dataError : 'Something went wrong');
+  }
+  var editorRef = useRichTextEditorResult[0],
+    editorState = useRichTextEditorResult[1],
+    dispatchTransaction = useRichTextEditorResult[2];
+  // @todo: Fix if possible - avoiding breaking in eslint upgrade
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(function () {
+    onChange(editorState);
+    // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editorState]);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !labelledBy && labelText && (/*#__PURE__*/React__default.createElement(Label, {
+    classNameOverride: modules_75dcabc8.editorLabel,
+    id: labelId,
+    labelText: labelText
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(modules_75dcabc8.editorWrapper, modules_75dcabc8[status])
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_75dcabc8.toolbarWrapper
+  }, /*#__PURE__*/React__default.createElement(ToolbarControls, {
+    editorId: editorId,
+    controls: controls,
+    editorState: editorState,
+    schema: schema,
+    dispatchTransaction: dispatchTransaction
+  })), /*#__PURE__*/React__default.createElement("div", __assign({
+    id: editorId,
+    ref: editorRef,
+    className: classnames(modules_75dcabc8.editor, modules_75dcabc8["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && modules_75dcabc8.hasToolbar)
+  }, restProps))), validationMessage && (/*#__PURE__*/React__default.createElement(FieldMessage, {
+    id: validationMessageAria,
+    message: validationMessage,
+    status: status
+  })), description && /*#__PURE__*/React__default.createElement(FieldMessage, {
+    id: descriptionAria,
+    message: description
+  }));
+};
+RichTextEditor.displayName = 'RichTextEditor';
 function getPlugins(controls, schema) {
   var allControlNames = controls ? controls.reduce(function (acc, c) {
     return __spreadArray(__spreadArray([], acc, true), [c.name], false);

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

@@ -1,40 +1,37 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Tooltip } from '../../../../TooltipV1/Tooltip.mjs';
 import modules_49aa675d 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(modules_49aa675d.button, classNameOverride, modules_49aa675d[mood], isActive && modules_49aa675d.active, disabled && modules_49aa675d.disabled)
-    }, nativeButtonProps), icon));
-  });
-  ToggleIconButton.displayName = 'ToggleIconButton';
-  return ToggleIconButton;
-}();
+var ToggleIconButton = /*#__PURE__*/React__default.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__default.createElement(Tooltip, {
+    text: label,
+    display: "inline-block",
+    position: "above",
+    animationDuration: 5
+  }, /*#__PURE__*/React__default.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(modules_49aa675d.button, classNameOverride, modules_49aa675d[mood], isActive && modules_49aa675d.active, disabled && modules_49aa675d.disabled)
+  }, nativeButtonProps), icon));
+});
+ToggleIconButton.displayName = 'ToggleIconButton';
 export { ToggleIconButton };

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

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_b2e3cb74 from './Toolbar.module.scss.mjs';
 var determineValidKeypress = function (event) {
@@ -21,48 +21,45 @@ var handleKeyDown = function (e, buttonIndex, buttonFocusIndex, setFocusIndex, t
   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(modules_b2e3cb74.toolbar, classNameOverride),
-      role: "toolbar"
-    }, toolbarProps), React.Children.map(toolbarChildren, function (toolbarSection, sectionIndex) {
-      if (! /*#__PURE__*/React.isValidElement(toolbarSection)) {
-        return toolbarChildren;
+var Toolbar = function (props) {
+  var toolbarChildren = props.children,
+    classNameOverride = props.classNameOverride,
+    toolbarProps = __rest(props, ["children", "classNameOverride"]);
+  var _a = React__default.useState(0),
+    buttonFocusIndex = _a[0],
+    setButtonFocusIndex = _a[1];
+  var toolbarButtonsRef = React__default.useRef([]);
+  var buttonCount = 0;
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_b2e3cb74.toolbar, classNameOverride),
+    role: "toolbar"
+  }, toolbarProps), React__default.Children.map(toolbarChildren, function (toolbarSection, sectionIndex) {
+    if (! /*#__PURE__*/React__default.isValidElement(toolbarSection)) {
+      return toolbarChildren;
+    }
+    var _a = toolbarSection.props,
+      sectionChildren = _a.children,
+      toolbarSectionProps = __rest(_a, ["children"]);
+    return /*#__PURE__*/React__default.createElement(toolbarSection.type, __assign({}, toolbarSectionProps, {
+      key: "rte-section-".concat(sectionIndex)
+    }), React__default.Children.map(sectionChildren, function (toolbarButton) {
+      if (! /*#__PURE__*/React__default.isValidElement(toolbarButton)) {
+        return;
       }
-      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__default.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;
         }
-        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;
-}();
+  }));
+};
+Toolbar.displayName = 'Toolbar';
 export { Toolbar };

package/dist/esm/src/RichTextEditor/RichTextEditor/subcomponents/ToolbarControls/ToolbarControls.mjs

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import React__default, { useCallback } from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import { useControlMap } from '../../utils/controlmap.mjs';
 import { ToggleIconButton } from '../ToggleIconButton/ToggleIconButton.mjs';
@@ -16,7 +16,7 @@ var ToolbarControls = function (_a) {
     dispatchTransaction(action);
   }, [dispatchTransaction]);
   if (controlMap.length <= 0) return null;
-  return /*#__PURE__*/React.createElement(Toolbar, {
+  return /*#__PURE__*/React__default.createElement(Toolbar, {
     "aria-controls": editorId,
     "aria-label": formatMessage({
       id: 'kz.rte.toolbar.aria_label',
@@ -24,10 +24,10 @@ var ToolbarControls = function (_a) {
       description: 'Label for the text formatting toolbar in a Rich Text Editor'
     })
   }, controlMap.map(function (section, index) {
-    return /*#__PURE__*/React.createElement(ToolbarSection, {
+    return /*#__PURE__*/React__default.createElement(ToolbarSection, {
       key: index
     }, section.map(function (controlConfig, controlKeyIndex) {
-      return /*#__PURE__*/React.createElement(ToggleIconButton, {
+      return /*#__PURE__*/React__default.createElement(ToggleIconButton, {
         key: controlKeyIndex,
         icon: controlConfig.icon,
         disabled: controlConfig.disabled,

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

@@ -1,13 +1,10 @@
 import { __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import modules_db34ff08 from './ToolbarSection.module.scss.mjs';
-const ToolbarSection = /*#__PURE__*/function () {
-  const ToolbarSection = function (props) {
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: modules_db34ff08.toolbarSection
-    }, props));
-  };
-  ToolbarSection.displayName = 'ToolbarSection';
-  return ToolbarSection;
-}();
+var ToolbarSection = function (props) {
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: modules_db34ff08.toolbarSection
+  }, props));
+};
+ToolbarSection.displayName = 'ToolbarSection';
 export { ToolbarSection };

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

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import { Icon } from '../../../Icon/Icon.mjs';
 import { listIsActive } from '../../utils/commands/listIsActive.mjs';
@@ -160,7 +160,7 @@ var useControlMap = function (schema, editorState, controls) {
         defaultMessage: 'Bold',
         description: 'Label for the "Bold" button in a text editor'
       }),
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
         name: "format_bold",
         isPresentational: true
       })
@@ -177,7 +177,7 @@ var useControlMap = function (schema, editorState, controls) {
         defaultMessage: 'Italic',
         description: 'Label for the "Italic" button in a text editor'
       }),
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
         name: "format_italic",
         isPresentational: true
       })
@@ -194,7 +194,7 @@ var useControlMap = function (schema, editorState, controls) {
         defaultMessage: 'Underline',
         description: 'Label for the "Underline" button in a text editor'
       }),
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
         name: "format_underlined",
         isPresentational: true
       })
@@ -211,7 +211,7 @@ var useControlMap = function (schema, editorState, controls) {
         defaultMessage: 'Bullet list',
         description: 'Label for the "Bullet list" button in a text editor'
       }),
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
         name: "format_list_bulleted",
         isPresentational: true,
         shouldMirrorInRTL: true
@@ -229,7 +229,7 @@ var useControlMap = function (schema, editorState, controls) {
         defaultMessage: 'Numbered list',
         description: 'Label for the "Numbered list" button in a text editor'
       }),
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
         name: "format_list_numbered",
         isPresentational: true,
         shouldMirrorInRTL: true
@@ -247,7 +247,7 @@ var useControlMap = function (schema, editorState, controls) {
         defaultMessage: 'Decrease indent',
         description: 'Label for the "Decrease indent" button in a text editor'
       }),
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
         name: "format_indent_decrease",
         isPresentational: true,
         shouldMirrorInRTL: true
@@ -261,7 +261,7 @@ var useControlMap = function (schema, editorState, controls) {
         defaultMessage: 'Increase indent',
         description: 'Label for the "Increase indent" button in a text editor'
       }),
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
         name: "format_indent_increase",
         isPresentational: true,
         shouldMirrorInRTL: true
@@ -280,7 +280,7 @@ var useControlMap = function (schema, editorState, controls) {
         defaultMessage: 'Link',
         description: 'Label for the "Link" button in a text editor that allows the creation of hyperlinks in the text'
       }),
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
         name: "add_link",
         isPresentational: true
       })

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

@@ -1,57 +1,54 @@
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { LinkModal } from '../LinkModal/LinkModal.mjs';
 import { LinkPopover } from '../LinkPopover/LinkPopover.mjs';
-const LinkEditor = /*#__PURE__*/function () {
-  const LinkEditor = function (_a) {
-    var _b, _c;
-    var attrs = _a.attrs,
-      removeMark = _a.removeMark,
-      updateAttrs = _a.updateAttrs,
-      selectionPosition = _a.selectionPosition,
-      focusEditor = _a.focusEditor;
-    var _d = useState(attrs.href != null),
-      isPopoverOpen = _d[0],
-      setIsPopoverOpen = _d[1];
-    var _e = useState(((_b = attrs._metadata) === null || _b === void 0 ? void 0 : _b.added) === true),
-      modalOpen = _e[0],
-      setModalOpen = _e[1];
-    var _f = useState((_c = attrs.href) !== null && _c !== void 0 ? _c : undefined),
-      href = _f[0],
-      setHref = _f[1];
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isPopoverOpen && (/*#__PURE__*/React.createElement(LinkPopover, {
-      href: href,
-      selectionPosition: selectionPosition,
-      onRemove: function () {
+var LinkEditor = function (_a) {
+  var _b, _c;
+  var attrs = _a.attrs,
+    removeMark = _a.removeMark,
+    updateAttrs = _a.updateAttrs,
+    selectionPosition = _a.selectionPosition,
+    focusEditor = _a.focusEditor;
+  var _d = useState(attrs.href != null),
+    isPopoverOpen = _d[0],
+    setIsPopoverOpen = _d[1];
+  var _e = useState(((_b = attrs._metadata) === null || _b === void 0 ? void 0 : _b.added) === true),
+    modalOpen = _e[0],
+    setModalOpen = _e[1];
+  var _f = useState((_c = attrs.href) !== null && _c !== void 0 ? _c : undefined),
+    href = _f[0],
+    setHref = _f[1];
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isPopoverOpen && (/*#__PURE__*/React__default.createElement(LinkPopover, {
+    href: href,
+    selectionPosition: selectionPosition,
+    onRemove: function () {
+      removeMark();
+      focusEditor();
+    },
+    onEdit: function () {
+      setIsPopoverOpen(false);
+      setModalOpen(true);
+    }
+  })), /*#__PURE__*/React__default.createElement(LinkModal, {
+    defaultHref: href,
+    isOpen: modalOpen,
+    onAfterLeave: focusEditor,
+    onSubmit: function (submittedHref) {
+      setHref(submittedHref);
+      updateAttrs({
+        href: submittedHref,
+        _metadata: null
+      });
+      setModalOpen(false);
+    },
+    onDismiss: function () {
+      setModalOpen(false);
+      if (href) {
+        setIsPopoverOpen(true);
+      } else {
         removeMark();
-        focusEditor();
-      },
-      onEdit: function () {
-        setIsPopoverOpen(false);
-        setModalOpen(true);
       }
-    })), /*#__PURE__*/React.createElement(LinkModal, {
-      defaultHref: href,
-      isOpen: modalOpen,
-      onAfterLeave: focusEditor,
-      onSubmit: function (submittedHref) {
-        setHref(submittedHref);
-        updateAttrs({
-          href: submittedHref,
-          _metadata: null
-        });
-        setModalOpen(false);
-      },
-      onDismiss: function () {
-        setModalOpen(false);
-        if (href) {
-          setIsPopoverOpen(true);
-        } else {
-          removeMark();
-        }
-      }
-    }));
-  };
-  LinkEditor.displayName = 'LinkEditor';
-  return LinkEditor;
-}();
+    }
+  }));
+};
+LinkEditor.displayName = 'LinkEditor';
 export { LinkEditor };