@intlayer/design-system 8.9.7 → 8.10.0-canary.0

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryFieldEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Container } from '@components/Container';\nimport { CopyToClipboard } from '@components/CopyToClipboard';\nimport {\n  useConfiguration,\n  useDictionariesRecordActions,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport { ArrowLeft } from 'lucide-react';\nimport { type FC, useEffect, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Button, ButtonColor, ButtonVariant } from '../Button';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { TabSelector, TabSelectorColor } from '../TabSelector';\nimport { ContentEditor } from './ContentEditor';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { JSONEditor } from './JSONEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\nimport { StructureEditor } from './StructureEditor';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  onDelete?: () => void;\n  onSave?: () => void;\n  isDarkMode?: boolean;\n  mode: ('local' | 'remote')[];\n  showReturnButton?: boolean;\n};\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  mode,\n  onDelete,\n  onSave,\n  showReturnButton = true,\n}) => {\n  const config = useConfiguration();\n  const { returnToDictionaryList } = useIntlayer('dictionary-field-editor');\n  const { focusedContent, setFocusedContent } = useFocusUnmergedDictionary();\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const [activeTab, setActiveTab] = useState<string>('content');\n\n  useEffect(() => {\n    setFocusedContent({\n      ...(focusedContent ?? {}),\n      dictionaryKey: dictionary.key,\n      dictionaryLocalId: dictionary.localId,\n    });\n    setLocaleDictionary(dictionary);\n  }, []);\n\n  return (\n    <LocaleSwitcherContentProvider\n      availableLocales={config?.internationalization?.locales ?? []}\n    >\n      <div className=\"relative flex h-full min-h-0 w-full flex-1 flex-col md:overflow-hidden\">\n        {showReturnButton && (\n          <Button\n            onClick={onClickDictionaryList}\n            variant={ButtonVariant.HOVERABLE}\n            className=\"z-10 mr-auto mb-6 ml-5 shrink-0\"\n            color={ButtonColor.TEXT}\n            Icon={ArrowLeft}\n            label={returnToDictionaryList.label.value}\n          >\n            {returnToDictionaryList.text}\n          </Button>\n        )}\n\n        <div className=\"mb-22 flex min-h-0 flex-1 flex-col overflow-hidden\">\n          {/* Tab headers */}\n          <div className=\"sticky top-0 z-10 flex shrink-0 gap-3 rounded-xl bg-background/20 p-3 pb-4\">\n            <TabSelector\n              selectedChoice={activeTab}\n              tabs={[\n                ...(mode.includes('remote')\n                  ? [\n                      <button\n                        key=\"details\"\n                        className=\"cursor-pointer whitespace-nowrap rounded-md px-4 py-1 font-medium text-sm transition-colors focus:outline-none\"\n                        data-active={activeTab === 'details'}\n                        onClick={() => setActiveTab('details')}\n                        type=\"button\"\n                      >\n                        Details\n                      </button>,\n                    ]\n                  : []),\n                <button\n                  key=\"structure\"\n                  className=\"cursor-pointer whitespace-nowrap rounded-md px-4 py-1 font-medium text-sm transition-colors focus:outline-none\"\n                  data-active={activeTab === 'structure'}\n                  onClick={() => setActiveTab('structure')}\n                  type=\"button\"\n                >\n                  Structure\n                </button>,\n                <button\n                  key=\"content\"\n                  className=\"cursor-pointer whitespace-nowrap rounded-md px-4 py-1 font-medium text-sm transition-colors focus:outline-none\"\n                  data-active={activeTab === 'content'}\n                  onClick={() => setActiveTab('content')}\n                  type=\"button\"\n                >\n                  Content\n                </button>,\n                <button\n                  key=\"json\"\n                  className=\"cursor-pointer whitespace-nowrap rounded-md px-4 py-1 font-medium text-sm transition-colors focus:outline-none\"\n                  data-active={activeTab === 'json'}\n                  onClick={() => setActiveTab('json')}\n                  type=\"button\"\n                >\n                  JSON\n                </button>,\n              ]}\n              hoverable\n              color={TabSelectorColor.TEXT}\n            />\n          </div>\n          {/* Tab content — only active panel is mounted */}\n          <div className=\"min-h-0 flex-1 overflow-y-auto p-6\">\n            <div className=\"flex w-full min-w-0 flex-col items-stretch gap-6\">\n              {mode.includes('remote') && activeTab === 'details' && (\n                <DictionaryDetailsForm dictionary={dictionary} mode={mode} />\n              )}\n              {activeTab === 'structure' && (\n                <StructureEditor dictionary={dictionary} />\n              )}\n              {activeTab === 'content' && (\n                <ContentEditor\n                  dictionary={dictionary}\n                  isDarkMode={isDarkMode}\n                />\n              )}\n              {activeTab === 'json' && (\n                <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n              )}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"absolute bottom-3 z-20 w-full p-2\">\n          <Container\n            color=\"card\"\n            roundedSize=\"2xl\"\n            padding=\"sm\"\n            className=\"w-full shrink-0 flex-row flex-wrap items-center justify-end gap-10 bg-background/20 md:bottom-0\"\n          >\n            <CopyToClipboard\n              text={dictionary.id!}\n              className=\"text-nowrap text-neutral text-sm\"\n              size={9}\n            >\n              {dictionary.id}\n            </CopyToClipboard>\n            <SaveForm\n              dictionary={dictionary}\n              mode={mode}\n              onDelete={() => {\n                setFocusedContent(null);\n                onDelete?.();\n              }}\n              onSave={onSave}\n            />\n          </Container>\n        </div>\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgCA,MAAa,yBAAyD,EACpE,YACA,uBACA,YACA,MACA,UACA,QACA,mBAAmB,WACf;CACJ,MAAM,SAAS,kBAAkB;CACjC,MAAM,EAAE,2BAA2B,YAAY,0BAA0B;CACzE,MAAM,EAAE,gBAAgB,sBAAsB,4BAA4B;CAC1E,MAAM,EAAE,wBAAwB,8BAA8B;CAC9D,MAAM,CAAC,WAAW,gBAAgB,SAAiB,UAAU;CAE7D,gBAAgB;EACd,kBAAkB;GAChB,GAAI,kBAAkB,EAAE;GACxB,eAAe,WAAW;GAC1B,mBAAmB,WAAW;GAC/B,CAAC;EACF,oBAAoB,WAAW;IAC9B,EAAE,CAAC;CAEN,OACE,oBAAC,+BAAD;EACE,kBAAkB,QAAQ,sBAAsB,WAAW,EAAE;YAE7D,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,oBACC,oBAAC,QAAD;KACE,SAAS;KACT;KACA,WAAU;KACV;KACA,MAAM;KACN,OAAO,uBAAuB,MAAM;eAEnC,uBAAuB;KACjB;IAGX,qBAAC,OAAD;KAAK,WAAU;eAAf,CAEE,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,aAAD;OACE,gBAAgB;OAChB,MAAM;QACJ,GAAI,KAAK,SAAS,SAAS,GACvB,CACE,oBAAC,UAAD;SAEE,WAAU;SACV,eAAa,cAAc;SAC3B,eAAe,aAAa,UAAU;SACtC,MAAK;mBACN;SAEQ,EAPH,UAOG,CACV,GACD,EAAE;QACN,oBAAC,UAAD;SAEE,WAAU;SACV,eAAa,cAAc;SAC3B,eAAe,aAAa,YAAY;SACxC,MAAK;mBACN;SAEQ,EAPH,YAOG;QACT,oBAAC,UAAD;SAEE,WAAU;SACV,eAAa,cAAc;SAC3B,eAAe,aAAa,UAAU;SACtC,MAAK;mBACN;SAEQ,EAPH,UAOG;QACT,oBAAC,UAAD;SAEE,WAAU;SACV,eAAa,cAAc;SAC3B,eAAe,aAAa,OAAO;SACnC,MAAK;mBACN;SAEQ,EAPH,OAOG;QACV;OACD;OACA;OACA;MACE,GAEN,oBAAC,OAAD;MAAK,WAAU;gBACb,qBAAC,OAAD;OAAK,WAAU;iBAAf;QACG,KAAK,SAAS,SAAS,IAAI,cAAc,aACxC,oBAAC,uBAAD;SAAmC;SAAkB;SAAQ;QAE9D,cAAc,eACb,oBAAC,iBAAD,EAA6B,YAAc;QAE5C,cAAc,aACb,oBAAC,eAAD;SACc;SACA;SACZ;QAEH,cAAc,UACb,oBAAC,YAAD;SAAwB;SAAwB;SAAc;QAE5D;;MACF,EACF;;IAEN,oBAAC,OAAD;KAAK,WAAU;eACb,qBAAC,WAAD;MACE,OAAM;MACN,aAAY;MACZ,SAAQ;MACR,WAAU;gBAJZ,CAME,oBAAC,iBAAD;OACE,MAAM,WAAW;OACjB,WAAU;OACV,MAAM;iBAEL,WAAW;OACI,GAClB,oBAAC,UAAD;OACc;OACN;OACN,gBAAgB;QACd,kBAAkB,KAAK;QACvB,YAAY;;OAEN;OACR,EACQ;;KACR;IACF;;EACwB"}
+{"version":3,"file":"DictionaryFieldEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Container } from '@components/Container';\nimport { CopyToClipboard } from '@components/CopyToClipboard';\nimport {\n  useConfiguration,\n  useDictionariesRecordActions,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport { ArrowLeft } from 'lucide-react';\nimport { type FC, useEffect, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Button, ButtonColor, ButtonVariant } from '../Button';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { TabSelector, TabSelectorColor } from '../TabSelector';\nimport { ContentEditor } from './ContentEditor';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { JSONEditor } from './JSONEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\nimport { StructureEditor } from './StructureEditor';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  onDelete?: () => void;\n  onSave?: () => void;\n  isDarkMode?: boolean;\n  mode: ('local' | 'remote')[];\n  showReturnButton?: boolean;\n};\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  mode,\n  onDelete,\n  onSave,\n  showReturnButton = true,\n}) => {\n  const config = useConfiguration();\n  const { returnToDictionaryList } = useIntlayer('dictionary-field-editor');\n  const { focusedContent, setFocusedContent } = useFocusUnmergedDictionary();\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const [activeTab, setActiveTab] = useState<string>('content');\n\n  useEffect(() => {\n    setFocusedContent({\n      ...(focusedContent ?? {}),\n      dictionaryKey: dictionary.key,\n      dictionaryLocalId: dictionary.localId,\n    });\n    setLocaleDictionary(dictionary);\n  }, []);\n\n  return (\n    <LocaleSwitcherContentProvider\n      availableLocales={config?.internationalization?.locales ?? []}\n    >\n      <div className=\"relative flex h-full min-h-0 w-full flex-1 flex-col md:overflow-hidden\">\n        {showReturnButton && (\n          <Button\n            onClick={onClickDictionaryList}\n            variant={ButtonVariant.HOVERABLE}\n            className=\"z-10 mr-auto mb-6 ml-5 shrink-0\"\n            color={ButtonColor.TEXT}\n            Icon={ArrowLeft}\n            label={returnToDictionaryList.label.value}\n          >\n            {returnToDictionaryList.text}\n          </Button>\n        )}\n\n        <div className=\"mb-22 flex min-h-0 flex-1 flex-col overflow-hidden\">\n          {/* Tab headers */}\n          <div className=\"sticky top-0 z-10 flex shrink-0 gap-3 rounded-xl bg-background/20 p-3 pb-4\">\n            <TabSelector\n              selectedChoice={activeTab}\n              tabs={[\n                ...(mode.includes('remote')\n                  ? [\n                      <button\n                        key=\"details\"\n                        className=\"cursor-pointer whitespace-nowrap rounded-md px-4 py-1 font-medium text-sm transition-colors focus:outline-none\"\n                        data-active={activeTab === 'details'}\n                        onClick={() => setActiveTab('details')}\n                        type=\"button\"\n                      >\n                        Details\n                      </button>,\n                    ]\n                  : []),\n                <button\n                  key=\"structure\"\n                  className=\"cursor-pointer whitespace-nowrap rounded-md px-4 py-1 font-medium text-sm transition-colors focus:outline-none\"\n                  data-active={activeTab === 'structure'}\n                  onClick={() => setActiveTab('structure')}\n                  type=\"button\"\n                >\n                  Structure\n                </button>,\n                <button\n                  key=\"content\"\n                  className=\"cursor-pointer whitespace-nowrap rounded-md px-4 py-1 font-medium text-sm transition-colors focus:outline-none\"\n                  data-active={activeTab === 'content'}\n                  onClick={() => setActiveTab('content')}\n                  type=\"button\"\n                >\n                  Content\n                </button>,\n                <button\n                  key=\"json\"\n                  className=\"cursor-pointer whitespace-nowrap rounded-md px-4 py-1 font-medium text-sm transition-colors focus:outline-none\"\n                  data-active={activeTab === 'json'}\n                  onClick={() => setActiveTab('json')}\n                  type=\"button\"\n                >\n                  JSON\n                </button>,\n              ]}\n              hoverable\n              color={TabSelectorColor.TEXT}\n            />\n          </div>\n          {/* Tab content — only active panel is mounted */}\n          <div className=\"min-h-0 flex-1 overflow-y-auto p-6\">\n            <div className=\"flex w-full min-w-0 flex-col items-stretch gap-6\">\n              {mode.includes('remote') && activeTab === 'details' && (\n                <DictionaryDetailsForm dictionary={dictionary} mode={mode} />\n              )}\n              {activeTab === 'structure' && (\n                <StructureEditor dictionary={dictionary} />\n              )}\n              {activeTab === 'content' && (\n                <ContentEditor\n                  dictionary={dictionary}\n                  isDarkMode={isDarkMode}\n                />\n              )}\n              {activeTab === 'json' && (\n                <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n              )}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"absolute bottom-3 z-20 w-full p-2\">\n          <Container\n            color=\"card\"\n            roundedSize=\"2xl\"\n            padding=\"sm\"\n            className=\"w-full shrink-0 flex-row flex-wrap items-center justify-end gap-10 bg-background/20 md:bottom-0\"\n          >\n            <CopyToClipboard\n              text={dictionary.id!}\n              className=\"text-nowrap text-neutral text-sm\"\n              size={9}\n            >\n              {dictionary.id}\n            </CopyToClipboard>\n            <SaveForm\n              dictionary={dictionary}\n              mode={mode}\n              onDelete={() => {\n                setFocusedContent(null);\n                onDelete?.();\n              }}\n              onSave={onSave}\n            />\n          </Container>\n        </div>\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgCA,MAAa,yBAAyD,EACpE,YACA,uBACA,YACA,MACA,UACA,QACA,mBAAmB,WACf;CACJ,MAAM,SAAS,iBAAiB;CAChC,MAAM,EAAE,2BAA2B,YAAY,yBAAyB;CACxE,MAAM,EAAE,gBAAgB,sBAAsB,2BAA2B;CACzE,MAAM,EAAE,wBAAwB,6BAA6B;CAC7D,MAAM,CAAC,WAAW,gBAAgB,SAAiB,SAAS;CAE5D,gBAAgB;EACd,kBAAkB;GAChB,GAAI,kBAAkB,CAAC;GACvB,eAAe,WAAW;GAC1B,mBAAmB,WAAW;EAChC,CAAC;EACD,oBAAoB,UAAU;CAChC,GAAG,CAAC,CAAC;CAEL,OACE,oBAAC,+BAAD;EACE,kBAAkB,QAAQ,sBAAsB,WAAW,CAAC;YAE5D,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,oBACC,oBAAC,QAAD;KACE,SAAS;KACT;KACA,WAAU;KACV;KACA,MAAM;KACN,OAAO,uBAAuB,MAAM;eAEnC,uBAAuB;IAClB;IAGV,qBAAC,OAAD;KAAK,WAAU;eAAf,CAEE,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,aAAD;OACE,gBAAgB;OAChB,MAAM;QACJ,GAAI,KAAK,SAAS,QAAQ,IACtB,CACE,oBAAC,UAAD;SAEE,WAAU;SACV,eAAa,cAAc;SAC3B,eAAe,aAAa,SAAS;SACrC,MAAK;mBACN;QAEO,GAPF,SAOE,CACV,IACA,CAAC;QACL,oBAAC,UAAD;SAEE,WAAU;SACV,eAAa,cAAc;SAC3B,eAAe,aAAa,WAAW;SACvC,MAAK;mBACN;QAEO,GAPF,WAOE;QACR,oBAAC,UAAD;SAEE,WAAU;SACV,eAAa,cAAc;SAC3B,eAAe,aAAa,SAAS;SACrC,MAAK;mBACN;QAEO,GAPF,SAOE;QACR,oBAAC,UAAD;SAEE,WAAU;SACV,eAAa,cAAc;SAC3B,eAAe,aAAa,MAAM;SAClC,MAAK;mBACN;QAEO,GAPF,MAOE;OACV;OACA;OACA;MACD;KACE,IAEL,oBAAC,OAAD;MAAK,WAAU;gBACb,qBAAC,OAAD;OAAK,WAAU;iBAAf;QACG,KAAK,SAAS,QAAQ,KAAK,cAAc,aACxC,oBAAC,uBAAD;SAAmC;SAAkB;QAAO;QAE7D,cAAc,eACb,oBAAC,iBAAD,EAA6B,WAAa;QAE3C,cAAc,aACb,oBAAC,eAAD;SACc;SACA;QACb;QAEF,cAAc,UACb,oBAAC,YAAD;SAAwB;SAAwB;QAAa;OAE5D;;KACF,EACF;;IAEL,oBAAC,OAAD;KAAK,WAAU;eACb,qBAAC,WAAD;MACE,OAAM;MACN,aAAY;MACZ,SAAQ;MACR,WAAU;gBAJZ,CAME,oBAAC,iBAAD;OACE,MAAM,WAAW;OACjB,WAAU;OACV,MAAM;iBAEL,WAAW;MACG,IACjB,oBAAC,UAAD;OACc;OACN;OACN,gBAAgB;QACd,kBAAkB,IAAI;QACtB,WAAW;OACb;OACQ;MACT,EACQ;;IACR;GACF;;CACwB;AAEnC"}

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

@@ -1 +1 @@
-{"version":3,"file":"EnumKeyInput.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/EnumKeyInput.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useEffect, useMemo, useState } 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: string | undefined;\n  let numberValue: string | undefined;\n\n  if (typeof value === 'number' || !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"],"mappings":";;;;;;;;AAMA,MAAM,uBACJ,UACwE;CACxE,IAAI;CACJ,IAAI;CAEJ,IAAI,OAAO,UAAU,YAAY,CAAC,OAAO,MAAM,OAAO,MAAM,CAAC,EAAE;EAE7D,aAAa;EACb,cAAc,MAAM,UAAU;QACzB,IAAI,OAAO,UAAU,UAAU;EAIpC,MAAM,oBAAoB;GAFL;GAAM;GAAM;GAAK;GAAK;GAEN,CAAC,MAAM,SAC1C,MAAM,WAAW,KAAK,CACvB;EACD,IAAI,mBAAmB;GACrB,aAAa;GACb,cAAc,MAAM,MAAM,kBAAkB,OAAO;;;CAIvD,OAAO;EAAE;EAAY;EAAa;;;;;;;;;;;;;AAmBpC,MAAa,gBAAuC,EAAE,OAAO,eAAe;CAC1E,MAAM,EAAE,YAAY,mBAAmB,aAAa,uBAClD,cAAc,oBAAoB,MAAM,EAAE,CAAC,MAAM,CAAC;CACpD,MAAM,CAAC,YAAY,iBAAiB,SAClC,qBAAqB,KACtB;CACD,MAAM,CAAC,aAAa,kBAAkB,SACpC,sBAAsB,KACvB;CAED,gBAAgB;EACd,IACE,cACA,gBACC,eAAe,qBAAqB,gBAAgB,qBAIrD,SAAS,GAFW,aAAa,cAEf;IAEnB;EACD;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,QAAD;GAAQ,eAAe;GAAe,cAAc;aAApD,CACE,oBAAC,OAAO,SAAR;IAAgB,WAAU;cACxB,oBAAC,OAAO,OAAR,EAAc,aAAY,uBAAwB;IACnC,GACjB,qBAAC,OAAO,SAAR;IACE,oBAAC,OAAO,MAAR;KAAa,OAAM;eAAK;KAAkB;IAC1C,oBAAC,OAAO,MAAR;KAAa,OAAM;eAAM;KAAmB;IAC5C,oBAAC,OAAO,MAAR;KAAa,OAAM;eAAK;KAAkB;IAC1C,oBAAC,OAAO,MAAR;KAAa,OAAM;eAAM;KAAmB;IAC5C,oBAAC,OAAO,MAAR;KAAa,OAAM;eAAK;KAAkB;IAC3B,IACV;MACT,oBAAC,OAAD;GACE,MAAK;GACL,cAAW;GACX,cAAc,eAAe;GAC7B,WAAW,MAAM,eAAe,EAAE,OAAO,MAAM;GAC/C,WAAU;GACV,EACE"}
+{"version":3,"file":"EnumKeyInput.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/EnumKeyInput.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useEffect, useMemo, useState } 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: string | undefined;\n  let numberValue: string | undefined;\n\n  if (typeof value === 'number' || !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"],"mappings":";;;;;;;;AAMA,MAAM,uBACJ,UACwE;CACxE,IAAI;CACJ,IAAI;CAEJ,IAAI,OAAO,UAAU,YAAY,CAAC,OAAO,MAAM,OAAO,KAAK,CAAC,GAAG;EAE7D,aAAa;EACb,cAAc,MAAM,SAAS;CAC/B,OAAO,IAAI,OAAO,UAAU,UAAU;EAIpC,MAAM,oBAAoB;GAFL;GAAM;GAAM;GAAK;GAAK;EAEP,EAAE,MAAM,SAC1C,MAAM,WAAW,IAAI,CACvB;EACA,IAAI,mBAAmB;GACrB,aAAa;GACb,cAAc,MAAM,MAAM,kBAAkB,MAAM;EACpD;CACF;CAEA,OAAO;EAAE;EAAY;CAAY;AACnC;;;;;;;;;;;;AAkBA,MAAa,gBAAuC,EAAE,OAAO,eAAe;CAC1E,MAAM,EAAE,YAAY,mBAAmB,aAAa,uBAClD,cAAc,oBAAoB,KAAK,GAAG,CAAC,KAAK,CAAC;CACnD,MAAM,CAAC,YAAY,iBAAiB,SAClC,qBAAqB,IACvB;CACA,MAAM,CAAC,aAAa,kBAAkB,SACpC,sBAAsB,IACxB;CAEA,gBAAgB;EACd,IACE,cACA,gBACC,eAAe,qBAAqB,gBAAgB,qBAIrD,SAAS,GAFW,aAAa,aAEhB;CAErB,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,QAAD;GAAQ,eAAe;GAAe,cAAc;aAApD,CACE,oBAAC,OAAO,SAAR;IAAgB,WAAU;cACxB,oBAAC,OAAO,OAAR,EAAc,aAAY,sBAAuB;GACnC,IAChB,qBAAC,OAAO,SAAR;IACE,oBAAC,OAAO,MAAR;KAAa,OAAM;eAAK;IAAiB;IACzC,oBAAC,OAAO,MAAR;KAAa,OAAM;eAAM;IAAkB;IAC3C,oBAAC,OAAO,MAAR;KAAa,OAAM;eAAK;IAAiB;IACzC,oBAAC,OAAO,MAAR;KAAa,OAAM;eAAM;IAAkB;IAC3C,oBAAC,OAAO,MAAR;KAAa,OAAM;eAAK;IAAiB;GAC3B,IACV;MACR,oBAAC,OAAD;GACE,MAAK;GACL,cAAW;GACX,cAAc,eAAe;GAC7B,WAAW,MAAM,eAAe,EAAE,OAAO,KAAK;GAC9C,WAAU;EACX,EACE;;AAET"}

package/dist/esm/components/DictionaryFieldEditor/JSONEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"JSONEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/JSONEditor.tsx"],"sourcesContent":["import { useEditedContent } from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { FC } from 'react';\nimport { MonacoCode } from '../IDE/MonacoCode';\n\ntype JSONEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const JSONEditor: FC<JSONEditorProps> = ({ dictionary, isDarkMode }) => {\n  const { setEditedContent, editedContent } = useEditedContent();\n\n  const isValidJSON = (jsonString: string): boolean => {\n    try {\n      JSON.parse(jsonString);\n      return true; // Valid JSON\n    } catch (_error) {\n      return false; // Invalid JSON\n    }\n  };\n\n  const displayedContent =\n    editedContent?.[dictionary.localId!]?.content ?? dictionary?.content;\n\n  return (\n    <MonacoCode\n      language=\"json\"\n      onChange={(content) => {\n        if (isValidJSON(content ?? '{}')) {\n          setEditedContent(dictionary.localId!, JSON.parse(content ?? '{}'));\n        }\n      }}\n      isDarkMode={isDarkMode}\n    >\n      {JSON.stringify(displayedContent, null, 2)}\n    </MonacoCode>\n  );\n};\n"],"mappings":";;;;;AAUA,MAAa,cAAmC,EAAE,YAAY,iBAAiB;CAC7E,MAAM,EAAE,kBAAkB,kBAAkB,kBAAkB;CAE9D,MAAM,eAAe,eAAgC;EACnD,IAAI;GACF,KAAK,MAAM,WAAW;GACtB,OAAO;WACA,QAAQ;GACf,OAAO;;;CAIX,MAAM,mBACJ,gBAAgB,WAAW,UAAW,WAAW,YAAY;CAE/D,OACE,oBAAC,YAAD;EACE,UAAS;EACT,WAAW,YAAY;GACrB,IAAI,YAAY,WAAW,KAAK,EAC9B,iBAAiB,WAAW,SAAU,KAAK,MAAM,WAAW,KAAK,CAAC;;EAG1D;YAEX,KAAK,UAAU,kBAAkB,MAAM,EAAE;EAC/B"}
+{"version":3,"file":"JSONEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/JSONEditor.tsx"],"sourcesContent":["import { useEditedContent } from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { FC } from 'react';\nimport { MonacoCode } from '../IDE/MonacoCode';\n\ntype JSONEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const JSONEditor: FC<JSONEditorProps> = ({ dictionary, isDarkMode }) => {\n  const { setEditedContent, editedContent } = useEditedContent();\n\n  const isValidJSON = (jsonString: string): boolean => {\n    try {\n      JSON.parse(jsonString);\n      return true; // Valid JSON\n    } catch (_error) {\n      return false; // Invalid JSON\n    }\n  };\n\n  const displayedContent =\n    editedContent?.[dictionary.localId!]?.content ?? dictionary?.content;\n\n  return (\n    <MonacoCode\n      language=\"json\"\n      onChange={(content) => {\n        if (isValidJSON(content ?? '{}')) {\n          setEditedContent(dictionary.localId!, JSON.parse(content ?? '{}'));\n        }\n      }}\n      isDarkMode={isDarkMode}\n    >\n      {JSON.stringify(displayedContent, null, 2)}\n    </MonacoCode>\n  );\n};\n"],"mappings":";;;;;AAUA,MAAa,cAAmC,EAAE,YAAY,iBAAiB;CAC7E,MAAM,EAAE,kBAAkB,kBAAkB,iBAAiB;CAE7D,MAAM,eAAe,eAAgC;EACnD,IAAI;GACF,KAAK,MAAM,UAAU;GACrB,OAAO;EACT,SAAS,QAAQ;GACf,OAAO;EACT;CACF;CAEA,MAAM,mBACJ,gBAAgB,WAAW,UAAW,WAAW,YAAY;CAE/D,OACE,oBAAC,YAAD;EACE,UAAS;EACT,WAAW,YAAY;GACrB,IAAI,YAAY,WAAW,IAAI,GAC7B,iBAAiB,WAAW,SAAU,KAAK,MAAM,WAAW,IAAI,CAAC;EAErE;EACY;YAEX,KAAK,UAAU,kBAAkB,MAAM,CAAC;CAC/B;AAEhB"}

package/dist/esm/components/DictionaryFieldEditor/KeyPathBreadcrumb.mjs

@@ -10,7 +10,7 @@ const KeyPathBreadcrumb = ({ keyPath, dictionaryKey, onClickKeyPath, locale, col
 			onClick: onClickKeyPath ? () => onClickKeyPath([]) : void 0
 		}] : [], ...keyPath.map((el, index) => ({
 			onClick: onClickKeyPath ? () => onClickKeyPath?.(keyPath.slice(0, index + 1)) : void 0,
-			text: el.key?.toString() ?? ""
+			text: camelCaseToSentence(el.key?.toString() ?? "")
 		}))],
 		locale,
 		elementType: "location",

package/dist/esm/components/DictionaryFieldEditor/KeyPathBreadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"KeyPathBreadcrumb.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/KeyPathBreadcrumb.tsx"],"sourcesContent":["import { camelCaseToSentence } from '@intlayer/config/client';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { FC } from 'react';\nimport { Breadcrumb, type BreadcrumbLink } from '../Breadcrumb';\nimport type { LinkColor } from '../Link';\n\ntype KeyPathBreadcrumbProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  onClickKeyPath?: (keyPath: KeyPath[]) => void;\n  locale?: Locale;\n  color?: LinkColor | `${LinkColor}`;\n  showDictionaryKey?: boolean;\n};\n\nexport const KeyPathBreadcrumb: FC<KeyPathBreadcrumbProps> = ({\n  keyPath,\n  dictionaryKey,\n  onClickKeyPath,\n  locale,\n  color,\n  showDictionaryKey = true,\n}) => {\n  const formattedKeyPath: BreadcrumbLink[] = [\n    ...(showDictionaryKey\n      ? [\n          {\n            text: camelCaseToSentence(dictionaryKey),\n            onClick: onClickKeyPath ? () => onClickKeyPath([]) : undefined,\n          },\n        ]\n      : []),\n    ...keyPath.map((el, index) => ({\n      onClick: onClickKeyPath\n        ? () =>\n            // With keyPath = [{type: NodeTypes.Object, key: '0'}, {type: NodeTypes.Array, key: '0'}, {type: NodeTypes.Object, key: '1'}]\n            // If index is 0 -> onFocusKeyPath([{type: NodeTypes.Object, key: '0'}])\n            // If index is 1 -> onFocusKeyPath([{type: NodeTypes.Object, key: '0'}, {type: NodeTypes.Array, key: '0'}])\n            onClickKeyPath?.(keyPath.slice(0, index + 1))\n        : undefined,\n\n      text: el.key?.toString() ?? '',\n    })),\n  ];\n\n  return (\n    <Breadcrumb\n      links={formattedKeyPath}\n      locale={locale}\n      elementType=\"location\"\n      color={color}\n    />\n  );\n};\n"],"mappings":";;;;;AAgBA,MAAa,qBAAiD,EAC5D,SACA,eACA,gBACA,QACA,OACA,oBAAoB,WAChB;CAuBJ,OACE,oBAAC,YAAD;EACE,OAAO,CAvBT,GAAI,oBACA,CACE;GACE,MAAM,oBAAoB,cAAc;GACxC,SAAS,uBAAuB,eAAe,EAAE,CAAC,GAAG;GACtD,CACF,GACD,EAAE,EACN,GAAG,QAAQ,KAAK,IAAI,WAAW;GAC7B,SAAS,uBAKH,iBAAiB,QAAQ,MAAM,GAAG,QAAQ,EAAE,CAAC,GAC/C;GAEJ,MAAM,GAAG,KAAK,UAAU,IAAI;GAC7B,EAAE,CAKsB;EACf;EACR,aAAY;EACL;EACP"}
+{"version":3,"file":"KeyPathBreadcrumb.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/KeyPathBreadcrumb.tsx"],"sourcesContent":["import { camelCaseToSentence } from '@intlayer/config/client';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { FC } from 'react';\nimport { Breadcrumb, type BreadcrumbLink } from '../Breadcrumb';\nimport type { LinkColor } from '../Link';\n\ntype KeyPathBreadcrumbProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  onClickKeyPath?: (keyPath: KeyPath[]) => void;\n  locale?: Locale;\n  color?: LinkColor | `${LinkColor}`;\n  showDictionaryKey?: boolean;\n};\n\nexport const KeyPathBreadcrumb: FC<KeyPathBreadcrumbProps> = ({\n  keyPath,\n  dictionaryKey,\n  onClickKeyPath,\n  locale,\n  color,\n  showDictionaryKey = true,\n}) => {\n  const formattedKeyPath: BreadcrumbLink[] = [\n    ...(showDictionaryKey\n      ? [\n          {\n            text: camelCaseToSentence(dictionaryKey),\n            onClick: onClickKeyPath ? () => onClickKeyPath([]) : undefined,\n          },\n        ]\n      : []),\n    ...keyPath.map((el, index) => ({\n      onClick: onClickKeyPath\n        ? () =>\n            // With keyPath = [{type: NodeTypes.Object, key: '0'}, {type: NodeTypes.Array, key: '0'}, {type: NodeTypes.Object, key: '1'}]\n            // If index is 0 -> onFocusKeyPath([{type: NodeTypes.Object, key: '0'}])\n            // If index is 1 -> onFocusKeyPath([{type: NodeTypes.Object, key: '0'}, {type: NodeTypes.Array, key: '0'}])\n            onClickKeyPath?.(keyPath.slice(0, index + 1))\n        : undefined,\n\n      text: camelCaseToSentence(el.key?.toString() ?? ''),\n    })),\n  ];\n\n  return (\n    <Breadcrumb\n      links={formattedKeyPath}\n      locale={locale}\n      elementType=\"location\"\n      color={color}\n    />\n  );\n};\n"],"mappings":";;;;;AAgBA,MAAa,qBAAiD,EAC5D,SACA,eACA,gBACA,QACA,OACA,oBAAoB,WAChB;CAuBJ,OACE,oBAAC,YAAD;EACE,OAAO,CAvBT,GAAI,oBACA,CACE;GACE,MAAM,oBAAoB,aAAa;GACvC,SAAS,uBAAuB,eAAe,CAAC,CAAC,IAAI;EACvD,CACF,IACA,CAAC,GACL,GAAG,QAAQ,KAAK,IAAI,WAAW;GAC7B,SAAS,uBAKH,iBAAiB,QAAQ,MAAM,GAAG,QAAQ,CAAC,CAAC,IAC9C;GAEJ,MAAM,oBAAoB,GAAG,KAAK,SAAS,KAAK,EAAE;EACpD,EAAE,CAKsB;EACd;EACR,aAAY;EACL;CACR;AAEL"}

package/dist/esm/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.mjs

@@ -1,12 +1,12 @@
 import { Button, ButtonColor, ButtonTextAlign, ButtonVariant } from "../../Button/Button.mjs";
 import { Accordion } from "../../Accordion/Accordion.mjs";
+import { useLocaleSwitcherContent } from "../../LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs";
 import { getIsEditableSection } from "../getIsEditableSection.mjs";
 import { useState } from "react";
 import { ChevronRight, Plus } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { internationalization } from "@intlayer/config/built";
-import { useIntlayer } from "react-intlayer";
 import { useEditedContentActions, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
 import { getContentNodeByKeyPath, getEmptyNode, getNodeType } from "@intlayer/core/dictionaryManipulator";
 import * as NodeTypes from "@intlayer/types/nodeType";
 import { isSameKeyPath } from "@intlayer/core/utils";
@@ -30,7 +30,7 @@ const GatedAccordion = ({ children, onToggle, ...props }) => {
 	});
 };
 const NavigationViewNode = ({ section: sectionProp, keyPath, dictionary }) => {
-	const { locales } = internationalization;
+	const { selectedLocales } = useLocaleSwitcherContent();
 	const section = getContentNodeByKeyPath(sectionProp, keyPath, useEditorLocale());
 	const { addEditedContent } = useEditedContentActions();
 	const { setFocusedContentKeyPath, focusedContent } = useFocusUnmergedDictionary();
@@ -52,7 +52,7 @@ const NavigationViewNode = ({ section: sectionProp, keyPath, dictionary }) => {
 		if (nodeType === NodeTypes.REACT_NODE) return /* @__PURE__ */ jsx(Fragment$1, { children: "React Node" });
 		if (nodeType === NodeTypes.TRANSLATION) return /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col justify-between gap-2",
-			children: locales.map((translationKey) => {
+			children: selectedLocales.map((translationKey) => {
 				return /* @__PURE__ */ jsx(NavigationViewNode, {
 					keyPath: [...keyPath, {
 						type: NodeTypes.TRANSLATION,

package/dist/esm/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationViewNode.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"sourcesContent":["import { Accordion, type AccordionProps } from '@components/Accordion';\nimport {\n  Button,\n  ButtonColor,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '@components/Button';\nimport { internationalization } from '@intlayer/config/built';\nimport { camelCaseToSentence } from '@intlayer/config/client';\nimport {\n  getContentNodeByKeyPath,\n  getEmptyNode,\n  getNodeType,\n} from '@intlayer/core/dictionaryManipulator';\nimport { isSameKeyPath } from '@intlayer/core/utils';\nimport {\n  useEditedContentActions,\n  useEditorLocale,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { LocalDictionaryId } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { ContentNode, Dictionary } from 'intlayer';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport { type FC, type ReactNode, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { getIsEditableSection } from '../getIsEditableSection';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\ntype GatedAccordionProps = AccordionProps & { children: ReactNode };\n\n// Renders children only after the accordion is first opened (mount-once pattern).\n// Prevents the entire recursive subtree from mounting on initial render.\nconst GatedAccordion: FC<GatedAccordionProps> = ({\n  children,\n  onToggle,\n  ...props\n}) => {\n  const [hasOpened, setHasOpened] = useState(false);\n  return (\n    <Accordion\n      {...props}\n      onToggle={(isOpen) => {\n        if (isOpen && !hasOpened) setHasOpened(true);\n        onToggle?.(isOpen);\n      }}\n    >\n      {hasOpened ? children : null}\n    </Accordion>\n  );\n};\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: ContentNode;\n  dictionary: Dictionary;\n};\n\nexport const NavigationViewNode: FC<NodeWrapperProps> = ({\n  section: sectionProp,\n  keyPath,\n  dictionary,\n}) => {\n  const { locales } = internationalization;\n\n  const currentLocale = useEditorLocale();\n  const section = getContentNodeByKeyPath(sectionProp, keyPath, currentLocale);\n  const { addEditedContent } = useEditedContentActions();\n  const { setFocusedContentKeyPath, focusedContent } =\n    useFocusUnmergedDictionary();\n  const { addNewElement, goToField } = useIntlayer('navigation-view');\n  const nodeType = getNodeType(section);\n  const getIsSelected = (keyPath: KeyPath[]) =>\n    (focusedContent?.keyPath?.length ?? 0) > 0 &&\n    isSameKeyPath(keyPath, focusedContent?.keyPath ?? []);\n  const isEditableSubSection = getIsEditableSection(section);\n\n  if (!section) return <></>;\n\n  if (isEditableSubSection) {\n    return (\n      <Button\n        label={goToField.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        color={ButtonColor.TEXT}\n        className=\"w-full\"\n        onClick={() => setFocusedContentKeyPath(keyPath)}\n        IconRight={ChevronRight}\n      >\n        {camelCaseToSentence(keyPath[keyPath.length - 1].key as string)}\n      </Button>\n    );\n  }\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeTypes.REACT_NODE) {\n      return <>React Node</>;\n    }\n\n    if (nodeType === NodeTypes.TRANSLATION) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {locales.map((translationKey) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeTypes.TRANSLATION, key: translationKey },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={translationKey}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionary={dictionary}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (\n      nodeType === NodeTypes.ENUMERATION ||\n      nodeType === NodeTypes.PLURAL ||\n      nodeType === NodeTypes.CONDITION\n    ) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {Object.keys(\n            (section as any)[nodeType as unknown as keyof typeof section]\n          ).map((key) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: nodeType, key },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={key}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionary={dictionary}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeTypes.ARRAY) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {(section as unknown as ContentNode[]).map((subSection, index) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeTypes.ARRAY, key: index },\n            ];\n\n            const isEditableSubSection = getIsEditableSection(subSection);\n\n            if (isEditableSubSection) {\n              return (\n                <Button\n                  key={JSON.stringify(childKeyPath)}\n                  label={`${goToField.label.value} ${index}`}\n                  variant={ButtonVariant.HOVERABLE}\n                  color={ButtonColor.TEXT}\n                  className=\"w-full\"\n                  onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                  IconRight={ChevronRight}\n                  isActive={getIsSelected(childKeyPath)}\n                >\n                  Item {index}\n                </Button>\n              );\n            }\n\n            return (\n              <GatedAccordion\n                key={JSON.stringify(childKeyPath)}\n                label={`${goToField.label.value} ${index}`}\n                header={`Item ${index}`}\n                isActive={getIsSelected(childKeyPath)}\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n              >\n                <div className=\"mt-2 flex w-full max-w-full\">\n                  <div className=\"flex-1 pl-10\">\n                    <NavigationViewNode\n                      keyPath={childKeyPath}\n                      section={sectionProp}\n                      dictionary={dictionary}\n                    />\n                  </div>\n                </div>\n              </GatedAccordion>\n            );\n          })}\n\n          <Button\n            label={addNewElement.label.value}\n            variant={ButtonVariant.HOVERABLE}\n            color={ButtonColor.NEUTRAL}\n            textAlign={ButtonTextAlign.LEFT}\n            onClick={() => {\n              const newKeyPath: KeyPath[] = [\n                ...keyPath,\n                {\n                  type: NodeTypes.ARRAY,\n                  key: (section as unknown as ContentNode[]).length,\n                },\n              ];\n              const sectionArray = section as unknown as ContentNode[];\n              const emptySectionEl =\n                getEmptyNode(\n                  sectionArray[\n                    (sectionArray.length - 1) as keyof typeof sectionArray\n                  ] as ContentNode\n                ) ?? '';\n              addEditedContent(\n                dictionary.localId as LocalDictionaryId,\n                emptySectionEl,\n                newKeyPath,\n                false\n              );\n              setFocusedContentKeyPath(newKeyPath);\n            }}\n            Icon={Plus}\n          >\n            {addNewElement.text}\n          </Button>\n        </div>\n      );\n    }\n\n    if (typeof section.nodeType === 'string') {\n      const childKeyPath: KeyPath[] = [\n        ...keyPath,\n        { type: section.nodeType } as KeyPath,\n      ];\n\n      return (\n        <NavigationViewNode\n          keyPath={childKeyPath}\n          section={sectionProp}\n          dictionary={dictionary}\n        />\n      );\n    }\n\n    const sectionArray = Object.keys(section);\n    return (\n      <div className=\"flex w-full max-w-full flex-col justify-between gap-2\">\n        {sectionArray.map((key) => {\n          const childKeyPath: KeyPath[] = [\n            ...keyPath,\n            { type: NodeTypes.OBJECT, key },\n          ];\n\n          const subSection = getContentNodeByKeyPath(sectionProp, childKeyPath);\n          const isEditableSubSection = getIsEditableSection(subSection);\n\n          if (isEditableSubSection) {\n            return (\n              <Button\n                label={`${goToField.label.value} ${key}`}\n                key={key}\n                isActive={getIsSelected(childKeyPath)}\n                variant={ButtonVariant.HOVERABLE}\n                color={ButtonColor.TEXT}\n                className=\"w-full\"\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                IconRight={ChevronRight}\n              >\n                {camelCaseToSentence(key)}\n              </Button>\n            );\n          }\n\n          return (\n            <GatedAccordion\n              key={key}\n              label={`${goToField.label.value} ${key}`}\n              isActive={getIsSelected(childKeyPath)}\n              onClick={() => setFocusedContentKeyPath(childKeyPath)}\n              header={camelCaseToSentence(key)}\n            >\n              <div className=\"mt-2 flex w-full max-w-full\">\n                <div className=\"flex-1 pl-10\">\n                  <NavigationViewNode\n                    keyPath={childKeyPath}\n                    section={sectionProp}\n                    dictionary={dictionary}\n                  />\n                </div>\n              </div>\n            </GatedAccordion>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      Error loading section --\n      {nodeType}\n      --\n      {JSON.stringify(section)}\n      --\n      {JSON.stringify(keyPath)}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"NavigationViewNode.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"sourcesContent":["import { Accordion, type AccordionProps } from '@components/Accordion';\nimport {\n  Button,\n  ButtonColor,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '@components/Button';\nimport { useLocaleSwitcherContent } from '@components/LocaleSwitcherContentDropDown';\nimport { camelCaseToSentence } from '@intlayer/config/client';\nimport {\n  getContentNodeByKeyPath,\n  getEmptyNode,\n  getNodeType,\n} from '@intlayer/core/dictionaryManipulator';\nimport { isSameKeyPath } from '@intlayer/core/utils';\nimport {\n  useEditedContentActions,\n  useEditorLocale,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { LocalDictionaryId } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { ContentNode, Dictionary } from 'intlayer';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport { type FC, type ReactNode, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { getIsEditableSection } from '../getIsEditableSection';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\ntype GatedAccordionProps = AccordionProps & { children: ReactNode };\n\n// Renders children only after the accordion is first opened (mount-once pattern).\n// Prevents the entire recursive subtree from mounting on initial render.\nconst GatedAccordion: FC<GatedAccordionProps> = ({\n  children,\n  onToggle,\n  ...props\n}) => {\n  const [hasOpened, setHasOpened] = useState(false);\n  return (\n    <Accordion\n      {...props}\n      onToggle={(isOpen) => {\n        if (isOpen && !hasOpened) setHasOpened(true);\n        onToggle?.(isOpen);\n      }}\n    >\n      {hasOpened ? children : null}\n    </Accordion>\n  );\n};\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: ContentNode;\n  dictionary: Dictionary;\n};\n\nexport const NavigationViewNode: FC<NodeWrapperProps> = ({\n  section: sectionProp,\n  keyPath,\n  dictionary,\n}) => {\n  const { selectedLocales } = useLocaleSwitcherContent();\n\n  const currentLocale = useEditorLocale();\n  const section = getContentNodeByKeyPath(sectionProp, keyPath, currentLocale);\n  const { addEditedContent } = useEditedContentActions();\n  const { setFocusedContentKeyPath, focusedContent } =\n    useFocusUnmergedDictionary();\n  const { addNewElement, goToField } = useIntlayer('navigation-view');\n  const nodeType = getNodeType(section);\n  const getIsSelected = (keyPath: KeyPath[]) =>\n    (focusedContent?.keyPath?.length ?? 0) > 0 &&\n    isSameKeyPath(keyPath, focusedContent?.keyPath ?? []);\n  const isEditableSubSection = getIsEditableSection(section);\n\n  if (!section) return <></>;\n\n  if (isEditableSubSection) {\n    return (\n      <Button\n        label={goToField.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        color={ButtonColor.TEXT}\n        className=\"w-full\"\n        onClick={() => setFocusedContentKeyPath(keyPath)}\n        IconRight={ChevronRight}\n      >\n        {camelCaseToSentence(keyPath[keyPath.length - 1].key as string)}\n      </Button>\n    );\n  }\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeTypes.REACT_NODE) {\n      return <>React Node</>;\n    }\n\n    if (nodeType === NodeTypes.TRANSLATION) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {selectedLocales.map((translationKey) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeTypes.TRANSLATION, key: translationKey },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={translationKey}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionary={dictionary}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (\n      nodeType === NodeTypes.ENUMERATION ||\n      nodeType === NodeTypes.PLURAL ||\n      nodeType === NodeTypes.CONDITION\n    ) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {Object.keys(\n            (section as any)[nodeType as unknown as keyof typeof section]\n          ).map((key) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: nodeType, key },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={key}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionary={dictionary}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeTypes.ARRAY) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {(section as unknown as ContentNode[]).map((subSection, index) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeTypes.ARRAY, key: index },\n            ];\n\n            const isEditableSubSection = getIsEditableSection(subSection);\n\n            if (isEditableSubSection) {\n              return (\n                <Button\n                  key={JSON.stringify(childKeyPath)}\n                  label={`${goToField.label.value} ${index}`}\n                  variant={ButtonVariant.HOVERABLE}\n                  color={ButtonColor.TEXT}\n                  className=\"w-full\"\n                  onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                  IconRight={ChevronRight}\n                  isActive={getIsSelected(childKeyPath)}\n                >\n                  Item {index}\n                </Button>\n              );\n            }\n\n            return (\n              <GatedAccordion\n                key={JSON.stringify(childKeyPath)}\n                label={`${goToField.label.value} ${index}`}\n                header={`Item ${index}`}\n                isActive={getIsSelected(childKeyPath)}\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n              >\n                <div className=\"mt-2 flex w-full max-w-full\">\n                  <div className=\"flex-1 pl-10\">\n                    <NavigationViewNode\n                      keyPath={childKeyPath}\n                      section={sectionProp}\n                      dictionary={dictionary}\n                    />\n                  </div>\n                </div>\n              </GatedAccordion>\n            );\n          })}\n\n          <Button\n            label={addNewElement.label.value}\n            variant={ButtonVariant.HOVERABLE}\n            color={ButtonColor.NEUTRAL}\n            textAlign={ButtonTextAlign.LEFT}\n            onClick={() => {\n              const newKeyPath: KeyPath[] = [\n                ...keyPath,\n                {\n                  type: NodeTypes.ARRAY,\n                  key: (section as unknown as ContentNode[]).length,\n                },\n              ];\n              const sectionArray = section as unknown as ContentNode[];\n              const emptySectionEl =\n                getEmptyNode(\n                  sectionArray[\n                    (sectionArray.length - 1) as keyof typeof sectionArray\n                  ] as ContentNode\n                ) ?? '';\n              addEditedContent(\n                dictionary.localId as LocalDictionaryId,\n                emptySectionEl,\n                newKeyPath,\n                false\n              );\n              setFocusedContentKeyPath(newKeyPath);\n            }}\n            Icon={Plus}\n          >\n            {addNewElement.text}\n          </Button>\n        </div>\n      );\n    }\n\n    if (typeof section.nodeType === 'string') {\n      const childKeyPath: KeyPath[] = [\n        ...keyPath,\n        { type: section.nodeType } as KeyPath,\n      ];\n\n      return (\n        <NavigationViewNode\n          keyPath={childKeyPath}\n          section={sectionProp}\n          dictionary={dictionary}\n        />\n      );\n    }\n\n    const sectionArray = Object.keys(section);\n    return (\n      <div className=\"flex w-full max-w-full flex-col justify-between gap-2\">\n        {sectionArray.map((key) => {\n          const childKeyPath: KeyPath[] = [\n            ...keyPath,\n            { type: NodeTypes.OBJECT, key },\n          ];\n\n          const subSection = getContentNodeByKeyPath(sectionProp, childKeyPath);\n          const isEditableSubSection = getIsEditableSection(subSection);\n\n          if (isEditableSubSection) {\n            return (\n              <Button\n                label={`${goToField.label.value} ${key}`}\n                key={key}\n                isActive={getIsSelected(childKeyPath)}\n                variant={ButtonVariant.HOVERABLE}\n                color={ButtonColor.TEXT}\n                className=\"w-full\"\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                IconRight={ChevronRight}\n              >\n                {camelCaseToSentence(key)}\n              </Button>\n            );\n          }\n\n          return (\n            <GatedAccordion\n              key={key}\n              label={`${goToField.label.value} ${key}`}\n              isActive={getIsSelected(childKeyPath)}\n              onClick={() => setFocusedContentKeyPath(childKeyPath)}\n              header={camelCaseToSentence(key)}\n            >\n              <div className=\"mt-2 flex w-full max-w-full\">\n                <div className=\"flex-1 pl-10\">\n                  <NavigationViewNode\n                    keyPath={childKeyPath}\n                    section={sectionProp}\n                    dictionary={dictionary}\n                  />\n                </div>\n              </div>\n            </GatedAccordion>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      Error loading section --\n      {nodeType}\n      --\n      {JSON.stringify(section)}\n      --\n      {JSON.stringify(keyPath)}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/esm/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigationViewNode.content.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.ts"],"sourcesContent":["import { type Dictionary, t } from 'intlayer';\n\nexport const navigationViewContent = {\n  key: 'navigation-view',\n  content: {\n    tsxNotEditable: t({\n      en: 'React node is not editable',\n      'en-GB': 'React node is not editable',\n      fr: 'Node React non éditable',\n      es: 'Nodo React no editable',\n      de: 'React-Knoten ist nicht bearbeitbar',\n      ja: '編集できないReactノードです',\n      ko: '편집할 수 없는 React 노드입니다',\n      zh: '不可编辑的 React 节点',\n      it: 'Node React non modificabile',\n      pt: 'Nó React não editável',\n      hi: 'सम्पादित न करने योग्य React नोड',\n      ar: 'عقدة React غير قابلة للتحرير',\n      ru: 'React-узел не редактируемый',\n      tr: 'React düğümü düzenlenemez',\n      pl: 'Węzeł React nie jest edytowalny',\n      id: 'React node tidak dapat diedit',\n      vi: 'React node không thể chỉnh sửa',\n      uk: 'Елемент React не редагується',\n    }),\n    goToField: {\n      label: t({\n        en: 'Go to field',\n        'en-GB': 'Go to field',\n        fr: 'Aller au champ',\n        es: 'Ir al campo',\n        de: 'Zum Feld gehen',\n        ja: 'フィールドに移動',\n        ko: '필드로 이동',\n        zh: '转到字段',\n        it: 'Vai al campo',\n        pt: 'Ir para o campo',\n        hi: 'फ़ील्ड पर जाएं',\n        ar: 'اذهب إلى الحقل',\n        ru: 'Перейти к полю',\n        tr: 'Alana git',\n        pl: 'Przejdź do pola',\n        id: 'Buka field',\n        vi: 'Đi tới trường',\n        uk: 'Перейти до поля',\n      }),\n    },\n    addNewElement: {\n      label: t({\n        en: 'Click to add element',\n        'en-GB': 'Click to add element',\n        fr: 'Cliquez pour ajouter un élément',\n        es: 'Haga clic para agregar un elemento',\n        de: 'Klicken Sie, um ein Element hinzuzufügen',\n        ja: '要素を追加するにはクリック',\n        ko: '요소를 추가하려면 클릭하세요',\n        zh: '点击添加元素',\n        it: 'Clicca per aggiungere un elemento',\n        pt: 'Clique para adicionar um elemento',\n        hi: 'तत्व जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة عنصر',\n        ru: 'Нажмите, чтобы добавить элемент',\n        tr: 'Eleman eklemek için tıklayın',\n        pl: 'Kliknij, aby dodać element',\n        id: 'Klik untuk menambah elemen',\n        vi: 'Nhấp để thêm phần tử',\n        uk: 'Натисніть, щоб додати елемент',\n      }),\n      text: t({\n        en: 'Add new element',\n        'en-GB': 'Add new element',\n        fr: 'Ajouter un nouvel élément',\n        es: 'Agregar nuevo elemento',\n        de: 'Neues Element hinzufügen',\n        ja: '新しい要素を追加',\n        ko: '새 요소 추가',\n        zh: '添加新元素',\n        it: 'Aggiungi nuovo elemento',\n        pt: 'Adicionar novo elemento',\n        hi: 'नया तत्व जोड़ें',\n        ar: 'أضف عنصرًا جديدًا',\n        ru: 'Добавить новый элемент',\n        tr: 'Yeni eleman ekle',\n        pl: 'Dodaj nowy element',\n        id: 'Tambahkan elemen baru',\n        vi: 'Thêm phần tử mới',\n        uk: 'Додати новий елемент',\n      }),\n    },\n    removeElement: {\n      label: t({\n        en: 'Click to remove element',\n        'en-GB': 'Click to remove element',\n        fr: 'Cliquez pour supprimer un élément',\n        es: 'Haga clic para eliminar un elemento',\n        de: 'Klicken Sie, um ein Element zu entfernen',\n        ja: '要素を削除するにはクリック',\n        ko: '요소를 제거하려면 클릭하세요',\n        zh: '点击删除元素',\n        it: 'Clicca per rimuovere un elemento',\n        pt: 'Clique para remover um elemento',\n        hi: 'तत्व निकालने के लिए क्लिक करें',\n        ar: 'انقر لإزالة عنصر',\n        ru: 'Нажмите, чтобы удалить элемент',\n        tr: 'Elemanı kaldırmak için tıklayın',\n        pl: 'Kliknij, aby usunąć element',\n        id: 'Klik untuk menghapus elemen',\n        vi: 'Nhấp để xóa phần tử',\n        uk: 'Натисніть, щоб видалити елемент',\n      }),\n      text: t({\n        en: 'Remove element',\n        'en-GB': 'Remove element',\n        fr: 'Supprimer l’élément',\n        es: 'Eliminar elemento',\n        de: 'Element entfernen',\n        ja: '要素を削除',\n        ko: '요소 제거',\n        zh: '删除元素',\n        it: 'Rimuovi elemento',\n        pt: 'Remover elemento',\n        hi: 'तत्व निकालें',\n        ar: 'إزالة عنصر',\n        ru: 'Удалить элемент',\n        tr: 'Elemanı kaldır',\n        pl: 'Usuń element',\n        id: 'Hapus elemen',\n        vi: 'Xóa phần tử',\n        uk: 'Видалити елемент',\n      }),\n    },\n    addNewEnumeration: {\n      label: t({\n        en: 'Click to add enumeration',\n        'en-GB': 'Click to add enumeration',\n        fr: 'Cliquez pour ajouter une énumération',\n        es: 'Haga clic para agregar una enumeración',\n        de: 'Klicken Sie, um eine Aufzählung hinzuzufügen',\n        ja: '列挙を追加するにはクリック',\n        ko: '열거를 추가하려면 클릭하세요',\n        zh: '点击添加枚举',\n        it: 'Clicca per aggiungere un enumerazione',\n        pt: 'Clique para adicionar uma enumeração',\n        hi: 'सूची जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة تعداد',\n        ru: 'Нажмите, чтобы добавить перечисление',\n        tr: 'Numaralandırma eklemek için tıklayın',\n        pl: 'Kliknij, aby dodać enumerację',\n        id: 'Klik untuk menambah enumerasi',\n        vi: 'Nhấp để thêm enumeration',\n        uk: 'Натисніть, щоб додати перелік',\n      }),\n      text: t({\n        en: 'Add new enumeration',\n        'en-GB': 'Add new enumeration',\n        fr: 'Ajouter une nouvelle énumération',\n        es: 'Agregar nueva enumeración',\n        de: 'Neue Aufzählung hinzufügen',\n        ja: '新しい列挙を追加',\n        ko: '새 목록 추가',\n        zh: '添加新枚举',\n        it: 'Aggiungi nuova enumerazione',\n        pt: 'Adicionar nova enumeração',\n        hi: 'नया सूची जोड़ें',\n        ar: 'أضف تعدادًا جديدًا',\n        ru: 'Добавить новое перечисление',\n        tr: 'Yeni numaralandırma ekle',\n        pl: 'Dodaj nową enumerację',\n        id: 'Tambahkan enumerasi baru',\n        vi: 'Thêm enumeration mới',\n        uk: 'Додати новий перелік',\n      }),\n    },\n    removeEnumeration: {\n      label: t({\n        en: 'Click to remove enumeration',\n        'en-GB': 'Click to remove enumeration',\n        fr: 'Cliquez pour supprimer une énumération',\n        es: 'Haga clic para eliminar una enumeración',\n        de: 'Klicken Sie, um eine Aufzählung zu entfernen',\n        ja: '列挙を削除するにはクリック',\n        ko: '목록을 제거하려면 클릭하세요',\n        zh: '点击删除枚举',\n        it: \"Clicca per rimuovere un'enumerazione\",\n        pt: 'Clique para remover uma enumeração',\n        hi: 'सूची निकालने के लिए क्लिक करें',\n        ar: 'انقر لإزالة تعداد',\n        ru: 'Нажмите, чтобы удалить перечисление',\n        tr: 'Numaralandırmayı kaldırmak için tıklayın',\n        pl: 'Kliknij, aby usunąć enumerację',\n        id: 'Klik untuk menghapus enumerasi',\n        vi: 'Nhấp để xóa enumeration',\n        uk: 'Натисніть, щоб видалити перелік',\n      }),\n      text: t({\n        en: 'Remove enumeration',\n        'en-GB': 'Remove enumeration',\n        fr: 'Supprimer l’énumération',\n        es: 'Eliminar enumeración',\n        de: 'Aufzählung entfernen',\n        ja: '列挙を削除',\n        ko: '목록 제거',\n        zh: '删除枚举',\n        it: 'Rimuovi enumerazione',\n        pt: 'Remover enumeração',\n        hi: 'सूची निकालें',\n        ar: 'إزالة تعداد',\n        ru: 'Удалить перечисление',\n        tr: 'Numaralandırmayı kaldır',\n        pl: 'Usuń enumerację',\n        id: 'Hapus enumerasi',\n        vi: 'Xóa enumeration',\n        uk: 'Видалити перелік',\n      }),\n    },\n  },\n  title: 'Navigation view content',\n  description:\n    'Content declarations used for UI interactions within the navigation view of the Dictionary Field Editor. Includes labels and helper texts for adding or removing elements, enumerations, and conditions.',\n  tags: ['editor UI', 'form navigation', 'dictionary editor'],\n} satisfies Dictionary;\n\nexport default navigationViewContent;\n"],"mappings":"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"}
+{"version":3,"file":"navigationViewNode.content.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.ts"],"sourcesContent":["import { type Dictionary, t } from 'intlayer';\n\nexport const navigationViewContent = {\n  key: 'navigation-view',\n  content: {\n    tsxNotEditable: t({\n      en: 'React node is not editable',\n      'en-GB': 'React node is not editable',\n      fr: 'Node React non éditable',\n      es: 'Nodo React no editable',\n      de: 'React-Knoten ist nicht bearbeitbar',\n      ja: '編集できないReactノードです',\n      ko: '편집할 수 없는 React 노드입니다',\n      zh: '不可编辑的 React 节点',\n      it: 'Node React non modificabile',\n      pt: 'Nó React não editável',\n      hi: 'सम्पादित न करने योग्य React नोड',\n      ar: 'عقدة React غير قابلة للتحرير',\n      ru: 'React-узел не редактируемый',\n      tr: 'React düğümü düzenlenemez',\n      pl: 'Węzeł React nie jest edytowalny',\n      id: 'React node tidak dapat diedit',\n      vi: 'React node không thể chỉnh sửa',\n      uk: 'Елемент React не редагується',\n    }),\n    goToField: {\n      label: t({\n        en: 'Go to field',\n        'en-GB': 'Go to field',\n        fr: 'Aller au champ',\n        es: 'Ir al campo',\n        de: 'Zum Feld gehen',\n        ja: 'フィールドに移動',\n        ko: '필드로 이동',\n        zh: '转到字段',\n        it: 'Vai al campo',\n        pt: 'Ir para o campo',\n        hi: 'फ़ील्ड पर जाएं',\n        ar: 'اذهب إلى الحقل',\n        ru: 'Перейти к полю',\n        tr: 'Alana git',\n        pl: 'Przejdź do pola',\n        id: 'Buka field',\n        vi: 'Đi tới trường',\n        uk: 'Перейти до поля',\n      }),\n    },\n    addNewElement: {\n      label: t({\n        en: 'Click to add element',\n        'en-GB': 'Click to add element',\n        fr: 'Cliquez pour ajouter un élément',\n        es: 'Haga clic para agregar un elemento',\n        de: 'Klicken Sie, um ein Element hinzuzufügen',\n        ja: '要素を追加するにはクリック',\n        ko: '요소를 추가하려면 클릭하세요',\n        zh: '点击添加元素',\n        it: 'Clicca per aggiungere un elemento',\n        pt: 'Clique para adicionar um elemento',\n        hi: 'तत्व जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة عنصر',\n        ru: 'Нажмите, чтобы добавить элемент',\n        tr: 'Eleman eklemek için tıklayın',\n        pl: 'Kliknij, aby dodać element',\n        id: 'Klik untuk menambah elemen',\n        vi: 'Nhấp để thêm phần tử',\n        uk: 'Натисніть, щоб додати елемент',\n      }),\n      text: t({\n        en: 'Add new element',\n        'en-GB': 'Add new element',\n        fr: 'Ajouter un nouvel élément',\n        es: 'Agregar nuevo elemento',\n        de: 'Neues Element hinzufügen',\n        ja: '新しい要素を追加',\n        ko: '새 요소 추가',\n        zh: '添加新元素',\n        it: 'Aggiungi nuovo elemento',\n        pt: 'Adicionar novo elemento',\n        hi: 'नया तत्व जोड़ें',\n        ar: 'أضف عنصرًا جديدًا',\n        ru: 'Добавить новый элемент',\n        tr: 'Yeni eleman ekle',\n        pl: 'Dodaj nowy element',\n        id: 'Tambahkan elemen baru',\n        vi: 'Thêm phần tử mới',\n        uk: 'Додати новий елемент',\n      }),\n    },\n    removeElement: {\n      label: t({\n        en: 'Click to remove element',\n        'en-GB': 'Click to remove element',\n        fr: 'Cliquez pour supprimer un élément',\n        es: 'Haga clic para eliminar un elemento',\n        de: 'Klicken Sie, um ein Element zu entfernen',\n        ja: '要素を削除するにはクリック',\n        ko: '요소를 제거하려면 클릭하세요',\n        zh: '点击删除元素',\n        it: 'Clicca per rimuovere un elemento',\n        pt: 'Clique para remover um elemento',\n        hi: 'तत्व निकालने के लिए क्लिक करें',\n        ar: 'انقر لإزالة عنصر',\n        ru: 'Нажмите, чтобы удалить элемент',\n        tr: 'Elemanı kaldırmak için tıklayın',\n        pl: 'Kliknij, aby usunąć element',\n        id: 'Klik untuk menghapus elemen',\n        vi: 'Nhấp để xóa phần tử',\n        uk: 'Натисніть, щоб видалити елемент',\n      }),\n      text: t({\n        en: 'Remove element',\n        'en-GB': 'Remove element',\n        fr: 'Supprimer l’élément',\n        es: 'Eliminar elemento',\n        de: 'Element entfernen',\n        ja: '要素を削除',\n        ko: '요소 제거',\n        zh: '删除元素',\n        it: 'Rimuovi elemento',\n        pt: 'Remover elemento',\n        hi: 'तत्व निकालें',\n        ar: 'إزالة عنصر',\n        ru: 'Удалить элемент',\n        tr: 'Elemanı kaldır',\n        pl: 'Usuń element',\n        id: 'Hapus elemen',\n        vi: 'Xóa phần tử',\n        uk: 'Видалити елемент',\n      }),\n    },\n    addNewEnumeration: {\n      label: t({\n        en: 'Click to add enumeration',\n        'en-GB': 'Click to add enumeration',\n        fr: 'Cliquez pour ajouter une énumération',\n        es: 'Haga clic para agregar una enumeración',\n        de: 'Klicken Sie, um eine Aufzählung hinzuzufügen',\n        ja: '列挙を追加するにはクリック',\n        ko: '열거를 추가하려면 클릭하세요',\n        zh: '点击添加枚举',\n        it: 'Clicca per aggiungere un enumerazione',\n        pt: 'Clique para adicionar uma enumeração',\n        hi: 'सूची जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة تعداد',\n        ru: 'Нажмите, чтобы добавить перечисление',\n        tr: 'Numaralandırma eklemek için tıklayın',\n        pl: 'Kliknij, aby dodać enumerację',\n        id: 'Klik untuk menambah enumerasi',\n        vi: 'Nhấp để thêm enumeration',\n        uk: 'Натисніть, щоб додати перелік',\n      }),\n      text: t({\n        en: 'Add new enumeration',\n        'en-GB': 'Add new enumeration',\n        fr: 'Ajouter une nouvelle énumération',\n        es: 'Agregar nueva enumeración',\n        de: 'Neue Aufzählung hinzufügen',\n        ja: '新しい列挙を追加',\n        ko: '새 목록 추가',\n        zh: '添加新枚举',\n        it: 'Aggiungi nuova enumerazione',\n        pt: 'Adicionar nova enumeração',\n        hi: 'नया सूची जोड़ें',\n        ar: 'أضف تعدادًا جديدًا',\n        ru: 'Добавить новое перечисление',\n        tr: 'Yeni numaralandırma ekle',\n        pl: 'Dodaj nową enumerację',\n        id: 'Tambahkan enumerasi baru',\n        vi: 'Thêm enumeration mới',\n        uk: 'Додати новий перелік',\n      }),\n    },\n    removeEnumeration: {\n      label: t({\n        en: 'Click to remove enumeration',\n        'en-GB': 'Click to remove enumeration',\n        fr: 'Cliquez pour supprimer une énumération',\n        es: 'Haga clic para eliminar una enumeración',\n        de: 'Klicken Sie, um eine Aufzählung zu entfernen',\n        ja: '列挙を削除するにはクリック',\n        ko: '목록을 제거하려면 클릭하세요',\n        zh: '点击删除枚举',\n        it: \"Clicca per rimuovere un'enumerazione\",\n        pt: 'Clique para remover uma enumeração',\n        hi: 'सूची निकालने के लिए क्लिक करें',\n        ar: 'انقر لإزالة تعداد',\n        ru: 'Нажмите, чтобы удалить перечисление',\n        tr: 'Numaralandırmayı kaldırmak için tıklayın',\n        pl: 'Kliknij, aby usunąć enumerację',\n        id: 'Klik untuk menghapus enumerasi',\n        vi: 'Nhấp để xóa enumeration',\n        uk: 'Натисніть, щоб видалити перелік',\n      }),\n      text: t({\n        en: 'Remove enumeration',\n        'en-GB': 'Remove enumeration',\n        fr: 'Supprimer l’énumération',\n        es: 'Eliminar enumeración',\n        de: 'Aufzählung entfernen',\n        ja: '列挙を削除',\n        ko: '목록 제거',\n        zh: '删除枚举',\n        it: 'Rimuovi enumerazione',\n        pt: 'Remover enumeração',\n        hi: 'सूची निकालें',\n        ar: 'إزالة تعداد',\n        ru: 'Удалить перечисление',\n        tr: 'Numaralandırmayı kaldır',\n        pl: 'Usuń enumerację',\n        id: 'Hapus enumerasi',\n        vi: 'Xóa enumeration',\n        uk: 'Видалити перелік',\n      }),\n    },\n  },\n  title: 'Navigation view content',\n  description:\n    'Content declarations used for UI interactions within the navigation view of the Dictionary Field Editor. Includes labels and helper texts for adding or removing elements, enumerations, and conditions.',\n  tags: ['editor UI', 'form navigation', 'dictionary editor'],\n} satisfies Dictionary;\n\nexport default navigationViewContent;\n"],"mappings":"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"}

package/dist/esm/components/DictionaryFieldEditor/NodeTypeSelector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NodeTypeSelector.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/NodeTypeSelector.tsx"],"sourcesContent":["'use client';\n\nimport { getNodeType } from '@intlayer/core/dictionaryManipulator';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { NodeType } from '@intlayer/types/nodeType';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { type FC, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Select } from '../Select';\n\ntype NodeTypeSelectorProps = {\n  section: ContentNode;\n  onValueChange: (keyType: NodeType) => void;\n};\n\nexport const NodeTypeSelector: FC<NodeTypeSelectorProps> = ({\n  section,\n  onValueChange: onValueChangeProp,\n}) => {\n  const {\n    multilingual,\n    text,\n    number,\n    boolean,\n    node,\n    array,\n    enumeration,\n    plural,\n    triggerPlaceHolder,\n    nest,\n    gender,\n    condition,\n    markdown,\n    insertion,\n    reactNode,\n    file,\n  } = useIntlayer('node-type-selector');\n  const nodeType = getNodeType(section);\n  const [keyType, setKeyType] = useState<NodeType>(nodeType);\n\n  const onValueChange = (keyType: NodeType) => {\n    setKeyType(keyType);\n    onValueChangeProp(keyType);\n  };\n\n  return (\n    <Select value={keyType} onValueChange={onValueChange}>\n      <Select.Trigger>\n        <Select.Value placeholder={triggerPlaceHolder} />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value={NodeTypes.TRANSLATION}>{multilingual}</Select.Item>\n        <Select.Item value={NodeTypes.TEXT}>{text}</Select.Item>\n        <Select.Item value={NodeTypes.NUMBER}>{number}</Select.Item>\n        <Select.Item value={NodeTypes.BOOLEAN}>{boolean}</Select.Item>\n        <Select.Item value={NodeTypes.OBJECT}>{node}</Select.Item>\n        <Select.Item value={NodeTypes.ARRAY}>{array}</Select.Item>\n        <Select.Item value={NodeTypes.ENUMERATION}>{enumeration}</Select.Item>\n        <Select.Item value={NodeTypes.PLURAL}>{plural}</Select.Item>\n        <Select.Item value={NodeTypes.GENDER}>{gender}</Select.Item>\n        <Select.Item value={NodeTypes.INSERTION}>{insertion}</Select.Item>\n        <Select.Item value={NodeTypes.MARKDOWN}>{markdown}</Select.Item>\n        <Select.Item value={NodeTypes.NESTED}>{nest}</Select.Item>\n        <Select.Item value={NodeTypes.CONDITION}>{condition}</Select.Item>\n        <Select.Item value={NodeTypes.REACT_NODE} disabled>\n          {reactNode}\n        </Select.Item>\n        <Select.Item value={NodeTypes.FILE}>{file}</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"mappings":";;;;;;;;;;AAeA,MAAa,oBAA+C,EAC1D,SACA,eAAe,wBACX;CACJ,MAAM,EACJ,cACA,MACA,QACA,SACA,MACA,OACA,aACA,QACA,oBACA,MACA,QACA,WACA,UACA,WACA,WACA,SACE,YAAY,qBAAqB;CAErC,MAAM,CAAC,SAAS,cAAc,SADb,YAAY,QAC4B,CAAC;CAE1D,MAAM,iBAAiB,YAAsB;EAC3C,WAAW,QAAQ;EACnB,kBAAkB,QAAQ;;CAG5B,OACE,qBAAC,QAAD;EAAQ,OAAO;EAAwB;YAAvC,CACE,oBAAC,OAAO,SAAR,YACE,oBAAC,OAAO,OAAR,EAAc,aAAa,oBAAsB,GAClC,GACjB,qBAAC,OAAO,SAAR;GACE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAc;IAA2B;GACvE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAO;IAAmB;GACxD,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;IAAqB;GAC5D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAU;IAAsB;GAC9D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;IAAmB;GAC1D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAQ;IAAoB;GAC1D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAc;IAA0B;GACtE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;IAAqB;GAC5D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;IAAqB;GAC5D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAY;IAAwB;GAClE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAW;IAAuB;GAChE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;IAAmB;GAC1D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAY;IAAwB;GAClE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;IAAY;cACvC;IACW;GACd,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAO;IAAmB;GACzC,IACV"}
+{"version":3,"file":"NodeTypeSelector.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/NodeTypeSelector.tsx"],"sourcesContent":["'use client';\n\nimport { getNodeType } from '@intlayer/core/dictionaryManipulator';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { NodeType } from '@intlayer/types/nodeType';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { type FC, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Select } from '../Select';\n\ntype NodeTypeSelectorProps = {\n  section: ContentNode;\n  onValueChange: (keyType: NodeType) => void;\n};\n\nexport const NodeTypeSelector: FC<NodeTypeSelectorProps> = ({\n  section,\n  onValueChange: onValueChangeProp,\n}) => {\n  const {\n    multilingual,\n    text,\n    number,\n    boolean,\n    node,\n    array,\n    enumeration,\n    plural,\n    triggerPlaceHolder,\n    nest,\n    gender,\n    condition,\n    markdown,\n    insertion,\n    reactNode,\n    file,\n  } = useIntlayer('node-type-selector');\n  const nodeType = getNodeType(section);\n  const [keyType, setKeyType] = useState<NodeType>(nodeType);\n\n  const onValueChange = (keyType: NodeType) => {\n    setKeyType(keyType);\n    onValueChangeProp(keyType);\n  };\n\n  return (\n    <Select value={keyType} onValueChange={onValueChange}>\n      <Select.Trigger>\n        <Select.Value placeholder={triggerPlaceHolder} />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value={NodeTypes.TRANSLATION}>{multilingual}</Select.Item>\n        <Select.Item value={NodeTypes.TEXT}>{text}</Select.Item>\n        <Select.Item value={NodeTypes.NUMBER}>{number}</Select.Item>\n        <Select.Item value={NodeTypes.BOOLEAN}>{boolean}</Select.Item>\n        <Select.Item value={NodeTypes.OBJECT}>{node}</Select.Item>\n        <Select.Item value={NodeTypes.ARRAY}>{array}</Select.Item>\n        <Select.Item value={NodeTypes.ENUMERATION}>{enumeration}</Select.Item>\n        <Select.Item value={NodeTypes.PLURAL}>{plural}</Select.Item>\n        <Select.Item value={NodeTypes.GENDER}>{gender}</Select.Item>\n        <Select.Item value={NodeTypes.INSERTION}>{insertion}</Select.Item>\n        <Select.Item value={NodeTypes.MARKDOWN}>{markdown}</Select.Item>\n        <Select.Item value={NodeTypes.NESTED}>{nest}</Select.Item>\n        <Select.Item value={NodeTypes.CONDITION}>{condition}</Select.Item>\n        <Select.Item value={NodeTypes.REACT_NODE} disabled>\n          {reactNode}\n        </Select.Item>\n        <Select.Item value={NodeTypes.FILE}>{file}</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"mappings":";;;;;;;;;;AAeA,MAAa,oBAA+C,EAC1D,SACA,eAAe,wBACX;CACJ,MAAM,EACJ,cACA,MACA,QACA,SACA,MACA,OACA,aACA,QACA,oBACA,MACA,QACA,WACA,UACA,WACA,WACA,SACE,YAAY,oBAAoB;CAEpC,MAAM,CAAC,SAAS,cAAc,SADb,YAAY,OAC2B,CAAC;CAEzD,MAAM,iBAAiB,YAAsB;EAC3C,WAAW,OAAO;EAClB,kBAAkB,OAAO;CAC3B;CAEA,OACE,qBAAC,QAAD;EAAQ,OAAO;EAAwB;YAAvC,CACE,oBAAC,OAAO,SAAR,YACE,oBAAC,OAAO,OAAR,EAAc,aAAa,mBAAqB,GAClC,IAChB,qBAAC,OAAO,SAAR;GACE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAc;GAA0B;GACtE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAO;GAAkB;GACvD,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;GAAoB;GAC3D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAU;GAAqB;GAC7D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;GAAkB;GACzD,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAQ;GAAmB;GACzD,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAc;GAAyB;GACrE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;GAAoB;GAC3D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;GAAoB;GAC3D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAY;GAAuB;GACjE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAW;GAAsB;GAC/D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;GAAkB;GACzD,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAY;GAAuB;GACjE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;IAAY;cACvC;GACU;GACb,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAO;GAAkB;EACzC,IACV;;AAEZ"}

package/dist/esm/components/DictionaryFieldEditor/SaveForm/SaveForm.mjs

@@ -1,16 +1,16 @@
 'use client';
 
 import { cn } from "../../../utils/cn.mjs";
-import { ButtonColor, ButtonVariant } from "../../Button/Button.mjs";
 import { useAuth } from "../../../hooks/useAuth/useAuth.mjs";
 import { useDeleteDictionary, usePushDictionaries, useWriteDictionary } from "../../../hooks/reactQuery.mjs";
+import { ButtonColor, ButtonVariant } from "../../Button/Button.mjs";
 import { Form } from "../../Form/Form.mjs";
 import { Modal, ModalSize } from "../../Modal/Modal.mjs";
 import { useState } from "react";
 import { ArrowUpFromLine, Download, RotateCcw, Save, Trash } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
 import { useDictionariesRecordActions, useEditedContent } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
 
 //#region src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx
 const SaveForm = ({ dictionary, mode, className, onDelete, onSave, ...props }) => {

package/dist/esm/components/DictionaryFieldEditor/SaveForm/SaveForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SaveForm.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport { ButtonColor, ButtonVariant } from '@components/Button';\nimport { Form } from '@components/Form';\nimport { Modal, ModalSize } from '@components/Modal';\nimport {\n  useAuth,\n  useDeleteDictionary,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '@hooks/index';\nimport type { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport { cn } from '@utils/cn';\nimport {\n  ArrowUpFromLine,\n  Download,\n  RotateCcw,\n  Save,\n  Trash,\n} from 'lucide-react';\nimport {\n  type DetailedHTMLProps,\n  type FC,\n  type FormHTMLAttributes,\n  useState,\n} from 'react';\nimport { useIntlayer } from 'react-intlayer';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n  onDelete?: () => void;\n  onSave?: () => void;\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  onDelete,\n  onSave,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { mutate: deleteDictionary, isPending: isDeleting } =\n    useDeleteDictionary();\n  const { mutate: writeDictionary, isPending: isWriting } =\n    useWriteDictionary();\n  const { mutate: pushDictionaries, isPending: isPushing } =\n    usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    deleteButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useIntlayer('save-dictionary-details');\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.localId!];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isDistantDictionary =\n    typeof (dictionary as unknown as DistantDictionary)?.id !== 'undefined';\n\n  const handleSaveDictionaryConfirmation = async () => {\n    if (!editedContent?.[dictionary.localId!]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.localId!],\n    };\n\n    writeDictionary(\n      {\n        dictionary: updatedDictionary,\n      },\n      {\n        onSuccess: () => {\n          setLocaleDictionary(editedContent?.[dictionary.localId!]);\n          restoreEditedContent(dictionary.localId!);\n          setIsFormatAlertModalOpen(false);\n          onSave?.();\n        },\n      }\n    );\n  };\n\n  const handlePushDictionary = () => {\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.localId!],\n    };\n\n    pushDictionaries(\n      { dictionaries: [updatedDictionary] },\n      {\n        onSuccess: (res) => {\n          if (res) {\n            setLocaleDictionary(updatedDictionary);\n            restoreEditedContent(dictionary.localId!);\n            onSave?.();\n          }\n        },\n      }\n    );\n  };\n\n  const handleDeleteDictionary = () => {\n    if (!dictionary.id) return;\n\n    deleteDictionary(\n      {\n        dictionaryId: dictionary.id,\n      },\n      {\n        onSuccess: (res) => {\n          if (res) {\n            onDelete?.();\n          }\n        },\n      }\n    );\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size={ModalSize.MD}\n        onClose={() => setIsFormatAlertModalOpen(false)}\n        padding=\"md\"\n      >\n        <form className=\"size-full\">\n          <p className=\"py-4 text-neutral text-sm\">{confirmation.message}</p>\n\n          <div className=\"mt-12 flex justify-end gap-2 max-md:flex-col\">\n            <Form.Button\n              label={confirmation.cancelButton.label.value}\n              disabled={!isEdited || isLoading}\n              color={ButtonColor.TEXT}\n              className=\"max-md:w-full\"\n              variant={ButtonVariant.OUTLINE}\n              onClick={() => setIsFormatAlertModalOpen(false)}\n            >\n              {confirmation.cancelButton.text}\n            </Form.Button>\n            <Form.Button\n              label={confirmation.confirmButton.label.value}\n              disabled={!isEdited || isLoading}\n              Icon={Save}\n              color={ButtonColor.TEXT}\n              className=\"max-md:w-full\"\n              isLoading={isPushing}\n              onClick={handleSaveDictionaryConfirmation}\n            >\n              {confirmation.confirmButton.text}\n            </Form.Button>\n          </div>\n        </form>\n      </Modal>\n      <form className={cn('flex justify-end gap-2', className)} {...props}>\n        {mode.includes('remote') &&\n          isDistantDictionary &&\n          onDelete &&\n          isAuthenticated && (\n            <Form.Button\n              label={deleteButton.label.value}\n              Icon={Trash}\n              color={ButtonColor.ERROR}\n              variant={ButtonVariant.OUTLINE}\n              className=\"max-md:w-full\"\n              isLoading={isDeleting}\n              onClick={handleDeleteDictionary}\n            >\n              {deleteButton.text}\n            </Form.Button>\n          )}\n        {isEdited && (\n          <Form.Button\n            label={resetButton.label.value}\n            disabled={!isEdited}\n            Icon={RotateCcw}\n            variant={ButtonVariant.OUTLINE}\n            color={ButtonColor.TEXT}\n            className=\"max-md:w-full\"\n            onClick={() => restoreEditedContent(dictionary.localId!)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('local') && (\n          <Form.Button\n            label={downloadButton.label.value}\n            disabled={!isEdited || isLoading}\n            Icon={Download}\n            color={ButtonColor.TEXT}\n            variant={\n              isAuthenticated ? ButtonVariant.OUTLINE : ButtonVariant.DEFAULT\n            }\n            className=\"max-md:w-full\"\n            isLoading={isWriting}\n            onClick={() => setIsFormatAlertModalOpen(true)}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('remote') && isAuthenticated && !isDistantDictionary && (\n          <Form.Button\n            label={publishButton.label.value}\n            disabled={isLoading}\n            Icon={ArrowUpFromLine}\n            color={ButtonColor.TEXT}\n            className=\"max-md:w-full\"\n            isLoading={isPushing}\n            onClick={handlePushDictionary}\n          >\n            {publishButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('remote') &&\n          isAuthenticated &&\n          isDistantDictionary &&\n          isEdited && (\n            <Form.Button\n              label={saveButton.label.value}\n              disabled={!isEdited || isLoading}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isPushing}\n              onClick={handlePushDictionary}\n            >\n              {saveButton.text}\n            </Form.Button>\n          )}\n      </form>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAwCA,MAAa,YAAwC,EACnD,YACA,MACA,WACA,UACA,QACA,GAAG,YACC;CACJ,MAAM,CAAC,wBAAwB,6BAA6B,SAAS,MAAM;CAC3E,MAAM,EAAE,wBAAwB,8BAA8B;CAC9D,MAAM,EAAE,QAAQ,kBAAkB,WAAW,eAC3C,qBAAqB;CACvB,MAAM,EAAE,QAAQ,iBAAiB,WAAW,cAC1C,oBAAoB;CACtB,MAAM,EAAE,QAAQ,kBAAkB,WAAW,cAC3C,qBAAqB;CACvB,MAAM,YAAY,aAAa;CAE/B,MAAM,EAAE,eAAe,yBAAyB,kBAAkB;CAClE,MAAM,EACJ,cACA,aACA,YACA,eACA,gBACA,iBACE,YAAY,0BAA0B;CAC1C,MAAM,EAAE,oBAAoB,SAAS;CAErC,MAAM,mBAAmB,gBAAgB,WAAW;CAEpD,MAAM,WACJ,oBACA,KAAK,UAAU,iBAAiB,KAAK,KAAK,UAAU,WAAW;CAEjE,MAAM,sBACJ,OAAQ,YAA6C,OAAO;CAE9D,MAAM,mCAAmC,YAAY;EACnD,IAAI,CAAC,gBAAgB,WAAW,UAAW;EAO3C,gBACE,EACE,YAAY;GANd,GAAG;GACH,GAAG,gBAAgB,WAAW;GAKC,EAC9B,EACD,EACE,iBAAiB;GACf,oBAAoB,gBAAgB,WAAW,SAAU;GACzD,qBAAqB,WAAW,QAAS;GACzC,0BAA0B,MAAM;GAChC,UAAU;KAEb,CACF;;CAGH,MAAM,6BAA6B;EACjC,MAAM,oBAAoB;GACxB,GAAG;GACH,GAAG,gBAAgB,WAAW;GAC/B;EAED,iBACE,EAAE,cAAc,CAAC,kBAAkB,EAAE,EACrC,EACE,YAAY,QAAQ;GAClB,IAAI,KAAK;IACP,oBAAoB,kBAAkB;IACtC,qBAAqB,WAAW,QAAS;IACzC,UAAU;;KAGf,CACF;;CAGH,MAAM,+BAA+B;EACnC,IAAI,CAAC,WAAW,IAAI;EAEpB,iBACE,EACE,cAAc,WAAW,IAC1B,EACD,EACE,YAAY,QAAQ;GAClB,IAAI,KACF,YAAY;KAGjB,CACF;;CAGH,OACE,8CACE,oBAAC,OAAD;EACE,QAAQ;EACR,OAAO,aAAa,MAAM;EAC1B;EACA,eAAe,0BAA0B,MAAM;EAC/C,SAAQ;YAER,qBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,oBAAC,KAAD;IAAG,WAAU;cAA6B,aAAa;IAAY,GAEnE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,KAAK,QAAN;KACE,OAAO,aAAa,aAAa,MAAM;KACvC,UAAU,CAAC,YAAY;KACvB;KACA,WAAU;KACV;KACA,eAAe,0BAA0B,MAAM;eAE9C,aAAa,aAAa;KACf,GACd,oBAAC,KAAK,QAAN;KACE,OAAO,aAAa,cAAc,MAAM;KACxC,UAAU,CAAC,YAAY;KACvB,MAAM;KACN;KACA,WAAU;KACV,WAAW;KACX,SAAS;eAER,aAAa,cAAc;KAChB,EACV;MACD;;EACD,GACR,qBAAC,QAAD;EAAM,WAAW,GAAG,0BAA0B,UAAU;EAAE,GAAI;YAA9D;GACG,KAAK,SAAS,SAAS,IACtB,uBACA,YACA,mBACE,oBAAC,KAAK,QAAN;IACE,OAAO,aAAa,MAAM;IAC1B,MAAM;IACN;IACA;IACA,WAAU;IACV,WAAW;IACX,SAAS;cAER,aAAa;IACF;GAEjB,YACC,oBAAC,KAAK,QAAN;IACE,OAAO,YAAY,MAAM;IACzB,UAAU,CAAC;IACX,MAAM;IACN;IACA;IACA,WAAU;IACV,eAAe,qBAAqB,WAAW,QAAS;cAEvD,YAAY;IACD;GAEf,KAAK,SAAS,QAAQ,IACrB,oBAAC,KAAK,QAAN;IACE,OAAO,eAAe,MAAM;IAC5B,UAAU,CAAC,YAAY;IACvB,MAAM;IACN;IACA,SACE;IAEF,WAAU;IACV,WAAW;IACX,eAAe,0BAA0B,KAAK;cAE7C,eAAe;IACJ;GAEf,KAAK,SAAS,SAAS,IAAI,mBAAmB,CAAC,uBAC9C,oBAAC,KAAK,QAAN;IACE,OAAO,cAAc,MAAM;IAC3B,UAAU;IACV,MAAM;IACN;IACA,WAAU;IACV,WAAW;IACX,SAAS;cAER,cAAc;IACH;GAEf,KAAK,SAAS,SAAS,IACtB,mBACA,uBACA,YACE,oBAAC,KAAK,QAAN;IACE,OAAO,WAAW,MAAM;IACxB,UAAU,CAAC,YAAY;IACvB,MAAM;IACN,OAAM;IACN,WAAU;IACV,WAAW;IACX,SAAS;cAER,WAAW;IACA;GAEb;IACN"}
+{"version":3,"file":"SaveForm.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport { ButtonColor, ButtonVariant } from '@components/Button';\nimport { Form } from '@components/Form';\nimport { Modal, ModalSize } from '@components/Modal';\nimport {\n  useAuth,\n  useDeleteDictionary,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '@hooks/index';\nimport type { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport { cn } from '@utils/cn';\nimport {\n  ArrowUpFromLine,\n  Download,\n  RotateCcw,\n  Save,\n  Trash,\n} from 'lucide-react';\nimport {\n  type DetailedHTMLProps,\n  type FC,\n  type FormHTMLAttributes,\n  useState,\n} from 'react';\nimport { useIntlayer } from 'react-intlayer';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n  onDelete?: () => void;\n  onSave?: () => void;\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  onDelete,\n  onSave,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { mutate: deleteDictionary, isPending: isDeleting } =\n    useDeleteDictionary();\n  const { mutate: writeDictionary, isPending: isWriting } =\n    useWriteDictionary();\n  const { mutate: pushDictionaries, isPending: isPushing } =\n    usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    deleteButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useIntlayer('save-dictionary-details');\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.localId!];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isDistantDictionary =\n    typeof (dictionary as unknown as DistantDictionary)?.id !== 'undefined';\n\n  const handleSaveDictionaryConfirmation = async () => {\n    if (!editedContent?.[dictionary.localId!]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.localId!],\n    };\n\n    writeDictionary(\n      {\n        dictionary: updatedDictionary,\n      },\n      {\n        onSuccess: () => {\n          setLocaleDictionary(editedContent?.[dictionary.localId!]);\n          restoreEditedContent(dictionary.localId!);\n          setIsFormatAlertModalOpen(false);\n          onSave?.();\n        },\n      }\n    );\n  };\n\n  const handlePushDictionary = () => {\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.localId!],\n    };\n\n    pushDictionaries(\n      { dictionaries: [updatedDictionary] },\n      {\n        onSuccess: (res) => {\n          if (res) {\n            setLocaleDictionary(updatedDictionary);\n            restoreEditedContent(dictionary.localId!);\n            onSave?.();\n          }\n        },\n      }\n    );\n  };\n\n  const handleDeleteDictionary = () => {\n    if (!dictionary.id) return;\n\n    deleteDictionary(\n      {\n        dictionaryId: dictionary.id,\n      },\n      {\n        onSuccess: (res) => {\n          if (res) {\n            onDelete?.();\n          }\n        },\n      }\n    );\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size={ModalSize.MD}\n        onClose={() => setIsFormatAlertModalOpen(false)}\n        padding=\"md\"\n      >\n        <form className=\"size-full\">\n          <p className=\"py-4 text-neutral text-sm\">{confirmation.message}</p>\n\n          <div className=\"mt-12 flex justify-end gap-2 max-md:flex-col\">\n            <Form.Button\n              label={confirmation.cancelButton.label.value}\n              disabled={!isEdited || isLoading}\n              color={ButtonColor.TEXT}\n              className=\"max-md:w-full\"\n              variant={ButtonVariant.OUTLINE}\n              onClick={() => setIsFormatAlertModalOpen(false)}\n            >\n              {confirmation.cancelButton.text}\n            </Form.Button>\n            <Form.Button\n              label={confirmation.confirmButton.label.value}\n              disabled={!isEdited || isLoading}\n              Icon={Save}\n              color={ButtonColor.TEXT}\n              className=\"max-md:w-full\"\n              isLoading={isPushing}\n              onClick={handleSaveDictionaryConfirmation}\n            >\n              {confirmation.confirmButton.text}\n            </Form.Button>\n          </div>\n        </form>\n      </Modal>\n      <form className={cn('flex justify-end gap-2', className)} {...props}>\n        {mode.includes('remote') &&\n          isDistantDictionary &&\n          onDelete &&\n          isAuthenticated && (\n            <Form.Button\n              label={deleteButton.label.value}\n              Icon={Trash}\n              color={ButtonColor.ERROR}\n              variant={ButtonVariant.OUTLINE}\n              className=\"max-md:w-full\"\n              isLoading={isDeleting}\n              onClick={handleDeleteDictionary}\n            >\n              {deleteButton.text}\n            </Form.Button>\n          )}\n        {isEdited && (\n          <Form.Button\n            label={resetButton.label.value}\n            disabled={!isEdited}\n            Icon={RotateCcw}\n            variant={ButtonVariant.OUTLINE}\n            color={ButtonColor.TEXT}\n            className=\"max-md:w-full\"\n            onClick={() => restoreEditedContent(dictionary.localId!)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('local') && (\n          <Form.Button\n            label={downloadButton.label.value}\n            disabled={!isEdited || isLoading}\n            Icon={Download}\n            color={ButtonColor.TEXT}\n            variant={\n              isAuthenticated ? ButtonVariant.OUTLINE : ButtonVariant.DEFAULT\n            }\n            className=\"max-md:w-full\"\n            isLoading={isWriting}\n            onClick={() => setIsFormatAlertModalOpen(true)}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('remote') && isAuthenticated && !isDistantDictionary && (\n          <Form.Button\n            label={publishButton.label.value}\n            disabled={isLoading}\n            Icon={ArrowUpFromLine}\n            color={ButtonColor.TEXT}\n            className=\"max-md:w-full\"\n            isLoading={isPushing}\n            onClick={handlePushDictionary}\n          >\n            {publishButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('remote') &&\n          isAuthenticated &&\n          isDistantDictionary &&\n          isEdited && (\n            <Form.Button\n              label={saveButton.label.value}\n              disabled={!isEdited || isLoading}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isPushing}\n              onClick={handlePushDictionary}\n            >\n              {saveButton.text}\n            </Form.Button>\n          )}\n      </form>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAwCA,MAAa,YAAwC,EACnD,YACA,MACA,WACA,UACA,QACA,GAAG,YACC;CACJ,MAAM,CAAC,wBAAwB,6BAA6B,SAAS,KAAK;CAC1E,MAAM,EAAE,wBAAwB,6BAA6B;CAC7D,MAAM,EAAE,QAAQ,kBAAkB,WAAW,eAC3C,oBAAoB;CACtB,MAAM,EAAE,QAAQ,iBAAiB,WAAW,cAC1C,mBAAmB;CACrB,MAAM,EAAE,QAAQ,kBAAkB,WAAW,cAC3C,oBAAoB;CACtB,MAAM,YAAY,aAAa;CAE/B,MAAM,EAAE,eAAe,yBAAyB,iBAAiB;CACjE,MAAM,EACJ,cACA,aACA,YACA,eACA,gBACA,iBACE,YAAY,yBAAyB;CACzC,MAAM,EAAE,oBAAoB,QAAQ;CAEpC,MAAM,mBAAmB,gBAAgB,WAAW;CAEpD,MAAM,WACJ,oBACA,KAAK,UAAU,gBAAgB,MAAM,KAAK,UAAU,UAAU;CAEhE,MAAM,sBACJ,OAAQ,YAA6C,OAAO;CAE9D,MAAM,mCAAmC,YAAY;EACnD,IAAI,CAAC,gBAAgB,WAAW,UAAW;EAO3C,gBACE,EACE,YAAY;GANd,GAAG;GACH,GAAG,gBAAgB,WAAW;EAKA,EAC9B,GACA,EACE,iBAAiB;GACf,oBAAoB,gBAAgB,WAAW,QAAS;GACxD,qBAAqB,WAAW,OAAQ;GACxC,0BAA0B,KAAK;GAC/B,SAAS;EACX,EACF,CACF;CACF;CAEA,MAAM,6BAA6B;EACjC,MAAM,oBAAoB;GACxB,GAAG;GACH,GAAG,gBAAgB,WAAW;EAChC;EAEA,iBACE,EAAE,cAAc,CAAC,iBAAiB,EAAE,GACpC,EACE,YAAY,QAAQ;GAClB,IAAI,KAAK;IACP,oBAAoB,iBAAiB;IACrC,qBAAqB,WAAW,OAAQ;IACxC,SAAS;GACX;EACF,EACF,CACF;CACF;CAEA,MAAM,+BAA+B;EACnC,IAAI,CAAC,WAAW,IAAI;EAEpB,iBACE,EACE,cAAc,WAAW,GAC3B,GACA,EACE,YAAY,QAAQ;GAClB,IAAI,KACF,WAAW;EAEf,EACF,CACF;CACF;CAEA,OACE,8CACE,oBAAC,OAAD;EACE,QAAQ;EACR,OAAO,aAAa,MAAM;EAC1B;EACA,eAAe,0BAA0B,KAAK;EAC9C,SAAQ;YAER,qBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,oBAAC,KAAD;IAAG,WAAU;cAA6B,aAAa;GAAW,IAElE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,KAAK,QAAN;KACE,OAAO,aAAa,aAAa,MAAM;KACvC,UAAU,CAAC,YAAY;KACvB;KACA,WAAU;KACV;KACA,eAAe,0BAA0B,KAAK;eAE7C,aAAa,aAAa;IAChB,IACb,oBAAC,KAAK,QAAN;KACE,OAAO,aAAa,cAAc,MAAM;KACxC,UAAU,CAAC,YAAY;KACvB,MAAM;KACN;KACA,WAAU;KACV,WAAW;KACX,SAAS;eAER,aAAa,cAAc;IACjB,EACV;KACD;;CACD,IACP,qBAAC,QAAD;EAAM,WAAW,GAAG,0BAA0B,SAAS;EAAG,GAAI;YAA9D;GACG,KAAK,SAAS,QAAQ,KACrB,uBACA,YACA,mBACE,oBAAC,KAAK,QAAN;IACE,OAAO,aAAa,MAAM;IAC1B,MAAM;IACN;IACA;IACA,WAAU;IACV,WAAW;IACX,SAAS;cAER,aAAa;GACH;GAEhB,YACC,oBAAC,KAAK,QAAN;IACE,OAAO,YAAY,MAAM;IACzB,UAAU,CAAC;IACX,MAAM;IACN;IACA;IACA,WAAU;IACV,eAAe,qBAAqB,WAAW,OAAQ;cAEtD,YAAY;GACF;GAEd,KAAK,SAAS,OAAO,KACpB,oBAAC,KAAK,QAAN;IACE,OAAO,eAAe,MAAM;IAC5B,UAAU,CAAC,YAAY;IACvB,MAAM;IACN;IACA,SACE;IAEF,WAAU;IACV,WAAW;IACX,eAAe,0BAA0B,IAAI;cAE5C,eAAe;GACL;GAEd,KAAK,SAAS,QAAQ,KAAK,mBAAmB,CAAC,uBAC9C,oBAAC,KAAK,QAAN;IACE,OAAO,cAAc,MAAM;IAC3B,UAAU;IACV,MAAM;IACN;IACA,WAAU;IACV,WAAW;IACX,SAAS;cAER,cAAc;GACJ;GAEd,KAAK,SAAS,QAAQ,KACrB,mBACA,uBACA,YACE,oBAAC,KAAK,QAAN;IACE,OAAO,WAAW,MAAM;IACxB,UAAU,CAAC,YAAY;IACvB,MAAM;IACN,OAAM;IACN,WAAU;IACV,WAAW;IACX,SAAS;cAER,WAAW;GACD;EAEb;GACN;AAEN"}

package/dist/esm/components/DictionaryFieldEditor/SaveForm/saveForm.content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"saveForm.content.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/SaveForm/saveForm.content.tsx"],"sourcesContent":["import { type Dictionary, t } from 'intlayer';\n\nexport const saveDictionaryContent = {\n  key: 'save-dictionary-details',\n  content: {\n    deleteButton: {\n      text: t({\n        en: 'Delete dictionary',\n        'en-GB': 'Delete dictionary',\n        fr: 'Supprimer le dictionnaire',\n        es: 'Eliminar diccionario',\n        de: 'Wörterbuch löschen',\n        ja: '辞書を削除',\n        ko: '사전 삭제',\n        zh: '删除字典',\n        it: 'Elimina dizionario',\n        pt: 'Excluir dicionário',\n        hi: 'शब्दकोश हटाएं',\n        ar: 'حذف القاموس',\n        ru: 'Удалить словарь',\n        tr: 'Sözlüğü sil',\n        pl: 'Usuń słownik',\n        id: 'Hapus dictionary',\n        vi: 'Xóa dictionary',\n        uk: 'Видалити словник',\n      }),\n      label: t({\n        en: 'Click to delete dictionary',\n        'en-GB': 'Click to delete dictionary',\n        fr: 'Cliquez pour supprimer le dictionnaire',\n        es: 'Haga clic para eliminar el diccionario',\n        de: 'Klicken Sie, um das Wörterbuch zu löschen',\n        ja: '辞書を削除するにはクリックしてください',\n        ko: '사전을 삭제하려면 클릭하세요',\n        zh: '单击以删除字典',\n        it: 'Fai clic per eliminare il dizionario',\n        pt: 'Clique para excluir o dicionário',\n        hi: 'शब्दकोश हटाने के लिए क्लिक करें',\n        ar: 'انقر لحذف القاموس',\n        ru: 'Нажмите, чтобы удалить словарь',\n        tr: 'Sözlüğü silmek için tıklayın',\n        pl: 'Kliknij, aby usunąć słownik',\n        id: 'Klik untuk menghapus dictionary',\n        vi: 'Nhấp để xóa dictionary',\n        uk: 'Натисніть, щоб видалити словник',\n      }),\n    },\n    resetButton: {\n      text: t({\n        en: 'Reset all changes',\n        'en-GB': 'Reset all changes',\n        fr: 'Réinitialiser toutes les modifications',\n        es: 'Restablecer todas las modificaciones',\n        de: 'Alle Änderungen zurücksetzen',\n        ja: 'すべての変更をリセット',\n        ko: '모든 변경 사항 초기화',\n        zh: '重置所有更改',\n        it: 'Reimposta tutte le modifiche',\n        pt: 'Redefinir todas as alterações',\n        hi: 'सभी परिवर्तनों को रीसेट करें',\n        ar: 'إعادة تعيين جميع التغييرات',\n        ru: 'Сбросить все изменения',\n        tr: 'Tüm değişiklikleri sıfırla',\n        pl: 'Resetuj wszystkie zmiany',\n        id: 'Reset semua perubahan',\n        vi: 'Đặt lại tất cả các thay đổi',\n        uk: 'Скинути всі зміни',\n      }),\n      label: t({\n        en: 'Click to reset all the changes',\n        'en-GB': 'Click to reset all the changes',\n        fr: 'Cliquez pour réinitialiser toutes les modifications',\n        es: 'Haga clic para restablecer todas las modificaciones',\n        de: 'Klicken Sie, um alle Änderungen zurückzusetzen',\n        ja: 'すべての変更をリセットするにはクリックしてください',\n        ko: '모든 변경 사항을 초기화하려면 클릭하세요',\n        zh: '单击以重置所有更改',\n        it: 'Fai clic per ripristinare tutte le modifiche',\n        pt: 'Clique para redefinir todas as alterações',\n        hi: 'सभी परिवर्तनों को रीसेट करने के लिए क्लिक करें',\n        ar: 'انقر لإعادة تعيين جميع التغييرات',\n        ru: 'Нажмите, чтобы сбросить все изменения',\n        tr: 'Tüm değişiklikleri sıfırlamak için tıklayın',\n        pl: 'Kliknij, aby zresetować wszystkie zmiany',\n        id: 'Klik untuk mereset semua perubahan',\n        vi: 'Nhấp để đặt lại tất cả các thay đổi',\n        uk: 'Натисніть, щоб скинути всі зміни',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        'en-GB': 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n        de: 'Änderungen speichern',\n        ja: '変更を保存',\n        ko: '변경 사항 저장',\n        zh: '保存更改',\n        it: 'Salva le modifiche',\n        pt: 'Salvar alterações',\n        hi: 'परिवर्तनों को सहेजें',\n        ar: 'احفظ التغييرات',\n        ru: 'Сохранить изменения',\n        tr: 'Değişiklikleri kaydet',\n        pl: 'Zapisz zmiany',\n        id: 'Simpan perubahan',\n        vi: 'Lưu thay đổi',\n        uk: 'Зберегти зміни',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        'en-GB': 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar cambios',\n        de: 'Klicken Sie, um Änderungen zu speichern',\n        ja: '変更を保存するにはクリックしてください',\n        ko: '변경 사항을 저장하려면 클릭하세요',\n        zh: '单击保存更改',\n        it: 'Fai clic per salvare le modifiche',\n        pt: 'Clique para salvar alterações',\n        hi: 'परिवर्तनों को सहेजने के लिए क्लिक करें',\n        ar: 'انقر لحفظ التغييرات',\n        ru: 'Нажмите, чтобы сохранить изменения',\n        tr: 'Değişiklikleri kaydetmek için tıklayın',\n        pl: 'Kliknij, aby zapisać zmiany',\n        id: 'Klik untuk menyimpan perubahan',\n        vi: 'Nhấp để lưu các thay đổi',\n        uk: 'Натисніть, щоб зберегти зміни',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        'en-GB': 'Publish dictionary',\n        fr: 'Publier dictionnaire',\n        es: 'Publicar diccionario',\n        de: 'Wörterbuch veröffentlichen',\n        ja: '辞書を公開',\n        ko: '사전을 게시합니다',\n        zh: '发布字典',\n        it: 'Pubblica dizionario',\n        pt: 'Publicar dicionário',\n        hi: 'शब्दकोश प्रकाशित करें',\n        ar: 'نشر القاموس',\n        ru: 'Опубликовать словарь',\n        tr: 'Sözlüğü yayınla',\n        pl: 'Opublikuj słownik',\n        id: 'Publikasikan dictionary',\n        vi: 'Xuất bản dictionary',\n        uk: 'Опублікувати словник',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        'en-GB': 'Click to publish dictionary',\n        fr: 'Cliquez pour publier dictionnaire',\n        es: 'Haga clic para publicar diccionario',\n        de: 'Klicken Sie, um das Wörterbuch zu veröffentlichen',\n        ja: '辞書を公開するにはクリックしてください',\n        ko: '사전을 게시하려면 클릭하세요',\n        zh: '单击以发布字典',\n        it: 'Fai clic per pubblicare il dizionario',\n        pt: 'Clique para publicar dicionário',\n        hi: 'शब्दकोश प्रकाशित करने के लिए क्लिक करें',\n        ar: 'انقر لنشر القاموس',\n        ru: 'Нажмите, чтобы опубликовать словарь',\n        tr: 'Sözlüğü yayınlamak için tıklayın',\n        pl: 'Kliknij, aby opublikować słownik',\n        id: 'Klik untuk mempublikasikan dictionary',\n        vi: 'Nhấp để xuất bản dictionary',\n        uk: 'Натисніть, щоб опублікувати словник',\n      }),\n    },\n    downloadButton: {\n      text: t({\n        en: 'Download',\n        'en-GB': 'Download',\n        fr: 'Télécharger',\n        es: 'Descargar',\n        de: 'Herunterladen',\n        ja: 'ダウンロード',\n        ko: '다운로드',\n        zh: '下载',\n        it: 'Scarica',\n        pt: 'Baixar',\n        hi: 'डाउनलोड',\n        ar: 'تنزيل',\n        ru: 'Скачать',\n        tr: 'İndir',\n        pl: 'Pobierz',\n        id: 'Unduh',\n        vi: 'Tải xuống',\n        uk: 'Завантажити',\n      }),\n      label: t({\n        en: 'Click to download',\n        'en-GB': 'Click to download',\n        fr: 'Cliquez pour télécharger',\n        es: 'Haga clic para descargar',\n        de: 'Klicken Sie, um herunterzuladen',\n        ja: 'ダウンロードするにはクリックしてください',\n        ko: '다운로드를 클릭하세요',\n        zh: '单击下载',\n        it: 'Fai clic per scaricare',\n        pt: 'Clique para baixar',\n        hi: 'डाउनलोड करने के लिए क्लिक करें',\n        ar: 'انقر لتنزيل',\n        ru: 'Нажмите, чтобы скачать',\n        tr: 'İndirmek için tıklayın',\n        pl: 'Kliknij, aby pobrać',\n        id: 'Klik untuk mengunduh',\n        vi: 'Nhấp để tải xuống',\n        uk: 'Натисніть, щоб завантажити',\n      }),\n    },\n\n    confirmation: {\n      title: t({\n        en: 'Confirmation',\n        'en-GB': 'Confirmation',\n        fr: 'Confirmation',\n        es: 'Confirmación',\n        de: 'Bestätigung',\n        ja: '確認',\n        ko: '확인',\n        zh: '确认',\n        it: 'Conferma',\n        pt: 'Confirmação',\n        hi: 'पुष्टि करें',\n        ar: 'تأكيد',\n        ru: 'Подтверждение',\n        tr: 'Onay',\n        pl: 'Potwierdzenie',\n        id: 'Konfirmasi',\n        vi: 'Xác nhận',\n        uk: 'Підтвердження',\n      }),\n      message: t({\n        en: 'This will overwrite the existing dictionary. Are you sure you want to continue?',\n        'en-GB':\n          'This will overwrite the existing dictionary. Are you sure you want to continue?',\n        fr: 'Cela remplacera le dictionnaire existant. Êtes-vous sûr de vouloir continuer?',\n        es: 'Esto sobrescribirá el diccionario existente. ¿Estás seguro de que quieres continuar?',\n        de: 'Dies wird das existierende Wörterbuch überschreiben. Sind Sie sicher, dass Sie fortfahren möchten?',\n        ja: '既存の辞書を上書きします。続行しますか？',\n        ko: '이는 기존 사전을 덮어 쓸 것입니다. 계속하시겠습니까?',\n        zh: '这将覆盖现有的字典。你确定要继续吗？',\n        it: 'Questo sovrascriverà il dizionario esistente. Sei sicuro di voler continuare?',\n        pt: 'Isso sobrescreverá o dicionário existente. Você tem certeza de que deseja continuar?',\n        hi: 'यह मौजूदा शब्दकोश को अधिलेखित कर देगा। क्या आप जारी रखना चाहते हैं?',\n        ar: 'سيتم الكتابة على القاموس الحالي. هل أنت متأكد من أنك تريد المتابعة؟',\n        ru: 'Это перезапишет существующий словарь. Вы уверены, что хотите продолжить?',\n        tr: 'Bu, mevcut sözlüğün üzerine yazacaktır. Devam etmek istediğinizden emin misiniz?',\n        pl: 'To spowoduje nadpisanie istniejącego słownika. Czy na pewno chcesz kontynuować?',\n        id: 'Tindakan ini akan menimpa dictionary yang ada. Apakah Anda yakin ingin melanjutkan?',\n        vi: 'Hành động này sẽ ghi đè lên dictionary hiện có. Bạn có chắc muốn tiếp tục không?',\n        uk: 'Це перезапише існуючий словник. Ви впевнені, що хочете продовжити?',\n      }),\n      confirmButton: {\n        text: t({\n          en: 'Confirm',\n          'en-GB': 'Confirm',\n          fr: 'Confirmer',\n          es: 'Confirmar',\n          de: 'Bestätigen',\n          ja: '確認',\n          ko: '확인',\n          zh: '确认',\n          it: 'Conferma',\n          pt: 'Confirmar',\n          hi: 'पुष्टि करें',\n          ar: 'تأكيد',\n          ru: 'Подтвердить',\n          tr: 'Onayla',\n          pl: 'Potwierdź',\n          id: 'Konfirmasi',\n          vi: 'Xác nhận',\n          uk: 'Підтвердити',\n        }),\n        label: t({\n          en: 'Click to confirm',\n          'en-GB': 'Click to confirm',\n          fr: 'Cliquez pour confirmer',\n          es: 'Haga clic para confirmar',\n          de: 'Klicken Sie, um zu bestätigen',\n          ja: '確認するにはクリックしてください',\n          ko: '확인을 클릭하세요',\n          zh: '单击确认',\n          it: 'Fai clic per confermare',\n          pt: 'Clique para confirmar',\n          hi: 'पुष्टि करने के लिए क्लिक करें',\n          ar: 'انقر لتأكيد',\n          ru: 'Нажмите, чтобы подтвердить',\n          tr: 'Onaylamak için tıklayın',\n          pl: 'Kliknij, aby potwierdzić',\n          id: 'Klik untuk mengonfirmasi',\n          vi: 'Nhấp để xác nhận',\n          uk: 'Натисніть, щоб підтвердити',\n        }),\n      },\n      cancelButton: {\n        text: t({\n          en: 'Cancel',\n          'en-GB': 'Cancel',\n          fr: 'Annuler',\n          es: 'Cancelar',\n          de: 'Abbrechen',\n          ja: 'キャンセル',\n          ko: '취소',\n          zh: '取消',\n          it: 'Annulla',\n          pt: 'Cancelar',\n          hi: 'रद्द करें',\n          ar: 'إلغاء',\n          ru: 'Отмена',\n          tr: 'İptal',\n          pl: 'Anuluj',\n          id: 'Batal',\n          vi: 'Hủy',\n          uk: 'Скасувати',\n        }),\n        label: t({\n          en: 'Click to cancel',\n          'en-GB': 'Click to cancel',\n          fr: 'Cliquez pour annuler',\n          es: 'Haga clic para cancelar',\n          de: 'Klicken Sie, um abzubrechen',\n          ja: 'キャンセルするにはクリックしてください',\n          ko: '취소를 클릭하세요',\n          zh: '单击取消',\n          it: 'Fai clic per annullare',\n          pt: 'Clique para cancelar',\n          hi: 'रद्द करने के लिए क्लिक करें',\n          ar: 'انقر لإلغاء',\n          ru: 'Нажмите, чтобы отменить',\n          tr: 'İptal etmek için tıklayın',\n          pl: 'Kliknij, aby anulować',\n          id: 'Klik untuk membatalkan',\n          vi: 'Nhấp để hủy',\n          uk: 'Натисніть, щоб скасувати',\n        }),\n      },\n    },\n  },\n  title: 'Save dictionary details',\n  description:\n    'Content declarations for managing dictionary actions including saving, deleting, resetting, publishing, and downloading, with confirmation prompts for updates or overwrites.',\n  tags: ['dictionary management', 'dictionary editor'],\n} satisfies Dictionary;\n\nexport default saveDictionaryContent;\n"],"mappings":";;;AAEA,MAAa,wBAAwB;CACnC,KAAK;CACL,SAAS;EACP,cAAc;GACZ,MAAM,EAAE;IACN,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACF,OAAO,EAAE;IACP,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACH;EACD,aAAa;GACX,MAAM,EAAE;IACN,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACF,OAAO,EAAE;IACP,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACH;EACD,YAAY;GACV,MAAM,EAAE;IACN,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACF,OAAO,EAAE;IACP,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACH;EACD,eAAe;GACb,MAAM,EAAE;IACN,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACF,OAAO,EAAE;IACP,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACH;EACD,gBAAgB;GACd,MAAM,EAAE;IACN,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACF,OAAO,EAAE;IACP,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACH;EAED,cAAc;GACZ,OAAO,EAAE;IACP,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACF,SAAS,EAAE;IACT,IAAI;IACJ,SACE;IACF,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACF,eAAe;IACb,MAAM,EAAE;KACN,IAAI;KACJ,SAAS;KACT,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACL,CAAC;IACF,OAAO,EAAE;KACP,IAAI;KACJ,SAAS;KACT,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACL,CAAC;IACH;GACD,cAAc;IACZ,MAAM,EAAE;KACN,IAAI;KACJ,SAAS;KACT,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACL,CAAC;IACF,OAAO,EAAE;KACP,IAAI;KACJ,SAAS;KACT,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACL,CAAC;IACH;GACF;EACF;CACD,OAAO;CACP,aACE;CACF,MAAM,CAAC,yBAAyB,oBAAoB;CACrD"}
+{"version":3,"file":"saveForm.content.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/SaveForm/saveForm.content.tsx"],"sourcesContent":["import { type Dictionary, t } from 'intlayer';\n\nexport const saveDictionaryContent = {\n  key: 'save-dictionary-details',\n  content: {\n    deleteButton: {\n      text: t({\n        en: 'Delete dictionary',\n        'en-GB': 'Delete dictionary',\n        fr: 'Supprimer le dictionnaire',\n        es: 'Eliminar diccionario',\n        de: 'Wörterbuch löschen',\n        ja: '辞書を削除',\n        ko: '사전 삭제',\n        zh: '删除字典',\n        it: 'Elimina dizionario',\n        pt: 'Excluir dicionário',\n        hi: 'शब्दकोश हटाएं',\n        ar: 'حذف القاموس',\n        ru: 'Удалить словарь',\n        tr: 'Sözlüğü sil',\n        pl: 'Usuń słownik',\n        id: 'Hapus dictionary',\n        vi: 'Xóa dictionary',\n        uk: 'Видалити словник',\n      }),\n      label: t({\n        en: 'Click to delete dictionary',\n        'en-GB': 'Click to delete dictionary',\n        fr: 'Cliquez pour supprimer le dictionnaire',\n        es: 'Haga clic para eliminar el diccionario',\n        de: 'Klicken Sie, um das Wörterbuch zu löschen',\n        ja: '辞書を削除するにはクリックしてください',\n        ko: '사전을 삭제하려면 클릭하세요',\n        zh: '单击以删除字典',\n        it: 'Fai clic per eliminare il dizionario',\n        pt: 'Clique para excluir o dicionário',\n        hi: 'शब्दकोश हटाने के लिए क्लिक करें',\n        ar: 'انقر لحذف القاموس',\n        ru: 'Нажмите, чтобы удалить словарь',\n        tr: 'Sözlüğü silmek için tıklayın',\n        pl: 'Kliknij, aby usunąć słownik',\n        id: 'Klik untuk menghapus dictionary',\n        vi: 'Nhấp để xóa dictionary',\n        uk: 'Натисніть, щоб видалити словник',\n      }),\n    },\n    resetButton: {\n      text: t({\n        en: 'Reset all changes',\n        'en-GB': 'Reset all changes',\n        fr: 'Réinitialiser toutes les modifications',\n        es: 'Restablecer todas las modificaciones',\n        de: 'Alle Änderungen zurücksetzen',\n        ja: 'すべての変更をリセット',\n        ko: '모든 변경 사항 초기화',\n        zh: '重置所有更改',\n        it: 'Reimposta tutte le modifiche',\n        pt: 'Redefinir todas as alterações',\n        hi: 'सभी परिवर्तनों को रीसेट करें',\n        ar: 'إعادة تعيين جميع التغييرات',\n        ru: 'Сбросить все изменения',\n        tr: 'Tüm değişiklikleri sıfırla',\n        pl: 'Resetuj wszystkie zmiany',\n        id: 'Reset semua perubahan',\n        vi: 'Đặt lại tất cả các thay đổi',\n        uk: 'Скинути всі зміни',\n      }),\n      label: t({\n        en: 'Click to reset all the changes',\n        'en-GB': 'Click to reset all the changes',\n        fr: 'Cliquez pour réinitialiser toutes les modifications',\n        es: 'Haga clic para restablecer todas las modificaciones',\n        de: 'Klicken Sie, um alle Änderungen zurückzusetzen',\n        ja: 'すべての変更をリセットするにはクリックしてください',\n        ko: '모든 변경 사항을 초기화하려면 클릭하세요',\n        zh: '单击以重置所有更改',\n        it: 'Fai clic per ripristinare tutte le modifiche',\n        pt: 'Clique para redefinir todas as alterações',\n        hi: 'सभी परिवर्तनों को रीसेट करने के लिए क्लिक करें',\n        ar: 'انقر لإعادة تعيين جميع التغييرات',\n        ru: 'Нажмите, чтобы сбросить все изменения',\n        tr: 'Tüm değişiklikleri sıfırlamak için tıklayın',\n        pl: 'Kliknij, aby zresetować wszystkie zmiany',\n        id: 'Klik untuk mereset semua perubahan',\n        vi: 'Nhấp để đặt lại tất cả các thay đổi',\n        uk: 'Натисніть, щоб скинути всі зміни',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        'en-GB': 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n        de: 'Änderungen speichern',\n        ja: '変更を保存',\n        ko: '변경 사항 저장',\n        zh: '保存更改',\n        it: 'Salva le modifiche',\n        pt: 'Salvar alterações',\n        hi: 'परिवर्तनों को सहेजें',\n        ar: 'احفظ التغييرات',\n        ru: 'Сохранить изменения',\n        tr: 'Değişiklikleri kaydet',\n        pl: 'Zapisz zmiany',\n        id: 'Simpan perubahan',\n        vi: 'Lưu thay đổi',\n        uk: 'Зберегти зміни',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        'en-GB': 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar cambios',\n        de: 'Klicken Sie, um Änderungen zu speichern',\n        ja: '変更を保存するにはクリックしてください',\n        ko: '변경 사항을 저장하려면 클릭하세요',\n        zh: '单击保存更改',\n        it: 'Fai clic per salvare le modifiche',\n        pt: 'Clique para salvar alterações',\n        hi: 'परिवर्तनों को सहेजने के लिए क्लिक करें',\n        ar: 'انقر لحفظ التغييرات',\n        ru: 'Нажмите, чтобы сохранить изменения',\n        tr: 'Değişiklikleri kaydetmek için tıklayın',\n        pl: 'Kliknij, aby zapisać zmiany',\n        id: 'Klik untuk menyimpan perubahan',\n        vi: 'Nhấp để lưu các thay đổi',\n        uk: 'Натисніть, щоб зберегти зміни',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        'en-GB': 'Publish dictionary',\n        fr: 'Publier dictionnaire',\n        es: 'Publicar diccionario',\n        de: 'Wörterbuch veröffentlichen',\n        ja: '辞書を公開',\n        ko: '사전을 게시합니다',\n        zh: '发布字典',\n        it: 'Pubblica dizionario',\n        pt: 'Publicar dicionário',\n        hi: 'शब्दकोश प्रकाशित करें',\n        ar: 'نشر القاموس',\n        ru: 'Опубликовать словарь',\n        tr: 'Sözlüğü yayınla',\n        pl: 'Opublikuj słownik',\n        id: 'Publikasikan dictionary',\n        vi: 'Xuất bản dictionary',\n        uk: 'Опублікувати словник',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        'en-GB': 'Click to publish dictionary',\n        fr: 'Cliquez pour publier dictionnaire',\n        es: 'Haga clic para publicar diccionario',\n        de: 'Klicken Sie, um das Wörterbuch zu veröffentlichen',\n        ja: '辞書を公開するにはクリックしてください',\n        ko: '사전을 게시하려면 클릭하세요',\n        zh: '单击以发布字典',\n        it: 'Fai clic per pubblicare il dizionario',\n        pt: 'Clique para publicar dicionário',\n        hi: 'शब्दकोश प्रकाशित करने के लिए क्लिक करें',\n        ar: 'انقر لنشر القاموس',\n        ru: 'Нажмите, чтобы опубликовать словарь',\n        tr: 'Sözlüğü yayınlamak için tıklayın',\n        pl: 'Kliknij, aby opublikować słownik',\n        id: 'Klik untuk mempublikasikan dictionary',\n        vi: 'Nhấp để xuất bản dictionary',\n        uk: 'Натисніть, щоб опублікувати словник',\n      }),\n    },\n    downloadButton: {\n      text: t({\n        en: 'Download',\n        'en-GB': 'Download',\n        fr: 'Télécharger',\n        es: 'Descargar',\n        de: 'Herunterladen',\n        ja: 'ダウンロード',\n        ko: '다운로드',\n        zh: '下载',\n        it: 'Scarica',\n        pt: 'Baixar',\n        hi: 'डाउनलोड',\n        ar: 'تنزيل',\n        ru: 'Скачать',\n        tr: 'İndir',\n        pl: 'Pobierz',\n        id: 'Unduh',\n        vi: 'Tải xuống',\n        uk: 'Завантажити',\n      }),\n      label: t({\n        en: 'Click to download',\n        'en-GB': 'Click to download',\n        fr: 'Cliquez pour télécharger',\n        es: 'Haga clic para descargar',\n        de: 'Klicken Sie, um herunterzuladen',\n        ja: 'ダウンロードするにはクリックしてください',\n        ko: '다운로드를 클릭하세요',\n        zh: '单击下载',\n        it: 'Fai clic per scaricare',\n        pt: 'Clique para baixar',\n        hi: 'डाउनलोड करने के लिए क्लिक करें',\n        ar: 'انقر لتنزيل',\n        ru: 'Нажмите, чтобы скачать',\n        tr: 'İndirmek için tıklayın',\n        pl: 'Kliknij, aby pobrać',\n        id: 'Klik untuk mengunduh',\n        vi: 'Nhấp để tải xuống',\n        uk: 'Натисніть, щоб завантажити',\n      }),\n    },\n\n    confirmation: {\n      title: t({\n        en: 'Confirmation',\n        'en-GB': 'Confirmation',\n        fr: 'Confirmation',\n        es: 'Confirmación',\n        de: 'Bestätigung',\n        ja: '確認',\n        ko: '확인',\n        zh: '确认',\n        it: 'Conferma',\n        pt: 'Confirmação',\n        hi: 'पुष्टि करें',\n        ar: 'تأكيد',\n        ru: 'Подтверждение',\n        tr: 'Onay',\n        pl: 'Potwierdzenie',\n        id: 'Konfirmasi',\n        vi: 'Xác nhận',\n        uk: 'Підтвердження',\n      }),\n      message: t({\n        en: 'This will overwrite the existing dictionary. Are you sure you want to continue?',\n        'en-GB':\n          'This will overwrite the existing dictionary. Are you sure you want to continue?',\n        fr: 'Cela remplacera le dictionnaire existant. Êtes-vous sûr de vouloir continuer?',\n        es: 'Esto sobrescribirá el diccionario existente. ¿Estás seguro de que quieres continuar?',\n        de: 'Dies wird das existierende Wörterbuch überschreiben. Sind Sie sicher, dass Sie fortfahren möchten?',\n        ja: '既存の辞書を上書きします。続行しますか？',\n        ko: '이는 기존 사전을 덮어 쓸 것입니다. 계속하시겠습니까?',\n        zh: '这将覆盖现有的字典。你确定要继续吗？',\n        it: 'Questo sovrascriverà il dizionario esistente. Sei sicuro di voler continuare?',\n        pt: 'Isso sobrescreverá o dicionário existente. Você tem certeza de que deseja continuar?',\n        hi: 'यह मौजूदा शब्दकोश को अधिलेखित कर देगा। क्या आप जारी रखना चाहते हैं?',\n        ar: 'سيتم الكتابة على القاموس الحالي. هل أنت متأكد من أنك تريد المتابعة؟',\n        ru: 'Это перезапишет существующий словарь. Вы уверены, что хотите продолжить?',\n        tr: 'Bu, mevcut sözlüğün üzerine yazacaktır. Devam etmek istediğinizden emin misiniz?',\n        pl: 'To spowoduje nadpisanie istniejącego słownika. Czy na pewno chcesz kontynuować?',\n        id: 'Tindakan ini akan menimpa dictionary yang ada. Apakah Anda yakin ingin melanjutkan?',\n        vi: 'Hành động này sẽ ghi đè lên dictionary hiện có. Bạn có chắc muốn tiếp tục không?',\n        uk: 'Це перезапише існуючий словник. Ви впевнені, що хочете продовжити?',\n      }),\n      confirmButton: {\n        text: t({\n          en: 'Confirm',\n          'en-GB': 'Confirm',\n          fr: 'Confirmer',\n          es: 'Confirmar',\n          de: 'Bestätigen',\n          ja: '確認',\n          ko: '확인',\n          zh: '确认',\n          it: 'Conferma',\n          pt: 'Confirmar',\n          hi: 'पुष्टि करें',\n          ar: 'تأكيد',\n          ru: 'Подтвердить',\n          tr: 'Onayla',\n          pl: 'Potwierdź',\n          id: 'Konfirmasi',\n          vi: 'Xác nhận',\n          uk: 'Підтвердити',\n        }),\n        label: t({\n          en: 'Click to confirm',\n          'en-GB': 'Click to confirm',\n          fr: 'Cliquez pour confirmer',\n          es: 'Haga clic para confirmar',\n          de: 'Klicken Sie, um zu bestätigen',\n          ja: '確認するにはクリックしてください',\n          ko: '확인을 클릭하세요',\n          zh: '单击确认',\n          it: 'Fai clic per confermare',\n          pt: 'Clique para confirmar',\n          hi: 'पुष्टि करने के लिए क्लिक करें',\n          ar: 'انقر لتأكيد',\n          ru: 'Нажмите, чтобы подтвердить',\n          tr: 'Onaylamak için tıklayın',\n          pl: 'Kliknij, aby potwierdzić',\n          id: 'Klik untuk mengonfirmasi',\n          vi: 'Nhấp để xác nhận',\n          uk: 'Натисніть, щоб підтвердити',\n        }),\n      },\n      cancelButton: {\n        text: t({\n          en: 'Cancel',\n          'en-GB': 'Cancel',\n          fr: 'Annuler',\n          es: 'Cancelar',\n          de: 'Abbrechen',\n          ja: 'キャンセル',\n          ko: '취소',\n          zh: '取消',\n          it: 'Annulla',\n          pt: 'Cancelar',\n          hi: 'रद्द करें',\n          ar: 'إلغاء',\n          ru: 'Отмена',\n          tr: 'İptal',\n          pl: 'Anuluj',\n          id: 'Batal',\n          vi: 'Hủy',\n          uk: 'Скасувати',\n        }),\n        label: t({\n          en: 'Click to cancel',\n          'en-GB': 'Click to cancel',\n          fr: 'Cliquez pour annuler',\n          es: 'Haga clic para cancelar',\n          de: 'Klicken Sie, um abzubrechen',\n          ja: 'キャンセルするにはクリックしてください',\n          ko: '취소를 클릭하세요',\n          zh: '单击取消',\n          it: 'Fai clic per annullare',\n          pt: 'Clique para cancelar',\n          hi: 'रद्द करने के लिए क्लिक करें',\n          ar: 'انقر لإلغاء',\n          ru: 'Нажмите, чтобы отменить',\n          tr: 'İptal etmek için tıklayın',\n          pl: 'Kliknij, aby anulować',\n          id: 'Klik untuk membatalkan',\n          vi: 'Nhấp để hủy',\n          uk: 'Натисніть, щоб скасувати',\n        }),\n      },\n    },\n  },\n  title: 'Save dictionary details',\n  description:\n    'Content declarations for managing dictionary actions including saving, deleting, resetting, publishing, and downloading, with confirmation prompts for updates or overwrites.',\n  tags: ['dictionary management', 'dictionary editor'],\n} satisfies Dictionary;\n\nexport default saveDictionaryContent;\n"],"mappings":"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"}

package/dist/esm/components/DictionaryFieldEditor/StructureEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StructureEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/StructureEditor.tsx"],"sourcesContent":["'use client';\n\nimport { useEditedContent } from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { FC } from 'react';\nimport { NodeView } from './StructureView/StructureView';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n};\n\nexport const StructureEditor: FC<NodeEditorProps> = ({ dictionary }) => {\n  const { content, localId } = dictionary;\n\n  const { editedContent } = useEditedContent();\n  const initialSection =\n    typeof editedContent?.[localId!]?.content === 'undefined'\n      ? content\n      : editedContent?.[localId!]?.content;\n\n  return (\n    <NodeView\n      section={initialSection}\n      keyPath={[]}\n      dictionaryLocalId={localId!}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAWA,MAAa,mBAAwC,EAAE,iBAAiB;CACtE,MAAM,EAAE,SAAS,YAAY;CAE7B,MAAM,EAAE,kBAAkB,kBAAkB;CAM5C,OACE,oBAAC,UAAD;EACE,SANF,OAAO,gBAAgB,UAAW,YAAY,cAC1C,UACA,gBAAgB,UAAW;EAK7B,SAAS,EAAE;EACX,mBAAmB;EACnB"}
+{"version":3,"file":"StructureEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/StructureEditor.tsx"],"sourcesContent":["'use client';\n\nimport { useEditedContent } from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { FC } from 'react';\nimport { NodeView } from './StructureView/StructureView';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n};\n\nexport const StructureEditor: FC<NodeEditorProps> = ({ dictionary }) => {\n  const { content, localId } = dictionary;\n\n  const { editedContent } = useEditedContent();\n  const initialSection =\n    typeof editedContent?.[localId!]?.content === 'undefined'\n      ? content\n      : editedContent?.[localId!]?.content;\n\n  return (\n    <NodeView\n      section={initialSection}\n      keyPath={[]}\n      dictionaryLocalId={localId!}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAWA,MAAa,mBAAwC,EAAE,iBAAiB;CACtE,MAAM,EAAE,SAAS,YAAY;CAE7B,MAAM,EAAE,kBAAkB,iBAAiB;CAM3C,OACE,oBAAC,UAAD;EACE,SANF,OAAO,gBAAgB,UAAW,YAAY,cAC1C,UACA,gBAAgB,UAAW;EAK7B,SAAS,CAAC;EACV,mBAAmB;CACpB;AAEL"}

package/dist/esm/components/DictionaryFieldEditor/StructureView/StructureView.mjs

@@ -7,8 +7,8 @@ import { EditableFieldInput } from "../../EditableField/EditableFieldInput.mjs";
 import { NodeTypeSelector } from "../NodeTypeSelector.mjs";
 import { Plus, Trash } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
 import { useConfiguration, useEditedContentActions, useFocusUnmergedDictionary } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
 import { getDefaultNode, getNodeChildren, getNodeType } from "@intlayer/core/dictionaryManipulator";
 import * as NodeTypes from "@intlayer/types/nodeType";
 import { isSameKeyPath } from "@intlayer/core/utils";

package/dist/esm/components/DictionaryFieldEditor/StructureView/StructureView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StructureView.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/StructureView/StructureView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Button,\n  ButtonColor,\n  ButtonSize,\n  ButtonVariant,\n} from '@components/Button';\nimport { Container } from '@components/Container';\nimport { EditableFieldInput } from '@components/EditableField';\nimport { InputVariant } from '@components/Input';\nimport { camelCaseToSentence } from '@intlayer/config/client';\nimport {\n  getDefaultNode,\n  getNodeChildren,\n  getNodeType,\n} from '@intlayer/core/dictionaryManipulator';\nimport { isSameKeyPath } from '@intlayer/core/utils';\nimport {\n  useConfiguration,\n  useEditedContentActions,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { LocalDictionaryId, TypedNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { ContentNode } from 'intlayer';\nimport { Plus, Trash } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\n\ntype NodeTypeViewProps = {\n  dictionaryLocalId: LocalDictionaryId;\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onNodeTypeChange: (content?: ContentNode) => void;\n};\n\nconst NodeTypeView: FC<NodeTypeViewProps> = ({\n  section,\n  dictionaryLocalId,\n  keyPath,\n  onNodeTypeChange: onNodeTypeChangeProp,\n}) => {\n  const locales = useConfiguration()?.internationalization?.locales ?? [];\n  const nodeType = getNodeType(section);\n  const children = getNodeChildren(section);\n\n  const onNodeTypeChange = (content?: ContentNode) => {\n    const transformedContent = getDefaultNode(\n      nodeType,\n      locales,\n      content\n    ) as ContentNode;\n\n    onNodeTypeChangeProp(transformedContent);\n  };\n\n  if (\n    nodeType === NodeTypes.TRANSLATION ||\n    nodeType === NodeTypes.CONDITION ||\n    nodeType === NodeTypes.GENDER ||\n    nodeType === NodeTypes.ENUMERATION ||\n    nodeType === NodeTypes.PLURAL\n  ) {\n    const firstKey = Object.keys(\n      (section as unknown as TypedNode)[nodeType as keyof typeof section]\n    )[0];\n    const childrenKeyPath = [\n      ...keyPath,\n      { type: nodeType, key: firstKey },\n    ] as KeyPath[];\n\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryLocalId={dictionaryLocalId}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeTypes.ARRAY) {\n    const childrenKeyPath = [...keyPath, { type: nodeType, key: 0 } as KeyPath];\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryLocalId={dictionaryLocalId}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeTypes.OBJECT) {\n    return (\n      <>\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n        <div className=\"mt-6 ml-10\">\n          <StructureView\n            keyPath={keyPath}\n            section={section}\n            dictionaryLocalId={dictionaryLocalId}\n          />\n        </div>\n      </>\n    );\n  }\n\n  return (\n    <NodeTypeSelector\n      section={section}\n      onValueChange={(nodeType) =>\n        onNodeTypeChangeProp(getDefaultNode(nodeType, locales) as ContentNode)\n      }\n    />\n  );\n};\n\ntype NodeWrapperProps = {\n  sectionKey?: string;\n  dictionaryLocalId: LocalDictionaryId;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NodeView: FC<NodeWrapperProps> = ({\n  sectionKey,\n  section,\n  keyPath,\n  dictionaryLocalId,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } =\n    useFocusUnmergedDictionary();\n  const { renameEditedContent, addEditedContent } = useEditedContentActions();\n\n  const { titleInput, deleteButton } = useIntlayer('structure-view');\n\n  const handleRenameNodeKey = (keyName: string) => {\n    renameEditedContent(dictionaryLocalId, keyName, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: keyName } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <Container\n      transparency=\"xl\"\n      roundedSize=\"xl\"\n      className=\"w-full min-w-80 gap-2 overflow-auto px-5 py-2\"\n      border\n      borderColor=\"text\"\n      background=\"none\"\n      aria-selected={isSameKeyPath(keyPath, focusedContent?.keyPath ?? [])}\n      onClick={() => setFocusedContentKeyPath(keyPath)}\n    >\n      <div className=\"flex w-full flex-col items-start justify-between gap-3\">\n        {typeof sectionKey === 'string' && (\n          <div className=\"w-full\">\n            <div className=\"flex w-full items-center justify-between gap-10\">\n              <EditableFieldInput\n                name=\"key\"\n                aria-label=\"Key\"\n                placeholder={titleInput.placeholder.value}\n                defaultValue={sectionKey}\n                onSave={(value) => handleRenameNodeKey(value)}\n                variant={InputVariant.INVISIBLE}\n              />\n              <Button\n                label={deleteButton.label.value}\n                variant={ButtonVariant.HOVERABLE}\n                size={ButtonSize.ICON_SM}\n                color={ButtonColor.TEXT}\n                className=\"translate-x-2\"\n                Icon={Trash}\n                onClick={() => {\n                  addEditedContent(dictionaryLocalId, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              />\n            </div>\n\n            <span className=\"ml-3 text-neutral text-sm\">\n              ( {camelCaseToSentence(sectionKey)} )\n            </span>\n          </div>\n        )}\n        <NodeTypeView\n          keyPath={keyPath}\n          dictionaryLocalId={dictionaryLocalId}\n          section={section}\n          onNodeTypeChange={(content) => {\n            addEditedContent(dictionaryLocalId, content, keyPath);\n          }}\n        />\n      </div>\n    </Container>\n  );\n};\n\ntype ObjectViewProps = {\n  dictionaryLocalId: LocalDictionaryId;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const ObjectView: FC<ObjectViewProps> = ({\n  section,\n  keyPath,\n  dictionaryLocalId,\n}) => {\n  const { addNodeButton } = useIntlayer('structure-view');\n  const { setFocusedContentKeyPath } = useFocusUnmergedDictionary();\n  const { addEditedContent } = useEditedContentActions();\n\n  if (!section || typeof section !== 'object') {\n    return <div>Not an object</div>;\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2 overflow-y-auto\">\n      <ul className=\"mr-auto flex flex-col gap-4\">\n        {Object.keys(section).map((key) => (\n          <li\n            key={`${JSON.stringify(keyPath)}-object-${key}`}\n            className=\"flex w-full\"\n          >\n            <NodeView\n              sectionKey={key}\n              section={section?.[key as keyof typeof section]}\n              keyPath={[...keyPath, { type: NodeTypes.OBJECT, key }]}\n              dictionaryLocalId={dictionaryLocalId}\n            />\n          </li>\n        ))}\n      </ul>\n      <Button\n        label={addNodeButton.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        size={ButtonSize.MD}\n        color={ButtonColor.TEXT}\n        Icon={Plus}\n        className=\"flex-1\"\n        onClick={() => {\n          const newKey = 'newKey';\n          const newKeyPath = [\n            ...keyPath,\n            { type: NodeTypes.OBJECT, key: newKey },\n          ] as KeyPath[];\n          addEditedContent(dictionaryLocalId, '', newKeyPath);\n          setFocusedContentKeyPath(newKeyPath);\n        }}\n      >\n        {addNodeButton.text}\n      </Button>\n    </div>\n  );\n};\n\ntype StructureViewProps = {\n  dictionaryLocalId: LocalDictionaryId;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const StructureView: FC<StructureViewProps> = ({\n  section,\n  keyPath,\n  dictionaryLocalId,\n}) => {\n  if (\n    !section ||\n    typeof section !== 'object' ||\n    typeof section.nodeType === 'string'\n  ) {\n    return (\n      <NodeView\n        sectionKey={'content'}\n        section={section}\n        keyPath={keyPath}\n        dictionaryLocalId={dictionaryLocalId}\n      />\n    );\n  }\n\n  return (\n    <ObjectView\n      section={section}\n      keyPath={keyPath}\n      dictionaryLocalId={dictionaryLocalId}\n    />\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"StructureView.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/StructureView/StructureView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Button,\n  ButtonColor,\n  ButtonSize,\n  ButtonVariant,\n} from '@components/Button';\nimport { Container } from '@components/Container';\nimport { EditableFieldInput } from '@components/EditableField';\nimport { InputVariant } from '@components/Input';\nimport { camelCaseToSentence } from '@intlayer/config/client';\nimport {\n  getDefaultNode,\n  getNodeChildren,\n  getNodeType,\n} from '@intlayer/core/dictionaryManipulator';\nimport { isSameKeyPath } from '@intlayer/core/utils';\nimport {\n  useConfiguration,\n  useEditedContentActions,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { LocalDictionaryId, TypedNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { ContentNode } from 'intlayer';\nimport { Plus, Trash } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\n\ntype NodeTypeViewProps = {\n  dictionaryLocalId: LocalDictionaryId;\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onNodeTypeChange: (content?: ContentNode) => void;\n};\n\nconst NodeTypeView: FC<NodeTypeViewProps> = ({\n  section,\n  dictionaryLocalId,\n  keyPath,\n  onNodeTypeChange: onNodeTypeChangeProp,\n}) => {\n  const locales = useConfiguration()?.internationalization?.locales ?? [];\n  const nodeType = getNodeType(section);\n  const children = getNodeChildren(section);\n\n  const onNodeTypeChange = (content?: ContentNode) => {\n    const transformedContent = getDefaultNode(\n      nodeType,\n      locales,\n      content\n    ) as ContentNode;\n\n    onNodeTypeChangeProp(transformedContent);\n  };\n\n  if (\n    nodeType === NodeTypes.TRANSLATION ||\n    nodeType === NodeTypes.CONDITION ||\n    nodeType === NodeTypes.GENDER ||\n    nodeType === NodeTypes.ENUMERATION ||\n    nodeType === NodeTypes.PLURAL\n  ) {\n    const firstKey = Object.keys(\n      (section as unknown as TypedNode)[nodeType as keyof typeof section]\n    )[0];\n    const childrenKeyPath = [\n      ...keyPath,\n      { type: nodeType, key: firstKey },\n    ] as KeyPath[];\n\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryLocalId={dictionaryLocalId}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeTypes.ARRAY) {\n    const childrenKeyPath = [...keyPath, { type: nodeType, key: 0 } as KeyPath];\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryLocalId={dictionaryLocalId}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeTypes.OBJECT) {\n    return (\n      <>\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n        <div className=\"mt-6 ml-10\">\n          <StructureView\n            keyPath={keyPath}\n            section={section}\n            dictionaryLocalId={dictionaryLocalId}\n          />\n        </div>\n      </>\n    );\n  }\n\n  return (\n    <NodeTypeSelector\n      section={section}\n      onValueChange={(nodeType) =>\n        onNodeTypeChangeProp(getDefaultNode(nodeType, locales) as ContentNode)\n      }\n    />\n  );\n};\n\ntype NodeWrapperProps = {\n  sectionKey?: string;\n  dictionaryLocalId: LocalDictionaryId;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NodeView: FC<NodeWrapperProps> = ({\n  sectionKey,\n  section,\n  keyPath,\n  dictionaryLocalId,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } =\n    useFocusUnmergedDictionary();\n  const { renameEditedContent, addEditedContent } = useEditedContentActions();\n\n  const { titleInput, deleteButton } = useIntlayer('structure-view');\n\n  const handleRenameNodeKey = (keyName: string) => {\n    renameEditedContent(dictionaryLocalId, keyName, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: keyName } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <Container\n      transparency=\"xl\"\n      roundedSize=\"xl\"\n      className=\"w-full min-w-80 gap-2 overflow-auto px-5 py-2\"\n      border\n      borderColor=\"text\"\n      background=\"none\"\n      aria-selected={isSameKeyPath(keyPath, focusedContent?.keyPath ?? [])}\n      onClick={() => setFocusedContentKeyPath(keyPath)}\n    >\n      <div className=\"flex w-full flex-col items-start justify-between gap-3\">\n        {typeof sectionKey === 'string' && (\n          <div className=\"w-full\">\n            <div className=\"flex w-full items-center justify-between gap-10\">\n              <EditableFieldInput\n                name=\"key\"\n                aria-label=\"Key\"\n                placeholder={titleInput.placeholder.value}\n                defaultValue={sectionKey}\n                onSave={(value) => handleRenameNodeKey(value)}\n                variant={InputVariant.INVISIBLE}\n              />\n              <Button\n                label={deleteButton.label.value}\n                variant={ButtonVariant.HOVERABLE}\n                size={ButtonSize.ICON_SM}\n                color={ButtonColor.TEXT}\n                className=\"translate-x-2\"\n                Icon={Trash}\n                onClick={() => {\n                  addEditedContent(dictionaryLocalId, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              />\n            </div>\n\n            <span className=\"ml-3 text-neutral text-sm\">\n              ( {camelCaseToSentence(sectionKey)} )\n            </span>\n          </div>\n        )}\n        <NodeTypeView\n          keyPath={keyPath}\n          dictionaryLocalId={dictionaryLocalId}\n          section={section}\n          onNodeTypeChange={(content) => {\n            addEditedContent(dictionaryLocalId, content, keyPath);\n          }}\n        />\n      </div>\n    </Container>\n  );\n};\n\ntype ObjectViewProps = {\n  dictionaryLocalId: LocalDictionaryId;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const ObjectView: FC<ObjectViewProps> = ({\n  section,\n  keyPath,\n  dictionaryLocalId,\n}) => {\n  const { addNodeButton } = useIntlayer('structure-view');\n  const { setFocusedContentKeyPath } = useFocusUnmergedDictionary();\n  const { addEditedContent } = useEditedContentActions();\n\n  if (!section || typeof section !== 'object') {\n    return <div>Not an object</div>;\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2 overflow-y-auto\">\n      <ul className=\"mr-auto flex flex-col gap-4\">\n        {Object.keys(section).map((key) => (\n          <li\n            key={`${JSON.stringify(keyPath)}-object-${key}`}\n            className=\"flex w-full\"\n          >\n            <NodeView\n              sectionKey={key}\n              section={section?.[key as keyof typeof section]}\n              keyPath={[...keyPath, { type: NodeTypes.OBJECT, key }]}\n              dictionaryLocalId={dictionaryLocalId}\n            />\n          </li>\n        ))}\n      </ul>\n      <Button\n        label={addNodeButton.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        size={ButtonSize.MD}\n        color={ButtonColor.TEXT}\n        Icon={Plus}\n        className=\"flex-1\"\n        onClick={() => {\n          const newKey = 'newKey';\n          const newKeyPath = [\n            ...keyPath,\n            { type: NodeTypes.OBJECT, key: newKey },\n          ] as KeyPath[];\n          addEditedContent(dictionaryLocalId, '', newKeyPath);\n          setFocusedContentKeyPath(newKeyPath);\n        }}\n      >\n        {addNodeButton.text}\n      </Button>\n    </div>\n  );\n};\n\ntype StructureViewProps = {\n  dictionaryLocalId: LocalDictionaryId;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const StructureView: FC<StructureViewProps> = ({\n  section,\n  keyPath,\n  dictionaryLocalId,\n}) => {\n  if (\n    !section ||\n    typeof section !== 'object' ||\n    typeof section.nodeType === 'string'\n  ) {\n    return (\n      <NodeView\n        sectionKey={'content'}\n        section={section}\n        keyPath={keyPath}\n        dictionaryLocalId={dictionaryLocalId}\n      />\n    );\n  }\n\n  return (\n    <ObjectView\n      section={section}\n      keyPath={keyPath}\n      dictionaryLocalId={dictionaryLocalId}\n    />\n  );\n};\n"],"mappings":"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"}