@intlayer/design-system 5.2.9 → 5.3.1

package/dist/.vite/manifest.json

@@ -63,19 +63,21 @@
       "src/hooks/useScrollBlockage/useScrollBlockageStore.ts"
     ]
   },
-  "_index-C57uA6Lk.js": {
-    "file": "index-C57uA6Lk.js",
+  "_index-BpCAhDMe.cjs": {
+    "file": "index-BpCAhDMe.cjs",
     "name": "index",
     "imports": [
       "src/components/DictionaryEditor/ItemLayout.tsx",
+      "src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx",
       "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"
     ]
   },
-  "_index-D02c1QrF.cjs": {
-    "file": "index-D02c1QrF.cjs",
+  "_index-CVTE3oHq.js": {
+    "file": "index-CVTE3oHq.js",
     "name": "index",
     "imports": [
       "src/components/DictionaryEditor/ItemLayout.tsx",
+      "src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx",
       "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"
     ]
   },
@@ -714,7 +716,7 @@
     "isEntry": true,
     "imports": [
       "src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx",
-      "_index-D02c1QrF.cjs"
+      "_index-BpCAhDMe.cjs"
     ]
   },
   "src/components/DictionaryEditor/ItemLayout.tsx": {
@@ -734,7 +736,7 @@
     "isEntry": true,
     "imports": [
       "src/components/DictionaryEditor/ItemLayout.tsx",
-      "_index-D02c1QrF.cjs"
+      "_index-BpCAhDMe.cjs"
     ]
   },
   "src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx": {
@@ -743,7 +745,7 @@
     "src": "src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx",
     "isEntry": true,
     "imports": [
-      "_index-D02c1QrF.cjs"
+      "_index-BpCAhDMe.cjs"
     ]
   },
   "src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx": {
@@ -752,7 +754,7 @@
     "src": "src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx",
     "isEntry": true,
     "imports": [
-      "_index-D02c1QrF.cjs"
+      "_index-BpCAhDMe.cjs"
     ]
   },
   "src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx": {
@@ -761,7 +763,7 @@
     "src": "src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx",
     "isEntry": true,
     "imports": [
-      "_index-D02c1QrF.cjs"
+      "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"
     ]
   },
   "src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx": {
@@ -771,7 +773,7 @@
     "isEntry": true,
     "imports": [
       "src/components/DictionaryEditor/ItemLayout.tsx",
-      "_index-D02c1QrF.cjs"
+      "_index-BpCAhDMe.cjs"
     ]
   },
   "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx": {
@@ -793,7 +795,7 @@
     "src": "src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx",
     "isEntry": true,
     "imports": [
-      "_index-D02c1QrF.cjs"
+      "_index-BpCAhDMe.cjs"
     ]
   },
   "src/components/DictionaryEditor/NodeWrapper/index.tsx": {
@@ -802,7 +804,8 @@
     "src": "src/components/DictionaryEditor/NodeWrapper/index.tsx",
     "isEntry": true,
     "imports": [
-      "_index-D02c1QrF.cjs",
+      "_index-BpCAhDMe.cjs",
+      "src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx",
       "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"
     ]
   },

package/dist/components/ContentEditor/ContentEditorInput.cjs

@@ -41,6 +41,7 @@ const ContentEditorInput = ({
           components_Input_Input.Input,
           {
             onChange: handleOnContentChange,
+            "aria-label": "value",
             variant: "invisible",
             className: "size-full",
             defaultValue: children,

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

@@ -1 +1 @@
-{"version":3,"file":"ContentEditorInput.cjs","sources":["../../../src/components/ContentEditor/ContentEditorInput.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  useState,\n  type FC,\n  type ChangeEventHandler,\n  useEffect,\n} from 'react';\nimport { Button } from '../Button';\nimport { type InputProps, Input } from '../Input';\n\nexport type ContentEditorInputProps = {\n  children: InputProps['value'];\n  onContentChange: (content: InputProps['value']) => void;\n  disabled?: boolean;\n  validate?: (content: InputProps['value']) => boolean;\n  additionalButtons?: ReactNode;\n} & Omit<InputProps, 'children'>;\n\nexport const ContentEditorInput: FC<ContentEditorInputProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  additionalButtons,\n  ...props\n}) => {\n  const [newValue, setNewValue] = useState<InputProps['value']>(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<HTMLInputElement> = (e) => {\n    setNewValue(e.currentTarget.value);\n  };\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={String(children)}\n    >\n      <Input\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        {...props}\n      />\n      {(isEdited || additionalButtons) && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          {isEdited && (\n            <>\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            </>\n          )}\n          {additionalButtons}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","useEffect","jsxs","jsx","Input","Fragment","Button","Check","X"],"mappings":";;;;;;;;;AAqBO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAIA,aAAAA,SAA8B,QAAQ;AACtE,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,aAAAA,SAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAC1B;AAEM,QAAA,wBAA8D,CAAC,MAAM;AAC7D,gBAAA,EAAE,cAAc,KAAK;AAAA,EACnC;AAEAC,eAAAA,UAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,2BAAA;AAAA,UAACC,uBAAA;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEV,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,cAAc;AAAA,YACb,GAAG;AAAA,UAAA;AAAA,UAJC;AAAA,QAKP;AAAA,SACE,YAAY,sBACXF,2BAAA,KAAA,OAAA,EAAI,WAAU,8CACZ,UAAA;AAAA,UAAA,YAEGA,2BAAA,KAAAG,qBAAA,EAAA,UAAA;AAAA,YAAAF,2BAAA;AAAA,cAACG,yBAAA;AAAA,cAAA;AAAA,gBACC,MAAMC,YAAA;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,UAAU,YAAY,CAAC;AAAA,gBACvB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,YACAJ,2BAAA;AAAA,cAACG,yBAAA;AAAA,cAAA;AAAA,gBACC,MAAME,YAAA;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,UACX,GACF;AAAA,UAED;AAAA,QAAA,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IApCG,OAAO,QAAQ;AAAA,EAsCtB;AAEJ;;"}
+{"version":3,"file":"ContentEditorInput.cjs","sources":["../../../src/components/ContentEditor/ContentEditorInput.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  useState,\n  type FC,\n  type ChangeEventHandler,\n  useEffect,\n} from 'react';\nimport { Button } from '../Button';\nimport { type InputProps, Input } from '../Input';\n\nexport type ContentEditorInputProps = {\n  children: InputProps['value'];\n  onContentChange: (content: InputProps['value']) => void;\n  disabled?: boolean;\n  validate?: (content: InputProps['value']) => boolean;\n  additionalButtons?: ReactNode;\n} & Omit<InputProps, 'children'>;\n\nexport const ContentEditorInput: FC<ContentEditorInputProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  additionalButtons,\n  ...props\n}) => {\n  const [newValue, setNewValue] = useState<InputProps['value']>(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<HTMLInputElement> = (e) => {\n    setNewValue(e.currentTarget.value);\n  };\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={String(children)}\n    >\n      <Input\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        aria-label=\"value\"\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        {...props}\n      />\n      {(isEdited || additionalButtons) && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          {isEdited && (\n            <>\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            </>\n          )}\n          {additionalButtons}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","useEffect","jsxs","jsx","Input","Fragment","Button","Check","X"],"mappings":";;;;;;;;;AAqBO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAIA,aAAAA,SAA8B,QAAQ;AACtE,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,aAAAA,SAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAC1B;AAEM,QAAA,wBAA8D,CAAC,MAAM;AAC7D,gBAAA,EAAE,cAAc,KAAK;AAAA,EACnC;AAEAC,eAAAA,UAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,2BAAA;AAAA,UAACC,uBAAA;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEV,cAAW;AAAA,YACX,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,cAAc;AAAA,YACb,GAAG;AAAA,UAAA;AAAA,UALC;AAAA,QAMP;AAAA,SACE,YAAY,sBACXF,2BAAA,KAAA,OAAA,EAAI,WAAU,8CACZ,UAAA;AAAA,UAAA,YAEGA,2BAAA,KAAAG,qBAAA,EAAA,UAAA;AAAA,YAAAF,2BAAA;AAAA,cAACG,yBAAA;AAAA,cAAA;AAAA,gBACC,MAAMC,YAAA;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,UAAU,YAAY,CAAC;AAAA,gBACvB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,YACAJ,2BAAA;AAAA,cAACG,yBAAA;AAAA,cAAA;AAAA,gBACC,MAAME,YAAA;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,UACX,GACF;AAAA,UAED;AAAA,QAAA,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IArCG,OAAO,QAAQ;AAAA,EAuCtB;AAEJ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ContentEditorInput.d.ts","sourceRoot":"","sources":["../../../src/components/ContentEditor/ContentEditorInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,EAAE,EAGR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,UAAU,EAAS,MAAM,UAAU,CAAC;AAElD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC9B,eAAe,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,OAAO,CAAC;IACrD,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AAEjC,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAyE1D,CAAC"}
+{"version":3,"file":"ContentEditorInput.d.ts","sourceRoot":"","sources":["../../../src/components/ContentEditor/ContentEditorInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,EAAE,EAGR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,UAAU,EAAS,MAAM,UAAU,CAAC;AAElD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC9B,eAAe,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,OAAO,CAAC;IACrD,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AAEjC,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA0E1D,CAAC"}

package/dist/components/ContentEditor/ContentEditorInput.mjs

@@ -39,6 +39,7 @@ const ContentEditorInput = ({
           Input,
           {
             onChange: handleOnContentChange,
+            "aria-label": "value",
             variant: "invisible",
             className: "size-full",
             defaultValue: children,

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

@@ -1 +1 @@
-{"version":3,"file":"ContentEditorInput.mjs","sources":["../../../src/components/ContentEditor/ContentEditorInput.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  useState,\n  type FC,\n  type ChangeEventHandler,\n  useEffect,\n} from 'react';\nimport { Button } from '../Button';\nimport { type InputProps, Input } from '../Input';\n\nexport type ContentEditorInputProps = {\n  children: InputProps['value'];\n  onContentChange: (content: InputProps['value']) => void;\n  disabled?: boolean;\n  validate?: (content: InputProps['value']) => boolean;\n  additionalButtons?: ReactNode;\n} & Omit<InputProps, 'children'>;\n\nexport const ContentEditorInput: FC<ContentEditorInputProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  additionalButtons,\n  ...props\n}) => {\n  const [newValue, setNewValue] = useState<InputProps['value']>(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<HTMLInputElement> = (e) => {\n    setNewValue(e.currentTarget.value);\n  };\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={String(children)}\n    >\n      <Input\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        {...props}\n      />\n      {(isEdited || additionalButtons) && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          {isEdited && (\n            <>\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            </>\n          )}\n          {additionalButtons}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAqBO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAA8B,QAAQ;AACtE,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,EACxC;AACA,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAC1B;AAEM,QAAA,wBAA8D,CAAC,MAAM;AAC7D,gBAAA,EAAE,cAAc,KAAK;AAAA,EACnC;AAEA,YAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAA;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,SACE,YAAY,sBACX,qBAAA,OAAA,EAAI,WAAU,8CACZ,UAAA;AAAA,UAAA,YAEG,qBAAA,UAAA,EAAA,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,UAAU,YAAY,CAAC;AAAA,gBACvB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,UACX,GACF;AAAA,UAED;AAAA,QAAA,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IApCG,OAAO,QAAQ;AAAA,EAsCtB;AAEJ;"}
+{"version":3,"file":"ContentEditorInput.mjs","sources":["../../../src/components/ContentEditor/ContentEditorInput.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  useState,\n  type FC,\n  type ChangeEventHandler,\n  useEffect,\n} from 'react';\nimport { Button } from '../Button';\nimport { type InputProps, Input } from '../Input';\n\nexport type ContentEditorInputProps = {\n  children: InputProps['value'];\n  onContentChange: (content: InputProps['value']) => void;\n  disabled?: boolean;\n  validate?: (content: InputProps['value']) => boolean;\n  additionalButtons?: ReactNode;\n} & Omit<InputProps, 'children'>;\n\nexport const ContentEditorInput: FC<ContentEditorInputProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  additionalButtons,\n  ...props\n}) => {\n  const [newValue, setNewValue] = useState<InputProps['value']>(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<HTMLInputElement> = (e) => {\n    setNewValue(e.currentTarget.value);\n  };\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={String(children)}\n    >\n      <Input\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        aria-label=\"value\"\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        {...props}\n      />\n      {(isEdited || additionalButtons) && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          {isEdited && (\n            <>\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            </>\n          )}\n          {additionalButtons}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAqBO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAA8B,QAAQ;AACtE,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,EACxC;AACA,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAC1B;AAEM,QAAA,wBAA8D,CAAC,MAAM;AAC7D,gBAAA,EAAE,cAAc,KAAK;AAAA,EACnC;AAEA,YAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEV,cAAW;AAAA,YACX,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,cAAc;AAAA,YACb,GAAG;AAAA,UAAA;AAAA,UALC;AAAA,QAMP;AAAA,SACE,YAAY,sBACX,qBAAA,OAAA,EAAI,WAAU,8CACZ,UAAA;AAAA,UAAA,YAEG,qBAAA,UAAA,EAAA,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,UAAU,YAAY,CAAC;AAAA,gBACvB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,UACX,GACF;AAAA,UAED;AAAA,QAAA,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IArCG,OAAO,QAAQ;AAAA,EAuCtB;AAEJ;"}

package/dist/components/DictionaryEditor/DictionaryEditor.cjs

@@ -5,7 +5,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const ReactExports = require("react");
 const editorReact = require("@intlayer/editor-react");
 const components_DictionaryFieldEditor_SaveForm_SaveForm = require("../DictionaryFieldEditor/SaveForm/SaveForm.cjs");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../index-D02c1QrF.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../index-BpCAhDMe.cjs");
 const DictionaryEditor = ({
   dictionary,
   mode,

package/dist/components/DictionaryEditor/DictionaryEditor.mjs

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { createElement } from "react";
 import { useEditedContent, useFocusDictionary } from "@intlayer/editor-react";
 import { SaveForm } from "../DictionaryFieldEditor/SaveForm/SaveForm.mjs";
-import { N as NodeWrapper } from "../../index-C57uA6Lk.js";
+import { N as NodeWrapper } from "../../index-CVTE3oHq.js";
 const DictionaryEditor = ({
   dictionary,
   mode,

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("@intlayer/core");
 require("../ItemLayout.cjs");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-D02c1QrF.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BpCAhDMe.cjs");
 exports.ArrayWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.ArrayWrapper;
 //# sourceMappingURL=ArrayWrapper.cjs.map

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@intlayer/core";
 import "../ItemLayout.mjs";
-import { A } from "../../../index-C57uA6Lk.js";
+import { A } from "../../../index-CVTE3oHq.js";
 export {
   A as ArrayWrapper
 };

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("react");
 require("@intlayer/core");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-D02c1QrF.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BpCAhDMe.cjs");
 exports.ConditionWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.ConditionWrapper;
 //# sourceMappingURL=ConditionWrapper.cjs.map

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "@intlayer/core";
-import { C } from "../../../index-C57uA6Lk.js";
+import { C } from "../../../index-CVTE3oHq.js";
 export {
   C as ConditionWrapper
 };

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("react");
 require("@intlayer/core");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-D02c1QrF.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BpCAhDMe.cjs");
 exports.EnumerationWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.EnumerationWrapper;
 //# sourceMappingURL=EnumerationWrapper.cjs.map

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

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

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

@@ -1,7 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("react/jsx-runtime");
-require("@intlayer/core");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-D02c1QrF.cjs");
-exports.MarkdownWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.MarkdownWrapper;
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@intlayer/core");
+const components_DictionaryEditor_NodeWrapper_StringWrapper = require("./StringWrapper.cjs");
+const MarkdownWrapper = (props) => {
+  const { keyPath, section } = props;
+  const newKeyPath = [
+    ...keyPath,
+    {
+      type: core.NodeType.Markdown
+    }
+  ];
+  const subSection = section[core.NodeType.Markdown];
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-2 grid grid-cols-[auto,1fr] gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryEditor_NodeWrapper_StringWrapper.StringWrapper, { ...props, keyPath: newKeyPath, section: subSection }) });
+};
+exports.MarkdownWrapper = MarkdownWrapper;
 //# sourceMappingURL=MarkdownWrapper.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownWrapper.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"MarkdownWrapper.cjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"sourcesContent":["import { type KeyPath, NodeType, type MarkdownContent } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { type NodeWrapperProps } from './index';\nimport { StringWrapper } from './StringWrapper';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: MarkdownContent;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.Markdown,\n    },\n  ];\n\n  const subSection = section[NodeType.Markdown];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <StringWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"names":["NodeType","jsx","StringWrapper"],"mappings":";;;;;AASa,MAAA,kBAA4C,CAAC,UAAU;AAC5D,QAAA,EAAE,SAAS,QAAA,IAAY;AAE7B,QAAM,aAAwB;AAAA,IAC5B,GAAG;AAAA,IACH;AAAA,MACE,MAAMA,KAAAA,SAAS;AAAA,IAAA;AAAA,EAEnB;AAEM,QAAA,aAAa,QAAQA,KAAA,SAAS,QAAQ;AAE5C,SACGC,2BAAAA,IAAA,OAAA,EAAI,WAAU,wCACb,UAACA,+BAAAC,sDAAAA,eAAA,EAAe,GAAG,OAAO,SAAS,YAAY,SAAS,WAAY,CAAA,GACtE;AAEJ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7D,KAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC9D,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAepD,CAAC"}
+{"version":3,"file":"MarkdownWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,KAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC9D,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiBpD,CAAC"}

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

@@ -1,7 +1,18 @@
-import "react/jsx-runtime";
-import "@intlayer/core";
-import { M } from "../../../index-C57uA6Lk.js";
+import { jsx } from "react/jsx-runtime";
+import { NodeType } from "@intlayer/core";
+import { StringWrapper } from "./StringWrapper.mjs";
+const MarkdownWrapper = (props) => {
+  const { keyPath, section } = props;
+  const newKeyPath = [
+    ...keyPath,
+    {
+      type: NodeType.Markdown
+    }
+  ];
+  const subSection = section[NodeType.Markdown];
+  return /* @__PURE__ */ jsx("div", { className: "ml-2 grid grid-cols-[auto,1fr] gap-2", children: /* @__PURE__ */ jsx(StringWrapper, { ...props, keyPath: newKeyPath, section: subSection }) });
+};
 export {
-  M as MarkdownWrapper
+  MarkdownWrapper
 };
 //# sourceMappingURL=MarkdownWrapper.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownWrapper.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"MarkdownWrapper.mjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"sourcesContent":["import { type KeyPath, NodeType, type MarkdownContent } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { type NodeWrapperProps } from './index';\nimport { StringWrapper } from './StringWrapper';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: MarkdownContent;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.Markdown,\n    },\n  ];\n\n  const subSection = section[NodeType.Markdown];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <StringWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AASa,MAAA,kBAA4C,CAAC,UAAU;AAC5D,QAAA,EAAE,SAAS,QAAA,IAAY;AAE7B,QAAM,aAAwB;AAAA,IAC5B,GAAG;AAAA,IACH;AAAA,MACE,MAAM,SAAS;AAAA,IAAA;AAAA,EAEnB;AAEM,QAAA,aAAa,QAAQ,SAAS,QAAQ;AAE5C,SACG,oBAAA,OAAA,EAAI,WAAU,wCACb,UAAC,oBAAA,eAAA,EAAe,GAAG,OAAO,SAAS,YAAY,SAAS,WAAY,CAAA,GACtE;AAEJ;"}

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("@intlayer/core");
 require("../ItemLayout.cjs");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-D02c1QrF.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BpCAhDMe.cjs");
 exports.NestedObjectWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.NestedObjectWrapper;
 //# sourceMappingURL=NestedObjectWrapper.cjs.map

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@intlayer/core";
 import "../ItemLayout.mjs";
-import { a } from "../../../index-C57uA6Lk.js";
+import { a } from "../../../index-CVTE3oHq.js";
 export {
   a as NestedObjectWrapper
 };

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

@@ -18,7 +18,7 @@ const StringWrapper = ({
 }) => {
   const editedContentValue = core.getContentNodeByKeyPath(editedContent, keyPath);
   if (editedContentValue && typeof editedContentValue !== "string") {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Error loading section" });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Error loading section - Edited content Incoherence with the original content format" });
   }
   const level = keyPath.length;
   const content = editedContentValue ?? section;

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

@@ -1 +1 @@
-{"version":3,"file":"StringWrapper.cjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { getContentNodeByKeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { EditableFieldTextArea } from '../../EditableField';\nimport type { NodeWrapperProps } from './index';\n\ntype StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  onContentChange,\n  onFocusKeyPath,\n}) => {\n  const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath);\n\n  if (editedContentValue && typeof editedContentValue !== 'string') {\n    return <>Error loading section</>;\n  }\n\n  const level = keyPath.length;\n\n  const content = editedContentValue ?? section;\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      <EditableFieldTextArea\n        defaultValue={String(content)}\n        onSave={(newValue) => onContentChange({ keyPath, newValue })}\n        onCancel={() => null}\n      />\n    </span>\n  );\n};\n"],"names":["getContentNodeByKeyPath","jsx","cn","EditableFieldTextArea"],"mappings":";;;;;;;;;;;AAUO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,qBAAqBA,KAAAA,wBAAwB,eAAe,OAAO;AAErE,MAAA,sBAAsB,OAAO,uBAAuB,UAAU;AAChE,iEAAS,UAAqB,wBAAA,CAAA;AAAA,EAAA;AAGhC,QAAM,QAAQ,QAAQ;AAEtB,QAAM,UAAU,sBAAsB;AAGpC,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAWC,SAAA;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,uBAAe,OAAO;AAAA,MACxB;AAAA,MAEA,UAAAD,2BAAA;AAAA,QAACE,+CAAA;AAAA,QAAA;AAAA,UACC,cAAc,OAAO,OAAO;AAAA,UAC5B,QAAQ,CAAC,aAAa,gBAAgB,EAAE,SAAS,UAAU;AAAA,UAC3D,UAAU,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"StringWrapper.cjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { getContentNodeByKeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { EditableFieldTextArea } from '../../EditableField';\nimport type { NodeWrapperProps } from './index';\n\ntype StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  onContentChange,\n  onFocusKeyPath,\n}) => {\n  const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath);\n\n  if (editedContentValue && typeof editedContentValue !== 'string') {\n    return (\n      <>\n        Error loading section - Edited content Incoherence with the original\n        content format\n      </>\n    );\n  }\n\n  const level = keyPath.length;\n\n  const content = editedContentValue ?? section;\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      <EditableFieldTextArea\n        defaultValue={String(content)}\n        onSave={(newValue) => onContentChange({ keyPath, newValue })}\n        onCancel={() => null}\n      />\n    </span>\n  );\n};\n"],"names":["getContentNodeByKeyPath","jsx","cn","EditableFieldTextArea"],"mappings":";;;;;;;;;;;AAUO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,qBAAqBA,KAAAA,wBAAwB,eAAe,OAAO;AAErE,MAAA,sBAAsB,OAAO,uBAAuB,UAAU;AAChE,iEACI,UAGF,sFAAA,CAAA;AAAA,EAAA;AAIJ,QAAM,QAAQ,QAAQ;AAEtB,QAAM,UAAU,sBAAsB;AAGpC,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAWC,SAAA;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,uBAAe,OAAO;AAAA,MACxB;AAAA,MAEA,UAAAD,2BAAA;AAAA,QAACE,+CAAA;AAAA,QAAA;AAAA,UACC,cAAc,OAAO,OAAO;AAAA,UAC5B,QAAQ,CAAC,aAAa,gBAAgB,EAAE,SAAS,UAAU;AAAA,UAC3D,UAAU,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAEJ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"StringWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC5D,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAuChD,CAAC"}
+{"version":3,"file":"StringWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC5D,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4ChD,CAAC"}

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

@@ -16,7 +16,7 @@ const StringWrapper = ({
 }) => {
   const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath);
   if (editedContentValue && typeof editedContentValue !== "string") {
-    return /* @__PURE__ */ jsx(Fragment, { children: "Error loading section" });
+    return /* @__PURE__ */ jsx(Fragment, { children: "Error loading section - Edited content Incoherence with the original content format" });
   }
   const level = keyPath.length;
   const content = editedContentValue ?? section;

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

@@ -1 +1 @@
-{"version":3,"file":"StringWrapper.mjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { getContentNodeByKeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { EditableFieldTextArea } from '../../EditableField';\nimport type { NodeWrapperProps } from './index';\n\ntype StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  onContentChange,\n  onFocusKeyPath,\n}) => {\n  const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath);\n\n  if (editedContentValue && typeof editedContentValue !== 'string') {\n    return <>Error loading section</>;\n  }\n\n  const level = keyPath.length;\n\n  const content = editedContentValue ?? section;\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      <EditableFieldTextArea\n        defaultValue={String(content)}\n        onSave={(newValue) => onContentChange({ keyPath, newValue })}\n        onCancel={() => null}\n      />\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,qBAAqB,wBAAwB,eAAe,OAAO;AAErE,MAAA,sBAAsB,OAAO,uBAAuB,UAAU;AAChE,2CAAS,UAAqB,wBAAA,CAAA;AAAA,EAAA;AAGhC,QAAM,QAAQ,QAAQ;AAEtB,QAAM,UAAU,sBAAsB;AAGpC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,uBAAe,OAAO;AAAA,MACxB;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cAAc,OAAO,OAAO;AAAA,UAC5B,QAAQ,CAAC,aAAa,gBAAgB,EAAE,SAAS,UAAU;AAAA,UAC3D,UAAU,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"StringWrapper.mjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { getContentNodeByKeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { EditableFieldTextArea } from '../../EditableField';\nimport type { NodeWrapperProps } from './index';\n\ntype StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  onContentChange,\n  onFocusKeyPath,\n}) => {\n  const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath);\n\n  if (editedContentValue && typeof editedContentValue !== 'string') {\n    return (\n      <>\n        Error loading section - Edited content Incoherence with the original\n        content format\n      </>\n    );\n  }\n\n  const level = keyPath.length;\n\n  const content = editedContentValue ?? section;\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      <EditableFieldTextArea\n        defaultValue={String(content)}\n        onSave={(newValue) => onContentChange({ keyPath, newValue })}\n        onCancel={() => null}\n      />\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,qBAAqB,wBAAwB,eAAe,OAAO;AAErE,MAAA,sBAAsB,OAAO,uBAAuB,UAAU;AAChE,2CACI,UAGF,sFAAA,CAAA;AAAA,EAAA;AAIJ,QAAM,QAAQ,QAAQ;AAEtB,QAAM,UAAU,sBAAsB;AAGpC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,uBAAe,OAAO;AAAA,MACxB;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cAAc,OAAO,OAAO;AAAA,UAC5B,QAAQ,CAAC,aAAa,gBAAgB,EAAE,SAAS,UAAU;AAAA,UAC3D,UAAU,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAEJ;"}

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

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("@intlayer/core");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-D02c1QrF.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BpCAhDMe.cjs");
 exports.TranslationWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.TranslationWrapper;
 //# sourceMappingURL=TranslationWrapper.cjs.map

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "@intlayer/core";
-import { T } from "../../../index-C57uA6Lk.js";
+import { T } from "../../../index-CVTE3oHq.js";
 export {
   T as TranslationWrapper
 };

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

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("@intlayer/core");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-D02c1QrF.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BpCAhDMe.cjs");
+require("./MarkdownWrapper.cjs");
 require("./StringWrapper.cjs");
 exports.NodeWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.NodeWrapper;
 exports.traceKeys = components_DictionaryEditor_NodeWrapper_ArrayWrapper.traceKeys;

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

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

@@ -1,6 +1,7 @@
 import "react/jsx-runtime";
 import "@intlayer/core";
-import { N, t } from "../../../index-C57uA6Lk.js";
+import { N, t } from "../../../index-CVTE3oHq.js";
+import "./MarkdownWrapper.mjs";
 import "./StringWrapper.mjs";
 export {
   N as NodeWrapper,

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/DictionaryFieldEditor/EnumKeyInput.cjs

@@ -61,6 +61,7 @@ const EnumKeyInput = ({ value, onChange }) => {
       components_Input_Input.Input,
       {
         type: "number",
+        "aria-label": "Quantity",
         defaultValue: numberValue ?? void 0,
         onChange: (e) => setNumberValue(e.target.value),
         className: "min-w-4"

package/dist/components/DictionaryFieldEditor/EnumKeyInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EnumKeyInput.cjs","sources":["../../../src/components/DictionaryFieldEditor/EnumKeyInput.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\n\nconst extractInitialState = (\n  value: string | number\n): { comparator: string | undefined; numberValue: string | undefined } => {\n  let comparator;\n  let numberValue;\n\n  if (typeof value === 'number' || !isNaN(Number(value))) {\n    // If value is a number or numeric string, set comparator to '=' and numberValue accordingly\n    comparator = '=';\n    numberValue = value.toString();\n  } else if (typeof value === 'string') {\n    // Define possible comparators\n    const comparators = ['<=', '>=', '<', '>', '='];\n    // Find the comparator that matches the start of the string\n    const matchedComparator = comparators.find((comp) =>\n      value.startsWith(comp)\n    );\n    if (matchedComparator) {\n      comparator = matchedComparator;\n      numberValue = value.slice(matchedComparator.length);\n    }\n  }\n\n  return { comparator, numberValue };\n};\n\ntype EnumKeyInputProps = {\n  value: string | number;\n  onChange: (value: string) => void;\n};\n\n/**\n * Example of values:\n * - `<1`\n * - `>-44.3`\n * - `=999`\n * - `<=1`\n * - `>=1`\n * - 88\n * - `-1`\n *\n */\nexport const EnumKeyInput: FC<EnumKeyInputProps> = ({ value, onChange }) => {\n  const { comparator: initialComparator, numberValue: initialNumberValue } =\n    useMemo(() => extractInitialState(value), [value]);\n  const [comparator, setComparator] = useState<string | null>(\n    initialComparator ?? null\n  );\n  const [numberValue, setNumberValue] = useState<string | null>(\n    initialNumberValue ?? null\n  );\n\n  useEffect(() => {\n    if (\n      comparator &&\n      numberValue &&\n      (comparator !== initialComparator || numberValue !== initialNumberValue)\n    ) {\n      const newValue = `${comparator}${numberValue}`;\n\n      onChange(newValue);\n    }\n  }, [\n    comparator,\n    initialComparator,\n    initialNumberValue,\n    numberValue,\n    onChange,\n  ]);\n\n  return (\n    <div className=\"flex gap-1\">\n      <Select onValueChange={setComparator} defaultValue={initialComparator}>\n        <Select.Trigger className=\"w-20\">\n          <Select.Value placeholder=\"Select a comparator\" />\n        </Select.Trigger>\n        <Select.Content>\n          <Select.Item value=\"<\">{`<`}</Select.Item>\n          <Select.Item value=\"<=\">{`<=`}</Select.Item>\n          <Select.Item value=\"=\">{`=`}</Select.Item>\n          <Select.Item value=\">=\">{`>=`}</Select.Item>\n          <Select.Item value=\">\">{`>`}</Select.Item>\n        </Select.Content>\n      </Select>\n      <Input\n        type=\"number\"\n        defaultValue={numberValue ?? undefined}\n        onChange={(e) => setNumberValue(e.target.value)}\n        className=\"min-w-4\"\n      />\n    </div>\n  );\n};\n"],"names":["useMemo","useState","useEffect","jsxs","Select","jsx","Input"],"mappings":";;;;;;;;;;AAMA,MAAM,sBAAsB,CAC1B,UACwE;AACpE,MAAA;AACA,MAAA;AAEA,MAAA,OAAO,UAAU,YAAY,CAAC,MAAM,OAAO,KAAK,CAAC,GAAG;AAEzC,iBAAA;AACb,kBAAc,MAAM,SAAS;AAAA,EAAA,WACpB,OAAO,UAAU,UAAU;AAEpC,UAAM,cAAc,CAAC,MAAM,MAAM,KAAK,KAAK,GAAG;AAE9C,UAAM,oBAAoB,YAAY;AAAA,MAAK,CAAC,SAC1C,MAAM,WAAW,IAAI;AAAA,IACvB;AACA,QAAI,mBAAmB;AACR,mBAAA;AACC,oBAAA,MAAM,MAAM,kBAAkB,MAAM;AAAA,IAAA;AAAA,EACpD;AAGK,SAAA,EAAE,YAAY,YAAY;AACnC;AAkBO,MAAM,eAAsC,CAAC,EAAE,OAAO,eAAe;AAC1E,QAAM,EAAE,YAAY,mBAAmB,aAAa,mBAAmB,IACrEA,qBAAQ,MAAM,oBAAoB,KAAK,GAAG,CAAC,KAAK,CAAC;AAC7C,QAAA,CAAC,YAAY,aAAa,IAAIC,aAAA;AAAA,IAClC,qBAAqB;AAAA,EACvB;AACM,QAAA,CAAC,aAAa,cAAc,IAAIA,aAAA;AAAA,IACpC,sBAAsB;AAAA,EACxB;AAEAC,eAAAA,UAAU,MAAM;AACd,QACE,cACA,gBACC,eAAe,qBAAqB,gBAAgB,qBACrD;AACA,YAAM,WAAW,GAAG,UAAU,GAAG,WAAW;AAE5C,eAAS,QAAQ;AAAA,IAAA;AAAA,EACnB,GACC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGC,SAAAC,2BAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,IAAAA,2BAAA,KAACC,yBAAO,QAAA,EAAA,eAAe,eAAe,cAAc,mBAClD,UAAA;AAAA,MAACC,2BAAAA,IAAAD,yBAAAA,OAAO,SAAP,EAAe,WAAU,QACxB,UAACC,+BAAAD,yBAAAA,OAAO,OAAP,EAAa,aAAY,sBAAA,CAAsB,EAClD,CAAA;AAAA,MACAD,2BAAAA,KAACC,yBAAO,OAAA,SAAP,EACC,UAAA;AAAA,QAAAC,+BAACD,yBAAAA,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,KAAA;AAAA,uCAC3BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,MAAM,UAAK,MAAA;AAAA,uCAC7BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,KAAA;AAAA,uCAC3BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,MAAM,UAAK,MAAA;AAAA,uCAC7BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,IAAA,CAAA;AAAA,MAAA,EAC9B,CAAA;AAAA,IAAA,GACF;AAAA,IACAC,2BAAA;AAAA,MAACC,uBAAA;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAc,eAAe;AAAA,QAC7B,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,QAC9C,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;;"}
+{"version":3,"file":"EnumKeyInput.cjs","sources":["../../../src/components/DictionaryFieldEditor/EnumKeyInput.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\n\nconst extractInitialState = (\n  value: string | number\n): { comparator: string | undefined; numberValue: string | undefined } => {\n  let comparator;\n  let numberValue;\n\n  if (typeof value === 'number' || !isNaN(Number(value))) {\n    // If value is a number or numeric string, set comparator to '=' and numberValue accordingly\n    comparator = '=';\n    numberValue = value.toString();\n  } else if (typeof value === 'string') {\n    // Define possible comparators\n    const comparators = ['<=', '>=', '<', '>', '='];\n    // Find the comparator that matches the start of the string\n    const matchedComparator = comparators.find((comp) =>\n      value.startsWith(comp)\n    );\n    if (matchedComparator) {\n      comparator = matchedComparator;\n      numberValue = value.slice(matchedComparator.length);\n    }\n  }\n\n  return { comparator, numberValue };\n};\n\ntype EnumKeyInputProps = {\n  value: string | number;\n  onChange: (value: string) => void;\n};\n\n/**\n * Example of values:\n * - `<1`\n * - `>-44.3`\n * - `=999`\n * - `<=1`\n * - `>=1`\n * - 88\n * - `-1`\n *\n */\nexport const EnumKeyInput: FC<EnumKeyInputProps> = ({ value, onChange }) => {\n  const { comparator: initialComparator, numberValue: initialNumberValue } =\n    useMemo(() => extractInitialState(value), [value]);\n  const [comparator, setComparator] = useState<string | null>(\n    initialComparator ?? null\n  );\n  const [numberValue, setNumberValue] = useState<string | null>(\n    initialNumberValue ?? null\n  );\n\n  useEffect(() => {\n    if (\n      comparator &&\n      numberValue &&\n      (comparator !== initialComparator || numberValue !== initialNumberValue)\n    ) {\n      const newValue = `${comparator}${numberValue}`;\n\n      onChange(newValue);\n    }\n  }, [\n    comparator,\n    initialComparator,\n    initialNumberValue,\n    numberValue,\n    onChange,\n  ]);\n\n  return (\n    <div className=\"flex gap-1\">\n      <Select onValueChange={setComparator} defaultValue={initialComparator}>\n        <Select.Trigger className=\"w-20\">\n          <Select.Value placeholder=\"Select a comparator\" />\n        </Select.Trigger>\n        <Select.Content>\n          <Select.Item value=\"<\">{`<`}</Select.Item>\n          <Select.Item value=\"<=\">{`<=`}</Select.Item>\n          <Select.Item value=\"=\">{`=`}</Select.Item>\n          <Select.Item value=\">=\">{`>=`}</Select.Item>\n          <Select.Item value=\">\">{`>`}</Select.Item>\n        </Select.Content>\n      </Select>\n      <Input\n        type=\"number\"\n        aria-label=\"Quantity\"\n        defaultValue={numberValue ?? undefined}\n        onChange={(e) => setNumberValue(e.target.value)}\n        className=\"min-w-4\"\n      />\n    </div>\n  );\n};\n"],"names":["useMemo","useState","useEffect","jsxs","Select","jsx","Input"],"mappings":";;;;;;;;;;AAMA,MAAM,sBAAsB,CAC1B,UACwE;AACpE,MAAA;AACA,MAAA;AAEA,MAAA,OAAO,UAAU,YAAY,CAAC,MAAM,OAAO,KAAK,CAAC,GAAG;AAEzC,iBAAA;AACb,kBAAc,MAAM,SAAS;AAAA,EAAA,WACpB,OAAO,UAAU,UAAU;AAEpC,UAAM,cAAc,CAAC,MAAM,MAAM,KAAK,KAAK,GAAG;AAE9C,UAAM,oBAAoB,YAAY;AAAA,MAAK,CAAC,SAC1C,MAAM,WAAW,IAAI;AAAA,IACvB;AACA,QAAI,mBAAmB;AACR,mBAAA;AACC,oBAAA,MAAM,MAAM,kBAAkB,MAAM;AAAA,IAAA;AAAA,EACpD;AAGK,SAAA,EAAE,YAAY,YAAY;AACnC;AAkBO,MAAM,eAAsC,CAAC,EAAE,OAAO,eAAe;AAC1E,QAAM,EAAE,YAAY,mBAAmB,aAAa,mBAAmB,IACrEA,qBAAQ,MAAM,oBAAoB,KAAK,GAAG,CAAC,KAAK,CAAC;AAC7C,QAAA,CAAC,YAAY,aAAa,IAAIC,aAAA;AAAA,IAClC,qBAAqB;AAAA,EACvB;AACM,QAAA,CAAC,aAAa,cAAc,IAAIA,aAAA;AAAA,IACpC,sBAAsB;AAAA,EACxB;AAEAC,eAAAA,UAAU,MAAM;AACd,QACE,cACA,gBACC,eAAe,qBAAqB,gBAAgB,qBACrD;AACA,YAAM,WAAW,GAAG,UAAU,GAAG,WAAW;AAE5C,eAAS,QAAQ;AAAA,IAAA;AAAA,EACnB,GACC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGC,SAAAC,2BAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,IAAAA,2BAAA,KAACC,yBAAO,QAAA,EAAA,eAAe,eAAe,cAAc,mBAClD,UAAA;AAAA,MAACC,2BAAAA,IAAAD,yBAAAA,OAAO,SAAP,EAAe,WAAU,QACxB,UAACC,+BAAAD,yBAAAA,OAAO,OAAP,EAAa,aAAY,sBAAA,CAAsB,EAClD,CAAA;AAAA,MACAD,2BAAAA,KAACC,yBAAO,OAAA,SAAP,EACC,UAAA;AAAA,QAAAC,+BAACD,yBAAAA,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,KAAA;AAAA,uCAC3BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,MAAM,UAAK,MAAA;AAAA,uCAC7BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,KAAA;AAAA,uCAC3BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,MAAM,UAAK,MAAA;AAAA,uCAC7BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,IAAA,CAAA;AAAA,MAAA,EAC9B,CAAA;AAAA,IAAA,GACF;AAAA,IACAC,2BAAA;AAAA,MAACC,uBAAA;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,cAAc,eAAe;AAAA,QAC7B,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,QAC9C,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;;"}

package/dist/components/DictionaryFieldEditor/EnumKeyInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnumKeyInput.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/EnumKeyInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AA8B9D,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAkD9C,CAAC"}
+{"version":3,"file":"EnumKeyInput.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/EnumKeyInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AA8B9D,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAmD9C,CAAC"}

package/dist/components/DictionaryFieldEditor/EnumKeyInput.mjs

@@ -59,6 +59,7 @@ const EnumKeyInput = ({ value, onChange }) => {
       Input,
       {
         type: "number",
+        "aria-label": "Quantity",
         defaultValue: numberValue ?? void 0,
         onChange: (e) => setNumberValue(e.target.value),
         className: "min-w-4"

package/dist/components/DictionaryFieldEditor/EnumKeyInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EnumKeyInput.mjs","sources":["../../../src/components/DictionaryFieldEditor/EnumKeyInput.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\n\nconst extractInitialState = (\n  value: string | number\n): { comparator: string | undefined; numberValue: string | undefined } => {\n  let comparator;\n  let numberValue;\n\n  if (typeof value === 'number' || !isNaN(Number(value))) {\n    // If value is a number or numeric string, set comparator to '=' and numberValue accordingly\n    comparator = '=';\n    numberValue = value.toString();\n  } else if (typeof value === 'string') {\n    // Define possible comparators\n    const comparators = ['<=', '>=', '<', '>', '='];\n    // Find the comparator that matches the start of the string\n    const matchedComparator = comparators.find((comp) =>\n      value.startsWith(comp)\n    );\n    if (matchedComparator) {\n      comparator = matchedComparator;\n      numberValue = value.slice(matchedComparator.length);\n    }\n  }\n\n  return { comparator, numberValue };\n};\n\ntype EnumKeyInputProps = {\n  value: string | number;\n  onChange: (value: string) => void;\n};\n\n/**\n * Example of values:\n * - `<1`\n * - `>-44.3`\n * - `=999`\n * - `<=1`\n * - `>=1`\n * - 88\n * - `-1`\n *\n */\nexport const EnumKeyInput: FC<EnumKeyInputProps> = ({ value, onChange }) => {\n  const { comparator: initialComparator, numberValue: initialNumberValue } =\n    useMemo(() => extractInitialState(value), [value]);\n  const [comparator, setComparator] = useState<string | null>(\n    initialComparator ?? null\n  );\n  const [numberValue, setNumberValue] = useState<string | null>(\n    initialNumberValue ?? null\n  );\n\n  useEffect(() => {\n    if (\n      comparator &&\n      numberValue &&\n      (comparator !== initialComparator || numberValue !== initialNumberValue)\n    ) {\n      const newValue = `${comparator}${numberValue}`;\n\n      onChange(newValue);\n    }\n  }, [\n    comparator,\n    initialComparator,\n    initialNumberValue,\n    numberValue,\n    onChange,\n  ]);\n\n  return (\n    <div className=\"flex gap-1\">\n      <Select onValueChange={setComparator} defaultValue={initialComparator}>\n        <Select.Trigger className=\"w-20\">\n          <Select.Value placeholder=\"Select a comparator\" />\n        </Select.Trigger>\n        <Select.Content>\n          <Select.Item value=\"<\">{`<`}</Select.Item>\n          <Select.Item value=\"<=\">{`<=`}</Select.Item>\n          <Select.Item value=\"=\">{`=`}</Select.Item>\n          <Select.Item value=\">=\">{`>=`}</Select.Item>\n          <Select.Item value=\">\">{`>`}</Select.Item>\n        </Select.Content>\n      </Select>\n      <Input\n        type=\"number\"\n        defaultValue={numberValue ?? undefined}\n        onChange={(e) => setNumberValue(e.target.value)}\n        className=\"min-w-4\"\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAMA,MAAM,sBAAsB,CAC1B,UACwE;AACpE,MAAA;AACA,MAAA;AAEA,MAAA,OAAO,UAAU,YAAY,CAAC,MAAM,OAAO,KAAK,CAAC,GAAG;AAEzC,iBAAA;AACb,kBAAc,MAAM,SAAS;AAAA,EAAA,WACpB,OAAO,UAAU,UAAU;AAEpC,UAAM,cAAc,CAAC,MAAM,MAAM,KAAK,KAAK,GAAG;AAE9C,UAAM,oBAAoB,YAAY;AAAA,MAAK,CAAC,SAC1C,MAAM,WAAW,IAAI;AAAA,IACvB;AACA,QAAI,mBAAmB;AACR,mBAAA;AACC,oBAAA,MAAM,MAAM,kBAAkB,MAAM;AAAA,IAAA;AAAA,EACpD;AAGK,SAAA,EAAE,YAAY,YAAY;AACnC;AAkBO,MAAM,eAAsC,CAAC,EAAE,OAAO,eAAe;AAC1E,QAAM,EAAE,YAAY,mBAAmB,aAAa,mBAAmB,IACrE,QAAQ,MAAM,oBAAoB,KAAK,GAAG,CAAC,KAAK,CAAC;AAC7C,QAAA,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC,qBAAqB;AAAA,EACvB;AACM,QAAA,CAAC,aAAa,cAAc,IAAI;AAAA,IACpC,sBAAsB;AAAA,EACxB;AAEA,YAAU,MAAM;AACd,QACE,cACA,gBACC,eAAe,qBAAqB,gBAAgB,qBACrD;AACA,YAAM,WAAW,GAAG,UAAU,GAAG,WAAW;AAE5C,eAAS,QAAQ;AAAA,IAAA;AAAA,EACnB,GACC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGC,SAAA,qBAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,IAAA,qBAAC,QAAO,EAAA,eAAe,eAAe,cAAc,mBAClD,UAAA;AAAA,MAAC,oBAAA,OAAO,SAAP,EAAe,WAAU,QACxB,UAAC,oBAAA,OAAO,OAAP,EAAa,aAAY,sBAAA,CAAsB,EAClD,CAAA;AAAA,MACA,qBAAC,OAAO,SAAP,EACC,UAAA;AAAA,QAAA,oBAAC,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,KAAA;AAAA,4BAC3B,OAAO,MAAP,EAAY,OAAM,MAAM,UAAK,MAAA;AAAA,4BAC7B,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,KAAA;AAAA,4BAC3B,OAAO,MAAP,EAAY,OAAM,MAAM,UAAK,MAAA;AAAA,4BAC7B,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,IAAA,CAAA;AAAA,MAAA,EAC9B,CAAA;AAAA,IAAA,GACF;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAc,eAAe;AAAA,QAC7B,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,QAC9C,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}
+{"version":3,"file":"EnumKeyInput.mjs","sources":["../../../src/components/DictionaryFieldEditor/EnumKeyInput.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\n\nconst extractInitialState = (\n  value: string | number\n): { comparator: string | undefined; numberValue: string | undefined } => {\n  let comparator;\n  let numberValue;\n\n  if (typeof value === 'number' || !isNaN(Number(value))) {\n    // If value is a number or numeric string, set comparator to '=' and numberValue accordingly\n    comparator = '=';\n    numberValue = value.toString();\n  } else if (typeof value === 'string') {\n    // Define possible comparators\n    const comparators = ['<=', '>=', '<', '>', '='];\n    // Find the comparator that matches the start of the string\n    const matchedComparator = comparators.find((comp) =>\n      value.startsWith(comp)\n    );\n    if (matchedComparator) {\n      comparator = matchedComparator;\n      numberValue = value.slice(matchedComparator.length);\n    }\n  }\n\n  return { comparator, numberValue };\n};\n\ntype EnumKeyInputProps = {\n  value: string | number;\n  onChange: (value: string) => void;\n};\n\n/**\n * Example of values:\n * - `<1`\n * - `>-44.3`\n * - `=999`\n * - `<=1`\n * - `>=1`\n * - 88\n * - `-1`\n *\n */\nexport const EnumKeyInput: FC<EnumKeyInputProps> = ({ value, onChange }) => {\n  const { comparator: initialComparator, numberValue: initialNumberValue } =\n    useMemo(() => extractInitialState(value), [value]);\n  const [comparator, setComparator] = useState<string | null>(\n    initialComparator ?? null\n  );\n  const [numberValue, setNumberValue] = useState<string | null>(\n    initialNumberValue ?? null\n  );\n\n  useEffect(() => {\n    if (\n      comparator &&\n      numberValue &&\n      (comparator !== initialComparator || numberValue !== initialNumberValue)\n    ) {\n      const newValue = `${comparator}${numberValue}`;\n\n      onChange(newValue);\n    }\n  }, [\n    comparator,\n    initialComparator,\n    initialNumberValue,\n    numberValue,\n    onChange,\n  ]);\n\n  return (\n    <div className=\"flex gap-1\">\n      <Select onValueChange={setComparator} defaultValue={initialComparator}>\n        <Select.Trigger className=\"w-20\">\n          <Select.Value placeholder=\"Select a comparator\" />\n        </Select.Trigger>\n        <Select.Content>\n          <Select.Item value=\"<\">{`<`}</Select.Item>\n          <Select.Item value=\"<=\">{`<=`}</Select.Item>\n          <Select.Item value=\"=\">{`=`}</Select.Item>\n          <Select.Item value=\">=\">{`>=`}</Select.Item>\n          <Select.Item value=\">\">{`>`}</Select.Item>\n        </Select.Content>\n      </Select>\n      <Input\n        type=\"number\"\n        aria-label=\"Quantity\"\n        defaultValue={numberValue ?? undefined}\n        onChange={(e) => setNumberValue(e.target.value)}\n        className=\"min-w-4\"\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAMA,MAAM,sBAAsB,CAC1B,UACwE;AACpE,MAAA;AACA,MAAA;AAEA,MAAA,OAAO,UAAU,YAAY,CAAC,MAAM,OAAO,KAAK,CAAC,GAAG;AAEzC,iBAAA;AACb,kBAAc,MAAM,SAAS;AAAA,EAAA,WACpB,OAAO,UAAU,UAAU;AAEpC,UAAM,cAAc,CAAC,MAAM,MAAM,KAAK,KAAK,GAAG;AAE9C,UAAM,oBAAoB,YAAY;AAAA,MAAK,CAAC,SAC1C,MAAM,WAAW,IAAI;AAAA,IACvB;AACA,QAAI,mBAAmB;AACR,mBAAA;AACC,oBAAA,MAAM,MAAM,kBAAkB,MAAM;AAAA,IAAA;AAAA,EACpD;AAGK,SAAA,EAAE,YAAY,YAAY;AACnC;AAkBO,MAAM,eAAsC,CAAC,EAAE,OAAO,eAAe;AAC1E,QAAM,EAAE,YAAY,mBAAmB,aAAa,mBAAmB,IACrE,QAAQ,MAAM,oBAAoB,KAAK,GAAG,CAAC,KAAK,CAAC;AAC7C,QAAA,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC,qBAAqB;AAAA,EACvB;AACM,QAAA,CAAC,aAAa,cAAc,IAAI;AAAA,IACpC,sBAAsB;AAAA,EACxB;AAEA,YAAU,MAAM;AACd,QACE,cACA,gBACC,eAAe,qBAAqB,gBAAgB,qBACrD;AACA,YAAM,WAAW,GAAG,UAAU,GAAG,WAAW;AAE5C,eAAS,QAAQ;AAAA,IAAA;AAAA,EACnB,GACC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGC,SAAA,qBAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,IAAA,qBAAC,QAAO,EAAA,eAAe,eAAe,cAAc,mBAClD,UAAA;AAAA,MAAC,oBAAA,OAAO,SAAP,EAAe,WAAU,QACxB,UAAC,oBAAA,OAAO,OAAP,EAAa,aAAY,sBAAA,CAAsB,EAClD,CAAA;AAAA,MACA,qBAAC,OAAO,SAAP,EACC,UAAA;AAAA,QAAA,oBAAC,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,KAAA;AAAA,4BAC3B,OAAO,MAAP,EAAY,OAAM,MAAM,UAAK,MAAA;AAAA,4BAC7B,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,KAAA;AAAA,4BAC3B,OAAO,MAAP,EAAY,OAAM,MAAM,UAAK,MAAA;AAAA,4BAC7B,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,IAAA,CAAA;AAAA,MAAA,EAC9B,CAAA;AAAA,IAAA,GACF;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,cAAc,eAAe;AAAA,QAC7B,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,QAC9C,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}

package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.cjs

@@ -5,7 +5,6 @@ const defaultConfiguration = require("@intlayer/config/built");
 const core = require("@intlayer/core");
 const editorReact = require("@intlayer/editor-react");
 const lucideReact = require("lucide-react");
-const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 const utils_camelCase = require("../../../utils/camelCase.cjs");
 const components_Accordion_Accordion = require("../../Accordion/Accordion.cjs");
@@ -30,10 +29,7 @@ const NavigationViewNode = ({
     goToTranslation
   } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_NavigationView_navigationViewNode_content.navigationViewContent);
   const nodeType = core.getNodeType(section);
-  const getIsSelected = ReactExports.useCallback(
-    (keyPath2) => (focusedContent?.keyPath?.length ?? 0) > 0 && core.isSameKeyPath(keyPath2, focusedContent?.keyPath ?? []),
-    [focusedContent?.keyPath]
-  );
+  const getIsSelected = (keyPath2) => (focusedContent?.keyPath?.length ?? 0) > 0 && core.isSameKeyPath(keyPath2, focusedContent?.keyPath ?? []);
   if (!section) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
   if (typeof section === "object") {
     if (nodeType === core.NodeType.ReactNode) {