react-intlayer 1.2.1 → 2.0.1

package/dist/esm/useIntlayerBase.mjs

@@ -1,14 +1,59 @@
 import "./chunk-ZNCO4QRF.mjs";
 import dictionaries from "@intlayer/dictionaries-entry";
+import { renderIntlayerEditor } from "intlayer-editor/client";
 import { processDictionary } from './processDictionary/index.mjs';
+const recursiveTransformContent = (obj) => Object.entries(obj).reduce((acc, [key, value]) => {
+  if (typeof value === "object" && typeof value.keyPath !== "undefined" && typeof value.dictionaryId !== "undefined" && typeof value.dictionaryPath !== "undefined") {
+    return {
+      ...acc,
+      [key]: renderIntlayerEditor(value)
+    };
+  } else if (typeof value === "object" && Array.isArray(value)) {
+    return {
+      ...acc,
+      [key]: value.map(recursiveTransformContent)
+    };
+  } else if (typeof value === "object") {
+    return {
+      ...acc,
+      [key]: recursiveTransformContent(value)
+    };
+  }
+  return acc;
+}, {});
+const recursiveStringifyContent = (obj) => Object.entries(obj).reduce((acc, [key, value]) => {
+  if (typeof value === "object" && typeof value.value !== "undefined") {
+    return {
+      ...acc,
+      [key]: value.value
+    };
+  } else if (typeof value === "object" && Array.isArray(value)) {
+    return {
+      ...acc,
+      [key]: value.map(recursiveStringifyContent)
+    };
+  } else if (typeof value === "object") {
+    return {
+      ...acc,
+      [key]: recursiveStringifyContent(value)
+    };
+  }
+  return acc;
+}, {});
 const useIntlayerBase = (id, locale) => {
   const dictionary = dictionaries[id];
-  return processDictionary(
+  const result = processDictionary(
     dictionary,
+    id,
+    dictionary.filePath,
+    [],
     locale
   );
+  return recursiveTransformContent(result);
 };
 export {
+  recursiveStringifyContent,
+  recursiveTransformContent,
   useIntlayerBase
 };
 //# sourceMappingURL=useIntlayerBase.mjs.map

package/dist/esm/useIntlayerBase.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/useIntlayerBase.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport type { Content } from './processDictionary/contentDictionary';\nimport { processDictionary } from './processDictionary/index';\n\nexport type StringFallback<T> = T extends never ? string : T; // If no keys are found, return string to disable error, and accept any string as dictionary key\nexport type DictionaryKeys = StringFallback<\n  keyof IntlayerDictionaryTypesConnector\n>;\n\nexport type UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => IntlayerDictionaryTypesConnector[T];\n\n/**\n * Hook that picking one dictionary by its id and return the content.\n */\nexport const useIntlayerBase: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const dictionary: Content = dictionaries[id];\n\n  return processDictionary(\n    dictionary,\n    locale\n  ) as IntlayerDictionaryTypesConnector[T];\n};\n"],"mappings":";AAMA,OAAO,kBAAkB;AAGzB,SAAS,yBAAyB;AAe3B,MAAM,kBAA+B,CAC1C,IACA,WACG;AACH,QAAM,aAAsB,aAAa,EAAE;AAE3C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/useIntlayerBase.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config';\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport type { Dictionary } from '@intlayer/core';\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport { renderIntlayerEditor } from 'intlayer-editor/client';\nimport type { ReactNode } from 'react';\nimport { processDictionary } from './processDictionary/index';\n\n/**\n * Provides a fallback to string type if the generic type T is never,\n * otherwise returns T. This is useful for handling cases where no keys are found.\n * Example: StringFallback<never> -> string; StringFallback<'key'> -> 'key'\n */\nexport type StringFallback<T> = T extends never ? string : T; // If no keys are found, return string to disable error, and accept any string as dictionary key\n\n/**\n * Represents the keys of the IntlayerDictionaryTypesConnector,\n * ensuring they are valid dictionary keys or fallback to string if none exist.\n *\n * Example:\n * ```ts\n * DictionaryKeys -> 'key1' | 'key2'\n * // or if IntlayerDictionaryTypesConnector is not defined,\n * DictionaryKeys -> string\n * ```\n */\nexport type DictionaryKeys = StringFallback<\n  keyof IntlayerDictionaryTypesConnector\n>;\n\nexport type IntlayerNode = ReactNode & {\n  value: string;\n};\n\ntype DeepTransformContent<T> = T extends object\n  ? {\n      [K in keyof T]: DeepTransformContent<T[K]>;\n    }\n  : IntlayerNode;\n\n/**\n * Excludes the 'id' and 'filePath' keys from the dictionary content,\n * as they are not part of the IntlayerDictionaryTypesConnector type.\n */\ntype ExcludeIntlayerUtilsKeys<T> = Omit<T, 'id' | 'filePath'>;\n\n/**\n * Represents the data type returned by the useIntlayer hook,\n * excluding the 'id' and 'filePath' keys from the dictionary content.\n */\ntype Data<T extends DictionaryKeys> = ExcludeIntlayerUtilsKeys<\n  DeepTransformContent<IntlayerDictionaryTypesConnector[T]>\n>;\n\n/**\n * Parcourt the object. If a object has a keyPath, render the intlayer editor if editor enabled.\n */\nexport const recursiveTransformContent = (obj: object): object =>\n  Object.entries(obj).reduce((acc, [key, value]) => {\n    if (\n      typeof value === 'object' &&\n      typeof value.keyPath !== 'undefined' &&\n      typeof value.dictionaryId !== 'undefined' &&\n      typeof value.dictionaryPath !== 'undefined'\n    ) {\n      return {\n        ...acc,\n        [key]: renderIntlayerEditor(value),\n      };\n    } else if (typeof value === 'object' && Array.isArray(value)) {\n      return {\n        ...acc,\n        [key]: value.map(recursiveTransformContent),\n      };\n    } else if (typeof value === 'object') {\n      return {\n        ...acc,\n        [key]: recursiveTransformContent(value),\n      };\n    }\n\n    return acc;\n  }, {});\n\ntype DeepStrinfifyContent<T> =\n  T extends React.ComponentType<unknown>\n    ? string\n    : T extends object\n      ? {\n          [K in keyof T]: DeepStrinfifyContent<T[K]>;\n        }\n      : T;\n\nexport const recursiveStringifyContent = <T extends object>(\n  obj: T\n): DeepStrinfifyContent<T> =>\n  Object.entries(obj).reduce((acc, [key, value]) => {\n    if (typeof value === 'object' && typeof value.value !== 'undefined') {\n      return {\n        ...acc,\n        [key]: value.value,\n      };\n    } else if (typeof value === 'object' && Array.isArray(value)) {\n      return {\n        ...acc,\n        [key]: value.map(recursiveStringifyContent),\n      };\n    } else if (typeof value === 'object') {\n      return {\n        ...acc,\n        [key]: recursiveStringifyContent(value),\n      };\n    }\n\n    return acc;\n  }, {}) as DeepStrinfifyContent<T>;\n\n/**\n * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,\n * and returns the deeply transformed dictionary content.\n *\n */\nexport type UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => Data<T>;\n\n/**\n * Hook that picks one dictionary by its ID and returns the content,\n * deeply transformed according to the dictionary structure and metadata.\n */\nexport const useIntlayerBase: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const dictionary: Dictionary = dictionaries[id];\n\n  const result = processDictionary(\n    dictionary,\n    id,\n    dictionary.filePath,\n    [],\n    locale\n  ) as object;\n\n  return recursiveTransformContent(result) as Data<T>;\n};\n"],"mappings":";AAOA,OAAO,kBAAkB;AAEzB,SAAS,4BAA4B;AAErC,SAAS,yBAAyB;AAmD3B,MAAM,4BAA4B,CAAC,QACxC,OAAO,QAAQ,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AAChD,MACE,OAAO,UAAU,YACjB,OAAO,MAAM,YAAY,eACzB,OAAO,MAAM,iBAAiB,eAC9B,OAAO,MAAM,mBAAmB,aAChC;AACA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,qBAAqB,KAAK;AAAA,IACnC;AAAA,EACF,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,GAAG;AAC5D,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,MAAM,IAAI,yBAAyB;AAAA,IAC5C;AAAA,EACF,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,0BAA0B,KAAK;AAAA,IACxC;AAAA,EACF;AAEA,SAAO;AACT,GAAG,CAAC,CAAC;AAWA,MAAM,4BAA4B,CACvC,QAEA,OAAO,QAAQ,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AAChD,MAAI,OAAO,UAAU,YAAY,OAAO,MAAM,UAAU,aAAa;AACnE,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,MAAM;AAAA,IACf;AAAA,EACF,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,GAAG;AAC5D,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,MAAM,IAAI,yBAAyB;AAAA,IAC5C;AAAA,EACF,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,0BAA0B,KAAK;AAAA,IACxC;AAAA,EACF;AAEA,SAAO;AACT,GAAG,CAAC,CAAC;AAgBA,MAAM,kBAA+B,CAC1C,IACA,WACG;AACH,QAAM,aAAyB,aAAa,EAAE;AAE9C,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,SAAO,0BAA0B,MAAM;AACzC;","names":[]}

package/dist/esm/vite/intlayerPlugin.mjs

@@ -27,7 +27,7 @@ const intLayerPlugin = (_pluginOptions = {}) => ({
       persistent: import.meta.env === "development"
     });
   },
-  configureServer: (server) => {
+  configureServer: () => {
   }
 });
 export {

package/dist/esm/vite/intlayerPlugin.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/vite/intlayerPlugin.ts"],"sourcesContent":["import { join, relative, resolve } from 'path';\nimport { watch } from '@intlayer/chokidar';\nimport { getConfiguration, formatEnvVariable } from '@intlayer/config';\nimport { loadEnv, type Plugin } from 'vite';\n\n// Plugin options type definition\ntype PluginOptions = {\n  // Custom options for your plugin, if any\n};\n\n/**\n *\n * A Vite plugin that integrates IntLayer configuration into the build process\n *\n * ```ts\n * // Example usage of the plugin in a Vite configuration\n * export default defineConfig({\n *   plugins: [ intLayerPlugin() ],\n * });\n * ```\n *  */\nexport const intLayerPlugin = (_pluginOptions: PluginOptions = {}): Plugin => ({\n  name: 'vite-intlayer-plugin',\n\n  config: (config, { mode }) => {\n    const intlayerConfig = getConfiguration();\n\n    // Set all configuration values as environment variables\n    const env = formatEnvVariable('vite');\n\n    process.env = { ...process.env, ...loadEnv(mode, process.cwd()), ...env };\n\n    const { mainDir, baseDir } = intlayerConfig.content;\n    const dictionariesPath = join(mainDir, 'dictionaries.mjs');\n    const relativeDictionariesPath = relative(baseDir, dictionariesPath);\n\n    // Update Vite's resolve alias\n    config.resolve = {\n      ...config.resolve,\n      alias: {\n        ...config.resolve?.alias,\n        '@intlayer/dictionaries-entry': resolve(relativeDictionariesPath),\n      },\n    };\n\n    return config;\n  },\n\n  buildStart: () => {\n    // Code to run when Vite build starts\n    watch({\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      persistent: (import.meta as any).env === 'development',\n    });\n  },\n  configureServer: (server) => {\n    // Custom server configuration, if needed\n  },\n});\n"],"mappings":";AAAA,SAAS,MAAM,UAAU,eAAe;AACxC,SAAS,aAAa;AACtB,SAAS,kBAAkB,yBAAyB;AACpD,SAAS,eAA4B;AAkB9B,MAAM,iBAAiB,CAAC,iBAAgC,CAAC,OAAe;AAAA,EAC7E,MAAM;AAAA,EAEN,QAAQ,CAAC,QAAQ,EAAE,KAAK,MAAM;AAC5B,UAAM,iBAAiB,iBAAiB;AAGxC,UAAM,MAAM,kBAAkB,MAAM;AAEpC,YAAQ,MAAM,EAAE,GAAG,QAAQ,KAAK,GAAG,QAAQ,MAAM,QAAQ,IAAI,CAAC,GAAG,GAAG,IAAI;AAExE,UAAM,EAAE,SAAS,QAAQ,IAAI,eAAe;AAC5C,UAAM,mBAAmB,KAAK,SAAS,kBAAkB;AACzD,UAAM,2BAA2B,SAAS,SAAS,gBAAgB;AAGnE,WAAO,UAAU;AAAA,MACf,GAAG,OAAO;AAAA,MACV,OAAO;AAAA,QACL,GAAG,OAAO,SAAS;AAAA,QACnB,gCAAgC,QAAQ,wBAAwB;AAAA,MAClE;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,YAAY,MAAM;AAEhB,UAAM;AAAA;AAAA,MAEJ,YAAa,YAAoB,QAAQ;AAAA,IAC3C,CAAC;AAAA,EACH;AAAA,EACA,iBAAiB,CAAC,WAAW;AAAA,EAE7B;AACF;","names":[]}
+{"version":3,"sources":["../../../src/vite/intlayerPlugin.ts"],"sourcesContent":["import { join, relative, resolve } from 'path';\nimport { watch } from '@intlayer/chokidar';\nimport { getConfiguration, formatEnvVariable } from '@intlayer/config';\nimport { loadEnv, type Plugin } from 'vite';\n\n// Plugin options type definition\ntype PluginOptions = {\n  // Custom options for your plugin, if any\n};\n\n/**\n *\n * A Vite plugin that integrates IntLayer configuration into the build process\n *\n * ```ts\n * // Example usage of the plugin in a Vite configuration\n * export default defineConfig({\n *   plugins: [ intLayerPlugin() ],\n * });\n * ```\n *  */\nexport const intLayerPlugin = (_pluginOptions: PluginOptions = {}): Plugin => ({\n  name: 'vite-intlayer-plugin',\n\n  config: (config, { mode }) => {\n    const intlayerConfig = getConfiguration();\n\n    // Set all configuration values as environment variables\n    const env = formatEnvVariable('vite');\n\n    process.env = { ...process.env, ...loadEnv(mode, process.cwd()), ...env };\n\n    const { mainDir, baseDir } = intlayerConfig.content;\n    const dictionariesPath = join(mainDir, 'dictionaries.mjs');\n    const relativeDictionariesPath = relative(baseDir, dictionariesPath);\n\n    // Update Vite's resolve alias\n    config.resolve = {\n      ...config.resolve,\n      alias: {\n        ...config.resolve?.alias,\n        '@intlayer/dictionaries-entry': resolve(relativeDictionariesPath),\n      },\n    };\n\n    return config;\n  },\n\n  buildStart: () => {\n    // Code to run when Vite build starts\n    watch({\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      persistent: (import.meta as any).env === 'development',\n    });\n  },\n  configureServer: () => {\n    // Custom server configuration, if needed\n  },\n});\n"],"mappings":";AAAA,SAAS,MAAM,UAAU,eAAe;AACxC,SAAS,aAAa;AACtB,SAAS,kBAAkB,yBAAyB;AACpD,SAAS,eAA4B;AAkB9B,MAAM,iBAAiB,CAAC,iBAAgC,CAAC,OAAe;AAAA,EAC7E,MAAM;AAAA,EAEN,QAAQ,CAAC,QAAQ,EAAE,KAAK,MAAM;AAC5B,UAAM,iBAAiB,iBAAiB;AAGxC,UAAM,MAAM,kBAAkB,MAAM;AAEpC,YAAQ,MAAM,EAAE,GAAG,QAAQ,KAAK,GAAG,QAAQ,MAAM,QAAQ,IAAI,CAAC,GAAG,GAAG,IAAI;AAExE,UAAM,EAAE,SAAS,QAAQ,IAAI,eAAe;AAC5C,UAAM,mBAAmB,KAAK,SAAS,kBAAkB;AACzD,UAAM,2BAA2B,SAAS,SAAS,gBAAgB;AAGnE,WAAO,UAAU;AAAA,MACf,GAAG,OAAO;AAAA,MACV,OAAO;AAAA,QACL,GAAG,OAAO,SAAS;AAAA,QACnB,gCAAgC,QAAQ,wBAAwB;AAAA,MAClE;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,YAAY,MAAM;AAEhB,UAAM;AAAA;AAAA,MAEJ,YAAa,YAAoB,QAAQ;AAAA,IAC3C,CAAC;AAAA,EACH;AAAA,EACA,iBAAiB,MAAM;AAAA,EAEvB;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intlayer",
-  "version": "1.2.1",
+  "version": "2.0.1",
   "private": false,
   "description": "Internationalization layer for React applications - Layer of abstraction between the business logic and the data access layer. Manage internationalization in a simple way, through TypeScript, JavaScript or JSON declaration file.",
   "keywords": [
@@ -67,7 +67,6 @@
   },
   "files": [
     "./dist",
-    "./src",
     "./package.json"
   ],
   "dependencies": {
@@ -76,12 +75,12 @@
     "react-cookie": "^7.1.4",
     "vite": "^5.2.0",
     "webpack": "^5.91.0",
-    "@intlayer/chokidar": "^1.2.1",
-    "@intlayer/config": "^1.2.1",
-    "@intlayer/core": "^1.2.1",
-    "@intlayer/dictionaries-entry": "^1.2.1",
-    "@intlayer/webpack": "^1.2.1",
-    "intlayer": "^1.2.1"
+    "@intlayer/chokidar": "^2.0.1",
+    "@intlayer/config": "^2.0.1",
+    "@intlayer/core": "^2.0.1",
+    "@intlayer/dictionaries-entry": "^2.0.1",
+    "@intlayer/webpack": "^2.0.1",
+    "intlayer": "^2.0.1"
   },
   "devDependencies": {
     "@craco/types": "^7.1.0",
@@ -99,7 +98,13 @@
   },
   "peerDependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "intlayer-editor": "^2.1.0"
+  },
+  "peerDependenciesMeta": {
+    "intlayer-editor": {
+      "optional": true
+    }
   },
   "engines": {
     "node": ">=14.18"

package/src/index.ts

@@ -1,8 +1,8 @@
 export { getTranslation } from './getTranslation';
 export {
-  IntlayerClientProvider,
-  type IntlayerClientProviderProps,
-  IntlayerClient,
+  IntlayerProvider,
+  type IntlayerProviderProps,
+  IntlayerClientContext,
   useIntlayer,
   useLocale,
   useTraduction,
@@ -12,3 +12,4 @@ export {
   getBrowserLocale,
   useLocaleBase,
 } from './client/index';
+export { recursiveStringifyContent } from './useIntlayerBase';

package/dist/cjs/ContentEditor/ContentEditor.cjs

@@ -1,110 +0,0 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ContentEditor_exports = {};
-__export(ContentEditor_exports, {
-  ContentEditor: () => ContentEditor
-});
-module.exports = __toCommonJS(ContentEditor_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-const PRESS_DETECT_DURATION = 500;
-const ContentEditor = ({ children }) => {
-  const divRef = (0, import_react.useRef)(null);
-  const [isEditing, setIsEditing] = (0, import_react.useState)(false);
-  const pressTimerRef = (0, import_react.useRef)(null);
-  const handleOnLongPress = () => {
-    setIsEditing(true);
-  };
-  const startPressTimer = () => {
-    pressTimerRef.current = setTimeout(() => {
-      handleOnLongPress();
-    }, PRESS_DETECT_DURATION);
-  };
-  const clearPressTimer = () => {
-    if (pressTimerRef.current) {
-      clearTimeout(pressTimerRef.current);
-      pressTimerRef.current = null;
-    }
-  };
-  const handleMouseDown = () => {
-    clearPressTimer();
-    startPressTimer();
-  };
-  const handleMouseUp = () => {
-    clearPressTimer();
-  };
-  const handleClickOutside = (0, import_react.useCallback)(
-    (event) => {
-      if (divRef.current && !divRef.current.contains(event.target)) {
-        setIsEditing(false);
-      }
-    },
-    [divRef]
-  );
-  (0, import_react.useEffect)(() => {
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-      clearPressTimer();
-    };
-  }, [handleClickOutside]);
-  const handleOnClick = (e) => {
-    if (isEditing) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  };
-  const handleOnBlur = () => {
-    setIsEditing(false);
-  };
-  const onContentChange = (_e) => {
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      role: "textbox",
-      tabIndex: 0,
-      onKeyUp: () => null,
-      contentEditable: isEditing,
-      onInput: onContentChange,
-      onClick: handleOnClick,
-      onMouseDown: handleMouseDown,
-      onMouseUp: handleMouseUp,
-      onMouseLeave: handleMouseUp,
-      onTouchStart: handleMouseDown,
-      onTouchEnd: handleMouseUp,
-      onTouchCancel: handleMouseUp,
-      onBlur: handleOnBlur,
-      suppressContentEditableWarning: true,
-      style: isEditing ? {
-        backgroundColor: "transparent",
-        cursor: "text",
-        display: "inline"
-      } : { cursor: "pointer", display: "inline" },
-      ref: divRef,
-      children
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ContentEditor
-});
-//# sourceMappingURL=ContentEditor.cjs.map

package/dist/cjs/ContentEditor/ContentEditor.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ContentEditor/ContentEditor.tsx"],"sourcesContent":["'use client';\n\nimport {\n  useEffect,\n  useState,\n  useRef,\n  useCallback,\n  type FC,\n  type MouseEventHandler,\n} from 'react';\n\ntype ContentEditorProps = {\n  children?: string;\n};\n\nconst PRESS_DETECT_DURATION = 500;\n\nexport const ContentEditor: FC<ContentEditorProps> = ({ children }) => {\n  const divRef = useRef<HTMLDivElement>(null);\n  const [isEditing, setIsEditing] = useState(false);\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const handleOnLongPress = () => {\n    setIsEditing(true);\n  };\n\n  const startPressTimer = () => {\n    pressTimerRef.current = setTimeout(() => {\n      handleOnLongPress();\n    }, PRESS_DETECT_DURATION);\n  };\n\n  const clearPressTimer = () => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  };\n\n  const handleMouseDown = () => {\n    clearPressTimer(); // Ensure any previous timer is cleared\n    startPressTimer();\n  };\n\n  const handleMouseUp = () => {\n    clearPressTimer();\n  };\n\n  // Use useCallback to ensure the function identity remains stable\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        setIsEditing(false);\n      }\n    },\n    [divRef]\n  );\n\n  useEffect(() => {\n    // Attach click outside listener\n    document.addEventListener('mousedown', handleClickOutside);\n\n    return () => {\n      // Cleanup\n      document.removeEventListener('mousedown', handleClickOutside);\n      clearPressTimer(); // Ensure to clear the timer when component unmounts\n    };\n  }, [handleClickOutside]);\n\n  const handleOnClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    if (isEditing) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const handleOnBlur = () => {\n    // Stop editing when the element loses focus\n    setIsEditing(false);\n  };\n\n  const onContentChange = (_e: React.FormEvent<HTMLDivElement>) => {\n    // console.log(e.currentTarget.textContent);\n  };\n\n  return (\n    <div\n      role=\"textbox\"\n      tabIndex={0}\n      onKeyUp={() => null}\n      contentEditable={isEditing}\n      onInput={onContentChange}\n      onClick={handleOnClick}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      onMouseLeave={handleMouseUp}\n      onTouchStart={handleMouseDown}\n      onTouchEnd={handleMouseUp}\n      onTouchCancel={handleMouseUp}\n      onBlur={handleOnBlur}\n      suppressContentEditableWarning={true} // To suppress the warning for controlled components\n      style={\n        isEditing\n          ? {\n              backgroundColor: 'transparent',\n              cursor: 'text',\n              display: 'inline',\n            }\n          : { cursor: 'pointer', display: 'inline' }\n      }\n      ref={divRef}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsFI;AApFJ,mBAOO;AAMP,MAAM,wBAAwB;AAEvB,MAAM,gBAAwC,CAAC,EAAE,SAAS,MAAM;AACrE,QAAM,aAAS,qBAAuB,IAAI;AAC1C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAChD,QAAM,oBAAgB,qBAA6C,IAAI;AAEvE,QAAM,oBAAoB,MAAM;AAC9B,iBAAa,IAAI;AAAA,EACnB;AAEA,QAAM,kBAAkB,MAAM;AAC5B,kBAAc,UAAU,WAAW,MAAM;AACvC,wBAAkB;AAAA,IACpB,GAAG,qBAAqB;AAAA,EAC1B;AAEA,QAAM,kBAAkB,MAAM;AAC5B,QAAI,cAAc,SAAS;AACzB,mBAAa,cAAc,OAAO;AAClC,oBAAc,UAAU;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,kBAAkB,MAAM;AAC5B,oBAAgB;AAChB,oBAAgB;AAAA,EAClB;AAEA,QAAM,gBAAgB,MAAM;AAC1B,oBAAgB;AAAA,EAClB;AAGA,QAAM,yBAAqB;AAAA,IACzB,CAAC,UAAsB;AACrB,UAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACpE,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,8BAAU,MAAM;AAEd,aAAS,iBAAiB,aAAa,kBAAkB;AAEzD,WAAO,MAAM;AAEX,eAAS,oBAAoB,aAAa,kBAAkB;AAC5D,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,kBAAkB,CAAC;AAEvB,QAAM,gBAAmD,CAAC,MAAM;AAC9D,QAAI,WAAW;AACb,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,eAAe,MAAM;AAEzB,iBAAa,KAAK;AAAA,EACpB;AAEA,QAAM,kBAAkB,CAAC,OAAwC;AAAA,EAEjE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS,MAAM;AAAA,MACf,iBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,aAAa;AAAA,MACb,WAAW;AAAA,MACX,cAAc;AAAA,MACd,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,gCAAgC;AAAA,MAChC,OACE,YACI;AAAA,QACE,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QACR,SAAS;AAAA,MACX,IACA,EAAE,QAAQ,WAAW,SAAS,SAAS;AAAA,MAE7C,KAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/cjs/ContentEditor/ContentEditor.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-
-type ContentEditorProps = {
-    children?: string;
-};
-declare const ContentEditor: FC<ContentEditorProps>;
-
-export { ContentEditor };

package/dist/cjs/ContentEditor/contentRender.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ContentEditor/contentRender.tsx"],"sourcesContent":["import { ContentEditor } from './ContentEditor';\n\nexport const contentRender = (content: string) => {\n  const isEditable = process.env.NODE_ENV === 'development';\n\n  if (isEditable && ContentEditor) {\n    return (<ContentEditor>{content}</ContentEditor>) as unknown as string;\n  }\n\n  return content;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMY;AANZ,2BAA8B;AAEvB,MAAM,gBAAgB,CAAC,YAAoB;AAChD,QAAM,aAAa,QAAQ,IAAI,aAAa;AAE5C,MAAI,cAAc,oCAAe;AAC/B,WAAQ,4CAAC,sCAAe,mBAAQ;AAAA,EAClC;AAEA,SAAO;AACT;","names":[]}

package/dist/cjs/ContentEditor/contentRender.d.ts

@@ -1,3 +0,0 @@
-declare const contentRender: (content: string) => string;
-
-export { contentRender };

package/dist/cjs/ContentEditor/index.cjs

@@ -1,25 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ContentEditor_exports = {};
-module.exports = __toCommonJS(ContentEditor_exports);
-__reExport(ContentEditor_exports, require('./ContentEditor.cjs'), module.exports);
-__reExport(ContentEditor_exports, require('./contentRender.cjs'), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require('./ContentEditor.cjs'),
-  ...require('./contentRender.cjs')
-});
-//# sourceMappingURL=index.cjs.map

package/dist/cjs/ContentEditor/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ContentEditor/index.tsx"],"sourcesContent":["export * from './ContentEditor';\nexport * from './contentRender';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,kCAAc,4BAAd;AACA,kCAAc,4BADd;","names":[]}

package/dist/cjs/ContentEditor/index.d.ts

@@ -1,3 +0,0 @@
-export { ContentEditor } from './ContentEditor.js';
-export { contentRender } from './contentRender.js';
-import 'react';

package/dist/cjs/IntlayerProvider.cjs

@@ -1,37 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var IntlayerProvider_exports = {};
-__export(IntlayerProvider_exports, {
-  IntlayerProvider: () => IntlayerProvider
-});
-module.exports = __toCommonJS(IntlayerProvider_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_client = require("@intlayer/config/client");
-var import_IntlayerClientProvider = require('./client/IntlayerClientProvider.cjs');
-var import_IntlayerServerProvider = require('./server/IntlayerServerProvider.cjs');
-const { defaultLocale } = (0, import_client.getConfiguration)().internationalization;
-const IntlayerProvider = ({
-  children,
-  locale = defaultLocale
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_IntlayerServerProvider.IntlayerServerProvider, { locale, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_IntlayerClientProvider.IntlayerClientProvider, { locale, children }) });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  IntlayerProvider
-});
-//# sourceMappingURL=IntlayerProvider.cjs.map

package/dist/cjs/IntlayerProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/IntlayerProvider.tsx"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport type { FC } from 'react';\nimport {\n  IntlayerClientProvider,\n  type IntlayerClientProviderProps,\n} from './client/IntlayerClientProvider';\nimport {\n  IntlayerServerProvider,\n  type IntlayerServerProviderProps,\n} from './server/IntlayerServerProvider';\n\nconst { defaultLocale } = getConfiguration().internationalization;\n\ntype IntlayerProviderProps = IntlayerClientProviderProps &\n  IntlayerServerProviderProps;\n\nexport const IntlayerProvider: FC<IntlayerProviderProps> = ({\n  children,\n  locale = defaultLocale,\n}) => (\n  <IntlayerServerProvider locale={locale}>\n    <IntlayerClientProvider locale={locale}>{children}</IntlayerClientProvider>\n  </IntlayerServerProvider>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBI;AArBJ,oBAAiC;AAEjC,oCAGO;AACP,oCAGO;AAEP,MAAM,EAAE,cAAc,QAAI,gCAAiB,EAAE;AAKtC,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,SAAS;AACX,MACE,4CAAC,wDAAuB,QACtB,sDAAC,wDAAuB,QAAiB,UAAS,GACpD;","names":[]}

package/dist/cjs/IntlayerProvider.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { IntlayerClientProviderProps } from './client/IntlayerClientProvider.js';
-import { IntlayerServerProviderProps } from './server/IntlayerServerProvider.js';
-import '@intlayer/config/client';
-
-type IntlayerProviderProps = IntlayerClientProviderProps & IntlayerServerProviderProps;
-declare const IntlayerProvider: FC<IntlayerProviderProps>;
-
-export { IntlayerProvider };

package/dist/cjs/client/IntlayerClientProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/client/IntlayerClientProvider.tsx"],"sourcesContent":["'use client';\n\nimport { getConfiguration, type Locales } from '@intlayer/config/client';\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n  type FC,\n  useState,\n  useCallback,\n} from 'react';\nimport { localeCookie, setLocaleCookie } from './useLocaleCookie';\n\ntype IntlayerValue = {\n  locale: Locales;\n  setLocale: (newLocale: Locales) => void;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerClientContext = createContext<IntlayerValue>({\n  locale: localeCookie ?? getConfiguration().internationalization.defaultLocale,\n  setLocale: () => null,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerContext = () => useContext(IntlayerClientContext);\n\nexport type IntlayerClientProviderProps = PropsWithChildren & {\n  locale?: Locales;\n};\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerClientProvider: FC<IntlayerClientProviderProps> = ({\n  locale,\n  children,\n}) => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n\n  const [currentLocale, setCurrentLocale] = useState(\n    locale ?? localeCookie ?? defaultLocale\n  );\n\n  const setLocale = useCallback(\n    (newLocale: Locales) => {\n      if (currentLocale.toString() === newLocale.toString()) return;\n\n      if (!availableLocales.includes(newLocale)) {\n        console.error(`Locale ${locale} is not available`);\n        return;\n      }\n\n      setCurrentLocale(newLocale); // Update state\n      setLocaleCookie(newLocale); // Optionally set cookie for persistence\n    },\n    [availableLocales, currentLocale, locale]\n  );\n\n  const value: IntlayerValue = useMemo<IntlayerValue>(\n    () => ({ locale: currentLocale, setLocale }),\n    [currentLocale, setLocale]\n  );\n\n  return (\n    <IntlayerClientContext.Provider value={value}>\n      {children}\n    </IntlayerClientContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuEI;AArEJ,oBAA+C;AAC/C,mBAQO;AACP,6BAA8C;AAUvC,MAAM,4BAAwB,4BAA6B;AAAA,EAChE,QAAQ,2CAAgB,gCAAiB,EAAE,qBAAqB;AAAA,EAChE,WAAW,MAAM;AACnB,CAAC;AAKM,MAAM,qBAAqB,UAAM,yBAAW,qBAAqB;AASjE,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,eAAe,SAAS,iBAAiB,QAC/C,gCAAiB,EAAE;AAErB,QAAM,CAAC,eAAe,gBAAgB,QAAI;AAAA,IACxC,UAAU,uCAAgB;AAAA,EAC5B;AAEA,QAAM,gBAAY;AAAA,IAChB,CAAC,cAAuB;AACtB,UAAI,cAAc,SAAS,MAAM,UAAU,SAAS;AAAG;AAEvD,UAAI,CAAC,iBAAiB,SAAS,SAAS,GAAG;AACzC,gBAAQ,MAAM,UAAU,MAAM,mBAAmB;AACjD;AAAA,MACF;AAEA,uBAAiB,SAAS;AAC1B,kDAAgB,SAAS;AAAA,IAC3B;AAAA,IACA,CAAC,kBAAkB,eAAe,MAAM;AAAA,EAC1C;AAEA,QAAM,YAAuB;AAAA,IAC3B,OAAO,EAAE,QAAQ,eAAe,UAAU;AAAA,IAC1C,CAAC,eAAe,SAAS;AAAA,EAC3B;AAEA,SACE,4CAAC,sBAAsB,UAAtB,EAA+B,OAC7B,UACH;AAEJ;","names":[]}

package/dist/cjs/processDictionary/contentDictionary.d.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/processDictionary/contentDictionary.d.ts"],"sourcesContent":["import { type TranslationContent } from '@intlayer/core';\n\nexport type ContentValue =\n  | string\n  | {\n      [key: string]: ContentValue;\n    }\n  | TranslationContent<unknown>;\n\nexport type Content = Record<string, ContentValue | undefined>;\n\nexport type TransformedContentValue =\n  | string\n  | {\n      [key: string]: TransformedContentValue;\n    }\n  | undefined\n  | ((quantity: number) => TransformedContentValue);\n\nexport type TransformedContent = Record<\n  string,\n  TransformedContentValue | undefined\n>;\n\nexport type ContentDictionary = Content & {\n  id: string;\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/cjs/processDictionary/contentDictionary.d.d.ts

@@ -1,29 +0,0 @@
-import { TranslationContent } from '@intlayer/core';
-
-type ContentValue =
-  | string
-  | {
-      [key: string]: ContentValue;
-    }
-  | TranslationContent<unknown>;
-
-type Content = Record<string, ContentValue | undefined>;
-
-type TransformedContentValue =
-  | string
-  | {
-      [key: string]: TransformedContentValue;
-    }
-  | undefined
-  | ((quantity: number) => TransformedContentValue);
-
-type TransformedContent = Record<
-  string,
-  TransformedContentValue | undefined
->;
-
-type ContentDictionary = Content & {
-  id: string;
-};
-
-export type { Content, ContentDictionary, ContentValue, TransformedContent, TransformedContentValue };

package/dist/esm/ContentEditor/ContentEditor.d.mts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-
-type ContentEditorProps = {
-    children?: string;
-};
-declare const ContentEditor: FC<ContentEditorProps>;
-
-export { ContentEditor };

package/dist/esm/ContentEditor/ContentEditor.mjs

@@ -1,92 +0,0 @@
-"use client";
-import "../chunk-ZNCO4QRF.mjs";
-import { jsx } from "react/jsx-runtime";
-import {
-  useEffect,
-  useState,
-  useRef,
-  useCallback
-} from "react";
-const PRESS_DETECT_DURATION = 500;
-const ContentEditor = ({ children }) => {
-  const divRef = useRef(null);
-  const [isEditing, setIsEditing] = useState(false);
-  const pressTimerRef = useRef(null);
-  const handleOnLongPress = () => {
-    setIsEditing(true);
-  };
-  const startPressTimer = () => {
-    pressTimerRef.current = setTimeout(() => {
-      handleOnLongPress();
-    }, PRESS_DETECT_DURATION);
-  };
-  const clearPressTimer = () => {
-    if (pressTimerRef.current) {
-      clearTimeout(pressTimerRef.current);
-      pressTimerRef.current = null;
-    }
-  };
-  const handleMouseDown = () => {
-    clearPressTimer();
-    startPressTimer();
-  };
-  const handleMouseUp = () => {
-    clearPressTimer();
-  };
-  const handleClickOutside = useCallback(
-    (event) => {
-      if (divRef.current && !divRef.current.contains(event.target)) {
-        setIsEditing(false);
-      }
-    },
-    [divRef]
-  );
-  useEffect(() => {
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-      clearPressTimer();
-    };
-  }, [handleClickOutside]);
-  const handleOnClick = (e) => {
-    if (isEditing) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  };
-  const handleOnBlur = () => {
-    setIsEditing(false);
-  };
-  const onContentChange = (_e) => {
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "textbox",
-      tabIndex: 0,
-      onKeyUp: () => null,
-      contentEditable: isEditing,
-      onInput: onContentChange,
-      onClick: handleOnClick,
-      onMouseDown: handleMouseDown,
-      onMouseUp: handleMouseUp,
-      onMouseLeave: handleMouseUp,
-      onTouchStart: handleMouseDown,
-      onTouchEnd: handleMouseUp,
-      onTouchCancel: handleMouseUp,
-      onBlur: handleOnBlur,
-      suppressContentEditableWarning: true,
-      style: isEditing ? {
-        backgroundColor: "transparent",
-        cursor: "text",
-        display: "inline"
-      } : { cursor: "pointer", display: "inline" },
-      ref: divRef,
-      children
-    }
-  );
-};
-export {
-  ContentEditor
-};
-//# sourceMappingURL=ContentEditor.mjs.map

package/dist/esm/ContentEditor/ContentEditor.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ContentEditor/ContentEditor.tsx"],"sourcesContent":["'use client';\n\nimport {\n  useEffect,\n  useState,\n  useRef,\n  useCallback,\n  type FC,\n  type MouseEventHandler,\n} from 'react';\n\ntype ContentEditorProps = {\n  children?: string;\n};\n\nconst PRESS_DETECT_DURATION = 500;\n\nexport const ContentEditor: FC<ContentEditorProps> = ({ children }) => {\n  const divRef = useRef<HTMLDivElement>(null);\n  const [isEditing, setIsEditing] = useState(false);\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const handleOnLongPress = () => {\n    setIsEditing(true);\n  };\n\n  const startPressTimer = () => {\n    pressTimerRef.current = setTimeout(() => {\n      handleOnLongPress();\n    }, PRESS_DETECT_DURATION);\n  };\n\n  const clearPressTimer = () => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  };\n\n  const handleMouseDown = () => {\n    clearPressTimer(); // Ensure any previous timer is cleared\n    startPressTimer();\n  };\n\n  const handleMouseUp = () => {\n    clearPressTimer();\n  };\n\n  // Use useCallback to ensure the function identity remains stable\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        setIsEditing(false);\n      }\n    },\n    [divRef]\n  );\n\n  useEffect(() => {\n    // Attach click outside listener\n    document.addEventListener('mousedown', handleClickOutside);\n\n    return () => {\n      // Cleanup\n      document.removeEventListener('mousedown', handleClickOutside);\n      clearPressTimer(); // Ensure to clear the timer when component unmounts\n    };\n  }, [handleClickOutside]);\n\n  const handleOnClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    if (isEditing) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const handleOnBlur = () => {\n    // Stop editing when the element loses focus\n    setIsEditing(false);\n  };\n\n  const onContentChange = (_e: React.FormEvent<HTMLDivElement>) => {\n    // console.log(e.currentTarget.textContent);\n  };\n\n  return (\n    <div\n      role=\"textbox\"\n      tabIndex={0}\n      onKeyUp={() => null}\n      contentEditable={isEditing}\n      onInput={onContentChange}\n      onClick={handleOnClick}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      onMouseLeave={handleMouseUp}\n      onTouchStart={handleMouseDown}\n      onTouchEnd={handleMouseUp}\n      onTouchCancel={handleMouseUp}\n      onBlur={handleOnBlur}\n      suppressContentEditableWarning={true} // To suppress the warning for controlled components\n      style={\n        isEditing\n          ? {\n              backgroundColor: 'transparent',\n              cursor: 'text',\n              display: 'inline',\n            }\n          : { cursor: 'pointer', display: 'inline' }\n      }\n      ref={divRef}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;AAsFI;AApFJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAMP,MAAM,wBAAwB;AAEvB,MAAM,gBAAwC,CAAC,EAAE,SAAS,MAAM;AACrE,QAAM,SAAS,OAAuB,IAAI;AAC1C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,gBAAgB,OAA6C,IAAI;AAEvE,QAAM,oBAAoB,MAAM;AAC9B,iBAAa,IAAI;AAAA,EACnB;AAEA,QAAM,kBAAkB,MAAM;AAC5B,kBAAc,UAAU,WAAW,MAAM;AACvC,wBAAkB;AAAA,IACpB,GAAG,qBAAqB;AAAA,EAC1B;AAEA,QAAM,kBAAkB,MAAM;AAC5B,QAAI,cAAc,SAAS;AACzB,mBAAa,cAAc,OAAO;AAClC,oBAAc,UAAU;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,kBAAkB,MAAM;AAC5B,oBAAgB;AAChB,oBAAgB;AAAA,EAClB;AAEA,QAAM,gBAAgB,MAAM;AAC1B,oBAAgB;AAAA,EAClB;AAGA,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAAsB;AACrB,UAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACpE,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,YAAU,MAAM;AAEd,aAAS,iBAAiB,aAAa,kBAAkB;AAEzD,WAAO,MAAM;AAEX,eAAS,oBAAoB,aAAa,kBAAkB;AAC5D,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,kBAAkB,CAAC;AAEvB,QAAM,gBAAmD,CAAC,MAAM;AAC9D,QAAI,WAAW;AACb,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,eAAe,MAAM;AAEzB,iBAAa,KAAK;AAAA,EACpB;AAEA,QAAM,kBAAkB,CAAC,OAAwC;AAAA,EAEjE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS,MAAM;AAAA,MACf,iBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,aAAa;AAAA,MACb,WAAW;AAAA,MACX,cAAc;AAAA,MACd,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,gCAAgC;AAAA,MAChC,OACE,YACI;AAAA,QACE,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QACR,SAAS;AAAA,MACX,IACA,EAAE,QAAQ,WAAW,SAAS,SAAS;AAAA,MAE7C,KAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/esm/ContentEditor/contentRender.d.mts

@@ -1,3 +0,0 @@
-declare const contentRender: (content: string) => string;
-
-export { contentRender };

package/dist/esm/ContentEditor/contentRender.mjs

@@ -1,14 +0,0 @@
-import "../chunk-ZNCO4QRF.mjs";
-import { jsx } from "react/jsx-runtime";
-import { ContentEditor } from './ContentEditor.mjs';
-const contentRender = (content) => {
-  const isEditable = process.env.NODE_ENV === "development";
-  if (isEditable && ContentEditor) {
-    return /* @__PURE__ */ jsx(ContentEditor, { children: content });
-  }
-  return content;
-};
-export {
-  contentRender
-};
-//# sourceMappingURL=contentRender.mjs.map

package/dist/esm/ContentEditor/contentRender.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ContentEditor/contentRender.tsx"],"sourcesContent":["import { ContentEditor } from './ContentEditor';\n\nexport const contentRender = (content: string) => {\n  const isEditable = process.env.NODE_ENV === 'development';\n\n  if (isEditable && ContentEditor) {\n    return (<ContentEditor>{content}</ContentEditor>) as unknown as string;\n  }\n\n  return content;\n};\n"],"mappings":";AAMY;AANZ,SAAS,qBAAqB;AAEvB,MAAM,gBAAgB,CAAC,YAAoB;AAChD,QAAM,aAAa,QAAQ,IAAI,aAAa;AAE5C,MAAI,cAAc,eAAe;AAC/B,WAAQ,oBAAC,iBAAe,mBAAQ;AAAA,EAClC;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/ContentEditor/index.d.mts

@@ -1,3 +0,0 @@
-export { ContentEditor } from './ContentEditor.mjs';
-export { contentRender } from './contentRender.mjs';
-import 'react';

package/dist/esm/ContentEditor/index.mjs

@@ -1,3 +0,0 @@
-export * from './ContentEditor.mjs';
-export * from './contentRender.mjs';
-//# sourceMappingURL=index.mjs.map

package/dist/esm/ContentEditor/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ContentEditor/index.tsx"],"sourcesContent":["export * from './ContentEditor';\nexport * from './contentRender';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/IntlayerProvider.d.mts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { IntlayerClientProviderProps } from './client/IntlayerClientProvider.mjs';
-import { IntlayerServerProviderProps } from './server/IntlayerServerProvider.mjs';
-import '@intlayer/config/client';
-
-type IntlayerProviderProps = IntlayerClientProviderProps & IntlayerServerProviderProps;
-declare const IntlayerProvider: FC<IntlayerProviderProps>;
-
-export { IntlayerProvider };

package/dist/esm/IntlayerProvider.mjs

@@ -1,18 +0,0 @@
-import "./chunk-ZNCO4QRF.mjs";
-import { jsx } from "react/jsx-runtime";
-import { getConfiguration } from "@intlayer/config/client";
-import {
-  IntlayerClientProvider
-} from './client/IntlayerClientProvider.mjs';
-import {
-  IntlayerServerProvider
-} from './server/IntlayerServerProvider.mjs';
-const { defaultLocale } = getConfiguration().internationalization;
-const IntlayerProvider = ({
-  children,
-  locale = defaultLocale
-}) => /* @__PURE__ */ jsx(IntlayerServerProvider, { locale, children: /* @__PURE__ */ jsx(IntlayerClientProvider, { locale, children }) });
-export {
-  IntlayerProvider
-};
-//# sourceMappingURL=IntlayerProvider.mjs.map

package/dist/esm/IntlayerProvider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/IntlayerProvider.tsx"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport type { FC } from 'react';\nimport {\n  IntlayerClientProvider,\n  type IntlayerClientProviderProps,\n} from './client/IntlayerClientProvider';\nimport {\n  IntlayerServerProvider,\n  type IntlayerServerProviderProps,\n} from './server/IntlayerServerProvider';\n\nconst { defaultLocale } = getConfiguration().internationalization;\n\ntype IntlayerProviderProps = IntlayerClientProviderProps &\n  IntlayerServerProviderProps;\n\nexport const IntlayerProvider: FC<IntlayerProviderProps> = ({\n  children,\n  locale = defaultLocale,\n}) => (\n  <IntlayerServerProvider locale={locale}>\n    <IntlayerClientProvider locale={locale}>{children}</IntlayerClientProvider>\n  </IntlayerServerProvider>\n);\n"],"mappings":";AAqBI;AArBJ,SAAS,wBAAwB;AAEjC;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AAEP,MAAM,EAAE,cAAc,IAAI,iBAAiB,EAAE;AAKtC,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,SAAS;AACX,MACE,oBAAC,0BAAuB,QACtB,8BAAC,0BAAuB,QAAiB,UAAS,GACpD;","names":[]}