@intlayer/editor-react 8.3.3 → 8.4.0-canary.0

package/dist/types/EditorProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorProvider.d.ts","names":[],"sources":["../../src/EditorProvider.tsx"],"mappings":";;;;;KA2FY,mBAAA,GAAsB,yBAAA,GAChC,0BAAA;EACE,IAAA;AAAA;AAAA,cAmBS,cAAA,EAAgB,EAAA,CAAG,iBAAA,CAAkB,mBAAA"}
+{"version":3,"file":"EditorProvider.d.ts","names":[],"sources":["../../src/EditorProvider.tsx"],"mappings":";;;;KAYY,mBAAA;EACV,aAAA,EAAe,cAAA;EACf,WAAA,GAAc,IAAA;EACd,cAAA;AAAA;;;;;cAOW,cAAA,EAAgB,EAAA,CAAG,iBAAA,CAAkB,mBAAA"}

package/dist/types/EditorStateContext.d.ts

@@ -0,0 +1,11 @@
+import { EditorStateManager } from "@intlayer/editor";
+import { FC, PropsWithChildren } from "react";
+
+//#region src/EditorStateContext.d.ts
+declare const EditorStateProvider: FC<PropsWithChildren<{
+  manager: EditorStateManager;
+}>>;
+declare const useEditorStateManager: () => EditorStateManager | null;
+//#endregion
+export { EditorStateProvider, useEditorStateManager };
+//# sourceMappingURL=EditorStateContext.d.ts.map

package/dist/types/EditorStateContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorStateContext.d.ts","names":[],"sources":["../../src/EditorStateContext.tsx"],"mappings":";;;;cAYa,mBAAA,EAAqB,EAAA,CAChC,iBAAA;EAAoB,OAAA,EAAS,kBAAA;AAAA;AAAA,cAOlB,qBAAA,QAA4B,kBAAA"}

package/dist/types/FocusDictionaryContext.d.ts

@@ -1,27 +1,19 @@
-import { Dispatch, FC, PropsWithChildren, SetStateAction } from "react";
-import { LocalDictionaryId } from "@intlayer/types/dictionary";
+import { FileContent, FileContent as FileContent$1 } from "@intlayer/editor";
 import { KeyPath } from "@intlayer/types/keyPath";
 
 //#region src/FocusDictionaryContext.d.ts
-type FileContent = {
-  dictionaryKey: string;
-  dictionaryLocalId?: LocalDictionaryId;
-  keyPath?: KeyPath[];
-};
 type FocusDictionaryState = {
-  focusedContent: FileContent | null;
+  focusedContent: FileContent$1 | null;
 };
 type FocusDictionaryActions = {
-  setFocusedContent: Dispatch<SetStateAction<FileContent | null>>;
+  setFocusedContent: (value: FileContent$1 | null) => void;
   setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;
 };
-declare const FocusDictionaryProvider: FC<PropsWithChildren>;
+/**
+ * Returns the focused-content state and setters, backed by EditorStateManager.
+ */
+declare const useFocusDictionary: () => FocusDictionaryState & FocusDictionaryActions;
 declare const useFocusDictionaryActions: () => FocusDictionaryActions;
-declare const useFocusDictionary: () => {
-  setFocusedContent: Dispatch<SetStateAction<FileContent | null>>;
-  setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;
-  focusedContent: FileContent | null;
-};
 //#endregion
-export { FileContent, FocusDictionaryActions, FocusDictionaryProvider, FocusDictionaryState, useFocusDictionary, useFocusDictionaryActions };
+export { type FileContent, FocusDictionaryActions, FocusDictionaryState, useFocusDictionary, useFocusDictionaryActions };
 //# sourceMappingURL=FocusDictionaryContext.d.ts.map

package/dist/types/FocusDictionaryContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusDictionaryContext.d.ts","names":[],"sources":["../../src/FocusDictionaryContext.tsx"],"mappings":";;;;;KAgBY,WAAA;EACV,aAAA;EACA,iBAAA,GAAoB,iBAAA;EACpB,OAAA,GAAU,OAAA;AAAA;AAAA,KAGA,oBAAA;EACV,cAAA,EAAgB,WAAA;AAAA;AAAA,KAGN,sBAAA;EACV,iBAAA,EAAmB,QAAA,CAAS,cAAA,CAAe,WAAA;EAC3C,wBAAA,GAA2B,OAAA,EAAS,OAAA;AAAA;AAAA,cAUzB,uBAAA,EAAyB,EAAA,CAAG,iBAAA;AAAA,cAsC5B,yBAAA,QAAyB,sBAAA;AAAA,cAUzB,kBAAA;qBA3DQ,QAAA,CAAS,cAAA,CAAe,WAAA;6BAChB,OAAA,EAAS,OAAA;kBALpB,WAAA;AAAA"}
+{"version":3,"file":"FocusDictionaryContext.d.ts","names":[],"sources":["../../src/FocusDictionaryContext.tsx"],"mappings":";;;;KASY,oBAAA;EACV,cAAA,EAAgB,aAAA;AAAA;AAAA,KAGN,sBAAA;EACV,iBAAA,GAAoB,KAAA,EAAO,aAAA;EAC3B,wBAAA,GAA2B,OAAA,EAAS,OAAA;AAAA;;;;cAMzB,kBAAA,QAAyB,oBAAA,GACpC,sBAAA;AAAA,cAuBW,yBAAA,QAAgC,sBAAA"}

package/dist/types/index.d.ts

@@ -1,15 +1,16 @@
-import { CommunicatorProvider, CommunicatorProviderProps, UseCrossPlatformStateProps, useCommunicator } from "./CommunicatorContext.js";
+import { MessengerConfig, UseCrossPlatformStateProps, useCommunicator } from "./CommunicatorContext.js";
 import { ConfigurationProvider, ConfigurationProviderProps, useConfiguration, useConfigurationState } from "./ConfigurationContext.js";
-import { DictionariesRecordProvider, DictionaryContent, useDictionariesRecord, useDictionariesRecordActions } from "./DictionariesRecordContext.js";
-import { EditedContentProvider, useEditedContent, useEditedContentActions, useGetEditedContentState, usePostEditedContentState } from "./EditedContentContext.js";
-import { CrossFrameStateOptions, useCrossFrameState } from "./useCrossFrameState.js";
-import { EditorEnabledProvider, EditorEnabledStateProps, useEditorEnabled, useEditorEnabledState, useGetEditorEnabledState, usePostEditorEnabledState } from "./EditorEnabledContext.js";
+import { DictionaryContent as DictionaryContent$1, useDictionariesRecord, useDictionariesRecordActions } from "./DictionariesRecordContext.js";
+import { useEditedContent, useEditedContentActions, useGetEditedContentState, usePostEditedContentState } from "./EditedContentContext.js";
+import { EditorEnabledStateProps, useEditorEnabled, useEditorEnabledState, useEditorPingClient, useGetEditorEnabledState, usePostEditorEnabledState } from "./EditorEnabledContext.js";
 import { EditorProvider, EditorProviderProps } from "./EditorProvider.js";
-import { FileContent, FocusDictionaryActions, FocusDictionaryProvider, FocusDictionaryState, useFocusDictionary, useFocusDictionaryActions } from "./FocusDictionaryContext.js";
+import { EditorStateProvider, useEditorStateManager } from "./EditorStateContext.js";
+import { FileContent, FocusDictionaryActions, FocusDictionaryState, useFocusDictionary, useFocusDictionaryActions } from "./FocusDictionaryContext.js";
 import { useCrossFrameMessageListener } from "./useCrossFrameMessageListener.js";
+import { CrossFrameStateOptions, useCrossFrameState } from "./useCrossFrameState.js";
 import { useCrossURLPathSetter, useCrossURLPathState } from "./useCrossURLPathState.js";
 import { useEditorLocale, useSetEditorLocale } from "./useEditorLocale.js";
 import { useFocusUnmergedDictionary } from "./useFocusUnmergedDictionary.js";
 import { useIframeClickInterceptor, useIframeClickMerger } from "./useIframeClickInterceptor.js";
-export * from "@intlayer/editor";
-export { CommunicatorProvider, CommunicatorProviderProps, ConfigurationProvider, ConfigurationProviderProps, CrossFrameStateOptions, DictionariesRecordProvider, DictionaryContent, EditedContentProvider, EditorEnabledProvider, EditorEnabledStateProps, EditorProvider, EditorProviderProps, FileContent, FocusDictionaryActions, FocusDictionaryProvider, FocusDictionaryState, UseCrossPlatformStateProps, useCommunicator, useConfiguration, useConfigurationState, useCrossFrameMessageListener, useCrossFrameState, useCrossURLPathSetter, useCrossURLPathState, useDictionariesRecord, useDictionariesRecordActions, useEditedContent, useEditedContentActions, useEditorEnabled, useEditorEnabledState, useEditorLocale, useFocusDictionary, useFocusDictionaryActions, useFocusUnmergedDictionary, useGetEditedContentState, useGetEditorEnabledState, useIframeClickInterceptor, useIframeClickMerger, usePostEditedContentState, usePostEditorEnabledState, useSetEditorLocale };
+import { MessageKey } from "@intlayer/editor";
+export { ConfigurationProvider, ConfigurationProviderProps, CrossFrameStateOptions, EditorEnabledStateProps, EditorProvider, EditorProviderProps, EditorStateProvider, FileContent, FocusDictionaryActions, FocusDictionaryState, MessageKey, MessengerConfig, UseCrossPlatformStateProps, useCommunicator, useConfiguration, useConfigurationState, useCrossFrameMessageListener, useCrossFrameState, useCrossURLPathSetter, useCrossURLPathState, useDictionariesRecord, useDictionariesRecordActions, useEditedContent, useEditedContentActions, useEditorEnabled, useEditorEnabledState, useEditorLocale, useEditorPingClient, useEditorStateManager, useFocusDictionary, useFocusDictionaryActions, useFocusUnmergedDictionary, useGetEditedContentState, useGetEditorEnabledState, useIframeClickInterceptor, useIframeClickMerger, usePostEditedContentState, usePostEditorEnabledState, useSetEditorLocale };

package/dist/types/useCrossFrameMessageListener.d.ts

@@ -2,20 +2,10 @@ import { MessageKey } from "@intlayer/editor";
 
 //#region src/useCrossFrameMessageListener.d.ts
 /**
- * useCrossFrameMessageListener
+ * Listens for cross-frame messages of the specified type and calls the callback.
+ * Returns a function to manually send a message of the same type.
  *
- * This React hook listens for messages sent via the `postMessage` API and triggers a callback
- * whenever a message of the specified type (`key`) is received. It is useful for synchronizing
- * state or events across different windows, iframes, or contexts.
- *
- * @template S - The type of the data payload in the message.
- * @param key - A unique identifier for the message type to listen for.
- * @param [onEventTriggered] - A callback function triggered when a message
- * @param [revalidator] - A function that re-suscribes the listener. Could be usefull if onEventTriggered depend of some state
- * with the specified key is received. The callback receives the message data as its argument.
- *
- * @returns {{ postMessage: (data: S) => void }} An object containing a `postMessage` function
- * that allows broadcasting messages with the specified key and data.
+ * Backed by CrossFrameMessenger from EditorStateManager.
  */
 declare const useCrossFrameMessageListener: <S>(key: `${MessageKey}` | `${MessageKey}/post` | `${MessageKey}/get`, onEventTriggered?: (data: S) => void, revalidator?: any) => (data?: S) => void;
 //#endregion

package/dist/types/useCrossFrameMessageListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameMessageListener.d.ts","names":[],"sources":["../../src/useCrossFrameMessageListener.tsx"],"mappings":";;;;;AAsBA;;;;;;;;;;;;;;cAAa,4BAAA,MACX,GAAA,KAAQ,UAAA,QAAkB,UAAA,aAAuB,UAAA,QACjD,gBAAA,IAAoB,IAAA,EAAM,CAAA,WAC1B,WAAA,YAAiB,IAAA,GAsDiB,CAAA"}
+{"version":3,"file":"useCrossFrameMessageListener.d.ts","names":[],"sources":["../../src/useCrossFrameMessageListener.tsx"],"mappings":";;;;;AAYA;;;;cAAa,4BAAA,MACX,GAAA,KAAQ,UAAA,QAAkB,UAAA,aAAuB,UAAA,QACjD,gBAAA,IAAoB,IAAA,EAAM,CAAA,WAC1B,WAAA,YASQ,IAAA,GAAO,CAAA"}

package/dist/types/useCrossFrameState.d.ts

@@ -1,5 +1,5 @@
-import { Dispatch, SetStateAction } from "react";
 import { MessageKey } from "@intlayer/editor";
+import { Dispatch, SetStateAction } from "react";
 
 //#region src/useCrossFrameState.d.ts
 type CrossFrameStateOptions = {
@@ -7,25 +7,7 @@ type CrossFrameStateOptions = {
   receive?: boolean;
 };
 /**
- * Configuration options for `useCrossFrameState`.
- * @typedef {Object} CrossFrameStateOptions
- * @property {boolean} [emit=true] - Whether to broadcast state changes to other instances.
- * @property {boolean} [receive=true] - Whether to listen for state updates from other instances.
- */
-/**
- * useCrossFrameState
- *
- * This React hook synchronizes state across multiple instances (e.g., different iframes or windows).
- * It uses the `postMessage` API to communicate state changes and updates between instances.
- *
- * @template S - The type of the state.
- * @param key - A unique identifier for the state to synchronize.
- * @param initialState - The initial state value or a function to compute it lazily.
- * @param options - Configuration options to control emitting and receiving messages.
- *   - `emit` (default: true): Whether to broadcast state changes to other instances.
- *   - `receive` (default: true): Whether to listen for state updates from other instances.
- *
- * @returns {[S, Dispatch<SetStateAction<S>>]} An array containing the current state and a setter function.
+ * Synchronizes a React state value across frames using CrossFrameStateManager.
  */
 declare const useCrossFrameState: <S>(key: `${MessageKey}`, initialState?: S | (() => S), options?: CrossFrameStateOptions) => [S, Dispatch<SetStateAction<S>>, () => void];
 //#endregion

package/dist/types/useCrossFrameState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameState.d.ts","names":[],"sources":["../../src/useCrossFrameState.tsx"],"mappings":";;;;KAOY,sBAAA;EACV,IAAA;EACA,OAAA;AAAA;;;;AA8BF;;;;;;;;;;;;;;;;;;cAAa,kBAAA,MACX,GAAA,KAAQ,UAAA,IACR,YAAA,GAAe,CAAA,UAAW,CAAA,GAC1B,OAAA,GAAU,sBAAA,MACR,CAAA,EAAG,QAAA,CAAS,cAAA,CAAe,CAAA"}
+{"version":3,"file":"useCrossFrameState.d.ts","names":[],"sources":["../../src/useCrossFrameState.tsx"],"mappings":";;;;KAaY,sBAAA;EACV,IAAA;EACA,OAAA;AAAA;;;;cAMW,kBAAA,MACX,GAAA,KAAQ,UAAA,IACR,YAAA,GAAe,CAAA,UAAW,CAAA,GAC1B,OAAA,GAAU,sBAAA,MACR,CAAA,EAAG,QAAA,CAAS,cAAA,CAAe,CAAA"}

package/dist/types/useCrossURLPathState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossURLPathState.d.ts","names":[],"sources":["../../src/useCrossURLPathState.tsx"],"mappings":";;;;cASa,oBAAA,GACX,YAAA,WACA,OAAA,GAAU,sBAAA,cAAsB,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,cAAA;AAAA,cAGrB,qBAAA,GAAyB,YAAA,uBAAqB,KAAA,CAAA,QAAA,CA8D1D,KAAA,CA9D0D,cAAA"}
+{"version":3,"file":"useCrossURLPathState.d.ts","names":[],"sources":["../../src/useCrossURLPathState.tsx"],"mappings":";;;;cAQa,oBAAA,GACX,YAAA,WACA,OAAA,GAAU,sBAAA,cAAsB,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,cAAA;AAAA,cAGrB,qBAAA,GAAyB,YAAA,uBAAqB,KAAA,CAAA,QAAA,CAI1D,KAAA,CAJ0D,cAAA"}

package/dist/types/useEditorLocale.d.ts

@@ -1,9 +1,8 @@
-import * as react from "react";
 import { Locale } from "@intlayer/types/allLocales";
 
 //#region src/useEditorLocale.d.ts
-declare const useEditorLocale: () => Locale;
-declare const useSetEditorLocale: () => [Locale, react.Dispatch<react.SetStateAction<Locale>>, () => void];
+declare const useEditorLocale: () => Locale | undefined;
+declare const useSetEditorLocale: () => (locale: Locale) => void;
 //#endregion
 export { useEditorLocale, useSetEditorLocale };
 //# sourceMappingURL=useEditorLocale.d.ts.map

package/dist/types/useEditorLocale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEditorLocale.d.ts","names":[],"sources":["../../src/useEditorLocale.tsx"],"mappings":";;;;cAIa,eAAA,QAAe,MAAA;AAAA,cAaf,kBAAA,SAAkB,MAAA,EAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,cAAA,CAAA,MAAA"}
+{"version":3,"file":"useEditorLocale.d.ts","names":[],"sources":["../../src/useEditorLocale.tsx"],"mappings":";;;cAMa,eAAA,QAAsB,MAAA;AAAA,cAkBtB,kBAAA,SAEH,MAAA,EAAQ,MAAA"}

package/dist/types/useFocusUnmergedDictionary.d.ts

@@ -1,11 +1,10 @@
 import { FileContent } from "./FocusDictionaryContext.js";
-import * as react from "react";
 import { KeyPath } from "@intlayer/types/keyPath";
 
 //#region src/useFocusUnmergedDictionary.d.ts
 declare const useFocusUnmergedDictionary: () => {
   focusedContent: FileContent;
-  setFocusedContent: react.Dispatch<react.SetStateAction<FileContent>>;
+  setFocusedContent: (value: FileContent | null) => void;
   setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;
 };
 //#endregion

package/dist/types/useFocusUnmergedDictionary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusUnmergedDictionary.d.ts","names":[],"sources":["../../src/useFocusUnmergedDictionary.tsx"],"mappings":";;;;;cA8Ca,0BAAA"}
+{"version":3,"file":"useFocusUnmergedDictionary.d.ts","names":[],"sources":["../../src/useFocusUnmergedDictionary.tsx"],"mappings":";;;;cA8Ca,0BAAA"}

package/dist/types/useIframeClickInterceptor.d.ts

@@ -1,6 +1,16 @@
 //#region src/useIframeClickInterceptor.d.ts
+/**
+ * Broadcasts mousedown events from within an iframe to the parent frame.
+ * Called in the client application (inside the iframe).
+ * Note: EditorStateManager.start() already sets this up in client mode.
+ * This hook exists for explicit / standalone use cases.
+ */
 declare const useIframeClickInterceptor: () => void;
-declare const useIframeClickMerger: () => (data?: MessageEvent<any>) => void;
+/**
+ * Merges received iframe click events into the parent's DOM event stream.
+ * Called in the editor (parent frame).
+ */
+declare const useIframeClickMerger: () => void;
 //#endregion
 export { useIframeClickInterceptor, useIframeClickMerger };
 //# sourceMappingURL=useIframeClickInterceptor.d.ts.map

package/dist/types/useIframeClickInterceptor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIframeClickInterceptor.d.ts","names":[],"sources":["../../src/useIframeClickInterceptor.tsx"],"mappings":";cAMa,yBAAA;AAAA,cAgBA,oBAAA,SAAoB,IAAA,GAAA,YAAA"}
+{"version":3,"file":"useIframeClickInterceptor.d.ts","names":[],"sources":["../../src/useIframeClickInterceptor.tsx"],"mappings":";;AAWA;;;;;cAAa,yBAAA;;;;;cAQA,oBAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/editor-react",
-  "version": "8.3.3",
+  "version": "8.4.0-canary.0",
   "private": false,
   "description": "Provides the states, contexts, hooks and components to interact with the Intlayer editor for a React application",
   "keywords": [
@@ -70,11 +70,11 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/config": "8.3.3",
-    "@intlayer/core": "8.3.3",
-    "@intlayer/editor": "8.3.3",
-    "@intlayer/types": "8.3.3",
-    "@intlayer/unmerged-dictionaries-entry": "8.3.3"
+    "@intlayer/config": "8.4.0-canary.0",
+    "@intlayer/core": "8.4.0-canary.0",
+    "@intlayer/editor": "8.4.0-canary.0",
+    "@intlayer/types": "8.4.0-canary.0",
+    "@intlayer/unmerged-dictionaries-entry": "8.4.0-canary.0"
   },
   "devDependencies": {
     "@types/node": "25.5.0",
@@ -86,7 +86,7 @@
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
     "rimraf": "6.1.3",
-    "tsdown": "0.21.2",
+    "tsdown": "0.21.4",
     "typescript": "5.9.3",
     "vitest": "4.1.0"
   },

package/dist/cjs/_virtual/_rolldown/runtime.cjs

@@ -1 +0,0 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__toESM=s;