@strapi/content-manager 0.0.0-experimental.a9a5a36dd73072c19eadeff5f387e8286b2a4d22 → 0.0.0-experimental.aa7a2469494b789539dfb9508d5dce9526d83b7d

package/dist/admin/preview/hooks/usePreviewInputManager.js

@@ -0,0 +1,117 @@
+'use strict';
+
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var Preview = require('../pages/Preview.js');
+var constants = require('../utils/constants.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function usePreviewInputManager(name) {
+    const iframe = Preview.usePreviewContext('usePreviewInputManager', (state)=>state.iframeRef, false);
+    const isSideEditorOpen = Preview.usePreviewContext('usePreviewInputManager', (state)=>state.isSideEditorOpen, false);
+    const setPopoverField = Preview.usePreviewContext('usePreviewInputManager', (state)=>state.setPopoverField, false);
+    const { value } = strapiAdmin.useField(name);
+    const isUsingPreview = iframe?.current;
+    const sendMessage = React__namespace.useCallback((type, payload)=>{
+        if (!isUsingPreview) return;
+        iframe?.current?.contentWindow?.postMessage({
+            type,
+            payload
+        }, new URL(iframe.current.src).origin);
+    }, [
+        iframe,
+        isUsingPreview
+    ]);
+    React__namespace.useEffect(()=>{
+        if (!isUsingPreview) {
+            return;
+        }
+        sendMessage(constants.INTERNAL_EVENTS.STRAPI_FIELD_TYPING, {
+            field: name,
+            value
+        });
+    }, [
+        name,
+        value,
+        isUsingPreview,
+        sendMessage
+    ]);
+    const fieldRef = React__namespace.useRef(null);
+    React__namespace.useEffect(()=>{
+        if (!isUsingPreview) {
+            return;
+        }
+        const handleMessage = ({ data })=>{
+            if (data?.type === constants.INTERNAL_EVENTS.WILL_EDIT_FIELD && data.payload?.path === name) {
+                // If the side editor is open, focus the matching field inside it
+                if (isSideEditorOpen) {
+                    fieldRef.current?.focus();
+                    fieldRef.current?.scrollIntoView({
+                        block: 'center',
+                        behavior: 'smooth'
+                    });
+                } else {
+                    // No side editor so we display the field in a popover
+                    setPopoverField?.(data.payload);
+                }
+            }
+        };
+        window.addEventListener('message', handleMessage);
+        return ()=>window.removeEventListener('message', handleMessage);
+    }, [
+        name,
+        fieldRef,
+        isSideEditorOpen,
+        setPopoverField,
+        isUsingPreview
+    ]);
+    if (!isUsingPreview) {
+        // Return no-ops for convenience so we can always safely destructure these methods
+        return {
+            onBlur: ()=>{},
+            onFocus: ()=>{},
+            ref: null
+        };
+    }
+    return {
+        onFocus: ()=>{
+            // If side editor is open, input renderers are inside popovers in the right location,
+            // so no need for focus highlights as it's clear where the field is used.
+            if (!isSideEditorOpen) return;
+            sendMessage(constants.INTERNAL_EVENTS.STRAPI_FIELD_FOCUS, {
+                field: name
+            });
+        },
+        onBlur: ()=>{
+            // If side editor is open, input renderers are inside popovers in the right location,
+            // so no need for focus highlights as it's clear where the field is used.
+            if (!isSideEditorOpen) return;
+            setPopoverField?.(null);
+            sendMessage(constants.INTERNAL_EVENTS.STRAPI_FIELD_BLUR, {
+                field: name
+            });
+        },
+        ref: fieldRef
+    };
+}
+
+exports.usePreviewInputManager = usePreviewInputManager;
+//# sourceMappingURL=usePreviewInputManager.js.map

package/dist/admin/preview/hooks/usePreviewInputManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreviewInputManager.js","sources":["../../../../admin/src/preview/hooks/usePreviewInputManager.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useField } from '@strapi/admin/strapi-admin';\n\nimport { usePreviewContext } from '../pages/Preview';\nimport { INTERNAL_EVENTS } from '../utils/constants';\n\ntype PreviewInputProps = Pick<\n  Required<React.InputHTMLAttributes<HTMLInputElement>>,\n  'onFocus' | 'onBlur'\n> & {\n  ref: React.RefObject<HTMLInputElement> | null;\n};\n\nexport function usePreviewInputManager(name: string): PreviewInputProps {\n  const iframe = usePreviewContext('usePreviewInputManager', (state) => state.iframeRef, false);\n  const isSideEditorOpen = usePreviewContext(\n    'usePreviewInputManager',\n    (state) => state.isSideEditorOpen,\n    false\n  );\n  const setPopoverField = usePreviewContext(\n    'usePreviewInputManager',\n    (state) => state.setPopoverField,\n    false\n  );\n  const { value } = useField(name);\n\n  const isUsingPreview = iframe?.current;\n\n  const sendMessage = React.useCallback(\n    (type: string, payload: unknown) => {\n      if (!isUsingPreview) return;\n\n      iframe?.current?.contentWindow?.postMessage(\n        {\n          type,\n          payload,\n        },\n        new URL(iframe.current.src).origin\n      );\n    },\n    [iframe, isUsingPreview]\n  );\n\n  React.useEffect(() => {\n    if (!isUsingPreview) {\n      return;\n    }\n\n    sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_TYPING, { field: name, value });\n  }, [name, value, isUsingPreview, sendMessage]);\n\n  const fieldRef = React.useRef<HTMLInputElement | null>(null);\n\n  React.useEffect(() => {\n    if (!isUsingPreview) {\n      return;\n    }\n\n    const handleMessage = ({ data }: MessageEvent) => {\n      if (data?.type === INTERNAL_EVENTS.WILL_EDIT_FIELD && data.payload?.path === name) {\n        // If the side editor is open, focus the matching field inside it\n        if (isSideEditorOpen) {\n          fieldRef.current?.focus();\n          fieldRef.current?.scrollIntoView({\n            block: 'center',\n            behavior: 'smooth',\n          });\n        } else {\n          // No side editor so we display the field in a popover\n          setPopoverField?.(data.payload);\n        }\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n\n    return () => window.removeEventListener('message', handleMessage);\n  }, [name, fieldRef, isSideEditorOpen, setPopoverField, isUsingPreview]);\n\n  if (!isUsingPreview) {\n    // Return no-ops for convenience so we can always safely destructure these methods\n    return { onBlur: () => {}, onFocus: () => {}, ref: null };\n  }\n\n  return {\n    onFocus: () => {\n      // If side editor is open, input renderers are inside popovers in the right location,\n      // so no need for focus highlights as it's clear where the field is used.\n      if (!isSideEditorOpen) return;\n\n      sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_FOCUS, { field: name });\n    },\n    onBlur: () => {\n      // If side editor is open, input renderers are inside popovers in the right location,\n      // so no need for focus highlights as it's clear where the field is used.\n      if (!isSideEditorOpen) return;\n\n      setPopoverField?.(null);\n      sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_BLUR, { field: name });\n    },\n    ref: fieldRef,\n  };\n}\n"],"names":["usePreviewInputManager","name","iframe","usePreviewContext","state","iframeRef","isSideEditorOpen","setPopoverField","value","useField","isUsingPreview","current","sendMessage","React","useCallback","type","payload","contentWindow","postMessage","URL","src","origin","useEffect","INTERNAL_EVENTS","STRAPI_FIELD_TYPING","field","fieldRef","useRef","handleMessage","data","WILL_EDIT_FIELD","path","focus","scrollIntoView","block","behavior","window","addEventListener","removeEventListener","onBlur","onFocus","ref","STRAPI_FIELD_FOCUS","STRAPI_FIELD_BLUR"],"mappings":"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"}

package/dist/admin/preview/hooks/usePreviewInputManager.mjs

@@ -0,0 +1,96 @@
+import * as React from 'react';
+import { useField } from '@strapi/admin/strapi-admin';
+import { usePreviewContext } from '../pages/Preview.mjs';
+import { INTERNAL_EVENTS } from '../utils/constants.mjs';
+
+function usePreviewInputManager(name) {
+    const iframe = usePreviewContext('usePreviewInputManager', (state)=>state.iframeRef, false);
+    const isSideEditorOpen = usePreviewContext('usePreviewInputManager', (state)=>state.isSideEditorOpen, false);
+    const setPopoverField = usePreviewContext('usePreviewInputManager', (state)=>state.setPopoverField, false);
+    const { value } = useField(name);
+    const isUsingPreview = iframe?.current;
+    const sendMessage = React.useCallback((type, payload)=>{
+        if (!isUsingPreview) return;
+        iframe?.current?.contentWindow?.postMessage({
+            type,
+            payload
+        }, new URL(iframe.current.src).origin);
+    }, [
+        iframe,
+        isUsingPreview
+    ]);
+    React.useEffect(()=>{
+        if (!isUsingPreview) {
+            return;
+        }
+        sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_TYPING, {
+            field: name,
+            value
+        });
+    }, [
+        name,
+        value,
+        isUsingPreview,
+        sendMessage
+    ]);
+    const fieldRef = React.useRef(null);
+    React.useEffect(()=>{
+        if (!isUsingPreview) {
+            return;
+        }
+        const handleMessage = ({ data })=>{
+            if (data?.type === INTERNAL_EVENTS.WILL_EDIT_FIELD && data.payload?.path === name) {
+                // If the side editor is open, focus the matching field inside it
+                if (isSideEditorOpen) {
+                    fieldRef.current?.focus();
+                    fieldRef.current?.scrollIntoView({
+                        block: 'center',
+                        behavior: 'smooth'
+                    });
+                } else {
+                    // No side editor so we display the field in a popover
+                    setPopoverField?.(data.payload);
+                }
+            }
+        };
+        window.addEventListener('message', handleMessage);
+        return ()=>window.removeEventListener('message', handleMessage);
+    }, [
+        name,
+        fieldRef,
+        isSideEditorOpen,
+        setPopoverField,
+        isUsingPreview
+    ]);
+    if (!isUsingPreview) {
+        // Return no-ops for convenience so we can always safely destructure these methods
+        return {
+            onBlur: ()=>{},
+            onFocus: ()=>{},
+            ref: null
+        };
+    }
+    return {
+        onFocus: ()=>{
+            // If side editor is open, input renderers are inside popovers in the right location,
+            // so no need for focus highlights as it's clear where the field is used.
+            if (!isSideEditorOpen) return;
+            sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_FOCUS, {
+                field: name
+            });
+        },
+        onBlur: ()=>{
+            // If side editor is open, input renderers are inside popovers in the right location,
+            // so no need for focus highlights as it's clear where the field is used.
+            if (!isSideEditorOpen) return;
+            setPopoverField?.(null);
+            sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_BLUR, {
+                field: name
+            });
+        },
+        ref: fieldRef
+    };
+}
+
+export { usePreviewInputManager };
+//# sourceMappingURL=usePreviewInputManager.mjs.map

package/dist/admin/preview/hooks/usePreviewInputManager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreviewInputManager.mjs","sources":["../../../../admin/src/preview/hooks/usePreviewInputManager.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useField } from '@strapi/admin/strapi-admin';\n\nimport { usePreviewContext } from '../pages/Preview';\nimport { INTERNAL_EVENTS } from '../utils/constants';\n\ntype PreviewInputProps = Pick<\n  Required<React.InputHTMLAttributes<HTMLInputElement>>,\n  'onFocus' | 'onBlur'\n> & {\n  ref: React.RefObject<HTMLInputElement> | null;\n};\n\nexport function usePreviewInputManager(name: string): PreviewInputProps {\n  const iframe = usePreviewContext('usePreviewInputManager', (state) => state.iframeRef, false);\n  const isSideEditorOpen = usePreviewContext(\n    'usePreviewInputManager',\n    (state) => state.isSideEditorOpen,\n    false\n  );\n  const setPopoverField = usePreviewContext(\n    'usePreviewInputManager',\n    (state) => state.setPopoverField,\n    false\n  );\n  const { value } = useField(name);\n\n  const isUsingPreview = iframe?.current;\n\n  const sendMessage = React.useCallback(\n    (type: string, payload: unknown) => {\n      if (!isUsingPreview) return;\n\n      iframe?.current?.contentWindow?.postMessage(\n        {\n          type,\n          payload,\n        },\n        new URL(iframe.current.src).origin\n      );\n    },\n    [iframe, isUsingPreview]\n  );\n\n  React.useEffect(() => {\n    if (!isUsingPreview) {\n      return;\n    }\n\n    sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_TYPING, { field: name, value });\n  }, [name, value, isUsingPreview, sendMessage]);\n\n  const fieldRef = React.useRef<HTMLInputElement | null>(null);\n\n  React.useEffect(() => {\n    if (!isUsingPreview) {\n      return;\n    }\n\n    const handleMessage = ({ data }: MessageEvent) => {\n      if (data?.type === INTERNAL_EVENTS.WILL_EDIT_FIELD && data.payload?.path === name) {\n        // If the side editor is open, focus the matching field inside it\n        if (isSideEditorOpen) {\n          fieldRef.current?.focus();\n          fieldRef.current?.scrollIntoView({\n            block: 'center',\n            behavior: 'smooth',\n          });\n        } else {\n          // No side editor so we display the field in a popover\n          setPopoverField?.(data.payload);\n        }\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n\n    return () => window.removeEventListener('message', handleMessage);\n  }, [name, fieldRef, isSideEditorOpen, setPopoverField, isUsingPreview]);\n\n  if (!isUsingPreview) {\n    // Return no-ops for convenience so we can always safely destructure these methods\n    return { onBlur: () => {}, onFocus: () => {}, ref: null };\n  }\n\n  return {\n    onFocus: () => {\n      // If side editor is open, input renderers are inside popovers in the right location,\n      // so no need for focus highlights as it's clear where the field is used.\n      if (!isSideEditorOpen) return;\n\n      sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_FOCUS, { field: name });\n    },\n    onBlur: () => {\n      // If side editor is open, input renderers are inside popovers in the right location,\n      // so no need for focus highlights as it's clear where the field is used.\n      if (!isSideEditorOpen) return;\n\n      setPopoverField?.(null);\n      sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_BLUR, { field: name });\n    },\n    ref: fieldRef,\n  };\n}\n"],"names":["usePreviewInputManager","name","iframe","usePreviewContext","state","iframeRef","isSideEditorOpen","setPopoverField","value","useField","isUsingPreview","current","sendMessage","React","useCallback","type","payload","contentWindow","postMessage","URL","src","origin","useEffect","INTERNAL_EVENTS","STRAPI_FIELD_TYPING","field","fieldRef","useRef","handleMessage","data","WILL_EDIT_FIELD","path","focus","scrollIntoView","block","behavior","window","addEventListener","removeEventListener","onBlur","onFocus","ref","STRAPI_FIELD_FOCUS","STRAPI_FIELD_BLUR"],"mappings":"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"}

package/dist/admin/preview/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var PreviewSidePanel = require('./components/PreviewSidePanel.js');
+
+const previewAdmin = {
+    bootstrap (app) {
+        const contentManagerPluginApis = app.getPlugin('content-manager').apis;
+        contentManagerPluginApis.addEditViewSidePanel([
+            PreviewSidePanel.PreviewSidePanel
+        ]);
+    }
+};
+
+exports.previewAdmin = previewAdmin;
+//# sourceMappingURL=index.js.map

package/dist/admin/preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../admin/src/preview/index.ts"],"sourcesContent":["/* eslint-disable check-file/no-index */\n\nimport { PreviewSidePanel } from './components/PreviewSidePanel';\n\nimport type { ContentManagerPlugin } from '../content-manager';\nimport type { PluginDefinition } from '@strapi/admin/strapi-admin';\n\nconst previewAdmin: Partial<PluginDefinition> = {\n  bootstrap(app) {\n    const contentManagerPluginApis = app.getPlugin('content-manager')\n      .apis as ContentManagerPlugin['config']['apis'];\n\n    contentManagerPluginApis.addEditViewSidePanel([PreviewSidePanel]);\n  },\n};\n\nexport { previewAdmin };\n"],"names":["previewAdmin","bootstrap","app","contentManagerPluginApis","getPlugin","apis","addEditViewSidePanel","PreviewSidePanel"],"mappings":";;;;AAOA,MAAMA,YAA0C,GAAA;AAC9CC,IAAAA,SAAAA,CAAAA,CAAUC,GAAG,EAAA;AACX,QAAA,MAAMC,wBAA2BD,GAAAA,GAAAA,CAAIE,SAAS,CAAC,mBAC5CC,IAAI;AAEPF,QAAAA,wBAAAA,CAAyBG,oBAAoB,CAAC;AAACC,YAAAA;AAAiB,SAAA,CAAA;AAClE;AACF;;;;"}

package/dist/admin/preview/index.mjs

@@ -0,0 +1,13 @@
+import { PreviewSidePanel } from './components/PreviewSidePanel.mjs';
+
+const previewAdmin = {
+    bootstrap (app) {
+        const contentManagerPluginApis = app.getPlugin('content-manager').apis;
+        contentManagerPluginApis.addEditViewSidePanel([
+            PreviewSidePanel
+        ]);
+    }
+};
+
+export { previewAdmin };
+//# sourceMappingURL=index.mjs.map

package/dist/admin/preview/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../admin/src/preview/index.ts"],"sourcesContent":["/* eslint-disable check-file/no-index */\n\nimport { PreviewSidePanel } from './components/PreviewSidePanel';\n\nimport type { ContentManagerPlugin } from '../content-manager';\nimport type { PluginDefinition } from '@strapi/admin/strapi-admin';\n\nconst previewAdmin: Partial<PluginDefinition> = {\n  bootstrap(app) {\n    const contentManagerPluginApis = app.getPlugin('content-manager')\n      .apis as ContentManagerPlugin['config']['apis'];\n\n    contentManagerPluginApis.addEditViewSidePanel([PreviewSidePanel]);\n  },\n};\n\nexport { previewAdmin };\n"],"names":["previewAdmin","bootstrap","app","contentManagerPluginApis","getPlugin","apis","addEditViewSidePanel","PreviewSidePanel"],"mappings":";;AAOA,MAAMA,YAA0C,GAAA;AAC9CC,IAAAA,SAAAA,CAAAA,CAAUC,GAAG,EAAA;AACX,QAAA,MAAMC,wBAA2BD,GAAAA,GAAAA,CAAIE,SAAS,CAAC,mBAC5CC,IAAI;AAEPF,QAAAA,wBAAAA,CAAyBG,oBAAoB,CAAC;AAACC,YAAAA;AAAiB,SAAA,CAAA;AAClE;AACF;;;;"}