intlayer-editor 2.0.0 → 2.1.0

package/dist/cjs/server/{content-editor.cjs → processEdition.cjs}

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,25 +15,17 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var content_editor_exports = {};
-__export(content_editor_exports, {
-  editContent: () => editContent
+var processEdition_exports = {};
+__export(processEdition_exports, {
+  processEdition: () => processEdition
 });
-module.exports = __toCommonJS(content_editor_exports);
+module.exports = __toCommonJS(processEdition_exports);
 var import_fs = require("fs");
 var import_module = require("module");
 var import_parser = require("@babel/parser");
 var import_core = require("@intlayer/core");
-var import_prettier = __toESM(require("prettier"));
+var import_formatPrettier = require('./formatPrettier.cjs');
 const import_meta = {};
 const requireFunction = typeof import_meta.url === "undefined" ? require : (0, import_module.createRequire)(import_meta.url);
 const { default: generate } = requireFunction("@babel/generator");
@@ -47,9 +37,22 @@ const findNestedProperty = (obj, keyPath) => {
       // if the keyPath is an object, select the related node
       key.type === "ObjectExpression"
     ) {
-      foundProperty = currentObj.properties.find(
+      const result = currentObj.properties.find(
         (prop) => "key" in prop && prop.key.name === key.key
       );
+      if (result && "value" in result) {
+        currentObj = result.value;
+        foundProperty = result;
+      } else {
+        return void 0;
+      }
+    }
+    if (
+      // if the keyPath is an array, select the related node
+      key.type === "ArrayExpression"
+    ) {
+      const result = currentObj.elements[key.key];
+      currentObj = result;
     }
     if (
       // if the keypath is a translation or enumeration node, go across the function and select the related node
@@ -57,14 +60,26 @@ const findNestedProperty = (obj, keyPath) => {
         key.type
       )
     ) {
-      foundProperty = currentObj.arguments[0].properties.find(
+      const argument = currentObj.arguments[0];
+      const identifierResult = argument.properties.find(
         (prop) => "key" in prop && prop.key.name === key.key
       );
-    }
-    if (foundProperty && "value" in foundProperty) {
-      currentObj = foundProperty.value;
-    } else {
-      return void 0;
+      const stringResult = argument.properties.find(
+        (prop) => "key" in prop && prop.key.value === key.key
+      );
+      if (stringResult) {
+        if ("value" in stringResult) {
+          currentObj = stringResult.value;
+        }
+        foundProperty = stringResult;
+      } else if (identifierResult) {
+        if ("name" in identifierResult) {
+          currentObj = identifierResult.name;
+        }
+        foundProperty = identifierResult;
+      } else {
+        return void 0;
+      }
     }
   }
   return currentObj;
@@ -117,19 +132,7 @@ const traverseNode = (node, keyPath, newValue) => {
     );
   }
 };
-const format = async (content) => {
-  let options = {};
-  try {
-    options = await import_prettier.default.resolveConfig(content, {
-      editorconfig: true
-    }) ?? {};
-  } catch (error) {
-    console.error("Failed to resolve Prettier configuration:", error);
-  }
-  const config = { ...options, parser: "typescript" };
-  return import_prettier.default.format(content, config);
-};
-const editContent = async (editedContent) => {
+const processEdition = async (editedContent) => {
   for (const dictionaryPath of Object.keys(editedContent)) {
     const fileContent = (0, import_fs.readFileSync)(dictionaryPath, "utf-8");
     const parsed = (0, import_parser.parse)(fileContent, {
@@ -143,7 +146,7 @@ const editContent = async (editedContent) => {
     if (fileContent === updatedContent) {
       console.info(`Could not find specified key path in ${dictionaryPath}.`);
     } else {
-      const formattedContent = await format(updatedContent);
+      const formattedContent = await (0, import_formatPrettier.format)(updatedContent);
       (0, import_fs.writeFileSync)(dictionaryPath, formattedContent, "utf-8");
       console.info("Updated the file successfully.");
     }
@@ -151,6 +154,6 @@ const editContent = async (editedContent) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  editContent
+  processEdition
 });
-//# sourceMappingURL=content-editor.cjs.map
+//# sourceMappingURL=processEdition.cjs.map

package/dist/cjs/server/processEdition.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/server/processEdition.ts"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity */\nimport { readFileSync, writeFileSync } from 'fs';\nimport { createRequire } from 'module';\nimport { parse } from '@babel/parser';\nimport type {\n  ObjectExpression,\n  VariableDeclarator,\n  Program,\n  Identifier,\n  StringLiteral,\n  AssignmentExpression,\n  ObjectProperty,\n  CallExpression,\n  ObjectMethod,\n  SpreadElement,\n  ArrayExpression,\n  PrivateName,\n} from '@babel/types';\nimport {\n  NodeType,\n  type KeyPath,\n  type ArrayExpressionNode,\n  type ObjectExpressionNode,\n  type TranslationOrEnumerationNode,\n} from '@intlayer/core';\nimport type { EditedContent } from '../client/index';\nimport { format } from './formatPrettier';\n\nconst requireFunction =\n  typeof import.meta.url === 'undefined'\n    ? require\n    : createRequire(import.meta.url);\n\nconst { default: generate } = requireFunction('@babel/generator');\n\ntype ObjectOrArrayExpression = ObjectExpression | ArrayExpression;\n\n/**\n * Helper function to find a nested property in an ObjectExpression based on a key path\n */\nconst findNestedProperty = (\n  obj: ObjectOrArrayExpression,\n  keyPath: KeyPath[]\n): ObjectOrArrayExpression | undefined => {\n  let currentObj: ObjectOrArrayExpression = obj;\n\n  for (const key of keyPath) {\n    let foundProperty:\n      | ObjectProperty\n      | ObjectMethod\n      | SpreadElement\n      | undefined;\n\n    if (\n      // if the keyPath is an object, select the related node\n      (key as ObjectExpressionNode).type === 'ObjectExpression'\n    ) {\n      const result = (currentObj as ObjectExpression).properties.find(\n        (prop) =>\n          'key' in prop &&\n          (prop.key as Identifier).name === (key as ObjectExpressionNode).key\n      );\n\n      if (result && 'value' in result) {\n        currentObj = result.value as ObjectExpression;\n        foundProperty = result;\n      } else {\n        return undefined;\n      }\n    }\n\n    if (\n      // if the keyPath is an array, select the related node\n      (key as ArrayExpressionNode).type === 'ArrayExpression'\n    ) {\n      const result = (currentObj as ArrayExpression).elements[\n        (key as ArrayExpressionNode).key\n      ] as unknown as ObjectProperty;\n\n      currentObj = result as unknown as ObjectExpression;\n    }\n\n    if (\n      // if the keypath is a translation or enumeration node, go across the function and select the related node\n      Object.values(NodeType).includes(\n        (key as TranslationOrEnumerationNode).type\n      )\n    ) {\n      const argument = (currentObj as unknown as CallExpression)\n        .arguments[0] as ObjectExpression;\n\n      const identifierResult = argument.properties.find(\n        (prop) => 'key' in prop && (prop.key as Identifier).name === key.key\n      );\n\n      const stringResult = argument.properties.find(\n        (prop) => 'key' in prop && (prop.key as StringLiteral).value === key.key\n      );\n\n      if (stringResult) {\n        // Correspond to StringLiteral oject property (e.g., { 'key': 'value' })\n        if ('value' in stringResult) {\n          currentObj = stringResult.value as ObjectExpression;\n        }\n        foundProperty = stringResult;\n      } else if (identifierResult) {\n        // Correspond to Identifier object property (e.g., { key: 'value' })\n        if ('name' in identifierResult) {\n          currentObj = identifierResult.name as ObjectExpression;\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        foundProperty = identifierResult;\n      } else {\n        return undefined;\n      }\n    }\n  }\n\n  return currentObj;\n};\n\n/**\n * Find and update specific content based on key path\n */\nconst findAndUpdate = (\n  objExpr: ObjectExpression,\n  keyPath: KeyPath[],\n  newValue: string\n) => {\n  const lastKey = keyPath[keyPath.length - 1]; // Get the last key in the path\n\n  if (lastKey) {\n    const propertyToUpdate = findNestedProperty(objExpr, keyPath); // Traverse the key path\n\n    if (propertyToUpdate && 'value' in propertyToUpdate) {\n      (propertyToUpdate as unknown as StringLiteral).value = newValue; // Update the value of the specified key\n    }\n  }\n};\n\n/**\n * Traverse the AST and update based on key path and new value\n */\nconst traverseNode = (node: Program, keyPath: KeyPath[], newValue: string) => {\n  if (Array.isArray(node.body)) {\n    (node.body as unknown as Program[]).forEach((subNode) =>\n      traverseNode(subNode, keyPath, newValue)\n    );\n  } else if (node.body) {\n    traverseNode(node.body, keyPath, newValue);\n  }\n\n  if (\n    // For ES Module (e.g., `const variable = ...;  export default variable`)\n    'declarations' in node\n  ) {\n    (node.declarations as VariableDeclarator[]).forEach((declaration) => {\n      if (declaration.init?.type === 'ObjectExpression') {\n        findAndUpdate(declaration.init, keyPath, newValue);\n      }\n    });\n  }\n\n  if (\n    // For ES Module (e.g., `export default { ... }`)\n    'declaration' in node &&\n    (node.declaration as ObjectExpression).type === 'ObjectExpression'\n  ) {\n    return findAndUpdate(\n      node.declaration as ObjectExpression,\n      keyPath,\n      newValue\n    );\n  }\n\n  if (\n    // For CommonJS (e.g., `module.exports = ...`)\n    'expression' in node &&\n    (node.expression as AssignmentExpression).right.type === 'ObjectExpression'\n  ) {\n    return findAndUpdate(\n      (node.expression as AssignmentExpression).right as ObjectExpression,\n      keyPath,\n      newValue\n    );\n  }\n};\n\n/**\n * Edit the content of a file based on the key path and new value\n */\nexport const processEdition = async (editedContent: EditedContent) => {\n  // Loop into each dictionary path\n  for (const dictionaryPath of Object.keys(editedContent)) {\n    // Read the file\n    const fileContent = readFileSync(dictionaryPath, 'utf-8');\n\n    // Parse the content with TypeScript support\n    const parsed = parse(fileContent, {\n      sourceType: 'module',\n      plugins: ['jsx', 'typescript'],\n    });\n\n    // Loop into each key path and new value\n    for (const { keyPath, newValue } of editedContent[dictionaryPath]) {\n      // Update values based on key paths\n      traverseNode(parsed.program, keyPath, newValue);\n    }\n\n    // Generate the updated code\n    const updatedContent = generate(parsed).code;\n\n    if (fileContent === updatedContent) {\n      console.info(`Could not find specified key path in ${dictionaryPath}.`);\n    } else {\n      const formattedContent = await format(updatedContent);\n\n      // Write back to the file\n      writeFileSync(dictionaryPath, formattedContent, 'utf-8');\n\n      console.info('Updated the file successfully.');\n    }\n  }\n};\n"],"mappings":"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","names":[]}

package/dist/cjs/server/processEdition.d.ts

@@ -0,0 +1,12 @@
+import { EditedContent } from '../client/DictionaryEditionDrawer/useEditedContentStore.js';
+import 'zustand/middleware';
+import 'zustand';
+import '@intlayer/core';
+import '@intlayer/design-system';
+
+/**
+ * Edit the content of a file based on the key path and new value
+ */
+declare const processEdition: (editedContent: EditedContent) => Promise<void>;
+
+export { processEdition };

package/dist/esm/client/ContentEditionLayout.mjs

@@ -1,5 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { EditionPanel } from './EditionPanel/index.mjs';
+import { DictionaryEditionDrawerController } from './DictionaryEditionDrawer/index.mjs';
+import { DictionaryListDrawer } from './DictionaryListDrawer/index.mjs';
 const ContentEditionLayout = ({
   children,
   locale,
@@ -8,13 +9,14 @@ const ContentEditionLayout = ({
 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
   children,
   /* @__PURE__ */ jsx(
-    EditionPanel,
+    DictionaryEditionDrawerController,
     {
       locale,
       localeList,
       setLocale
     }
-  )
+  ),
+  /* @__PURE__ */ jsx(DictionaryListDrawer, {})
 ] });
 export {
   ContentEditionLayout

package/dist/esm/client/ContentEditionLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ContentEditionLayout.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { FC, ReactNode } from 'react';\nimport { EditionPanel } from './EditionPanel/index';\n\nexport type ContentEditionLayoutProps = {\n  children?: ReactNode;\n  locale: Locales;\n  localeList: Locales[];\n  setLocale: (locale: Locales) => void;\n};\n\nexport const ContentEditionLayout: FC<ContentEditionLayoutProps> = ({\n  children,\n  locale,\n  setLocale,\n  localeList,\n}) => (\n  <>\n    {children}\n    <EditionPanel\n      locale={locale}\n      localeList={localeList}\n      setLocale={setLocale}\n    />\n  </>\n);\n"],"mappings":"AAiBE,mBAEE,KAFF;AAfF,SAAS,oBAAoB;AAStB,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,iCACG;AAAA;AAAA,EACD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAAA,GACF;","names":[]}
+{"version":3,"sources":["../../../src/client/ContentEditionLayout.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { FC, ReactNode } from 'react';\nimport { DictionaryEditionDrawerController } from './DictionaryEditionDrawer/index';\nimport { DictionaryListDrawer } from './DictionaryListDrawer/index';\n\nexport type ContentEditionLayoutProps = {\n  children?: ReactNode;\n  locale: Locales;\n  localeList: Locales[];\n  setLocale: (locale: Locales) => void;\n};\n\nexport const ContentEditionLayout: FC<ContentEditionLayoutProps> = ({\n  children,\n  locale,\n  setLocale,\n  localeList,\n}) => (\n  <>\n    {children}\n    <DictionaryEditionDrawerController\n      locale={locale}\n      localeList={localeList}\n      setLocale={setLocale}\n    />\n    <DictionaryListDrawer />\n  </>\n);\n"],"mappings":"AAkBE,mBAEE,KAFF;AAhBF,SAAS,yCAAyC;AAClD,SAAS,4BAA4B;AAS9B,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,iCACG;AAAA;AAAA,EACD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAAA,EACA,oBAAC,wBAAqB;AAAA,GACxB;","names":[]}

package/dist/esm/client/ContentSelectorWrapper.d.mts

@@ -1,8 +1,8 @@
 import { KeyPath } from '@intlayer/core';
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 
 type ContentSelectorWrapperProps = {
-    children: string;
+    children: ReactNode;
     dictionaryId: string;
     dictionaryPath: string;
     keyPath: KeyPath[];

package/dist/esm/client/ContentSelectorWrapper.mjs

@@ -1,23 +1,27 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { isSameKeyPath } from "@intlayer/core";
 import { ContentSelector } from "@intlayer/design-system";
-import { useEditedContentStore } from './EditionPanel/useEditedContentStore.mjs';
-import { useEditionPanelStore } from './EditionPanel/useEditionPanelStore.mjs';
+import { useCallback } from "react";
+import { useDictionaryEditionDrawer } from './DictionaryEditionDrawer/useDictionaryEditionDrawer.mjs';
 const ContentSelectorWrapper = ({
   children,
   dictionaryId,
   dictionaryPath,
   keyPath
 }) => {
-  const { setFocusedContent } = useEditionPanelStore();
-  const handleSelect = () => setFocusedContent({
-    dictionaryId,
-    dictionaryPath,
-    keyPath
-  });
-  const { getEditedContentValue } = useEditedContentStore();
+  const { open, getEditedContentValue, focusedContent, isOpen } = useDictionaryEditionDrawer(dictionaryId);
   const editedValue = getEditedContentValue(dictionaryPath, keyPath);
-  return /* @__PURE__ */ jsx(ContentSelector, { onSelect: handleSelect, children: editedValue ?? children });
+  const handleSelect = useCallback(
+    () => open({
+      dictionaryId,
+      dictionaryPath,
+      keyPath
+    }),
+    [dictionaryId, dictionaryPath, keyPath, open]
+  );
+  const isSelected = (isOpen && (focusedContent?.keyPath?.length ?? 0) > 0 && isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ?? false;
+  return /* @__PURE__ */ jsx(ContentSelector, { onSelect: handleSelect, isSelecting: isSelected, children: editedValue ?? children });
 };
 export {
   ContentSelectorWrapper

package/dist/esm/client/ContentSelectorWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport type { KeyPath } from '@intlayer/core';\nimport { ContentSelector } from '@intlayer/design-system';\nimport type { FC } from 'react';\nimport { useEditedContentStore } from './EditionPanel/useEditedContentStore';\nimport { useEditionPanelStore } from './EditionPanel/useEditionPanelStore';\n\ntype ContentSelectorWrapperProps = {\n  children: string;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n};\n\nexport const ContentSelectorWrapper: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryId,\n  dictionaryPath,\n  keyPath,\n}) => {\n  const { setFocusedContent } = useEditionPanelStore();\n  const handleSelect = () =>\n    setFocusedContent({\n      dictionaryId,\n      dictionaryPath,\n      keyPath,\n    });\n\n  const { getEditedContentValue } = useEditedContentStore();\n  const editedValue = getEditedContentValue(dictionaryPath, keyPath);\n\n  return (\n    <ContentSelector onSelect={handleSelect}>\n      {editedValue ?? children}\n    </ContentSelector>\n  );\n};\n"],"mappings":";AAiCI;AA9BJ,SAAS,uBAAuB;AAEhC,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AAS9B,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,kBAAkB,IAAI,qBAAqB;AACnD,QAAM,eAAe,MACnB,kBAAkB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAEH,QAAM,EAAE,sBAAsB,IAAI,sBAAsB;AACxD,QAAM,cAAc,sBAAsB,gBAAgB,OAAO;AAEjE,SACE,oBAAC,mBAAgB,UAAU,cACxB,yBAAe,UAClB;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/client/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { isSameKeyPath, type KeyPath } from '@intlayer/core';\nimport { ContentSelector } from '@intlayer/design-system';\nimport { useCallback, type FC, type ReactNode } from 'react';\nimport { useDictionaryEditionDrawer } from './DictionaryEditionDrawer/useDictionaryEditionDrawer';\n\ntype ContentSelectorWrapperProps = {\n  children: ReactNode;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n};\n\nexport const ContentSelectorWrapper: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryId,\n  dictionaryPath,\n  keyPath,\n}) => {\n  const { open, getEditedContentValue, focusedContent, isOpen } =\n    useDictionaryEditionDrawer(dictionaryId);\n  const editedValue = getEditedContentValue(dictionaryPath, keyPath);\n\n  const handleSelect = useCallback(\n    () =>\n      open({\n        dictionaryId,\n        dictionaryPath,\n        keyPath,\n      }),\n    [dictionaryId, dictionaryPath, keyPath, open]\n  );\n\n  const isSelected =\n    (isOpen &&\n      (focusedContent?.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n    false;\n\n  return (\n    <ContentSelector onSelect={handleSelect} isSelecting={isSelected}>\n      {editedValue ?? children}\n    </ContentSelector>\n  );\n};\n"],"mappings":";AAyCI;AAvCJ,SAAS,qBAAmC;AAC5C,SAAS,uBAAuB;AAChC,SAAS,mBAA4C;AACrD,SAAS,kCAAkC;AASpC,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,MAAM,uBAAuB,gBAAgB,OAAO,IAC1D,2BAA2B,YAAY;AACzC,QAAM,cAAc,sBAAsB,gBAAgB,OAAO;AAEjE,QAAM,eAAe;AAAA,IACnB,MACE,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,cAAc,gBAAgB,SAAS,IAAI;AAAA,EAC9C;AAEA,QAAM,cACH,WACE,gBAAgB,SAAS,UAAU,KAAK,KACzC,cAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAEF,SACE,oBAAC,mBAAgB,UAAU,cAAc,aAAa,YACnD,yBAAe,UAClB;AAEJ;","names":[]}

package/dist/esm/client/DictionaryEditionDrawer/DictionaryEditionDrawer.d.mts

@@ -0,0 +1,28 @@
+import { Locales } from '@intlayer/config/client';
+import { FC } from 'react';
+import { FileContent } from './useDictionaryEditionDrawer.mjs';
+import './useEditedContentStore.mjs';
+import '@intlayer/core';
+import 'zustand/middleware';
+import 'zustand';
+import '@intlayer/design-system';
+
+type DictionaryEditionDrawerContentProps = {
+    focusedContent: FileContent;
+    locale: Locales;
+    identifier: string;
+};
+declare const DictionaryEditionDrawerContent: FC<DictionaryEditionDrawerContentProps>;
+type DictionaryEditionDrawerProps = DictionaryEditionDrawerControllerProps & {
+    dictionaryId: string;
+};
+declare const getDrawerIdentifier: (dictionaryId: string) => string;
+declare const DictionaryEditionDrawer: FC<DictionaryEditionDrawerProps>;
+type DictionaryEditionDrawerControllerProps = {
+    locale: Locales;
+    localeList: Locales[];
+    setLocale: (locale: Locales) => void;
+};
+declare const DictionaryEditionDrawerController: FC<DictionaryEditionDrawerControllerProps>;
+
+export { DictionaryEditionDrawer, DictionaryEditionDrawerContent, DictionaryEditionDrawerController, getDrawerIdentifier };

package/dist/esm/client/DictionaryEditionDrawer/DictionaryEditionDrawer.mjs

@@ -0,0 +1,104 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  RightDrawer,
+  DictionaryEditor,
+  LocaleSwitcher
+} from "@intlayer/design-system";
+import dictionaries from "@intlayer/dictionaries-entry";
+import { useDictionaryListDrawer } from '../DictionaryListDrawer/index.mjs';
+import {
+  useDictionaryEditionDrawer
+} from './useDictionaryEditionDrawer.mjs';
+import { useEditionPanelStore } from './useFocusContentStore.mjs';
+const DictionaryEditionDrawerContent = ({ focusedContent, locale, identifier }) => {
+  const {
+    setFocusedContent,
+    editContentRequest,
+    editedContent,
+    addEditedContent,
+    clearEditedDictionaryContent
+  } = useDictionaryEditionDrawer(identifier);
+  const dictionaryId = focusedContent.dictionaryId;
+  const dictionary = dictionaries[dictionaryId];
+  const dictionaryPath = dictionary.filePath;
+  const editedDictionaryContent = editedContent[dictionaryPath];
+  return /* @__PURE__ */ jsx(
+    DictionaryEditor,
+    {
+      dictionary,
+      locale,
+      focusedKeyPath: focusedContent.keyPath,
+      editedContent: editedDictionaryContent,
+      onFocusKeyPath: (keyPath) => setFocusedContent({ ...focusedContent, keyPath }),
+      onContentChange: (keyPath, newValue) => addEditedContent(dictionaryPath, keyPath, newValue),
+      onValidEdition: editContentRequest,
+      onCancelEdition: () => clearEditedDictionaryContent(dictionaryPath)
+    }
+  );
+};
+const getDrawerIdentifier = (dictionaryId) => `dictionary_edition_${dictionaryId}`;
+const DictionaryEditionDrawer = ({
+  locale,
+  localeList,
+  setLocale,
+  dictionaryId
+}) => {
+  const id = getDrawerIdentifier(dictionaryId);
+  const { focusedContent, close } = useDictionaryEditionDrawer(dictionaryId);
+  const { open: openDictionaryListDrawer } = useDictionaryListDrawer();
+  const handleOnBack = () => {
+    close();
+    openDictionaryListDrawer();
+  };
+  return /* @__PURE__ */ jsx(
+    RightDrawer,
+    {
+      title: dictionaryId,
+      identifier: id,
+      header: /* @__PURE__ */ jsx(
+        LocaleSwitcher,
+        {
+          setLocale,
+          locale,
+          localeList
+        }
+      ),
+      backButton: {
+        onBack: handleOnBack,
+        text: "Dictionary list"
+      },
+      children: focusedContent && /* @__PURE__ */ jsx(
+        DictionaryEditionDrawerContent,
+        {
+          focusedContent,
+          locale,
+          identifier: id
+        }
+      )
+    }
+  );
+};
+const DictionaryEditionDrawerController = ({ locale, localeList, setLocale }) => {
+  const focusedContent = useEditionPanelStore((s) => s.focusedContent);
+  const dictionaryId = focusedContent?.dictionaryId;
+  if (!dictionaryId) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    DictionaryEditionDrawer,
+    {
+      locale,
+      localeList,
+      setLocale,
+      dictionaryId
+    }
+  );
+};
+export {
+  DictionaryEditionDrawer,
+  DictionaryEditionDrawerContent,
+  DictionaryEditionDrawerController,
+  getDrawerIdentifier
+};
+//# sourceMappingURL=DictionaryEditionDrawer.mjs.map

package/dist/esm/client/DictionaryEditionDrawer/DictionaryEditionDrawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/DictionaryEditionDrawer/DictionaryEditionDrawer.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  RightDrawer,\n  DictionaryEditor,\n  LocaleSwitcher,\n  type FileContent,\n} from '@intlayer/design-system';\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 { FC } from 'react';\nimport { useDictionaryListDrawer } from '../DictionaryListDrawer/index';\nimport {\n  type FileContent as FileContentWithDictionaryPath,\n  useDictionaryEditionDrawer,\n} from './useDictionaryEditionDrawer';\nimport { useEditionPanelStore } from './useFocusContentStore';\n\ntype DictionaryEditionDrawerContentProps = {\n  focusedContent: FileContentWithDictionaryPath;\n  locale: Locales;\n  identifier: string;\n};\n\nexport const DictionaryEditionDrawerContent: FC<\n  DictionaryEditionDrawerContentProps\n> = ({ focusedContent, locale, identifier }) => {\n  const {\n    setFocusedContent,\n    editContentRequest,\n    editedContent,\n    addEditedContent,\n    clearEditedDictionaryContent,\n  } = useDictionaryEditionDrawer(identifier);\n\n  const dictionaryId: string = focusedContent.dictionaryId;\n  const dictionary: Dictionary = dictionaries[dictionaryId];\n  const dictionaryPath: string = dictionary.filePath;\n  const editedDictionaryContent: FileContent[] = editedContent[dictionaryPath];\n\n  return (\n    <DictionaryEditor\n      dictionary={dictionary}\n      locale={locale}\n      focusedKeyPath={focusedContent.keyPath}\n      editedContent={editedDictionaryContent}\n      onFocusKeyPath={(keyPath) =>\n        setFocusedContent({ ...focusedContent, keyPath })\n      }\n      onContentChange={(keyPath, newValue) =>\n        addEditedContent(dictionaryPath, keyPath, newValue)\n      }\n      onValidEdition={editContentRequest}\n      onCancelEdition={() => clearEditedDictionaryContent(dictionaryPath)}\n    />\n  );\n};\n\ntype DictionaryEditionDrawerProps = DictionaryEditionDrawerControllerProps & {\n  dictionaryId: string;\n};\n\nexport const getDrawerIdentifier = (dictionaryId: string) =>\n  `dictionary_edition_${dictionaryId}`;\n\nexport const DictionaryEditionDrawer: FC<DictionaryEditionDrawerProps> = ({\n  locale,\n  localeList,\n  setLocale,\n  dictionaryId,\n}) => {\n  const id = getDrawerIdentifier(dictionaryId);\n\n  const { focusedContent, close } = useDictionaryEditionDrawer(dictionaryId);\n  const { open: openDictionaryListDrawer } = useDictionaryListDrawer();\n\n  const handleOnBack = () => {\n    close();\n    openDictionaryListDrawer();\n  };\n\n  return (\n    <RightDrawer\n      title={dictionaryId}\n      identifier={id}\n      header={\n        <LocaleSwitcher\n          setLocale={setLocale}\n          locale={locale}\n          localeList={localeList}\n        />\n      }\n      backButton={{\n        onBack: handleOnBack,\n        text: 'Dictionary list',\n      }}\n    >\n      {focusedContent && (\n        <DictionaryEditionDrawerContent\n          focusedContent={focusedContent}\n          locale={locale}\n          identifier={id}\n        />\n      )}\n    </RightDrawer>\n  );\n};\n\ntype DictionaryEditionDrawerControllerProps = {\n  locale: Locales;\n  localeList: Locales[];\n  setLocale: (locale: Locales) => void;\n};\n\nexport const DictionaryEditionDrawerController: FC<\n  DictionaryEditionDrawerControllerProps\n> = ({ locale, localeList, setLocale }) => {\n  const focusedContent = useEditionPanelStore((s) => s.focusedContent);\n  const dictionaryId: string | undefined = focusedContent?.dictionaryId;\n\n  if (!dictionaryId) {\n    return null;\n  }\n\n  return (\n    <DictionaryEditionDrawer\n      locale={locale}\n      localeList={localeList}\n      setLocale={setLocale}\n      dictionaryId={dictionaryId}\n    />\n  );\n};\n"],"mappings":";AA+CI;AA3CJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAMP,OAAO,kBAAkB;AAEzB,SAAS,+BAA+B;AACxC;AAAA,EAEE;AAAA,OACK;AACP,SAAS,4BAA4B;AAQ9B,MAAM,iCAET,CAAC,EAAE,gBAAgB,QAAQ,WAAW,MAAM;AAC9C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B,UAAU;AAEzC,QAAM,eAAuB,eAAe;AAC5C,QAAM,aAAyB,aAAa,YAAY;AACxD,QAAM,iBAAyB,WAAW;AAC1C,QAAM,0BAAyC,cAAc,cAAc;AAE3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,gBAAgB,eAAe;AAAA,MAC/B,eAAe;AAAA,MACf,gBAAgB,CAAC,YACf,kBAAkB,EAAE,GAAG,gBAAgB,QAAQ,CAAC;AAAA,MAElD,iBAAiB,CAAC,SAAS,aACzB,iBAAiB,gBAAgB,SAAS,QAAQ;AAAA,MAEpD,gBAAgB;AAAA,MAChB,iBAAiB,MAAM,6BAA6B,cAAc;AAAA;AAAA,EACpE;AAEJ;AAMO,MAAM,sBAAsB,CAAC,iBAClC,sBAAsB,YAAY;AAE7B,MAAM,0BAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,KAAK,oBAAoB,YAAY;AAE3C,QAAM,EAAE,gBAAgB,MAAM,IAAI,2BAA2B,YAAY;AACzE,QAAM,EAAE,MAAM,yBAAyB,IAAI,wBAAwB;AAEnE,QAAM,eAAe,MAAM;AACzB,UAAM;AACN,6BAAyB;AAAA,EAC3B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,QACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEF,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,MAAM;AAAA,MACR;AAAA,MAEC,4BACC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,YAAY;AAAA;AAAA,MACd;AAAA;AAAA,EAEJ;AAEJ;AAQO,MAAM,oCAET,CAAC,EAAE,QAAQ,YAAY,UAAU,MAAM;AACzC,QAAM,iBAAiB,qBAAqB,CAAC,MAAM,EAAE,cAAc;AACnE,QAAM,eAAmC,gBAAgB;AAEzD,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/esm/client/DictionaryEditionDrawer/index.d.mts

@@ -0,0 +1,9 @@
+export { DictionaryEditionDrawer, DictionaryEditionDrawerContent, DictionaryEditionDrawerController, getDrawerIdentifier } from './DictionaryEditionDrawer.mjs';
+export { FileContent, useDictionaryEditionDrawer, useDictionaryEditionDrawerControl } from './useDictionaryEditionDrawer.mjs';
+export { EditedContent, useEditedContentStore } from './useEditedContentStore.mjs';
+import '@intlayer/config/client';
+import 'react';
+import '@intlayer/core';
+import 'zustand/middleware';
+import 'zustand';
+import '@intlayer/design-system';

package/dist/esm/client/DictionaryEditionDrawer/index.mjs

@@ -0,0 +1,4 @@
+export * from './DictionaryEditionDrawer.mjs';
+export * from './useDictionaryEditionDrawer.mjs';
+export * from './useEditedContentStore.mjs';
+//# sourceMappingURL=index.mjs.map

package/dist/esm/client/DictionaryEditionDrawer/index.mjs.map

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

package/dist/esm/client/DictionaryEditionDrawer/useDictionaryEditionDrawer.d.mts

@@ -0,0 +1,32 @@
+import { KeyPath } from '@intlayer/core';
+import { EditedContent } from './useEditedContentStore.mjs';
+import 'zustand/middleware';
+import 'zustand';
+import '@intlayer/design-system';
+
+type DictionaryPath = string;
+type FileContent = {
+    dictionaryPath: DictionaryPath;
+    dictionaryId: string;
+    keyPath?: KeyPath[];
+};
+type DictionaryEditionDrawer = {
+    focusedContent: FileContent | null;
+    setFocusedContent: (content: FileContent | null) => void;
+    isOpen: boolean;
+    open: (content: FileContent) => void;
+    close: () => void;
+    editContentRequest: () => Promise<void>;
+    editedContent: EditedContent;
+    addEditedContent: (dictionaryPath: DictionaryPath, keyPath: KeyPath[], newValue: string) => void;
+    getEditedContentValue: (dictionaryPath: DictionaryPath, keyPath: KeyPath[]) => string | undefined;
+    clearEditedDictionaryContent: (dictionaryPath: DictionaryPath) => void;
+};
+declare const useDictionaryEditionDrawer: (dictionaryId: string) => DictionaryEditionDrawer;
+type DictionaryEditionDrawerControl = {
+    open: (content: FileContent) => void;
+    close: (dictionaryId: string) => void;
+};
+declare const useDictionaryEditionDrawerControl: () => DictionaryEditionDrawerControl;
+
+export { type FileContent, useDictionaryEditionDrawer, useDictionaryEditionDrawerControl };

package/dist/esm/client/DictionaryEditionDrawer/useDictionaryEditionDrawer.mjs

@@ -0,0 +1,80 @@
+import { useRightDrawerStore } from "@intlayer/design-system";
+import { useEditorServer } from '../useEditorServer.mjs';
+import { getDrawerIdentifier } from './DictionaryEditionDrawer.mjs';
+import {
+  useEditedContentStore
+} from './useEditedContentStore.mjs';
+import { useEditionPanelStore } from './useFocusContentStore.mjs';
+const useDictionaryEditionDrawer = (dictionaryId) => {
+  const id = getDrawerIdentifier(dictionaryId);
+  const { isOpen, open, close } = useRightDrawerStore(id)();
+  const {
+    editedContent,
+    getEditedContentValue,
+    addEditedContent,
+    clearEditedDictionaryContent
+  } = useEditedContentStore((s) => ({
+    editedContent: s.editedContent,
+    addEditedContent: s.addEditedContent,
+    getEditedContentValue: s.getEditedContentValue,
+    clearEditedDictionaryContent: s.clearEditedDictionaryContent
+  }));
+  const { setFocusedContent, focusedContent } = useEditionPanelStore((s) => ({
+    focusedContent: s.focusedContent,
+    setFocusedContent: s.setFocusedContent
+  }));
+  const { editContentRequest } = useEditorServer();
+  const openDictionaryEditionDrawer = ({
+    dictionaryId: dictionaryId2,
+    dictionaryPath,
+    keyPath = []
+  }) => {
+    setFocusedContent({
+      dictionaryId: dictionaryId2,
+      dictionaryPath,
+      keyPath
+    });
+    open();
+  };
+  return {
+    isOpen,
+    focusedContent,
+    setFocusedContent,
+    open: openDictionaryEditionDrawer,
+    close,
+    getEditedContentValue,
+    editContentRequest,
+    editedContent,
+    addEditedContent,
+    clearEditedDictionaryContent
+  };
+};
+const useDictionaryEditionDrawerControl = () => {
+  const setFocusedContent = useEditionPanelStore((s) => s.setFocusedContent);
+  const open = ({
+    dictionaryId,
+    dictionaryPath,
+    keyPath = []
+  }) => {
+    setFocusedContent({
+      dictionaryId,
+      dictionaryPath,
+      keyPath
+    });
+    const id = getDrawerIdentifier(dictionaryId);
+    useRightDrawerStore(id).getState().open();
+  };
+  const close = (dictionaryId) => {
+    const id = getDrawerIdentifier(dictionaryId);
+    useRightDrawerStore(id).getState().close();
+  };
+  return {
+    open,
+    close
+  };
+};
+export {
+  useDictionaryEditionDrawer,
+  useDictionaryEditionDrawerControl
+};
+//# sourceMappingURL=useDictionaryEditionDrawer.mjs.map

package/dist/esm/client/DictionaryEditionDrawer/useDictionaryEditionDrawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/DictionaryEditionDrawer/useDictionaryEditionDrawer.ts"],"sourcesContent":["import type { KeyPath } from '@intlayer/core';\nimport { useRightDrawerStore } from '@intlayer/design-system';\nimport { useEditorServer } from '../useEditorServer';\nimport { getDrawerIdentifier } from './DictionaryEditionDrawer';\nimport {\n  type EditedContent,\n  useEditedContentStore,\n} from './useEditedContentStore';\nimport { useEditionPanelStore } from './useFocusContentStore';\n\ntype DictionaryPath = string;\nexport type FileContent = {\n  dictionaryPath: DictionaryPath;\n  dictionaryId: string;\n  keyPath?: KeyPath[];\n};\n\ntype DictionaryEditionDrawer = {\n  focusedContent: FileContent | null;\n  setFocusedContent: (content: FileContent | null) => void;\n  isOpen: boolean;\n  open: (content: FileContent) => void;\n  close: () => void;\n  editContentRequest: () => Promise<void>;\n  editedContent: EditedContent;\n  addEditedContent: (\n    dictionaryPath: DictionaryPath,\n    keyPath: KeyPath[],\n    newValue: string\n  ) => void;\n  getEditedContentValue: (\n    dictionaryPath: DictionaryPath,\n    keyPath: KeyPath[]\n  ) => string | undefined;\n  clearEditedDictionaryContent: (dictionaryPath: DictionaryPath) => void;\n};\n\ntype OpenDictionaryEditionDrawerProps = {\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath?: KeyPath[];\n};\n\nexport const useDictionaryEditionDrawer = (\n  dictionaryId: string\n): DictionaryEditionDrawer => {\n  const id = getDrawerIdentifier(dictionaryId);\n  const { isOpen, open, close } = useRightDrawerStore(id)();\n  const {\n    editedContent,\n    getEditedContentValue,\n    addEditedContent,\n    clearEditedDictionaryContent,\n  } = useEditedContentStore((s) => ({\n    editedContent: s.editedContent,\n    addEditedContent: s.addEditedContent,\n    getEditedContentValue: s.getEditedContentValue,\n    clearEditedDictionaryContent: s.clearEditedDictionaryContent,\n  }));\n  const { setFocusedContent, focusedContent } = useEditionPanelStore((s) => ({\n    focusedContent: s.focusedContent,\n    setFocusedContent: s.setFocusedContent,\n  }));\n  const { editContentRequest } = useEditorServer();\n\n  const openDictionaryEditionDrawer = ({\n    dictionaryId,\n    dictionaryPath,\n    keyPath = [],\n  }: OpenDictionaryEditionDrawerProps) => {\n    setFocusedContent({\n      dictionaryId,\n      dictionaryPath,\n      keyPath,\n    });\n\n    open();\n  };\n\n  return {\n    isOpen,\n    focusedContent,\n    setFocusedContent,\n    open: openDictionaryEditionDrawer,\n    close,\n    getEditedContentValue,\n    editContentRequest,\n    editedContent,\n    addEditedContent,\n    clearEditedDictionaryContent,\n  };\n};\n\ntype DictionaryEditionDrawerControl = {\n  open: (content: FileContent) => void;\n  close: (dictionaryId: string) => void;\n};\n\nexport const useDictionaryEditionDrawerControl =\n  (): DictionaryEditionDrawerControl => {\n    const setFocusedContent = useEditionPanelStore((s) => s.setFocusedContent);\n\n    const open = ({\n      dictionaryId,\n      dictionaryPath,\n      keyPath = [],\n    }: OpenDictionaryEditionDrawerProps) => {\n      setFocusedContent({\n        dictionaryId,\n        dictionaryPath,\n        keyPath,\n      });\n\n      const id = getDrawerIdentifier(dictionaryId);\n\n      useRightDrawerStore(id).getState().open();\n    };\n\n    const close = (dictionaryId: string) => {\n      const id = getDrawerIdentifier(dictionaryId);\n\n      useRightDrawerStore(id).getState().close();\n    };\n\n    return {\n      open,\n      close,\n    };\n  };\n"],"mappings":"AACA,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC;AAAA,EAEE;AAAA,OACK;AACP,SAAS,4BAA4B;AAmC9B,MAAM,6BAA6B,CACxC,iBAC4B;AAC5B,QAAM,KAAK,oBAAoB,YAAY;AAC3C,QAAM,EAAE,QAAQ,MAAM,MAAM,IAAI,oBAAoB,EAAE,EAAE;AACxD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB,CAAC,OAAO;AAAA,IAChC,eAAe,EAAE;AAAA,IACjB,kBAAkB,EAAE;AAAA,IACpB,uBAAuB,EAAE;AAAA,IACzB,8BAA8B,EAAE;AAAA,EAClC,EAAE;AACF,QAAM,EAAE,mBAAmB,eAAe,IAAI,qBAAqB,CAAC,OAAO;AAAA,IACzE,gBAAgB,EAAE;AAAA,IAClB,mBAAmB,EAAE;AAAA,EACvB,EAAE;AACF,QAAM,EAAE,mBAAmB,IAAI,gBAAgB;AAE/C,QAAM,8BAA8B,CAAC;AAAA,IACnC,cAAAA;AAAA,IACA;AAAA,IACA,UAAU,CAAC;AAAA,EACb,MAAwC;AACtC,sBAAkB;AAAA,MAChB,cAAAA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,SAAK;AAAA,EACP;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAOO,MAAM,oCACX,MAAsC;AACpC,QAAM,oBAAoB,qBAAqB,CAAC,MAAM,EAAE,iBAAiB;AAEzE,QAAM,OAAO,CAAC;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU,CAAC;AAAA,EACb,MAAwC;AACtC,sBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,KAAK,oBAAoB,YAAY;AAE3C,wBAAoB,EAAE,EAAE,SAAS,EAAE,KAAK;AAAA,EAC1C;AAEA,QAAM,QAAQ,CAAC,iBAAyB;AACtC,UAAM,KAAK,oBAAoB,YAAY;AAE3C,wBAAoB,EAAE,EAAE,SAAS,EAAE,MAAM;AAAA,EAC3C;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":["dictionaryId"]}

package/dist/esm/client/{EditionPanel → DictionaryEditionDrawer}/useEditedContentStore.mjs

@@ -1,8 +1,6 @@
+import { isSameKeyPath } from "@intlayer/core";
 import { create } from "zustand";
 import { persist, createJSONStorage } from "zustand/middleware";
-const isSameKeyPath = (keyPath1, keyPath2) => keyPath1.every(
-  (element, index) => keyPath2[index] && keyPath2[index].key === element.key && keyPath2[index].type === element.type
-);
 const useEditedContentStore = create(
   persist(
     (set, get) => ({
@@ -40,12 +38,22 @@ const useEditedContentStore = create(
         });
       },
       clearEditedDictionaryContent: (dictionaryPath) => {
-        set((state) => ({
-          editedContent: {
-            ...state.editedContent,
-            [dictionaryPath]: []
-          }
-        }));
+        set((state) => {
+          const filteredEditedContent = Object.entries(
+            state.editedContent
+          ).reduce((acc, [path, content]) => {
+            if (path === dictionaryPath) {
+              return acc;
+            }
+            return {
+              ...acc,
+              [path]: content
+            };
+          }, {});
+          return {
+            editedContent: filteredEditedContent
+          };
+        });
       },
       clearEditedContent: () => {
         set({ editedContent: {} });

package/dist/esm/client/DictionaryEditionDrawer/useEditedContentStore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/DictionaryEditionDrawer/useEditedContentStore.ts"],"sourcesContent":["import { type KeyPath, isSameKeyPath } from '@intlayer/core';\nimport type { FileContent } from '@intlayer/design-system';\nimport { create } from 'zustand';\nimport { persist, createJSONStorage } from 'zustand/middleware';\n\ntype DictionaryPath = string;\n\nexport type EditedContent = Record<DictionaryPath, FileContent[]>;\n\ntype EditedContentStore = {\n  editedContent: EditedContent;\n  addEditedContent: (\n    dictionaryPath: DictionaryPath,\n    keyPath: KeyPath[],\n    newValue: string\n  ) => void;\n  removeEditedContent: (\n    dictionaryPath: DictionaryPath,\n    keyPath: KeyPath[]\n  ) => void;\n  clearEditedDictionaryContent: (dictionaryPath: DictionaryPath) => void;\n  clearEditedContent: () => void;\n  getEditedContentValue: (\n    dictionaryPath: DictionaryPath,\n    keyPath: KeyPath[]\n  ) => string | undefined;\n};\n\nexport const useEditedContentStore = create(\n  persist<EditedContentStore>(\n    (set, get) => ({\n      editedContent: {},\n      addEditedContent: (dictionaryPath, keyPath, newValue) => {\n        set((state) => {\n          const editedContent = state.editedContent[dictionaryPath] ?? [];\n          return {\n            editedContent: {\n              ...state.editedContent,\n              [dictionaryPath]: [\n                ...editedContent.filter(\n                  (content) => !isSameKeyPath(content.keyPath, keyPath)\n                ),\n                {\n                  keyPath,\n                  newValue,\n                },\n              ],\n            },\n          };\n        });\n      },\n\n      removeEditedContent: (dictionaryPath, keyPath) => {\n        set((state) => {\n          const editedContent = state.editedContent[dictionaryPath] ?? [];\n          return {\n            editedContent: {\n              ...state.editedContent,\n              [dictionaryPath]: editedContent.filter(\n                (content) => content.keyPath !== keyPath\n              ),\n            },\n          };\n        });\n      },\n\n      clearEditedDictionaryContent: (dictionaryPath) => {\n        set((state) => {\n          const filteredEditedContent = Object.entries(\n            state.editedContent\n          ).reduce((acc, [path, content]) => {\n            if (path === dictionaryPath) {\n              return acc;\n            }\n\n            return {\n              ...acc,\n              [path]: content,\n            };\n          }, {});\n\n          return {\n            editedContent: filteredEditedContent,\n          };\n        });\n      },\n\n      clearEditedContent: () => {\n        set({ editedContent: {} });\n      },\n\n      getEditedContentValue: (dictionaryPath, keyPath): string | undefined =>\n        get().editedContent[dictionaryPath]?.find((content) =>\n          isSameKeyPath(content.keyPath, keyPath)\n        )?.newValue,\n    }),\n    {\n      name: 'edited-content-store',\n      storage: createJSONStorage(() => sessionStorage),\n    }\n  )\n);\n"],"mappings":"AAAA,SAAuB,qBAAqB;AAE5C,SAAS,cAAc;AACvB,SAAS,SAAS,yBAAyB;AAyBpC,MAAM,wBAAwB;AAAA,EACnC;AAAA,IACE,CAAC,KAAK,SAAS;AAAA,MACb,eAAe,CAAC;AAAA,MAChB,kBAAkB,CAAC,gBAAgB,SAAS,aAAa;AACvD,YAAI,CAAC,UAAU;AACb,gBAAM,gBAAgB,MAAM,cAAc,cAAc,KAAK,CAAC;AAC9D,iBAAO;AAAA,YACL,eAAe;AAAA,cACb,GAAG,MAAM;AAAA,cACT,CAAC,cAAc,GAAG;AAAA,gBAChB,GAAG,cAAc;AAAA,kBACf,CAAC,YAAY,CAAC,cAAc,QAAQ,SAAS,OAAO;AAAA,gBACtD;AAAA,gBACA;AAAA,kBACE;AAAA,kBACA;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEA,qBAAqB,CAAC,gBAAgB,YAAY;AAChD,YAAI,CAAC,UAAU;AACb,gBAAM,gBAAgB,MAAM,cAAc,cAAc,KAAK,CAAC;AAC9D,iBAAO;AAAA,YACL,eAAe;AAAA,cACb,GAAG,MAAM;AAAA,cACT,CAAC,cAAc,GAAG,cAAc;AAAA,gBAC9B,CAAC,YAAY,QAAQ,YAAY;AAAA,cACnC;AAAA,YACF;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEA,8BAA8B,CAAC,mBAAmB;AAChD,YAAI,CAAC,UAAU;AACb,gBAAM,wBAAwB,OAAO;AAAA,YACnC,MAAM;AAAA,UACR,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,OAAO,MAAM;AACjC,gBAAI,SAAS,gBAAgB;AAC3B,qBAAO;AAAA,YACT;AAEA,mBAAO;AAAA,cACL,GAAG;AAAA,cACH,CAAC,IAAI,GAAG;AAAA,YACV;AAAA,UACF,GAAG,CAAC,CAAC;AAEL,iBAAO;AAAA,YACL,eAAe;AAAA,UACjB;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEA,oBAAoB,MAAM;AACxB,YAAI,EAAE,eAAe,CAAC,EAAE,CAAC;AAAA,MAC3B;AAAA,MAEA,uBAAuB,CAAC,gBAAgB,YACtC,IAAI,EAAE,cAAc,cAAc,GAAG;AAAA,QAAK,CAAC,YACzC,cAAc,QAAQ,SAAS,OAAO;AAAA,MACxC,GAAG;AAAA,IACP;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,SAAS,kBAAkB,MAAM,cAAc;AAAA,IACjD;AAAA,EACF;AACF;","names":[]}

package/dist/esm/client/{EditionPanel/useEditionPanelStore.d.mts → DictionaryEditionDrawer/useFocusContentStore.d.mts}

@@ -5,7 +5,7 @@ type DictionaryPath = string;
 type FileContent = {
     dictionaryPath: DictionaryPath;
     dictionaryId: string;
-    keyPath: KeyPath[];
+    keyPath?: KeyPath[];
 };
 type EditionPanelStore = {
     focusedContent: FileContent | null;

package/dist/esm/client/{EditionPanel/useEditionPanelStore.mjs → DictionaryEditionDrawer/useFocusContentStore.mjs}

@@ -6,4 +6,4 @@ const useEditionPanelStore = create((set) => ({
 export {
   useEditionPanelStore
 };
-//# sourceMappingURL=useEditionPanelStore.mjs.map
+//# sourceMappingURL=useFocusContentStore.mjs.map

package/dist/esm/client/DictionaryEditionDrawer/useFocusContentStore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/DictionaryEditionDrawer/useFocusContentStore.ts"],"sourcesContent":["import type { KeyPath } from '@intlayer/core';\nimport { create } from 'zustand';\n\ntype DictionaryPath = string;\ntype FileContent = {\n  dictionaryPath: DictionaryPath;\n  dictionaryId: string;\n  keyPath?: KeyPath[];\n};\n\ntype EditionPanelStore = {\n  focusedContent: FileContent | null;\n  setFocusedContent: (content: FileContent | null) => void;\n};\n\nexport const useEditionPanelStore = create<EditionPanelStore>((set) => ({\n  focusedContent: null,\n  setFocusedContent: (content) => set({ focusedContent: content }),\n}));\n"],"mappings":"AACA,SAAS,cAAc;AAchB,MAAM,uBAAuB,OAA0B,CAAC,SAAS;AAAA,EACtE,gBAAgB;AAAA,EAChB,mBAAmB,CAAC,YAAY,IAAI,EAAE,gBAAgB,QAAQ,CAAC;AACjE,EAAE;","names":[]}

package/dist/esm/client/DictionaryListDrawer/DictionaryListDrawer.d.mts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+
+declare const DictionaryListDrawer: FC;
+
+export { DictionaryListDrawer };