@intlayer/design-system 5.7.7 → 5.8.0-canary.0

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationViewNode.cjs","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nimport {\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n  isSameKeyPath,\n  getContentNodeByKeyPath,\n  getNodeType,\n  getEmptyNode,\n} from '@intlayer/core';\nimport {\n  useEditedContentActions,\n  useFocusDictionary,\n} from '@intlayer/editor-react';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Accordion } from '../../Accordion';\nimport { Button } from '../../Button';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { navigationViewContent } from './navigationViewNode.content';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NavigationViewNode: FC<NodeWrapperProps> = ({\n  section: sectionProp,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { locales } = configuration?.internationalization;\n  const section = getContentNodeByKeyPath(sectionProp, keyPath);\n  const { addEditedContent } = useEditedContentActions();\n  const { setFocusedContentKeyPath, focusedContent } = useFocusDictionary();\n  const { addNewElement, goToField } = useDictionary(navigationViewContent);\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=\"hoverable\"\n        color=\"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 === NodeType.ReactNode) {\n      return <>React Node</>;\n    }\n\n    if (nodeType === NodeType.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: NodeType.Translation, key: translationKey },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={translationKey}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration || nodeType === NodeType.Condition) {\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                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {(section as unknown as ContentNode[]).map((_, index) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Array, key: index },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={JSON.stringify(childKeyPath)}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n\n          <Button\n            label={addNewElement.label.value}\n            variant=\"hoverable\"\n            color=\"neutral\"\n            textAlign=\"left\"\n            onClick={() => {\n              const newKeyPath: KeyPath[] = [\n                ...keyPath,\n                {\n                  type: NodeType.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                dictionaryKey,\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          dictionaryKey={dictionaryKey}\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: NodeType.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=\"hoverable\"\n                color=\"text\"\n                className=\"w-full\"\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                IconRight={ChevronRight}\n              >\n                {camelCaseToSentence(key)}\n              </Button>\n            );\n          }\n\n          return (\n            <Accordion\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                    dictionaryKey={dictionaryKey}\n                  />\n                </div>\n              </div>\n            </Accordion>\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"],"names":["getContentNodeByKeyPath","useEditedContentActions","useFocusDictionary","useDictionary","navigationViewContent","getNodeType","keyPath","isSameKeyPath","getIsEditableSection","jsx","Fragment","Button","ChevronRight","NodeType","jsxs","sectionArray","getEmptyNode","Plus","isEditableSubSection","Accordion","camelCaseToSentence"],"mappings":";;;;;;;;;;;;;AAwBO,MAAM,YAAsB,CAAC,YAAY,MAAM,UAAU;AAQzD,MAAM,qBAA2C,CAAC;AAAA,EACvD,SAAS;AAAA,EACT;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,YAAY,eAAe;AACnC,QAAM,UAAUA,KAAAA,wBAAwB,aAAa,OAAO;AAC5D,QAAM,EAAE,iBAAA,IAAqBC,oCAAA;AAC7B,QAAM,EAAE,0BAA0B,eAAA,IAAmBC,+BAAA;AACrD,QAAM,EAAE,eAAe,cAAcC,cAAAA,cAAcC,2EAAAA,qBAAqB;AACxE,QAAM,WAAWC,KAAAA,YAAY,OAAO;AACpC,QAAM,gBAAgB,CAACC,cACpB,gBAAgB,SAAS,UAAU,KAAK,KACzCC,KAAAA,cAAcD,UAAS,gBAAgB,WAAW,CAAA,CAAE;AACtD,QAAM,uBAAuBE,sDAAAA,qBAAqB,OAAO;AAEzD,MAAI,CAAC,QAAS,QAAOC,+BAAAC,WAAAA,UAAA,CAAA,CAAE;AAEvB,MAAI,sBAAsB;AACxB,WACED,2BAAAA;AAAAA,MAACE,yBAAAA;AAAAA,MAAA;AAAA,QACC,OAAO,UAAU,MAAM;AAAA,QACvB,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAS,MAAM,yBAAyB,OAAO;AAAA,QAC/C,WAAWC,YAAAA;AAAAA,QAEV,8CAAoB,QAAQ,QAAQ,SAAS,CAAC,EAAE,GAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAGpE;AAEA,MAAI,OAAO,YAAY,UAAU;AAC/B,QAAI,aAAaC,KAAAA,SAAS,WAAW;AACnC,mEAAS,UAAA,aAAA,CAAU;AAAA,IACrB;AAEA,QAAI,aAAaA,KAAAA,SAAS,aAAa;AACrC,4CACG,OAAA,EAAI,WAAU,uCACZ,UAAA,QAAQ,IAAI,CAAC,mBAAmB;AAC/B,cAAM,eAA0B;AAAA,UAC9B,GAAG;AAAA,UACH,EAAE,MAAMA,KAAAA,SAAS,aAAa,KAAK,eAAA;AAAA,QAAe;AAGpD,eACEJ,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS;AAAA,YACT,SAAS;AAAA,YACT;AAAA,UAAA;AAAA,UAHK;AAAA,QAAA;AAAA,MAMX,CAAC,EAAA,CACH;AAAA,IAEJ;AAEA,QAAI,aAAaI,KAAAA,SAAS,eAAe,aAAaA,KAAAA,SAAS,WAAW;AACxE,aACEJ,2BAAAA,IAAC,OAAA,EAAI,WAAU,uCACZ,UAAA,OAAO;AAAA,QACL,QAAgB,QAA2C;AAAA,MAAA,EAC5D,IAAI,CAAC,QAAQ;AACb,cAAM,eAA0B;AAAA,UAC9B,GAAG;AAAA,UACH,EAAE,MAAM,UAAU,IAAA;AAAA,QAAI;AAGxB,eACEA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS;AAAA,YACT,SAAS;AAAA,YACT;AAAA,UAAA;AAAA,UAHK;AAAA,QAAA;AAAA,MAMX,CAAC,EAAA,CACH;AAAA,IAEJ;AAEA,QAAI,aAAaI,KAAAA,SAAS,OAAO;AAC/B,aACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,QAAA,QAAqC,IAAI,CAAC,GAAG,UAAU;AACvD,gBAAM,eAA0B;AAAA,YAC9B,GAAG;AAAA,YACH,EAAE,MAAMD,KAAAA,SAAS,OAAO,KAAK,MAAA;AAAA,UAAM;AAGrC,iBACEJ,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,SAAS;AAAA,cACT,SAAS;AAAA,cACT;AAAA,YAAA;AAAA,YAHK,KAAK,UAAU,YAAY;AAAA,UAAA;AAAA,QAMtC,CAAC;AAAA,QAEDA,2BAAAA;AAAAA,UAACE,yBAAAA;AAAAA,UAAA;AAAA,YACC,OAAO,cAAc,MAAM;AAAA,YAC3B,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAS,MAAM;AACb,oBAAM,aAAwB;AAAA,gBAC5B,GAAG;AAAA,gBACH;AAAA,kBACE,MAAME,KAAAA,SAAS;AAAA,kBACf,KAAM,QAAqC;AAAA,gBAAA;AAAA,cAC7C;AAEF,oBAAME,gBAAe;AACrB,oBAAM,iBACJC,KAAAA;AAAAA,gBACED,cACGA,cAAa,SAAS,CACzB;AAAA,cAAA,KACG;AACP;AAAA,gBACE;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAEF,uCAAyB,UAAU;AAAA,YACrC;AAAA,YACA,MAAME,YAAAA;AAAAA,YAEL,UAAA,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,GACF;AAAA,IAEJ;AAEA,QAAI,OAAO,QAAQ,aAAa,UAAU;AACxC,YAAM,eAA0B;AAAA,QAC9B,GAAG;AAAA,QACH,EAAE,MAAM,QAAQ,SAAA;AAAA,MAAS;AAG3B,aACER,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,SAAS;AAAA,UACT;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAEA,UAAM,eAAe,OAAO,KAAK,OAAO;AACxC,0CACG,OAAA,EAAI,WAAU,yDACZ,UAAA,aAAa,IAAI,CAAC,QAAQ;AACzB,YAAM,eAA0B;AAAA,QAC9B,GAAG;AAAA,QACH,EAAE,MAAMI,cAAS,QAAQ,IAAA;AAAA,MAAI;AAG/B,YAAM,aAAab,KAAAA,wBAAwB,aAAa,YAAY;AACpE,YAAMkB,wBAAuBV,sDAAAA,qBAAqB,UAAU;AAE5D,UAAIU,uBAAsB;AACxB,eACET,2BAAAA;AAAAA,UAACE,yBAAAA;AAAAA,UAAA;AAAA,YACC,OAAO,GAAG,UAAU,MAAM,KAAK,IAAI,GAAG;AAAA,YAEtC,UAAU,cAAc,YAAY;AAAA,YACpC,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAS,MAAM,yBAAyB,YAAY;AAAA,YACpD,WAAWC,YAAAA;AAAAA,YAEV,8CAAoB,GAAG;AAAA,UAAA;AAAA,UARnB;AAAA,QAAA;AAAA,MAWX;AAEA,aACEH,2BAAAA;AAAAA,QAACU,+BAAAA;AAAAA,QAAA;AAAA,UAEC,OAAO,GAAG,UAAU,MAAM,KAAK,IAAI,GAAG;AAAA,UACtC,UAAU,cAAc,YAAY;AAAA,UACpC,SAAS,MAAM,yBAAyB,YAAY;AAAA,UACpD,QAAQC,gBAAAA,oBAAoB,GAAG;AAAA,UAE/B,yCAAC,OAAA,EAAI,WAAU,+BACb,UAAAX,2BAAAA,IAAC,OAAA,EAAI,WAAU,gBACb,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,SAAS;AAAA,cACT;AAAA,YAAA;AAAA,UAAA,GAEJ,EAAA,CACF;AAAA,QAAA;AAAA,QAdK;AAAA,MAAA;AAAA,IAiBX,CAAC,EAAA,CACH;AAAA,EAEJ;AAEA,SACEK,2BAAAA,KAAAJ,qBAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAEC;AAAA,IAAS;AAAA,IAET,KAAK,UAAU,OAAO;AAAA,IAAE;AAAA,IAExB,KAAK,UAAU,OAAO;AAAA,EAAA,GACzB;AAEJ;;;"}
+{"version":3,"file":"NavigationViewNode.cjs","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nimport {\n  getContentNodeByKeyPath,\n  getEmptyNode,\n  getNodeType,\n  isSameKeyPath,\n  NodeType,\n  type ContentNode,\n  type KeyPath,\n} from '@intlayer/core';\nimport {\n  useEditedContentActions,\n  useFocusDictionary,\n} from '@intlayer/editor-react';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Accordion } from '../../Accordion';\nimport {\n  Button,\n  ButtonColor,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '../../Button';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { navigationViewContent } from './navigationViewNode.content';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NavigationViewNode: FC<NodeWrapperProps> = ({\n  section: sectionProp,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { locales } = configuration?.internationalization;\n  const section = getContentNodeByKeyPath(sectionProp, keyPath);\n  const { addEditedContent } = useEditedContentActions();\n  const { setFocusedContentKeyPath, focusedContent } = useFocusDictionary();\n  const { addNewElement, goToField } = useDictionary(navigationViewContent);\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 === NodeType.ReactNode) {\n      return <>React Node</>;\n    }\n\n    if (nodeType === NodeType.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: NodeType.Translation, key: translationKey },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={translationKey}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration || nodeType === NodeType.Condition) {\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                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {(section as unknown as ContentNode[]).map((_, index) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Array, key: index },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={JSON.stringify(childKeyPath)}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\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: NodeType.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                dictionaryKey,\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          dictionaryKey={dictionaryKey}\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: NodeType.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            <Accordion\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                    dictionaryKey={dictionaryKey}\n                  />\n                </div>\n              </div>\n            </Accordion>\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"],"names":["getContentNodeByKeyPath","useEditedContentActions","useFocusDictionary","useDictionary","navigationViewContent","getNodeType","keyPath","isSameKeyPath","getIsEditableSection","jsx","Fragment","Button","ButtonVariant","ButtonColor","ChevronRight","NodeType","jsxs","ButtonTextAlign","sectionArray","getEmptyNode","Plus","isEditableSubSection","Accordion","camelCaseToSentence"],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.d.ts

@@ -1,4 +1,4 @@
-import { KeyPath, ContentNode } from '@intlayer/core';
+import { ContentNode, KeyPath } from '@intlayer/core';
 import { FC } from 'react';
 export declare const traceKeys: string[];
 export type NodeWrapperProps = {

package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationViewNode.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,OAAO,EACZ,KAAK,WAAW,EAKjB,MAAM,gBAAgB,CAAC;AAMxB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,eAAO,MAAM,SAAS,EAAE,MAAM,EAAmC,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,gBAAgB,CAyNnD,CAAC"}
+{"version":3,"file":"NavigationViewNode.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,OAAO,EACb,MAAM,gBAAgB,CAAC;AAMxB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAahC,eAAO,MAAM,SAAS,EAAE,MAAM,EAAmC,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,gBAAgB,CAyNnD,CAAC"}

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

@@ -6,7 +6,7 @@ import { ChevronRight, Plus } from "lucide-react";
 import { useDictionary } from "react-intlayer";
 import { camelCaseToSentence } from "../../../utils/camelCase.mjs";
 import { Accordion } from "../../Accordion/Accordion.mjs";
-import { Button } from "../../Button/Button.mjs";
+import { Button, ButtonColor, ButtonVariant, ButtonTextAlign } from "../../Button/Button.mjs";
 import { getIsEditableSection } from "../getIsEditableSection.mjs";
 import { navigationViewContent } from "./navigationViewNode.content.mjs";
 const traceKeys = ["filePath", "id", "nodeType"];
@@ -29,8 +29,8 @@ const NavigationViewNode = ({
       Button,
       {
         label: goToField.label.value,
-        variant: "hoverable",
-        color: "text",
+        variant: ButtonVariant.HOVERABLE,
+        color: ButtonColor.TEXT,
         className: "w-full",
         onClick: () => setFocusedContentKeyPath(keyPath),
         IconRight: ChevronRight,
@@ -99,9 +99,9 @@ const NavigationViewNode = ({
           Button,
           {
             label: addNewElement.label.value,
-            variant: "hoverable",
-            color: "neutral",
-            textAlign: "left",
+            variant: ButtonVariant.HOVERABLE,
+            color: ButtonColor.NEUTRAL,
+            textAlign: ButtonTextAlign.LEFT,
             onClick: () => {
               const newKeyPath = [
                 ...keyPath,
@@ -156,8 +156,8 @@ const NavigationViewNode = ({
           {
             label: `${goToField.label.value} ${key}`,
             isActive: getIsSelected(childKeyPath),
-            variant: "hoverable",
-            color: "text",
+            variant: ButtonVariant.HOVERABLE,
+            color: ButtonColor.TEXT,
             className: "w-full",
             onClick: () => setFocusedContentKeyPath(childKeyPath),
             IconRight: ChevronRight,

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationViewNode.mjs","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nimport {\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n  isSameKeyPath,\n  getContentNodeByKeyPath,\n  getNodeType,\n  getEmptyNode,\n} from '@intlayer/core';\nimport {\n  useEditedContentActions,\n  useFocusDictionary,\n} from '@intlayer/editor-react';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Accordion } from '../../Accordion';\nimport { Button } from '../../Button';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { navigationViewContent } from './navigationViewNode.content';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NavigationViewNode: FC<NodeWrapperProps> = ({\n  section: sectionProp,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { locales } = configuration?.internationalization;\n  const section = getContentNodeByKeyPath(sectionProp, keyPath);\n  const { addEditedContent } = useEditedContentActions();\n  const { setFocusedContentKeyPath, focusedContent } = useFocusDictionary();\n  const { addNewElement, goToField } = useDictionary(navigationViewContent);\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=\"hoverable\"\n        color=\"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 === NodeType.ReactNode) {\n      return <>React Node</>;\n    }\n\n    if (nodeType === NodeType.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: NodeType.Translation, key: translationKey },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={translationKey}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration || nodeType === NodeType.Condition) {\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                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {(section as unknown as ContentNode[]).map((_, index) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Array, key: index },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={JSON.stringify(childKeyPath)}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n\n          <Button\n            label={addNewElement.label.value}\n            variant=\"hoverable\"\n            color=\"neutral\"\n            textAlign=\"left\"\n            onClick={() => {\n              const newKeyPath: KeyPath[] = [\n                ...keyPath,\n                {\n                  type: NodeType.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                dictionaryKey,\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          dictionaryKey={dictionaryKey}\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: NodeType.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=\"hoverable\"\n                color=\"text\"\n                className=\"w-full\"\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                IconRight={ChevronRight}\n              >\n                {camelCaseToSentence(key)}\n              </Button>\n            );\n          }\n\n          return (\n            <Accordion\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                    dictionaryKey={dictionaryKey}\n                  />\n                </div>\n              </div>\n            </Accordion>\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"],"names":["keyPath","sectionArray","isEditableSubSection"],"mappings":"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"}
+{"version":3,"file":"NavigationViewNode.mjs","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nimport {\n  getContentNodeByKeyPath,\n  getEmptyNode,\n  getNodeType,\n  isSameKeyPath,\n  NodeType,\n  type ContentNode,\n  type KeyPath,\n} from '@intlayer/core';\nimport {\n  useEditedContentActions,\n  useFocusDictionary,\n} from '@intlayer/editor-react';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Accordion } from '../../Accordion';\nimport {\n  Button,\n  ButtonColor,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '../../Button';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { navigationViewContent } from './navigationViewNode.content';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NavigationViewNode: FC<NodeWrapperProps> = ({\n  section: sectionProp,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { locales } = configuration?.internationalization;\n  const section = getContentNodeByKeyPath(sectionProp, keyPath);\n  const { addEditedContent } = useEditedContentActions();\n  const { setFocusedContentKeyPath, focusedContent } = useFocusDictionary();\n  const { addNewElement, goToField } = useDictionary(navigationViewContent);\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 === NodeType.ReactNode) {\n      return <>React Node</>;\n    }\n\n    if (nodeType === NodeType.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: NodeType.Translation, key: translationKey },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={translationKey}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration || nodeType === NodeType.Condition) {\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                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {(section as unknown as ContentNode[]).map((_, index) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Array, key: index },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={JSON.stringify(childKeyPath)}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\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: NodeType.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                dictionaryKey,\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          dictionaryKey={dictionaryKey}\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: NodeType.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            <Accordion\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                    dictionaryKey={dictionaryKey}\n                  />\n                </div>\n              </div>\n            </Accordion>\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"],"names":["keyPath","sectionArray","isEditableSubSection"],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const intlayer = require("intlayer");
 const navigationViewContent = {
   key: "navigation-view",
@@ -198,5 +198,6 @@ const navigationViewContent = {
     }
   }
 };
+exports.default = navigationViewContent;
 exports.navigationViewContent = navigationViewContent;
 //# sourceMappingURL=navigationViewNode.content.cjs.map

package/dist/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigationViewNode.content.cjs","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.ts"],"sourcesContent":["import { t, type Dictionary } 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    }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\n    },\n    addNewCondition: {\n      label: t({\n        en: 'Click to add condition',\n        'en-GB': 'Click to add condition',\n        fr: 'Cliquez pour ajouter une condition',\n        es: 'Haga clic para agregar una condición',\n        de: 'Klicken Sie, um eine Bedingung hinzuzufügen',\n        ja: '条件を追加するにはクリック',\n        ko: '조건을 추가하려면 클릭하세요',\n        zh: '点击添加条件',\n        it: 'Clicca per aggiungere una condizione',\n        pt: 'Clique para adicionar uma condição',\n        hi: 'शर्ते जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة شرط',\n        ru: 'Нажмите, чтобы добавить условие',\n      }),\n      text: t({\n        en: 'Add new condition',\n        'en-GB': 'Add new condition',\n        fr: 'Ajouter une nouvelle condition',\n        es: 'Agregar nueva condición',\n        de: 'Neue Bedingung hinzufügen',\n        ja: '新しい条件を追加',\n        ko: '새 조건 추가',\n        zh: '添加新条件',\n        it: 'Aggiungi nuova condizione',\n        pt: 'Adicionar nova condição',\n        hi: 'नया शर्ते जोड़ें',\n        ar: 'أضف شرطًا جديدًا',\n        ru: 'Добавить новое условие',\n      }),\n    },\n  },\n} satisfies Dictionary;\n"],"names":["t"],"mappings":"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"}
+{"version":3,"file":"navigationViewNode.content.cjs","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.ts"],"sourcesContent":["import { t, type Dictionary } 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    }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\n    },\n    addNewCondition: {\n      label: t({\n        en: 'Click to add condition',\n        'en-GB': 'Click to add condition',\n        fr: 'Cliquez pour ajouter une condition',\n        es: 'Haga clic para agregar una condición',\n        de: 'Klicken Sie, um eine Bedingung hinzuzufügen',\n        ja: '条件を追加するにはクリック',\n        ko: '조건을 추가하려면 클릭하세요',\n        zh: '点击添加条件',\n        it: 'Clicca per aggiungere una condizione',\n        pt: 'Clique para adicionar uma condição',\n        hi: 'शर्ते जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة شرط',\n        ru: 'Нажмите, чтобы добавить условие',\n      }),\n      text: t({\n        en: 'Add new condition',\n        'en-GB': 'Add new condition',\n        fr: 'Ajouter une nouvelle condition',\n        es: 'Agregar nueva condición',\n        de: 'Neue Bedingung hinzufügen',\n        ja: '新しい条件を追加',\n        ko: '새 조건 추가',\n        zh: '添加新条件',\n        it: 'Aggiungi nuova condizione',\n        pt: 'Adicionar nova condição',\n        hi: 'नया शर्ते जोड़ें',\n        ar: 'أضف شرطًا جديدًا',\n        ru: 'Добавить новое условие',\n      }),\n    },\n  },\n} satisfies Dictionary;\n\nexport default navigationViewContent;\n"],"names":["t"],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.d.ts

@@ -411,4 +411,5 @@ export declare const navigationViewContent: {
         };
     };
 };
+export default navigationViewContent;
 //# sourceMappingURL=navigationViewNode.content.d.ts.map

package/dist/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigationViewNode.content.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoMZ,CAAC"}
+{"version":3,"file":"navigationViewNode.content.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoMZ,CAAC;AAEvB,eAAe,qBAAqB,CAAC"}

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

@@ -197,6 +197,7 @@ const navigationViewContent = {
   }
 };
 export {
+  navigationViewContent as default,
   navigationViewContent
 };
 //# sourceMappingURL=navigationViewNode.content.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"navigationViewNode.content.mjs","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.ts"],"sourcesContent":["import { t, type Dictionary } 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    }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\n    },\n    addNewCondition: {\n      label: t({\n        en: 'Click to add condition',\n        'en-GB': 'Click to add condition',\n        fr: 'Cliquez pour ajouter une condition',\n        es: 'Haga clic para agregar una condición',\n        de: 'Klicken Sie, um eine Bedingung hinzuzufügen',\n        ja: '条件を追加するにはクリック',\n        ko: '조건을 추가하려면 클릭하세요',\n        zh: '点击添加条件',\n        it: 'Clicca per aggiungere una condizione',\n        pt: 'Clique para adicionar uma condição',\n        hi: 'शर्ते जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة شرط',\n        ru: 'Нажмите, чтобы добавить условие',\n      }),\n      text: t({\n        en: 'Add new condition',\n        'en-GB': 'Add new condition',\n        fr: 'Ajouter une nouvelle condition',\n        es: 'Agregar nueva condición',\n        de: 'Neue Bedingung hinzufügen',\n        ja: '新しい条件を追加',\n        ko: '새 조건 추가',\n        zh: '添加新条件',\n        it: 'Aggiungi nuova condizione',\n        pt: 'Adicionar nova condição',\n        hi: 'नया शर्ते जोड़ें',\n        ar: 'أضف شرطًا جديدًا',\n        ru: 'Добавить новое условие',\n      }),\n    },\n  },\n} satisfies Dictionary;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"navigationViewNode.content.mjs","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.ts"],"sourcesContent":["import { t, type Dictionary } 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    }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\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      }),\n    },\n    addNewCondition: {\n      label: t({\n        en: 'Click to add condition',\n        'en-GB': 'Click to add condition',\n        fr: 'Cliquez pour ajouter une condition',\n        es: 'Haga clic para agregar una condición',\n        de: 'Klicken Sie, um eine Bedingung hinzuzufügen',\n        ja: '条件を追加するにはクリック',\n        ko: '조건을 추가하려면 클릭하세요',\n        zh: '点击添加条件',\n        it: 'Clicca per aggiungere una condizione',\n        pt: 'Clique para adicionar uma condição',\n        hi: 'शर्ते जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة شرط',\n        ru: 'Нажмите, чтобы добавить условие',\n      }),\n      text: t({\n        en: 'Add new condition',\n        'en-GB': 'Add new condition',\n        fr: 'Ajouter une nouvelle condition',\n        es: 'Agregar nueva condición',\n        de: 'Neue Bedingung hinzufügen',\n        ja: '新しい条件を追加',\n        ko: '새 조건 추가',\n        zh: '添加新条件',\n        it: 'Aggiungi nuova condizione',\n        pt: 'Adicionar nova condição',\n        hi: 'नया शर्ते जोड़ें',\n        ar: 'أضف شرطًا جديدًا',\n        ru: 'Добавить новое условие',\n      }),\n    },\n  },\n} satisfies Dictionary;\n\nexport default navigationViewContent;\n"],"names":[],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/SaveForm/SaveForm.cjs

@@ -8,7 +8,7 @@ const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 const components_Modal_Modal = require("../../Modal/Modal.cjs");
 require("@intlayer/config/built");
-require("../../../better-auth.8zoxzg-F-BEBqzpjz.cjs");
+require("../../../better-auth.CMQ3rA-I-C2nBKRMa.cjs");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_useAuth_useAuth = require("../../../hooks/useAuth/useAuth.cjs");
@@ -16,6 +16,7 @@ require("@intlayer/api");
 require("deepmerge");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const utils_cn = require("../../../utils/cn.cjs");
+const components_Button_Button = require("../../Button/Button.cjs");
 require("@hookform/resolvers");
 require("react-hook-form");
 require("../../Form/FormField.cjs");
@@ -90,7 +91,7 @@ const SaveForm = ({
       {
         isOpen: isFormatAlertModalOpen,
         title: confirmation.title.value,
-        size: "md",
+        size: components_Modal_Modal.ModalSize.MD,
         children: /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "size-full px-3", children: [
           isJsonFormat ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral py-4 text-sm", children: confirmation.message }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral py-4 text-sm", children: confirmation.differentFormatMessage }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-12 flex justify-end gap-2 max-md:flex-col", children: [
@@ -99,9 +100,9 @@ const SaveForm = ({
               {
                 label: confirmation.cancelButton.label.value,
                 disabled: !isEdited || isLoading,
-                color: "text",
+                color: components_Button_Button.ButtonColor.TEXT,
                 className: "max-md:w-full",
-                variant: "outline",
+                variant: components_Button_Button.ButtonVariant.OUTLINE,
                 onClick: () => setIsFormatAlertModalOpen(false),
                 children: confirmation.cancelButton.text
               }
@@ -112,7 +113,7 @@ const SaveForm = ({
                 label: confirmation.confirmButton.label.value,
                 disabled: !isEdited || isLoading,
                 Icon: lucideReact.Save,
-                color: "text",
+                color: components_Button_Button.ButtonColor.TEXT,
                 className: "max-md:w-full",
                 isLoading: isPushing,
                 onClick: handleSaveDictionaryConfirmation,
@@ -134,8 +135,8 @@ const SaveForm = ({
             {
               label: deleteButton.label.value,
               Icon: lucideReact.Trash,
-              color: "error",
-              variant: "outline",
+              color: components_Button_Button.ButtonColor.ERROR,
+              variant: components_Button_Button.ButtonVariant.OUTLINE,
               className: "max-md:w-full",
               isLoading: isDeleting,
               onClick: handleDeleteDictionary,
@@ -148,8 +149,8 @@ const SaveForm = ({
               label: resetButton.label.value,
               disabled: !isEdited,
               Icon: lucideReact.RotateCcw,
-              variant: "outline",
-              color: "text",
+              variant: components_Button_Button.ButtonVariant.OUTLINE,
+              color: components_Button_Button.ButtonColor.TEXT,
               className: "max-md:w-full",
               onClick: () => restoreEditedContent(dictionary.key),
               children: resetButton.text
@@ -161,8 +162,8 @@ const SaveForm = ({
               label: downloadButton.label.value,
               disabled: !isEdited || isLoading,
               Icon: lucideReact.Download,
-              color: "text",
-              variant: isAuthenticated ? "outline" : "default",
+              color: components_Button_Button.ButtonColor.TEXT,
+              variant: isAuthenticated ? components_Button_Button.ButtonVariant.OUTLINE : components_Button_Button.ButtonVariant.DEFAULT,
               className: "max-md:w-full",
               isLoading: isWriting,
               onClick: () => setIsFormatAlertModalOpen(true),
@@ -175,7 +176,7 @@ const SaveForm = ({
               label: publishButton.label.value,
               disabled: isLoading,
               Icon: lucideReact.ArrowUpFromLine,
-              color: "text",
+              color: components_Button_Button.ButtonColor.TEXT,
               className: "max-md:w-full",
               isLoading: isPushing,
               onClick: handlePushDictionary,

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

@@ -1 +1 @@
-{"version":3,"file":"SaveForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\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 { useDictionary } from 'react-intlayer';\nimport { Modal } from '../../../components/Modal';\nimport {\n  useAuth,\n  useDeleteDictionary,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { cn } from '../../../utils/cn';\nimport { Form } from '../../Form';\nimport { saveDictionaryContent } from './saveForm.content';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n  onDelete?: () => void;\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  onDelete,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { deleteDictionary, isLoading: isDeleting } = useDeleteDictionary();\n  const { writeDictionary, isLoading: isWriting } = useWriteDictionary();\n  const { pushDictionaries, isLoading: isPushing } = usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n  const isJsonFormat =\n    mode.includes('local') && dictionary.filePath?.endsWith('.json');\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    deleteButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useDictionary(saveDictionaryContent);\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.key];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isDistantDictionary =\n    typeof (dictionary as DistantDictionary)?.id !== 'undefined';\n\n  const handleSaveDictionaryConfirmation = async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    await writeDictionary({\n      dictionary: updatedDictionary,\n    }).then(() => {\n      setLocaleDictionary(editedContent?.[dictionary.key]);\n      restoreEditedContent(dictionary.key);\n    });\n  };\n\n  const handlePushDictionary = async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    await pushDictionaries([updatedDictionary]).then((res) => {\n      if (res) {\n        setLocaleDictionary(editedContent?.[dictionary.key]);\n        restoreEditedContent(dictionary.key);\n      }\n    });\n  };\n\n  const handleDeleteDictionary = async () => {\n    if (!(dictionary as DistantDictionary).id) return;\n\n    await deleteDictionary(\n      (dictionary as DistantDictionary).id.toString()\n    ).then((res) => {\n      if (res) {\n        onDelete?.();\n      }\n    });\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size=\"md\"\n      >\n        <form className=\"size-full px-3\">\n          {isJsonFormat ? (\n            <p className=\"text-neutral py-4 text-sm\">{confirmation.message}</p>\n          ) : (\n            <p className=\"text-neutral py-4 text-sm\">\n              {confirmation.differentFormatMessage}\n            </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=\"text\"\n              className=\"max-md:w-full\"\n              variant=\"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=\"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\n        className={cn('flex justify-end gap-2 max-md:flex-col', className)}\n        {...props}\n      >\n        {mode.includes('remote') &&\n          isDistantDictionary &&\n          onDelete &&\n          isAuthenticated && (\n            <Form.Button\n              label={deleteButton.label.value}\n              Icon={Trash}\n              color=\"error\"\n              variant=\"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=\"outline\"\n            color=\"text\"\n            className=\"max-md:w-full\"\n            onClick={() => restoreEditedContent(dictionary.key)}\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=\"text\"\n            variant={isAuthenticated ? 'outline' : 'default'}\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=\"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"],"names":["useState","useDictionariesRecordActions","useDeleteDictionary","useWriteDictionary","usePushDictionaries","useEditedContent","useDictionary","saveDictionaryContent","useAuth","jsxs","Fragment","jsx","Modal","Form","Save","cn","Trash","RotateCcw","Download","ArrowUpFromLine"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuCO,MAAM,WAAuC,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,wBAAwB,yBAAyB,IAAIA,aAAAA,SAAS,KAAK;AAC1E,QAAM,EAAE,oBAAA,IAAwBC,yCAAA;AAChC,QAAM,EAAE,kBAAkB,WAAW,WAAA,IAAeC,uBAAAA,oBAAA;AACpD,QAAM,EAAE,iBAAiB,WAAW,UAAA,IAAcC,uBAAAA,mBAAA;AAClD,QAAM,EAAE,kBAAkB,WAAW,UAAA,IAAcC,uBAAAA,oBAAA;AACnD,QAAM,YAAY,aAAa;AAC/B,QAAM,eACJ,KAAK,SAAS,OAAO,KAAK,WAAW,UAAU,SAAS,OAAO;AAEjE,QAAM,EAAE,eAAe,qBAAA,IAAyBC,6BAAA;AAChD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEC,cAAAA,cAAcC,2DAAAA,qBAAqB;AACvC,QAAM,EAAE,gBAAA,IAAoBC,8BAAA;AAE5B,QAAM,mBAAmB,gBAAgB,WAAW,GAAG;AAEvD,QAAM,WACJ,oBACA,KAAK,UAAU,gBAAgB,MAAM,KAAK,UAAU,UAAU;AAEhE,QAAM,sBACJ,OAAQ,YAAkC,OAAO;AAEnD,QAAM,mCAAmC,YAAY;AACnD,QAAI,CAAC,gBAAgB,WAAW,GAAG,EAAG;AAEtC,UAAM,oBAAoB;AAAA,MACxB,GAAG;AAAA,MACH,GAAG,gBAAgB,WAAW,GAAG;AAAA,IAAA;AAGnC,UAAM,gBAAgB;AAAA,MACpB,YAAY;AAAA,IAAA,CACb,EAAE,KAAK,MAAM;AACZ,0BAAoB,gBAAgB,WAAW,GAAG,CAAC;AACnD,2BAAqB,WAAW,GAAG;AAAA,IACrC,CAAC;AAAA,EACH;AAEA,QAAM,uBAAuB,YAAY;AACvC,QAAI,CAAC,gBAAgB,WAAW,GAAG,EAAG;AAEtC,UAAM,oBAAoB;AAAA,MACxB,GAAG;AAAA,MACH,GAAG,gBAAgB,WAAW,GAAG;AAAA,IAAA;AAGnC,UAAM,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,QAAQ;AACxD,UAAI,KAAK;AACP,4BAAoB,gBAAgB,WAAW,GAAG,CAAC;AACnD,6BAAqB,WAAW,GAAG;AAAA,MACrC;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,yBAAyB,YAAY;AACzC,QAAI,CAAE,WAAiC,GAAI;AAE3C,UAAM;AAAA,MACH,WAAiC,GAAG,SAAA;AAAA,IAAS,EAC9C,KAAK,CAAC,QAAQ;AACd,UAAI,KAAK;AACP,mBAAA;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SACEC,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,uBAAAA;AAAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO,aAAa,MAAM;AAAA,QAC1B,MAAK;AAAA,QAEL,UAAAH,2BAAAA,KAAC,QAAA,EAAK,WAAU,kBACb,UAAA;AAAA,UAAA,eACCE,2BAAAA,IAAC,KAAA,EAAE,WAAU,6BAA6B,UAAA,aAAa,QAAA,CAAQ,IAE/DA,2BAAAA,IAAC,KAAA,EAAE,WAAU,6BACV,UAAA,aAAa,wBAChB;AAAA,UAEFF,2BAAAA,KAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,YAAAE,2BAAAA;AAAAA,cAACE,sCAAAA,KAAK;AAAA,cAAL;AAAA,gBACC,OAAO,aAAa,aAAa,MAAM;AAAA,gBACvC,UAAU,CAAC,YAAY;AAAA,gBACvB,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAAS,MAAM,0BAA0B,KAAK;AAAA,gBAE7C,uBAAa,aAAa;AAAA,cAAA;AAAA,YAAA;AAAA,YAE7BF,2BAAAA;AAAAA,cAACE,sCAAAA,KAAK;AAAA,cAAL;AAAA,gBACC,OAAO,aAAa,cAAc,MAAM;AAAA,gBACxC,UAAU,CAAC,YAAY;AAAA,gBACvB,MAAMC,YAAAA;AAAAA,gBACN,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,WAAW;AAAA,gBACX,SAAS;AAAA,gBAER,uBAAa,cAAc;AAAA,cAAA;AAAA,YAAA;AAAA,UAC9B,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFL,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWM,SAAAA,GAAG,0CAA0C,SAAS;AAAA,QAChE,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,KAAK,SAAS,QAAQ,KACrB,uBACA,YACA,mBACEJ,2BAAAA;AAAAA,YAACE,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,OAAO,aAAa,MAAM;AAAA,cAC1B,MAAMG,YAAAA;AAAAA,cACN,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,WAAW;AAAA,cACX,SAAS;AAAA,cAER,UAAA,aAAa;AAAA,YAAA;AAAA,UAAA;AAAA,UAGnB,YACCL,2BAAAA;AAAAA,YAACE,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,OAAO,YAAY,MAAM;AAAA,cACzB,UAAU,CAAC;AAAA,cACX,MAAMI,YAAAA;AAAAA,cACN,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,WAAU;AAAA,cACV,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,cAEjD,UAAA,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,UAGhB,KAAK,SAAS,OAAO,KACpBN,2BAAAA;AAAAA,YAACE,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,OAAO,eAAe,MAAM;AAAA,cAC5B,UAAU,CAAC,YAAY;AAAA,cACvB,MAAMK,YAAAA;AAAAA,cACN,OAAM;AAAA,cACN,SAAS,kBAAkB,YAAY;AAAA,cACvC,WAAU;AAAA,cACV,WAAW;AAAA,cACX,SAAS,MAAM,0BAA0B,IAAI;AAAA,cAE5C,UAAA,eAAe;AAAA,YAAA;AAAA,UAAA;AAAA,UAGnB,KAAK,SAAS,QAAQ,KAAK,mBAAmB,CAAC,uBAC9CP,2BAAAA;AAAAA,YAACE,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,OAAO,cAAc,MAAM;AAAA,cAC3B,UAAU;AAAA,cACV,MAAMM,YAAAA;AAAAA,cACN,OAAM;AAAA,cACN,WAAU;AAAA,cACV,WAAW;AAAA,cACX,SAAS;AAAA,cAER,UAAA,cAAc;AAAA,YAAA;AAAA,UAAA;AAAA,UAGlB,KAAK,SAAS,QAAQ,KACrB,mBACA,uBACA,YACER,2BAAAA;AAAAA,YAACE,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,OAAO,WAAW,MAAM;AAAA,cACxB,UAAU,CAAC,YAAY;AAAA,cACvB,MAAMC,YAAAA;AAAAA,cACN,OAAM;AAAA,cACN,WAAU;AAAA,cACV,WAAW;AAAA,cACX,SAAS;AAAA,cAER,UAAA,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAEN,GACF;AAEJ;;"}
+{"version":3,"file":"SaveForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\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 { useDictionary } from 'react-intlayer';\nimport { Modal, ModalSize } from '../../../components/Modal';\nimport {\n  useAuth,\n  useDeleteDictionary,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { cn } from '../../../utils/cn';\nimport { ButtonColor, ButtonVariant } from '../../Button';\nimport { Form } from '../../Form';\nimport { saveDictionaryContent } from './saveForm.content';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n  onDelete?: () => void;\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  onDelete,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { deleteDictionary, isLoading: isDeleting } = useDeleteDictionary();\n  const { writeDictionary, isLoading: isWriting } = useWriteDictionary();\n  const { pushDictionaries, isLoading: isPushing } = usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n  const isJsonFormat =\n    mode.includes('local') && dictionary.filePath?.endsWith('.json');\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    deleteButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useDictionary(saveDictionaryContent);\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.key];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isDistantDictionary =\n    typeof (dictionary as DistantDictionary)?.id !== 'undefined';\n\n  const handleSaveDictionaryConfirmation = async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    await writeDictionary({\n      dictionary: updatedDictionary,\n    }).then(() => {\n      setLocaleDictionary(editedContent?.[dictionary.key]);\n      restoreEditedContent(dictionary.key);\n    });\n  };\n\n  const handlePushDictionary = async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    await pushDictionaries([updatedDictionary]).then((res) => {\n      if (res) {\n        setLocaleDictionary(editedContent?.[dictionary.key]);\n        restoreEditedContent(dictionary.key);\n      }\n    });\n  };\n\n  const handleDeleteDictionary = async () => {\n    if (!(dictionary as DistantDictionary).id) return;\n\n    await deleteDictionary(\n      (dictionary as DistantDictionary).id.toString()\n    ).then((res) => {\n      if (res) {\n        onDelete?.();\n      }\n    });\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size={ModalSize.MD}\n      >\n        <form className=\"size-full px-3\">\n          {isJsonFormat ? (\n            <p className=\"text-neutral py-4 text-sm\">{confirmation.message}</p>\n          ) : (\n            <p className=\"text-neutral py-4 text-sm\">\n              {confirmation.differentFormatMessage}\n            </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\n        className={cn('flex justify-end gap-2 max-md:flex-col', className)}\n        {...props}\n      >\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.key)}\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"],"names":["useState","useDictionariesRecordActions","useDeleteDictionary","useWriteDictionary","usePushDictionaries","useEditedContent","useDictionary","saveDictionaryContent","useAuth","jsxs","Fragment","jsx","Modal","ModalSize","Form","ButtonColor","ButtonVariant","Save","cn","Trash","RotateCcw","Download","ArrowUpFromLine"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SaveForm.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAYjD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACP,KAAK,kBAAkB,EAExB,MAAM,OAAO,CAAC;AAaf,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC;AAE5E,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,sBAAsB,CAuM/C,CAAC"}
+{"version":3,"file":"SaveForm.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAYjD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACP,KAAK,kBAAkB,EAExB,MAAM,OAAO,CAAC;AAcf,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC;AAE5E,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,sBAAsB,CAyM/C,CAAC"}

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

@@ -4,9 +4,9 @@ import { useDictionariesRecordActions, useEditedContent } from "@intlayer/editor
 import { Save, Trash, RotateCcw, Download, ArrowUpFromLine } from "lucide-react";
 import { useState } from "react";
 import { useDictionary } from "react-intlayer";
-import { Modal } from "../../Modal/Modal.mjs";
+import { Modal, ModalSize } from "../../Modal/Modal.mjs";
 import "@intlayer/config/built";
-import "../../../better-auth.8zoxzg-F-D8e0X4ys.js";
+import "../../../better-auth.CMQ3rA-I-7umXOENE.js";
 import { useDeleteDictionary, useWriteDictionary, usePushDictionaries } from "../../../hooks/intlayerAPIHooks.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import { useAuth } from "../../../hooks/useAuth/useAuth.mjs";
@@ -14,6 +14,7 @@ import "@intlayer/api";
 import "deepmerge";
 import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { cn } from "../../../utils/cn.mjs";
+import { ButtonVariant, ButtonColor } from "../../Button/Button.mjs";
 import "@hookform/resolvers";
 import "react-hook-form";
 import "../../Form/FormField.mjs";
@@ -88,7 +89,7 @@ const SaveForm = ({
       {
         isOpen: isFormatAlertModalOpen,
         title: confirmation.title.value,
-        size: "md",
+        size: ModalSize.MD,
         children: /* @__PURE__ */ jsxs("form", { className: "size-full px-3", children: [
           isJsonFormat ? /* @__PURE__ */ jsx("p", { className: "text-neutral py-4 text-sm", children: confirmation.message }) : /* @__PURE__ */ jsx("p", { className: "text-neutral py-4 text-sm", children: confirmation.differentFormatMessage }),
           /* @__PURE__ */ jsxs("div", { className: "mt-12 flex justify-end gap-2 max-md:flex-col", children: [
@@ -97,9 +98,9 @@ const SaveForm = ({
               {
                 label: confirmation.cancelButton.label.value,
                 disabled: !isEdited || isLoading,
-                color: "text",
+                color: ButtonColor.TEXT,
                 className: "max-md:w-full",
-                variant: "outline",
+                variant: ButtonVariant.OUTLINE,
                 onClick: () => setIsFormatAlertModalOpen(false),
                 children: confirmation.cancelButton.text
               }
@@ -110,7 +111,7 @@ const SaveForm = ({
                 label: confirmation.confirmButton.label.value,
                 disabled: !isEdited || isLoading,
                 Icon: Save,
-                color: "text",
+                color: ButtonColor.TEXT,
                 className: "max-md:w-full",
                 isLoading: isPushing,
                 onClick: handleSaveDictionaryConfirmation,
@@ -132,8 +133,8 @@ const SaveForm = ({
             {
               label: deleteButton.label.value,
               Icon: Trash,
-              color: "error",
-              variant: "outline",
+              color: ButtonColor.ERROR,
+              variant: ButtonVariant.OUTLINE,
               className: "max-md:w-full",
               isLoading: isDeleting,
               onClick: handleDeleteDictionary,
@@ -146,8 +147,8 @@ const SaveForm = ({
               label: resetButton.label.value,
               disabled: !isEdited,
               Icon: RotateCcw,
-              variant: "outline",
-              color: "text",
+              variant: ButtonVariant.OUTLINE,
+              color: ButtonColor.TEXT,
               className: "max-md:w-full",
               onClick: () => restoreEditedContent(dictionary.key),
               children: resetButton.text
@@ -159,8 +160,8 @@ const SaveForm = ({
               label: downloadButton.label.value,
               disabled: !isEdited || isLoading,
               Icon: Download,
-              color: "text",
-              variant: isAuthenticated ? "outline" : "default",
+              color: ButtonColor.TEXT,
+              variant: isAuthenticated ? ButtonVariant.OUTLINE : ButtonVariant.DEFAULT,
               className: "max-md:w-full",
               isLoading: isWriting,
               onClick: () => setIsFormatAlertModalOpen(true),
@@ -173,7 +174,7 @@ const SaveForm = ({
               label: publishButton.label.value,
               disabled: isLoading,
               Icon: ArrowUpFromLine,
-              color: "text",
+              color: ButtonColor.TEXT,
               className: "max-md:w-full",
               isLoading: isPushing,
               onClick: handlePushDictionary,