@intlayer/design-system 3.3.2 → 3.3.3

package/dist/components/ContentEditor/ContentEditorTextArea.cjs

@@ -1,14 +1,17 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const lucideReact = require("lucide-react");
 const require$$0 = require("react");
+const components_Button_Button = require("../Button/Button.cjs");
 const components_TextArea_AutoSizeTextArea = require("../TextArea/AutoSizeTextArea.cjs");
 require("../TextArea/TextArea.cjs");
 const ContentEditorTextArea = ({
   children,
   onContentChange,
+  disabled,
+  validate,
   ...props
 }) => {
   const [newValue, setNewValue] = require$$0.useState(children);
@@ -25,6 +28,7 @@ const ContentEditorTextArea = ({
   require$$0.useEffect(() => {
     setNewValue(children);
   }, [children]);
+  const isValid = validate?.(newValue) ?? true;
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
     "div",
     {
@@ -43,18 +47,27 @@ const ContentEditorTextArea = ({
         ),
         isEdited && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-end gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            lucideReact.Check,
+            components_Button_Button.Button,
             {
+              Icon: lucideReact.Check,
+              label: "Validate",
+              variant: "hoverable",
+              color: "text",
+              size: "icon-sm",
               className: "cursor-pointer hover:scale-110",
-              size: 20,
+              disabled: disabled || !isValid,
               onClick: handleValid
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            lucideReact.X,
+            components_Button_Button.Button,
             {
+              Icon: lucideReact.X,
+              label: "Cancel",
+              variant: "hoverable",
+              size: "icon-sm",
+              color: "text",
               className: "cursor-pointer hover:scale-110",
-              size: 20,
               onClick: handleCancel
             }
           )

package/dist/components/ContentEditor/ContentEditorTextArea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditorTextArea.cjs","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport { useState, type FC, type ChangeEventHandler, useEffect } from 'react';\nimport { AutoSizedTextArea, AutoSizedTextAreaProps } from '../TextArea';\n\nexport type ContentEditorTextAreaProps = {\n  children: string;\n  onContentChange: (content: string) => void;\n} & Omit<AutoSizedTextAreaProps, 'children'>;\n\nexport const ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  children,\n  onContentChange,\n  ...props\n}) => {\n  const [newValue, setNewValue] = useState<string>(children);\n  const [resetIncrementor, setResetIncrementor] = useState<number>(0); // To reset the div on cancel\n  const isEdited: boolean = newValue !== children;\n\n  const handleCancel = () => {\n    setNewValue(children);\n    setResetIncrementor((prev) => prev + 1);\n  };\n  const handleValid = () => {\n    onContentChange(newValue);\n  };\n\n  const handleOnContentChange: ChangeEventHandler<HTMLTextAreaElement> = (e) =>\n    setNewValue(e.currentTarget.value ?? '');\n\n  useEffect(() => {\n    setNewValue(children);\n  }, [children]);\n\n  return (\n    <div\n      className=\"flex size-full flex-col items-center justify-between gap-2\"\n      key={children}\n    >\n      <AutoSizedTextArea\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        {...props}\n      />\n      {isEdited && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          <Check\n            className=\"cursor-pointer hover:scale-110\"\n            size={20}\n            onClick={handleValid}\n          />\n          <X\n            className=\"cursor-pointer hover:scale-110\"\n            size={20}\n            onClick={handleCancel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","useEffect","jsxs","jsx","AutoSizedTextArea","Check","X"],"mappings":";;;;;;;;AAWO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAIA,oBAAiB,QAAQ;AACzD,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,oBAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EAAA;AAExC,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAAA;AAG1B,QAAM,wBAAiE,CAAC,MACtE,YAAY,EAAE,cAAc,SAAS,EAAE;AAEzCC,aAAAA,UAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAGX,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,2BAAA,kBAAA;AAAA,UAACC,qCAAA;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEV,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,cAAc;AAAA,YACb,GAAG;AAAA,UAAA;AAAA,UAJC;AAAA,QAKP;AAAA,QACC,YACCF,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,UAAAC,2BAAA,kBAAA;AAAA,YAACE,YAAA;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAM;AAAA,cACN,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,UACAF,2BAAA,kBAAA;AAAA,YAACG,YAAA;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAM;AAAA,cACN,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAtBG;AAAA,EAAA;AA0BX;;"}
+{"version":3,"file":"ContentEditorTextArea.cjs","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport { useState, type FC, type ChangeEventHandler, useEffect } from 'react';\nimport { Button } from '../Button';\nimport { AutoSizedTextArea, AutoSizedTextAreaProps } from '../TextArea';\n\nexport type ContentEditorTextAreaProps = {\n  children: string;\n  onContentChange: (content: string) => void;\n  disabled?: boolean;\n  validate?: (content: string) => boolean;\n} & Omit<AutoSizedTextAreaProps, 'children'>;\n\nexport const ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  ...props\n}) => {\n  const [newValue, setNewValue] = useState<string>(children);\n  const [resetIncrementor, setResetIncrementor] = useState<number>(0); // To reset the div on cancel\n  const isEdited: boolean = newValue !== children;\n\n  const handleCancel = () => {\n    setNewValue(children);\n    setResetIncrementor((prev) => prev + 1);\n  };\n  const handleValid = () => {\n    onContentChange(newValue);\n  };\n\n  const handleOnContentChange: ChangeEventHandler<HTMLTextAreaElement> = (e) =>\n    setNewValue(e.currentTarget.value ?? '');\n\n  useEffect(() => {\n    setNewValue(children);\n  }, [children]);\n\n  const isValid = validate?.(newValue) ?? true;\n\n  return (\n    <div\n      className=\"flex size-full flex-col items-center justify-between gap-2\"\n      key={children}\n    >\n      <AutoSizedTextArea\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        {...props}\n      />\n      {isEdited && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          <Button\n            Icon={Check}\n            label=\"Validate\"\n            variant=\"hoverable\"\n            color=\"text\"\n            size=\"icon-sm\"\n            className=\"cursor-pointer hover:scale-110\"\n            disabled={disabled || !isValid}\n            onClick={handleValid}\n          />\n          <Button\n            Icon={X}\n            label=\"Cancel\"\n            variant=\"hoverable\"\n            size=\"icon-sm\"\n            color=\"text\"\n            className=\"cursor-pointer hover:scale-110\"\n            onClick={handleCancel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","useEffect","jsxs","jsx","AutoSizedTextArea","Button","Check","X"],"mappings":";;;;;;;;;AAcO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAIA,oBAAiB,QAAQ;AACzD,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,oBAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EAAA;AAExC,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAAA;AAG1B,QAAM,wBAAiE,CAAC,MACtE,YAAY,EAAE,cAAc,SAAS,EAAE;AAEzCC,aAAAA,UAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,2BAAA,kBAAA;AAAA,UAACC,qCAAA;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEV,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,cAAc;AAAA,YACb,GAAG;AAAA,UAAA;AAAA,UAJC;AAAA,QAKP;AAAA,QACC,YACCF,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,UAAAC,2BAAA,kBAAA;AAAA,YAACE,yBAAA;AAAA,YAAA;AAAA,cACC,MAAMC,YAAA;AAAA,cACN,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,MAAK;AAAA,cACL,WAAU;AAAA,cACV,UAAU,YAAY,CAAC;AAAA,cACvB,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,UACAH,2BAAA,kBAAA;AAAA,YAACE,yBAAA;AAAA,YAAA;AAAA,cACC,MAAME,YAAA;AAAA,cACN,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,IA/BG;AAAA,EAAA;AAmCX;;"}

package/dist/components/ContentEditor/ContentEditorTextArea.d.ts

@@ -3,6 +3,8 @@ import { AutoSizedTextAreaProps } from '../TextArea';
 export type ContentEditorTextAreaProps = {
     children: string;
     onContentChange: (content: string) => void;
+    disabled?: boolean;
+    validate?: (content: string) => boolean;
 } & Omit<AutoSizedTextAreaProps, 'children'>;
 export declare const ContentEditorTextArea: FC<ContentEditorTextAreaProps>;
 //# sourceMappingURL=ContentEditorTextArea.d.ts.map

package/dist/components/ContentEditor/ContentEditorTextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditorTextArea.d.ts","sourceRoot":"","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAsC,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAqB,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAExE,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC;AAE7C,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAqDhE,CAAC"}
+{"version":3,"file":"ContentEditorTextArea.d.ts","sourceRoot":"","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAsC,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAqB,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAExE,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;CACzC,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC;AAE7C,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAkEhE,CAAC"}

package/dist/components/ContentEditor/ContentEditorTextArea.mjs

@@ -1,12 +1,15 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { Check, X } from "lucide-react";
 import { useState, useEffect } from "react";
+import { Button } from "../Button/Button.mjs";
 import { AutoSizedTextArea } from "../TextArea/AutoSizeTextArea.mjs";
 import "../TextArea/TextArea.mjs";
 const ContentEditorTextArea = ({
   children,
   onContentChange,
+  disabled,
+  validate,
   ...props
 }) => {
   const [newValue, setNewValue] = useState(children);
@@ -23,6 +26,7 @@ const ContentEditorTextArea = ({
   useEffect(() => {
     setNewValue(children);
   }, [children]);
+  const isValid = validate?.(newValue) ?? true;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -41,18 +45,27 @@ const ContentEditorTextArea = ({
         ),
         isEdited && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-end gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Check,
+            Button,
             {
+              Icon: Check,
+              label: "Validate",
+              variant: "hoverable",
+              color: "text",
+              size: "icon-sm",
               className: "cursor-pointer hover:scale-110",
-              size: 20,
+              disabled: disabled || !isValid,
               onClick: handleValid
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            X,
+            Button,
             {
+              Icon: X,
+              label: "Cancel",
+              variant: "hoverable",
+              size: "icon-sm",
+              color: "text",
               className: "cursor-pointer hover:scale-110",
-              size: 20,
               onClick: handleCancel
             }
           )

package/dist/components/ContentEditor/ContentEditorTextArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditorTextArea.mjs","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport { useState, type FC, type ChangeEventHandler, useEffect } from 'react';\nimport { AutoSizedTextArea, AutoSizedTextAreaProps } from '../TextArea';\n\nexport type ContentEditorTextAreaProps = {\n  children: string;\n  onContentChange: (content: string) => void;\n} & Omit<AutoSizedTextAreaProps, 'children'>;\n\nexport const ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  children,\n  onContentChange,\n  ...props\n}) => {\n  const [newValue, setNewValue] = useState<string>(children);\n  const [resetIncrementor, setResetIncrementor] = useState<number>(0); // To reset the div on cancel\n  const isEdited: boolean = newValue !== children;\n\n  const handleCancel = () => {\n    setNewValue(children);\n    setResetIncrementor((prev) => prev + 1);\n  };\n  const handleValid = () => {\n    onContentChange(newValue);\n  };\n\n  const handleOnContentChange: ChangeEventHandler<HTMLTextAreaElement> = (e) =>\n    setNewValue(e.currentTarget.value ?? '');\n\n  useEffect(() => {\n    setNewValue(children);\n  }, [children]);\n\n  return (\n    <div\n      className=\"flex size-full flex-col items-center justify-between gap-2\"\n      key={children}\n    >\n      <AutoSizedTextArea\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        {...props}\n      />\n      {isEdited && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          <Check\n            className=\"cursor-pointer hover:scale-110\"\n            size={20}\n            onClick={handleValid}\n          />\n          <X\n            className=\"cursor-pointer hover:scale-110\"\n            size={20}\n            onClick={handleCancel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAWO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,QAAQ;AACzD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EAAA;AAExC,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAAA;AAG1B,QAAM,wBAAiE,CAAC,MACtE,YAAY,EAAE,cAAc,SAAS,EAAE;AAEzC,YAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAGX,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEV,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,cAAc;AAAA,YACb,GAAG;AAAA,UAAA;AAAA,UAJC;AAAA,QAKP;AAAA,QACC,YACCD,kCAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,UAAAC,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAM;AAAA,cACN,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,UACAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAM;AAAA,cACN,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAtBG;AAAA,EAAA;AA0BX;"}
+{"version":3,"file":"ContentEditorTextArea.mjs","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport { useState, type FC, type ChangeEventHandler, useEffect } from 'react';\nimport { Button } from '../Button';\nimport { AutoSizedTextArea, AutoSizedTextAreaProps } from '../TextArea';\n\nexport type ContentEditorTextAreaProps = {\n  children: string;\n  onContentChange: (content: string) => void;\n  disabled?: boolean;\n  validate?: (content: string) => boolean;\n} & Omit<AutoSizedTextAreaProps, 'children'>;\n\nexport const ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  ...props\n}) => {\n  const [newValue, setNewValue] = useState<string>(children);\n  const [resetIncrementor, setResetIncrementor] = useState<number>(0); // To reset the div on cancel\n  const isEdited: boolean = newValue !== children;\n\n  const handleCancel = () => {\n    setNewValue(children);\n    setResetIncrementor((prev) => prev + 1);\n  };\n  const handleValid = () => {\n    onContentChange(newValue);\n  };\n\n  const handleOnContentChange: ChangeEventHandler<HTMLTextAreaElement> = (e) =>\n    setNewValue(e.currentTarget.value ?? '');\n\n  useEffect(() => {\n    setNewValue(children);\n  }, [children]);\n\n  const isValid = validate?.(newValue) ?? true;\n\n  return (\n    <div\n      className=\"flex size-full flex-col items-center justify-between gap-2\"\n      key={children}\n    >\n      <AutoSizedTextArea\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        {...props}\n      />\n      {isEdited && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          <Button\n            Icon={Check}\n            label=\"Validate\"\n            variant=\"hoverable\"\n            color=\"text\"\n            size=\"icon-sm\"\n            className=\"cursor-pointer hover:scale-110\"\n            disabled={disabled || !isValid}\n            onClick={handleValid}\n          />\n          <Button\n            Icon={X}\n            label=\"Cancel\"\n            variant=\"hoverable\"\n            size=\"icon-sm\"\n            color=\"text\"\n            className=\"cursor-pointer hover:scale-110\"\n            onClick={handleCancel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;AAcO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,QAAQ;AACzD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EAAA;AAExC,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAAA;AAG1B,QAAM,wBAAiE,CAAC,MACtE,YAAY,EAAE,cAAc,SAAS,EAAE;AAEzC,YAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEV,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,cAAc;AAAA,YACb,GAAG;AAAA,UAAA;AAAA,UAJC;AAAA,QAKP;AAAA,QACC,YACCD,kCAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,UAAAC,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,MAAK;AAAA,cACL,WAAU;AAAA,cACV,UAAU,YAAY,CAAC;AAAA,cACvB,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,UACAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,IA/BG;AAAA,EAAA;AAmCX;"}

package/dist/components/ContentSelector/ContentSelector.cjs

@@ -1,7 +1,7 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const components_PressableSpan_PressableSpan = require("../PressableSpan/PressableSpan.cjs");
 const ContentSelector = ({
   children,

package/dist/components/ContentSelector/ContentSelector.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { PressableSpan } from "../PressableSpan/PressableSpan.mjs";
 const ContentSelector = ({
   children,

package/dist/components/CopyToClipboard/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const require$$0 = require("react");
 const lucideReact = require("lucide-react");
 const utils_cn = require("../../utils/cn.cjs");

package/dist/components/CopyToClipboard/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { useState } from "react";
 import { CopyCheck, CopyIcon } from "lucide-react";
 import { cn } from "../../utils/cn.mjs";

package/dist/components/DictionaryEditor/DictionaryEditor.cjs

@@ -1,8 +1,9 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../index-BZQDMSxb.cjs");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const require$$0 = require("react");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../index-BtZWYJhL.cjs");
 const components_DictionaryEditor_useEditedContentStore = require("./useEditedContentStore.cjs");
 const components_DictionaryEditor_useEditionPanelStore = require("./useEditionPanelStore.cjs");
 const components_DictionaryEditor_ValidDictionaryChangeButtons = require("./ValidDictionaryChangeButtons.cjs");
@@ -22,15 +23,20 @@ const DictionaryEditor = ({
   );
   const focusedKeyPath = focusedContent?.keyPath;
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ require$$0.createElement(
       components_DictionaryEditor_NodeWrapper_ArrayWrapper.NodeWrapper,
       {
         ...props,
         keyPath: [],
-        editedContent: editedContent.content,
+        key: JSON.stringify(
+          (editedContent[dictionary.key] ?? dictionary).content
+        ),
+        editedContent: editedContent[dictionary.key]?.content,
         focusedKeyPath,
         section: dictionary.content,
-        onContentChange: (content) => addEditedContent(dictionary.key, content.newValue, content.keyPath),
+        onContentChange: (content) => {
+          addEditedContent(dictionary.key, content.newValue, content.keyPath);
+        },
         onFocusKeyPath: setFocusedContentKeyPath
       }
     ) }),

package/dist/components/DictionaryEditor/DictionaryEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.cjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { useEditionPanelStore } from './useEditionPanelStore';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent, editedContent } = useEditedContentStore((s) => ({\n    addEditedContent: s.addEditedContent,\n    editedContent: s.editedContent,\n  }));\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    (s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n    })\n  );\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          editedContent={editedContent.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) =>\n            addEditedContent(dictionary.key, content.newValue, content.keyPath)\n          }\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} />\n    </div>\n  );\n};\n"],"names":["useEditedContentStore","useEditionPanelStore","jsxs","jsx","NodeWrapper","ValidDictionaryChangeButtons"],"mappings":";;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,kBAAkB,cAAkB,IAAAA,kDAAA,sBAAsB,CAAC,OAAO;AAAA,IACxE,kBAAkB,EAAE;AAAA,IACpB,eAAe,EAAE;AAAA,EACjB,EAAA;AACI,QAAA,EAAE,gBAAgB,yBAAA,IAA6BC,iDAAA;AAAA,IACnD,CAAC,OAAO;AAAA,MACN,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA;AAAA,EAC9B;AAGF,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAC,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,iDAAC,OACC,EAAA,UAAAA,2BAAA,kBAAA;AAAA,MAACC,qDAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,eAAe,cAAc;AAAA,QAC7B;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAChB,iBAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QAEpE,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAD,iDAACE,yDAAAA,gCAA6B,YAAwB;AAAA,EACxD,EAAA,CAAA;AAEJ;;"}
+{"version":3,"file":"DictionaryEditor.cjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { useEditionPanelStore } from './useEditionPanelStore';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent, editedContent } = useEditedContentStore((s) => ({\n    addEditedContent: s.addEditedContent,\n    editedContent: s.editedContent,\n  }));\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    (s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n    })\n  );\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} />\n    </div>\n  );\n};\n"],"names":["useEditedContentStore","useEditionPanelStore","jsxs","jsx","createElement","NodeWrapper","ValidDictionaryChangeButtons"],"mappings":";;;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,kBAAkB,cAAkB,IAAAA,kDAAA,sBAAsB,CAAC,OAAO;AAAA,IACxE,kBAAkB,EAAE;AAAA,IACpB,eAAe,EAAE;AAAA,EACjB,EAAA;AACI,QAAA,EAAE,gBAAgB,yBAAA,IAA6BC,iDAAA;AAAA,IACnD,CAAC,OAAO;AAAA,MACN,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA;AAAA,EAC9B;AAGF,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAC,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,iDAAC,OACC,EAAA,UAAAC,2BAAA;AAAA,MAACC,qDAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,cAAc,WAAW,GAAG,KAAK,YAAY;AAAA,QAChD;AAAA,QACA,eAAe,cAAc,WAAW,GAAG,GAAG;AAAA,QAC9C;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAF,iDAACG,yDAAAA,gCAA6B,YAAwB;AAAA,EACxD,EAAA,CAAA;AAEJ;;"}

package/dist/components/DictionaryEditor/DictionaryEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAmCtD,CAAC"}
+{"version":3,"file":"DictionaryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAsCtD,CAAC"}

package/dist/components/DictionaryEditor/DictionaryEditor.mjs

@@ -1,6 +1,7 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
-import { N as NodeWrapper } from "../../index-pLq_417z.js";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { createElement } from "react";
+import { N as NodeWrapper } from "../../index-D9oaKvKC.js";
 import { useEditedContentStore } from "./useEditedContentStore.mjs";
 import { useEditionPanelStore } from "./useEditionPanelStore.mjs";
 import { ValidDictionaryChangeButtons } from "./ValidDictionaryChangeButtons.mjs";
@@ -20,15 +21,20 @@ const DictionaryEditor = ({
   );
   const focusedKeyPath = focusedContent?.keyPath;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ createElement(
       NodeWrapper,
       {
         ...props,
         keyPath: [],
-        editedContent: editedContent.content,
+        key: JSON.stringify(
+          (editedContent[dictionary.key] ?? dictionary).content
+        ),
+        editedContent: editedContent[dictionary.key]?.content,
         focusedKeyPath,
         section: dictionary.content,
-        onContentChange: (content) => addEditedContent(dictionary.key, content.newValue, content.keyPath),
+        onContentChange: (content) => {
+          addEditedContent(dictionary.key, content.newValue, content.keyPath);
+        },
         onFocusKeyPath: setFocusedContentKeyPath
       }
     ) }),

package/dist/components/DictionaryEditor/DictionaryEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.mjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { useEditionPanelStore } from './useEditionPanelStore';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent, editedContent } = useEditedContentStore((s) => ({\n    addEditedContent: s.addEditedContent,\n    editedContent: s.editedContent,\n  }));\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    (s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n    })\n  );\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          editedContent={editedContent.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) =>\n            addEditedContent(dictionary.key, content.newValue, content.keyPath)\n          }\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} />\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,kBAAkB,cAAkB,IAAA,sBAAsB,CAAC,OAAO;AAAA,IACxE,kBAAkB,EAAE;AAAA,IACpB,eAAe,EAAE;AAAA,EACjB,EAAA;AACI,QAAA,EAAE,gBAAgB,yBAAA,IAA6B;AAAA,IACnD,CAAC,OAAO;AAAA,MACN,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA;AAAA,EAC9B;AAGF,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAA,kCAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,sCAAC,OACC,EAAA,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,eAAe,cAAc;AAAA,QAC7B;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAChB,iBAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QAEpE,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAA,sCAAC,gCAA6B,YAAwB;AAAA,EACxD,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"DictionaryEditor.mjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { useEditionPanelStore } from './useEditionPanelStore';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent, editedContent } = useEditedContentStore((s) => ({\n    addEditedContent: s.addEditedContent,\n    editedContent: s.editedContent,\n  }));\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    (s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n    })\n  );\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} />\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,kBAAkB,cAAkB,IAAA,sBAAsB,CAAC,OAAO;AAAA,IACxE,kBAAkB,EAAE;AAAA,IACpB,eAAe,EAAE;AAAA,EACjB,EAAA;AACI,QAAA,EAAE,gBAAgB,yBAAA,IAA6B;AAAA,IACnD,CAAC,OAAO;AAAA,MACN,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA;AAAA,EAC9B;AAGF,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAA,kCAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,sCAAC,OACC,EAAA,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,cAAc,WAAW,GAAG,KAAK,YAAY;AAAA,QAChD;AAAA,QACA,eAAe,cAAc,WAAW,GAAG,GAAG;AAAA,QAC9C;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAA,sCAAC,gCAA6B,YAAwB;AAAA,EACxD,EAAA,CAAA;AAEJ;"}

package/dist/components/DictionaryEditor/ItemLayout.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const utils_cn = require("../../utils/cn.cjs");
 const components_Accordion_Accordion = require("../Accordion/Accordion.cjs");
 const ItemLayout = ({

package/dist/components/DictionaryEditor/ItemLayout.mjs

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { cn } from "../../utils/cn.mjs";
 import { Accordion } from "../Accordion/Accordion.mjs";
 const ItemLayout = ({

package/dist/components/DictionaryEditor/NodeWrapper/ArrayWrapper.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../jsx-runtime-DvCoRj5u.cjs");
+require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("@intlayer/core");
 require("lucide-react");
 require("../ItemLayout.cjs");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BZQDMSxb.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BtZWYJhL.cjs");
 exports.ArrayWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.ArrayWrapper;
 //# sourceMappingURL=ArrayWrapper.cjs.map

package/dist/components/DictionaryEditor/NodeWrapper/ArrayWrapper.mjs

@@ -1,8 +1,8 @@
-import "../../../jsx-runtime-BgSF1HG2.js";
+import "../../../jsx-runtime-DaNGiM0W.js";
 import "@intlayer/core";
 import "lucide-react";
 import "../ItemLayout.mjs";
-import { A } from "../../../index-pLq_417z.js";
+import { A } from "../../../index-D9oaKvKC.js";
 export {
   A as ArrayWrapper
 };

package/dist/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../jsx-runtime-DvCoRj5u.cjs");
+require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("react");
 require("@intlayer/core");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BZQDMSxb.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BtZWYJhL.cjs");
 exports.EnumerationWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.EnumerationWrapper;
 //# sourceMappingURL=EnumerationWrapper.cjs.map

package/dist/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.mjs

@@ -1,7 +1,7 @@
-import "../../../jsx-runtime-BgSF1HG2.js";
+import "../../../jsx-runtime-DaNGiM0W.js";
 import "react";
 import "@intlayer/core";
-import { E } from "../../../index-pLq_417z.js";
+import { E } from "../../../index-D9oaKvKC.js";
 export {
   E as EnumerationWrapper
 };

package/dist/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../jsx-runtime-DvCoRj5u.cjs");
+require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("@intlayer/core");
 require("lucide-react");
 require("../ItemLayout.cjs");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BZQDMSxb.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BtZWYJhL.cjs");
 exports.NestedObjectWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.NestedObjectWrapper;
 //# sourceMappingURL=NestedObjectWrapper.cjs.map

package/dist/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.mjs

@@ -1,8 +1,8 @@
-import "../../../jsx-runtime-BgSF1HG2.js";
+import "../../../jsx-runtime-DaNGiM0W.js";
 import "@intlayer/core";
 import "lucide-react";
 import "../ItemLayout.mjs";
-import { a } from "../../../index-pLq_417z.js";
+import { a } from "../../../index-D9oaKvKC.js";
 export {
   a as NestedObjectWrapper
 };

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../jsx-runtime-DvCoRj5u.cjs");
+const jsxRuntime = require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("../../EditableField/EditableFieldInput.cjs");
 const components_EditableField_EditableFieldTextArea = require("../../EditableField/EditableFieldTextArea.cjs");
 const utils_cn = require("../../../utils/cn.cjs");

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.mjs

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../../jsx-runtime-DaNGiM0W.js";
 import "../../EditableField/EditableFieldInput.mjs";
 import { EditableFieldTextArea } from "../../EditableField/EditableFieldTextArea.mjs";
 import { cn } from "../../../utils/cn.mjs";

package/dist/components/DictionaryEditor/NodeWrapper/TranslationWrapper.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../jsx-runtime-DvCoRj5u.cjs");
+require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("@intlayer/core");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BZQDMSxb.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BtZWYJhL.cjs");
 exports.TranslationWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.TranslationWrapper;
 //# sourceMappingURL=TranslationWrapper.cjs.map

package/dist/components/DictionaryEditor/NodeWrapper/TranslationWrapper.mjs

@@ -1,6 +1,6 @@
-import "../../../jsx-runtime-BgSF1HG2.js";
+import "../../../jsx-runtime-DaNGiM0W.js";
 import "@intlayer/core";
-import { T } from "../../../index-pLq_417z.js";
+import { T } from "../../../index-D9oaKvKC.js";
 export {
   T as TranslationWrapper
 };

package/dist/components/DictionaryEditor/NodeWrapper/index.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../jsx-runtime-DvCoRj5u.cjs");
+require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("@intlayer/core");
 require("react");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BZQDMSxb.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BtZWYJhL.cjs");
 require("./StringWrapper.cjs");
 exports.NodeWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.NodeWrapper;
 exports.traceKeys = components_DictionaryEditor_NodeWrapper_ArrayWrapper.traceKeys;

package/dist/components/DictionaryEditor/NodeWrapper/index.d.ts

@@ -1,5 +1,5 @@
 import { Locales } from '@intlayer/config/client';
-import { KeyPath, DictionaryValue, Dictionary } from '@intlayer/core';
+import { KeyPath, DictionaryValue } from '@intlayer/core';
 import { FC } from 'react';
 export declare const traceKeys: string[];
 export type NodeWrapperProps = {
@@ -10,7 +10,7 @@ export type NodeWrapperProps = {
         newValue: string;
     }) => void;
     locale: Locales;
-    editedContent: Dictionary;
+    editedContent: DictionaryValue;
     focusedKeyPath: KeyPath[] | undefined;
     onFocusKeyPath: (keyPath: KeyPath[]) => void;
     onClickEdit?: (keyPath: KeyPath[]) => void;

package/dist/components/DictionaryEditor/NodeWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAIL,KAAK,OAAO,EACZ,KAAK,eAAe,EACpB,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAIL,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAOf,eAAO,MAAM,SAAS,EAAE,MAAM,EAAmC,CAAC;AAKlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,eAAe,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,UAAU,CAAC;IAC1B,cAAc,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;IACtC,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAsCF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsD5C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAIL,KAAK,OAAO,EACZ,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAIL,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAOf,eAAO,MAAM,SAAS,EAAE,MAAM,EAAmC,CAAC;AAKlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,eAAe,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,eAAe,CAAC;IAC/B,cAAc,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;IACtC,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAsCF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsD5C,CAAC"}

package/dist/components/DictionaryEditor/NodeWrapper/index.mjs

@@ -1,7 +1,7 @@
-import "../../../jsx-runtime-BgSF1HG2.js";
+import "../../../jsx-runtime-DaNGiM0W.js";
 import "@intlayer/core";
 import "react";
-import { N, t } from "../../../index-pLq_417z.js";
+import { N, t } from "../../../index-D9oaKvKC.js";
 import "./StringWrapper.mjs";
 export {
   N as NodeWrapper,

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.cjs

@@ -1,7 +1,7 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const lucideReact = require("lucide-react");
 const require$$0 = require("react");
 const reactIntlayer = require("react-intlayer");
@@ -12,7 +12,7 @@ require("@intlayer/dictionaries-entry");
 require("deepmerge");
 const components_Form_FormBase = require("../Form/FormBase.cjs");
 require("../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../Form-DERuauvB.cjs");
+const components_Form_layout_FormItemLayout = require("../../Form-BDcoNTLV.cjs");
 const components_DictionaryEditor_useEditedContentStore = require("./useEditedContentStore.cjs");
 const components_DictionaryEditor_validDictionaryChangeButtons_content = require("./validDictionaryChangeButtons.content.cjs");
 const components_DictionaryEditor_validDictionaryChangeButtonsSchema = require("./validDictionaryChangeButtonsSchema.cjs");

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { RotateCcw, ArrowUpFromLine, Save } from "lucide-react";
 import { useMemo } from "react";
 import { useDictionary } from "react-intlayer";
@@ -10,7 +10,7 @@ import "@intlayer/dictionaries-entry";
 import "deepmerge";
 import { useForm } from "../Form/FormBase.mjs";
 import "../Form/FormField.mjs";
-import { F as Form } from "../../Form-CQpKjeW6.js";
+import { F as Form } from "../../Form-DhsgC7kB.js";
 import { useEditedContentStore } from "./useEditedContentStore.mjs";
 import { validDictionaryChangeButtonsContent } from "./validDictionaryChangeButtons.content.mjs";
 import { getValidDictionaryChangeButtonsSchemaSchema } from "./validDictionaryChangeButtonsSchema.mjs";

package/dist/components/DictionaryEditor/useEditedContentStore.cjs

@@ -348,6 +348,15 @@ const useEditedContentStore = zustand.create(
           ...dictionariesRecord
         }
       })),
+      setEditedContent: (dictionaryKey, newValue) => set((state) => ({
+        editedContent: {
+          ...state.editedContent,
+          [dictionaryKey]: {
+            ...state.editedContent[dictionaryKey],
+            content: newValue
+          }
+        }
+      })),
       addEditedContent: (dictionaryKey, newValue, keyPath = [], overwrite = true) => set((state) => {
         const dictionaryContent = state.editedContent[dictionaryKey]?.content ?? JSON.parse(
           JSON.stringify(state.dictionariesRecord[dictionaryKey].content)
@@ -441,16 +450,10 @@ const useEditedContentStore = zustand.create(
       },
       restoreEditedContent: (dictionaryKey) => {
         set((state) => {
-          const dictionaryContent = state.dictionariesRecord[dictionaryKey].content;
-          const clonedContent = JSON.parse(JSON.stringify(dictionaryContent));
+          const updatedEditedContent = { ...state.editedContent };
+          delete updatedEditedContent[dictionaryKey];
           return {
-            editedContent: {
-              ...state.editedContent,
-              [dictionaryKey]: {
-                ...state.editedContent[dictionaryKey],
-                content: clonedContent
-              }
-            }
+            editedContent: updatedEditedContent
           };
         });
       },
@@ -476,7 +479,7 @@ const useEditedContentStore = zustand.create(
         set({ editedContent: {} });
       },
       getEditedContentValue: (dictionaryKey, keyPath) => utils_dictionary.getDictionaryValueByKeyPath(
-        get().editedContent[dictionaryKey],
+        get().editedContent[dictionaryKey]?.content ?? {},
         keyPath
       )
     }),