@contentful/field-editor-rich-text 3.17.7 → 3.18.1

package/dist/cjs/Toolbar/components/ButtonRedo.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ButtonRedo", {
+    enumerable: true,
+    get: function() {
+        return ButtonRedo;
+    }
+});
+const _react = _interop_require_default(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
+const _ToolbarButton = require("../../plugins/shared/ToolbarButton");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const ButtonRedo = ()=>{
+    const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
+    return _react.default.createElement(_ToolbarButton.ToolbarButton, {
+        title: "Redo",
+        testId: "redo-toolbar-button",
+        onClick: editor.redo,
+        isActive: false,
+        isDisabled: editor.history.redos.length === 0
+    }, _react.default.createElement(_f36components.Icon, {
+        variant: "secondary"
+    }, _react.default.createElement("path", {
+        d: "M18.4,10.6C16.55,9 14.15,8 11.5,8C6.85,8 2.92,11.03 1.54,15.22L3.9,16C4.95,12.81 7.95,10.5 11.5,10.5C13.45,10.5 15.23,11.22 16.62,12.38L13,16H22V7L18.4,10.6Z"
+    })));
+};

package/dist/cjs/Toolbar/components/ButtonUndo.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ButtonUndo", {
+    enumerable: true,
+    get: function() {
+        return ButtonUndo;
+    }
+});
+const _react = _interop_require_default(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
+const _ToolbarButton = require("../../plugins/shared/ToolbarButton");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const ButtonUndo = ()=>{
+    const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
+    return _react.default.createElement(_ToolbarButton.ToolbarButton, {
+        title: "Undo",
+        testId: "undo-toolbar-button",
+        onClick: editor.undo,
+        isActive: false,
+        isDisabled: editor.history.undos.length === 0
+    }, _react.default.createElement(_f36components.Icon, {
+        variant: "secondary"
+    }, _react.default.createElement("path", {
+        d: "M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z"
+    })));
+};

package/dist/cjs/Toolbar/index.js

@@ -31,6 +31,8 @@ const _Underline = require("../plugins/Marks/Underline");
 const _Quote = require("../plugins/Quote");
 const _Table = require("../plugins/Table");
 const _SdkProvider = require("../SdkProvider");
+const _ButtonRedo = require("./components/ButtonRedo");
+const _ButtonUndo = require("./components/ButtonUndo");
 const _EmbedEntityWidget = require("./components/EmbedEntityWidget");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -106,8 +108,7 @@ const styles = {
         ],
         webkitAlignSelf: 'flex-start',
         alignSelf: 'flex-start',
-        msFlexItemAlign: 'start',
-        marginLeft: 'auto'
+        msFlexItemAlign: 'start'
     }),
     formattingOptionsWrapper: (0, _emotion.css)({
         display: [
@@ -156,14 +157,19 @@ const Toolbar = ({ isDisabled })=>{
     const dropdownItemsAvailable = (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUPERSCRIPT) || (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUBSCRIPT) || (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.CODE);
     const shouldShowDropdown = boldItalicUnderlineAvailable && dropdownItemsAvailable;
     return _react.createElement(_f36components.Flex, {
+        gap: "spacingS",
+        flexWrap: "wrap",
+        flexDirection: "row",
         testId: "toolbar",
         className: styles.toolbar,
-        alignItems: "center"
+        justifyContent: "space-between"
     }, _react.createElement("div", {
         className: styles.formattingOptionsWrapper
     }, _react.createElement(_Heading.ToolbarHeadingButton, {
         isDisabled: isDisabled || !canInsertBlocks
-    }), validationInfo.isAnyMarkEnabled && _react.createElement("span", {
+    }), _react.createElement("span", {
+        className: styles.divider
+    }), _react.createElement(_ButtonUndo.ButtonUndo, null), _react.createElement(_ButtonRedo.ButtonRedo, null), validationInfo.isAnyMarkEnabled && _react.createElement("span", {
         className: styles.divider
     }), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.BOLD) && _react.createElement(_Bold.ToolbarBoldButton, {
         isDisabled: isDisabled

package/dist/cjs/internal/hooks.js

@@ -9,9 +9,6 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    useFocused: function() {
-        return useFocused;
-    },
     usePlateEditorRef: function() {
         return usePlateEditorRef;
     },
@@ -78,6 +75,3 @@ const usePlateEditorState = (id)=>{
 const usePlateSelectors = (id)=>{
     return _platecommon.usePlateSelectors(id);
 };
-const useFocused = ()=>{
-    return _slatereact.useFocused();
-};

package/dist/cjs/plugins/Hyperlink/components/EntityHyperlink.js

@@ -58,7 +58,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function EntityHyperlink(props) {
-    const { editor, sdk, isLinkFocused, pathToElement } = (0, _useHyperlinkCommon.useHyperlinkCommon)(props.element);
+    const { editor, sdk, isLinkFocused, pathToElement, isEditorFocused } = (0, _useHyperlinkCommon.useHyperlinkCommon)(props.element);
     const { onEntityFetchComplete } = (0, _linkstracking.useLinkTracking)();
     const { target } = props.element.data;
     const tooltipContent = (0, _useEntityInfo.useEntityInfo)({
@@ -78,7 +78,8 @@ function EntityHyperlink(props) {
         isLinkFocused: isLinkFocused,
         handleEditLink: ()=>(0, _linkHandlers.handleEditLink)(editor, sdk, pathToElement),
         handleRemoveLink: ()=>(0, _linkHandlers.handleRemoveLink)(editor),
-        popoverText: popoverText
+        popoverText: popoverText,
+        isEditorFocused: isEditorFocused
     }, _react.createElement(_f36components.Text, {
         testId: "cf-ui-text-link",
         fontColor: "blue600",

package/dist/cjs/plugins/Hyperlink/components/LinkPopover.js

@@ -11,7 +11,6 @@ Object.defineProperty(exports, "LinkPopover", {
 const _react = _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
-const _hooks = require("../../../internal/hooks");
 const _styles = require("./styles");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -54,8 +53,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const LinkPopover = ({ isLinkFocused, popoverText, handleEditLink, handleRemoveLink, children, handleCopyLink })=>{
-    const isEditorFocused = (0, _hooks.useFocused)();
+const LinkPopover = ({ isLinkFocused, popoverText, handleEditLink, handleRemoveLink, children, handleCopyLink, isEditorFocused })=>{
     const popoverContent = _react.useRef(null);
     const [isPopoverContentClicked, setIsPopoverContentClicked] = _react.useState(false);
     _react.useEffect(()=>{

package/dist/cjs/plugins/Hyperlink/components/ResourceHyperlink.js

@@ -58,7 +58,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function ResourceHyperlink(props) {
-    const { editor, sdk, isLinkFocused, pathToElement } = (0, _useHyperlinkCommon.useHyperlinkCommon)(props.element);
+    const { editor, sdk, isLinkFocused, pathToElement, isEditorFocused } = (0, _useHyperlinkCommon.useHyperlinkCommon)(props.element);
     const { onEntityFetchComplete } = (0, _linkstracking.useLinkTracking)();
     const { target } = props.element.data;
     const tooltipContent = (0, _useResourceEntityInfo.useResourceEntityInfo)({
@@ -77,7 +77,8 @@ function ResourceHyperlink(props) {
         isLinkFocused: isLinkFocused,
         handleEditLink: ()=>(0, _linkHandlers.handleEditLink)(editor, sdk, pathToElement),
         handleRemoveLink: ()=>(0, _linkHandlers.handleRemoveLink)(editor),
-        popoverText: popoverText
+        popoverText: popoverText,
+        isEditorFocused: isEditorFocused
     }, _react.createElement(_f36components.Text, {
         testId: "cf-ui-text-link",
         fontColor: "blue600",

package/dist/cjs/plugins/Hyperlink/components/UrlHyperlink.js

@@ -56,7 +56,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function UrlHyperlink(props) {
-    const { editor, sdk, isLinkFocused, pathToElement } = (0, _useHyperlinkCommon.useHyperlinkCommon)(props.element);
+    const { editor, sdk, isLinkFocused, pathToElement, isEditorFocused } = (0, _useHyperlinkCommon.useHyperlinkCommon)(props.element);
     const uri = props.element.data?.uri;
     const popoverText = _react.createElement(_f36components.TextLink, {
         className: _styles.styles.openLink,
@@ -69,7 +69,8 @@ function UrlHyperlink(props) {
         handleEditLink: ()=>(0, _linkHandlers.handleEditLink)(editor, sdk, pathToElement),
         handleRemoveLink: ()=>(0, _linkHandlers.handleRemoveLink)(editor),
         handleCopyLink: ()=>(0, _linkHandlers.handleCopyLink)(uri),
-        popoverText: popoverText
+        popoverText: popoverText,
+        isEditorFocused: isEditorFocused
     }, _react.createElement(_f36components.TextLink, {
         testId: "cf-ui-text-link",
         href: uri,

package/dist/cjs/plugins/Hyperlink/components/useHyperlinkCommon.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "useHyperlinkCommon", {
         return useHyperlinkCommon;
     }
 });
+const _react = require("react");
 const _ContentfulEditorProvider = require("../../../ContentfulEditorProvider");
 const _queries = require("../../../internal/queries");
 const _SdkProvider = require("../../../SdkProvider");
@@ -17,10 +18,30 @@ function useHyperlinkCommon(element) {
     const focus = editor.selection?.focus;
     const pathToElement = (0, _queries.findNodePath)(editor, element);
     const isLinkFocused = pathToElement && focus && (0, _queries.isChildPath)(focus.path, pathToElement);
+    const [isEditorFocused, setIsEditorFocused] = (0, _react.useState)(false);
+    (0, _react.useEffect)(()=>{
+        const handleFocus = ()=>setIsEditorFocused(true);
+        const handleBlur = ()=>setIsEditorFocused(false);
+        const editorElement = document.getElementById(editor.id);
+        if (editorElement) {
+            setIsEditorFocused(document.activeElement === editorElement);
+            editorElement.addEventListener('focus', handleFocus);
+            editorElement.addEventListener('blur', handleBlur);
+        }
+        return ()=>{
+            if (editorElement) {
+                editorElement.removeEventListener('focus', handleFocus);
+                editorElement.removeEventListener('blur', handleBlur);
+            }
+        };
+    }, [
+        editor
+    ]);
     return {
         editor,
         sdk,
         isLinkFocused,
-        pathToElement
+        pathToElement,
+        isEditorFocused
     };
 }

package/dist/esm/Toolbar/components/ButtonRedo.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Icon } from '@contentful/f36-components';
+import { useContentfulEditor } from '../../ContentfulEditorProvider';
+import { ToolbarButton } from '../../plugins/shared/ToolbarButton';
+export const ButtonRedo = ()=>{
+    const editor = useContentfulEditor();
+    return React.createElement(ToolbarButton, {
+        title: "Redo",
+        testId: "redo-toolbar-button",
+        onClick: editor.redo,
+        isActive: false,
+        isDisabled: editor.history.redos.length === 0
+    }, React.createElement(Icon, {
+        variant: "secondary"
+    }, React.createElement("path", {
+        d: "M18.4,10.6C16.55,9 14.15,8 11.5,8C6.85,8 2.92,11.03 1.54,15.22L3.9,16C4.95,12.81 7.95,10.5 11.5,10.5C13.45,10.5 15.23,11.22 16.62,12.38L13,16H22V7L18.4,10.6Z"
+    })));
+};

package/dist/esm/Toolbar/components/ButtonUndo.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Icon } from '@contentful/f36-components';
+import { useContentfulEditor } from '../../ContentfulEditorProvider';
+import { ToolbarButton } from '../../plugins/shared/ToolbarButton';
+export const ButtonUndo = ()=>{
+    const editor = useContentfulEditor();
+    return React.createElement(ToolbarButton, {
+        title: "Undo",
+        testId: "undo-toolbar-button",
+        onClick: editor.undo,
+        isActive: false,
+        isDisabled: editor.history.undos.length === 0
+    }, React.createElement(Icon, {
+        variant: "secondary"
+    }, React.createElement("path", {
+        d: "M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z"
+    })));
+};

package/dist/esm/Toolbar/index.js

@@ -21,6 +21,8 @@ import { ToolbarUnderlineButton } from '../plugins/Marks/Underline';
 import { ToolbarQuoteButton } from '../plugins/Quote';
 import { ToolbarTableButton } from '../plugins/Table';
 import { useSdkContext } from '../SdkProvider';
+import { ButtonRedo } from './components/ButtonRedo';
+import { ButtonUndo } from './components/ButtonUndo';
 import { EmbedEntityWidget } from './components/EmbedEntityWidget';
 const styles = {
     toolbar: css({
@@ -50,8 +52,7 @@ const styles = {
         ],
         webkitAlignSelf: 'flex-start',
         alignSelf: 'flex-start',
-        msFlexItemAlign: 'start',
-        marginLeft: 'auto'
+        msFlexItemAlign: 'start'
     }),
     formattingOptionsWrapper: css({
         display: [
@@ -100,14 +101,19 @@ const Toolbar = ({ isDisabled })=>{
     const dropdownItemsAvailable = isMarkEnabled(sdk.field, MARKS.SUPERSCRIPT) || isMarkEnabled(sdk.field, MARKS.SUBSCRIPT) || isMarkEnabled(sdk.field, MARKS.CODE);
     const shouldShowDropdown = boldItalicUnderlineAvailable && dropdownItemsAvailable;
     return React.createElement(Flex, {
+        gap: "spacingS",
+        flexWrap: "wrap",
+        flexDirection: "row",
         testId: "toolbar",
         className: styles.toolbar,
-        alignItems: "center"
+        justifyContent: "space-between"
     }, React.createElement("div", {
         className: styles.formattingOptionsWrapper
     }, React.createElement(ToolbarHeadingButton, {
         isDisabled: isDisabled || !canInsertBlocks
-    }), validationInfo.isAnyMarkEnabled && React.createElement("span", {
+    }), React.createElement("span", {
+        className: styles.divider
+    }), React.createElement(ButtonUndo, null), React.createElement(ButtonRedo, null), validationInfo.isAnyMarkEnabled && React.createElement("span", {
         className: styles.divider
     }), isMarkEnabled(sdk.field, MARKS.BOLD) && React.createElement(ToolbarBoldButton, {
         isDisabled: isDisabled

package/dist/esm/internal/hooks.js

@@ -10,6 +10,3 @@ export const usePlateEditorState = (id)=>{
 export const usePlateSelectors = (id)=>{
     return p.usePlateSelectors(id);
 };
-export const useFocused = ()=>{
-    return sr.useFocused();
-};

package/dist/esm/plugins/Hyperlink/components/EntityHyperlink.js

@@ -7,7 +7,7 @@ import { LinkPopover } from './LinkPopover';
 import { styles } from './styles';
 import { useHyperlinkCommon } from './useHyperlinkCommon';
 export function EntityHyperlink(props) {
-    const { editor, sdk, isLinkFocused, pathToElement } = useHyperlinkCommon(props.element);
+    const { editor, sdk, isLinkFocused, pathToElement, isEditorFocused } = useHyperlinkCommon(props.element);
     const { onEntityFetchComplete } = useLinkTracking();
     const { target } = props.element.data;
     const tooltipContent = useEntityInfo({
@@ -27,7 +27,8 @@ export function EntityHyperlink(props) {
         isLinkFocused: isLinkFocused,
         handleEditLink: ()=>handleEditLink(editor, sdk, pathToElement),
         handleRemoveLink: ()=>handleRemoveLink(editor),
-        popoverText: popoverText
+        popoverText: popoverText,
+        isEditorFocused: isEditorFocused
     }, React.createElement(Text, {
         testId: "cf-ui-text-link",
         fontColor: "blue600",

package/dist/esm/plugins/Hyperlink/components/LinkPopover.js

@@ -1,10 +1,8 @@
 import * as React from 'react';
 import { Popover, IconButton, Tooltip, Flex } from '@contentful/f36-components';
 import { EditIcon, CopyIcon } from '@contentful/f36-icons';
-import { useFocused } from '../../../internal/hooks';
 import { styles } from './styles';
-export const LinkPopover = ({ isLinkFocused, popoverText, handleEditLink, handleRemoveLink, children, handleCopyLink })=>{
-    const isEditorFocused = useFocused();
+export const LinkPopover = ({ isLinkFocused, popoverText, handleEditLink, handleRemoveLink, children, handleCopyLink, isEditorFocused })=>{
     const popoverContent = React.useRef(null);
     const [isPopoverContentClicked, setIsPopoverContentClicked] = React.useState(false);
     React.useEffect(()=>{

package/dist/esm/plugins/Hyperlink/components/ResourceHyperlink.js

@@ -7,7 +7,7 @@ import { LinkPopover } from './LinkPopover';
 import { styles } from './styles';
 import { useHyperlinkCommon } from './useHyperlinkCommon';
 export function ResourceHyperlink(props) {
-    const { editor, sdk, isLinkFocused, pathToElement } = useHyperlinkCommon(props.element);
+    const { editor, sdk, isLinkFocused, pathToElement, isEditorFocused } = useHyperlinkCommon(props.element);
     const { onEntityFetchComplete } = useLinkTracking();
     const { target } = props.element.data;
     const tooltipContent = useResourceEntityInfo({
@@ -26,7 +26,8 @@ export function ResourceHyperlink(props) {
         isLinkFocused: isLinkFocused,
         handleEditLink: ()=>handleEditLink(editor, sdk, pathToElement),
         handleRemoveLink: ()=>handleRemoveLink(editor),
-        popoverText: popoverText
+        popoverText: popoverText,
+        isEditorFocused: isEditorFocused
     }, React.createElement(Text, {
         testId: "cf-ui-text-link",
         fontColor: "blue600",

package/dist/esm/plugins/Hyperlink/components/UrlHyperlink.js

@@ -5,7 +5,7 @@ import { LinkPopover } from './LinkPopover';
 import { styles } from './styles';
 import { useHyperlinkCommon } from './useHyperlinkCommon';
 export function UrlHyperlink(props) {
-    const { editor, sdk, isLinkFocused, pathToElement } = useHyperlinkCommon(props.element);
+    const { editor, sdk, isLinkFocused, pathToElement, isEditorFocused } = useHyperlinkCommon(props.element);
     const uri = props.element.data?.uri;
     const popoverText = React.createElement(TextLink, {
         className: styles.openLink,
@@ -18,7 +18,8 @@ export function UrlHyperlink(props) {
         handleEditLink: ()=>handleEditLink(editor, sdk, pathToElement),
         handleRemoveLink: ()=>handleRemoveLink(editor),
         handleCopyLink: ()=>handleCopyLink(uri),
-        popoverText: popoverText
+        popoverText: popoverText,
+        isEditorFocused: isEditorFocused
     }, React.createElement(TextLink, {
         testId: "cf-ui-text-link",
         href: uri,

package/dist/esm/plugins/Hyperlink/components/useHyperlinkCommon.js

@@ -1,3 +1,4 @@
+import { useEffect, useState } from 'react';
 import { useContentfulEditor } from '../../../ContentfulEditorProvider';
 import { findNodePath, isChildPath } from '../../../internal/queries';
 import { useSdkContext } from '../../../SdkProvider';
@@ -7,10 +8,30 @@ export function useHyperlinkCommon(element) {
     const focus = editor.selection?.focus;
     const pathToElement = findNodePath(editor, element);
     const isLinkFocused = pathToElement && focus && isChildPath(focus.path, pathToElement);
+    const [isEditorFocused, setIsEditorFocused] = useState(false);
+    useEffect(()=>{
+        const handleFocus = ()=>setIsEditorFocused(true);
+        const handleBlur = ()=>setIsEditorFocused(false);
+        const editorElement = document.getElementById(editor.id);
+        if (editorElement) {
+            setIsEditorFocused(document.activeElement === editorElement);
+            editorElement.addEventListener('focus', handleFocus);
+            editorElement.addEventListener('blur', handleBlur);
+        }
+        return ()=>{
+            if (editorElement) {
+                editorElement.removeEventListener('focus', handleFocus);
+                editorElement.removeEventListener('blur', handleBlur);
+            }
+        };
+    }, [
+        editor
+    ]);
     return {
         editor,
         sdk,
         isLinkFocused,
-        pathToElement
+        pathToElement,
+        isEditorFocused
     };
 }

package/dist/types/Toolbar/components/ButtonRedo.d.ts

@@ -0,0 +1 @@
+export declare const ButtonRedo: () => JSX.Element;

package/dist/types/Toolbar/components/ButtonUndo.d.ts

@@ -0,0 +1 @@
+export declare const ButtonUndo: () => JSX.Element;

package/dist/types/internal/hooks.d.ts

@@ -31,4 +31,3 @@ export declare const usePlateSelectors: (id?: string) => {
 } & {
     atom: <V>(atom: import("jotai").Atom<V>, options?: string | import("jotai-x").UseAtomOptions | undefined) => V;
 };
-export declare const useFocused: () => boolean;

package/dist/types/plugins/Hyperlink/components/LinkPopover.d.ts

@@ -6,6 +6,7 @@ type LinkPopoverProps = {
     handleRemoveLink: () => void;
     children: React.ReactNode;
     handleCopyLink?: () => void;
+    isEditorFocused: boolean;
 };
-export declare const LinkPopover: ({ isLinkFocused, popoverText, handleEditLink, handleRemoveLink, children, handleCopyLink, }: LinkPopoverProps) => JSX.Element;
+export declare const LinkPopover: ({ isLinkFocused, popoverText, handleEditLink, handleRemoveLink, children, handleCopyLink, isEditorFocused, }: LinkPopoverProps) => JSX.Element;
 export {};

package/dist/types/plugins/Hyperlink/components/useHyperlinkCommon.d.ts

@@ -4,4 +4,5 @@ export declare function useHyperlinkCommon(element: any): {
     sdk: FieldAppSDK;
     isLinkFocused: boolean | undefined;
     pathToElement: import("slate").Path | undefined;
+    isEditorFocused: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-rich-text",
-  "version": "3.17.7",
+  "version": "3.18.1",
   "source": "./src/index.tsx",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "f251d113bc64fc7941017981bfb24975ccaa4c18"
+  "gitHead": "e9f015ed3812c349512b39f2fd2554dddd7ed8d4"
 }