@intlayer/design-system 5.1.2 → 5.1.4

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\n    goToElement: {\n      label: t({\n        en: 'Go to element',\n        'en-GB': 'Go to element',\n        fr: \"Aller à l'élément\",\n        es: 'Ir al elemento',\n        de: 'Zum Element gehen',\n        ja: '要素に移動',\n        ko: '요소로 이동',\n        zh: '转到元素',\n        it: 'Vai all’elemento',\n        pt: 'Ir para o elemento',\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    goToTranslation: {\n      label: t({\n        en: 'Go to translation',\n        'en-GB': 'Go to translation',\n        fr: 'Aller à la traduction',\n        es: 'Ir a la traducción',\n        de: 'Zur Übersetzung gehen',\n        ja: '翻訳に移動',\n        ko: '번역으로 이동',\n        zh: '转到翻译',\n        it: 'Vai alla traduzione',\n        pt: 'Ir para a tradução',\n        hi: 'अनुवाद पर जाएं',\n        ar: 'اذهب إلى الترجمة',\n        ru: 'Перейти к переводу',\n      }),\n    },\n    goToEnumeration: {\n      label: t({\n        en: 'Go to enumeration',\n        'en-GB': 'Go to enumeration',\n        fr: \"Aller à l'énumération\",\n        es: 'Ir a la enumeración',\n        de: 'Zur Aufzählung gehen',\n        ja: '列挙に移動',\n        ko: '열거로 이동',\n        zh: '转到枚举',\n        it: 'Vai all ENUMERAZIONE',\n        pt: 'Ir para a enumeração',\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    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":";AAEO,MAAM,wBAAwB;AAAA,EACnC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,gBAAgB,EAAE;AAAA,MAChB,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAW;AAAA,MACT,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL,CAAA;AAAA,IACH;AAAA,IAEA,aAAa;AAAA,MACX,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL,CAAA;AAAA,IACH;AAAA,IACA,eAAe;AAAA,MACb,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL,CAAA;AAAA,IACH;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL,CAAA;AAAA,IACH;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL,CAAA;AAAA,IACH;AAAA,IACA,mBAAmB;AAAA,MACjB,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL,CAAA;AAAA,IACH;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL,CAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"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\n    goToElement: {\n      label: t({\n        en: 'Go to element',\n        'en-GB': 'Go to element',\n        fr: \"Aller à l'élément\",\n        es: 'Ir al elemento',\n        de: 'Zum Element gehen',\n        ja: '要素に移動',\n        ko: '요소로 이동',\n        zh: '转到元素',\n        it: 'Vai all’elemento',\n        pt: 'Ir para o elemento',\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    goToTranslation: {\n      label: t({\n        en: 'Go to translation',\n        'en-GB': 'Go to translation',\n        fr: 'Aller à la traduction',\n        es: 'Ir a la traducción',\n        de: 'Zur Übersetzung gehen',\n        ja: '翻訳に移動',\n        ko: '번역으로 이동',\n        zh: '转到翻译',\n        it: 'Vai alla traduzione',\n        pt: 'Ir para a tradução',\n        hi: 'अनुवाद पर जाएं',\n        ar: 'اذهب إلى الترجمة',\n        ru: 'Перейти к переводу',\n      }),\n    },\n    goToEnumeration: {\n      label: t({\n        en: 'Go to enumeration',\n        'en-GB': 'Go to enumeration',\n        fr: \"Aller à l'énumération\",\n        es: 'Ir a la enumeración',\n        de: 'Zur Aufzählung gehen',\n        ja: '列挙に移動',\n        ko: '열거로 이동',\n        zh: '转到枚举',\n        it: 'Vai all ENUMERAZIONE',\n        pt: 'Ir para a enumeração',\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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"}

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

@@ -11,7 +11,7 @@ require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
 require("deepmerge");
-require("../../../index-CsenS2hX.cjs");
+require("../../../index-Db5Dym4h.cjs");
 require("@intlayer/config/client");
 require("../../Button/Button.cjs");
 require("../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.cjs");

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

@@ -9,7 +9,7 @@ import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import { usePushDictionaries, useWriteDictionary, useAuditContentDeclaration } from "../../../hooks/intlayerAPIHooks.mjs";
 import "deepmerge";
-import "../../../index-BKE0uywA.js";
+import "../../../index-BTDHuTxL.js";
 import "@intlayer/config/client";
 import "../../Button/Button.mjs";
 import "../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.mjs";

package/dist/components/DictionaryFieldEditor/StructureEditor.cjs

@@ -3,27 +3,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const editorReact = require("@intlayer/editor-react");
-const components_Container_index = require("../Container/index.cjs");
 const components_DictionaryFieldEditor_StructureView_StructureView = require("./StructureView/StructureView.cjs");
 const StructureEditor = ({ dictionary }) => {
-  const { content: dictionaryContent, key } = dictionary;
+  const { content, key } = dictionary;
   const { editedContent } = editorReact.useEditedContent();
-  const initialSection = editedContent?.[key]?.content ?? dictionaryContent;
+  const initialSection = typeof editedContent?.[key]?.content === "undefined" ? content : editedContent?.[key]?.content;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    components_Container_index.Container,
+    components_DictionaryFieldEditor_StructureView_StructureView.NodeView,
     {
-      background: "none",
-      border: true,
-      roundedSize: "2xl",
-      className: "w-full overflow-scroll p-3",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        components_DictionaryFieldEditor_StructureView_StructureView.StructureView,
-        {
-          keyPath: [],
-          section: initialSection,
-          dictionaryKey: key
-        }
-      )
+      section: initialSection,
+      keyPath: [],
+      dictionaryKey: dictionary.key
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"StructureEditor.cjs","sources":["../../../src/components/DictionaryFieldEditor/StructureEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { type FC } from 'react';\nimport { Container } from '../Container';\nimport { StructureView } from './StructureView/StructureView';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n};\n\nexport const StructureEditor: FC<NodeEditorProps> = ({ dictionary }) => {\n  const { content: dictionaryContent, key } = dictionary;\n  const { editedContent } = useEditedContent();\n  const initialSection = editedContent?.[key]?.content ?? dictionaryContent;\n\n  return (\n    <Container\n      background=\"none\"\n      border\n      roundedSize=\"2xl\"\n      className=\"w-full overflow-scroll p-3\"\n    >\n      <StructureView\n        keyPath={[]}\n        section={initialSection}\n        dictionaryKey={key}\n      />\n    </Container>\n  );\n};\n"],"names":["useEditedContent","jsx","Container","StructureView"],"mappings":";;;;;;;AAYO,MAAM,kBAAuC,CAAC,EAAE,iBAAiB;AACtE,QAAM,EAAE,SAAS,mBAAmB,IAAQ,IAAA;AACtC,QAAA,EAAE,cAAc,IAAIA,6BAAiB;AAC3C,QAAM,iBAAiB,gBAAgB,GAAG,GAAG,WAAW;AAGtD,SAAAC,2BAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,QAAM;AAAA,MACN,aAAY;AAAA,MACZ,WAAU;AAAA,MAEV,UAAAD,2BAAA;AAAA,QAACE,6DAAA;AAAA,QAAA;AAAA,UACC,SAAS,CAAC;AAAA,UACV,SAAS;AAAA,UACT,eAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"StructureEditor.cjs","sources":["../../../src/components/DictionaryFieldEditor/StructureEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { type FC } from 'react';\nimport { NodeView } from './StructureView/StructureView';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n};\n\nexport const StructureEditor: FC<NodeEditorProps> = ({ dictionary }) => {\n  const { content, key } = dictionary;\n\n  const { editedContent } = useEditedContent();\n  const initialSection =\n    typeof editedContent?.[key]?.content === 'undefined'\n      ? content\n      : editedContent?.[key]?.content;\n\n  return (\n    <NodeView\n      section={initialSection}\n      keyPath={[]}\n      dictionaryKey={dictionary.key}\n    />\n  );\n};\n"],"names":["useEditedContent","jsx","NodeView"],"mappings":";;;;;;AAWO,MAAM,kBAAuC,CAAC,EAAE,iBAAiB;AAChE,QAAA,EAAE,SAAS,IAAA,IAAQ;AAEnB,QAAA,EAAE,cAAc,IAAIA,6BAAiB;AACrC,QAAA,iBACJ,OAAO,gBAAgB,GAAG,GAAG,YAAY,cACrC,UACA,gBAAgB,GAAG,GAAG;AAG1B,SAAAC,2BAAA;AAAA,IAACC,6DAAA;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,SAAS,CAAC;AAAA,MACV,eAAe,WAAW;AAAA,IAAA;AAAA,EAC5B;AAEJ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"StructureEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/StructureEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,eAAe,CAmB/C,CAAC"}
+{"version":3,"file":"StructureEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/StructureEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,eAAe,CAgB/C,CAAC"}

package/dist/components/DictionaryFieldEditor/StructureEditor.mjs

@@ -1,27 +1,17 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useEditedContent } from "@intlayer/editor-react";
-import { Container } from "../Container/index.mjs";
-import { StructureView } from "./StructureView/StructureView.mjs";
+import { NodeView } from "./StructureView/StructureView.mjs";
 const StructureEditor = ({ dictionary }) => {
-  const { content: dictionaryContent, key } = dictionary;
+  const { content, key } = dictionary;
   const { editedContent } = useEditedContent();
-  const initialSection = editedContent?.[key]?.content ?? dictionaryContent;
+  const initialSection = typeof editedContent?.[key]?.content === "undefined" ? content : editedContent?.[key]?.content;
   return /* @__PURE__ */ jsx(
-    Container,
+    NodeView,
     {
-      background: "none",
-      border: true,
-      roundedSize: "2xl",
-      className: "w-full overflow-scroll p-3",
-      children: /* @__PURE__ */ jsx(
-        StructureView,
-        {
-          keyPath: [],
-          section: initialSection,
-          dictionaryKey: key
-        }
-      )
+      section: initialSection,
+      keyPath: [],
+      dictionaryKey: dictionary.key
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"StructureEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/StructureEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { type FC } from 'react';\nimport { Container } from '../Container';\nimport { StructureView } from './StructureView/StructureView';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n};\n\nexport const StructureEditor: FC<NodeEditorProps> = ({ dictionary }) => {\n  const { content: dictionaryContent, key } = dictionary;\n  const { editedContent } = useEditedContent();\n  const initialSection = editedContent?.[key]?.content ?? dictionaryContent;\n\n  return (\n    <Container\n      background=\"none\"\n      border\n      roundedSize=\"2xl\"\n      className=\"w-full overflow-scroll p-3\"\n    >\n      <StructureView\n        keyPath={[]}\n        section={initialSection}\n        dictionaryKey={key}\n      />\n    </Container>\n  );\n};\n"],"names":[],"mappings":";;;;;AAYO,MAAM,kBAAuC,CAAC,EAAE,iBAAiB;AACtE,QAAM,EAAE,SAAS,mBAAmB,IAAQ,IAAA;AACtC,QAAA,EAAE,cAAc,IAAI,iBAAiB;AAC3C,QAAM,iBAAiB,gBAAgB,GAAG,GAAG,WAAW;AAGtD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,QAAM;AAAA,MACN,aAAY;AAAA,MACZ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAAC;AAAA,UACV,SAAS;AAAA,UACT,eAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"StructureEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/StructureEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { type FC } from 'react';\nimport { NodeView } from './StructureView/StructureView';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n};\n\nexport const StructureEditor: FC<NodeEditorProps> = ({ dictionary }) => {\n  const { content, key } = dictionary;\n\n  const { editedContent } = useEditedContent();\n  const initialSection =\n    typeof editedContent?.[key]?.content === 'undefined'\n      ? content\n      : editedContent?.[key]?.content;\n\n  return (\n    <NodeView\n      section={initialSection}\n      keyPath={[]}\n      dictionaryKey={dictionary.key}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAWO,MAAM,kBAAuC,CAAC,EAAE,iBAAiB;AAChE,QAAA,EAAE,SAAS,IAAA,IAAQ;AAEnB,QAAA,EAAE,cAAc,IAAI,iBAAiB;AACrC,QAAA,iBACJ,OAAO,gBAAgB,GAAG,GAAG,YAAY,cACrC,UACA,gBAAgB,GAAG,GAAG;AAG1B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,SAAS,CAAC;AAAA,MACV,eAAe,WAAW;AAAA,IAAA;AAAA,EAC5B;AAEJ;"}

package/dist/components/DictionaryFieldEditor/StructureView/StructureView.cjs

@@ -139,13 +139,13 @@ const NodeView = ({
     {
       transparency: "xl",
       roundedSize: "xl",
-      background: "hoverable",
-      className: "w-full min-w-80 gap-2 px-5 py-2",
-      backgroundColor: "contrast",
+      className: "w-full min-w-80 gap-2 overflow-auto px-5 py-2",
+      border: true,
+      borderColor: "text",
       "aria-selected": core.isSameKeyPath(keyPath, focusedContent?.keyPath ?? []),
       onClick: () => setFocusedContentKeyPath(keyPath),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col items-start justify-between gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
+        typeof sectionKey === "string" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-10", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               components_EditableField_EditableFieldInput.EditableFieldInput,
@@ -207,8 +207,8 @@ const ObjectView = ({
   if (!section || typeof section !== "object") {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Not an object" });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mr-auto flex flex-col gap-2", children: Object.keys(section).map((key) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "flex w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 overflow-y-scroll", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mr-auto flex flex-col gap-4", children: Object.keys(section).map((key) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "flex w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
       NodeView,
       {
         sectionKey: key,
@@ -225,7 +225,7 @@ const ObjectView = ({
         size: "md",
         color: "text",
         Icon: lucideReact.Plus,
-        className: "w-80",
+        className: "flex-1",
         onClick: () => {
           const newKey = "newKey";
           const newKeyPath = [
@@ -265,6 +265,7 @@ const StructureView = ({
     }
   );
 };
+exports.NodeView = NodeView;
 exports.ObjectView = ObjectView;
 exports.StructureView = StructureView;
 //# sourceMappingURL=StructureView.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"StructureView.cjs","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/StructureView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type KeyPath,\n  type TypedNode,\n  type ContentNode,\n  getNodeChildren,\n  getNodeType,\n  isSameKeyPath,\n  NodeType,\n  getDefaultNode,\n} from '@intlayer/core';\nimport {\n  useConfiguration,\n  useEditedContentActions,\n  useFocusDictionary,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport { Plus, Trash } from 'lucide-react';\nimport { type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Button } from '../../Button';\nimport { Container } from '../../Container';\nimport { EditableFieldInput } from '../../EditableField';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\nimport { structureViewContent } from './structureView.content';\n\ntype NodeTypeViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onNodeTypeChange: (content?: ContentNode) => void;\n};\n\nconst NodeTypeView: FC<NodeTypeViewProps> = ({\n  section,\n  dictionaryKey,\n  keyPath,\n  onNodeTypeChange: onNodeTypeChangeProp,\n}) => {\n  const locales = useConfiguration().internationalization.locales;\n  const nodeType = getNodeType(section);\n  const children = getNodeChildren(section);\n\n  const onNodeTypeChange = (content?: ContentNode) => {\n    const transformedContent = getDefaultNode(\n      nodeType,\n      locales,\n      content\n    ) as ContentNode;\n\n    onNodeTypeChangeProp(transformedContent);\n  };\n\n  if (\n    nodeType === NodeType.Translation ||\n    nodeType === NodeType.Condition ||\n    nodeType === NodeType.Enumeration\n  ) {\n    const firstKey = Object.keys(\n      (section as unknown as TypedNode)[nodeType as keyof typeof section]\n    )[0];\n    const childrenKeyPath = [\n      ...keyPath,\n      { type: nodeType, key: firstKey },\n    ] as KeyPath[];\n\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryKey={dictionaryKey}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Array) {\n    const childrenKeyPath = [...keyPath, { type: nodeType, key: 0 } as KeyPath];\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryKey={dictionaryKey}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Object) {\n    return (\n      <>\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n        <div className=\"ml-10 mt-6\">\n          <StructureView\n            keyPath={keyPath}\n            section={section}\n            dictionaryKey={dictionaryKey}\n          />\n        </div>\n      </>\n    );\n  }\n\n  return (\n    <NodeTypeSelector\n      section={section}\n      onValueChange={(nodeType) =>\n        onNodeTypeChangeProp(getDefaultNode(nodeType, locales) as ContentNode)\n      }\n    />\n  );\n};\n\ntype NodeWrapperProps = {\n  sectionKey: string;\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nconst NodeView: FC<NodeWrapperProps> = ({\n  sectionKey,\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  const { renameEditedContent, addEditedContent } = useEditedContentActions();\n\n  const { titleInput, deleteButton } = useDictionary(structureViewContent);\n\n  const handleRenameNodeKey = (keyName: string) => {\n    renameEditedContent(dictionaryKey, keyName, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: keyName } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <Container\n      transparency=\"xl\"\n      roundedSize=\"xl\"\n      background=\"hoverable\"\n      className=\"w-full min-w-80 gap-2 px-5 py-2\"\n      backgroundColor=\"contrast\"\n      aria-selected={isSameKeyPath(keyPath, focusedContent?.keyPath ?? [])}\n      onClick={() => setFocusedContentKeyPath(keyPath)}\n    >\n      <div className=\"flex w-full flex-col items-start justify-between gap-3\">\n        <div className=\"w-full\">\n          <div className=\"flex w-full items-center justify-between gap-10\">\n            <EditableFieldInput\n              name=\"key\"\n              aria-label=\"Key\"\n              placeholder={titleInput.placeholder.value}\n              defaultValue={sectionKey}\n              onSave={(value) => handleRenameNodeKey(value)}\n              variant=\"invisible\"\n            />\n            <Button\n              label={deleteButton.label.value}\n              variant=\"hoverable\"\n              size=\"icon-sm\"\n              color=\"text\"\n              className=\"translate-x-2\"\n              Icon={Trash}\n              onClick={() => {\n                addEditedContent(dictionaryKey, undefined, keyPath);\n\n                const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                setFocusedContentKeyPath(parentKeyPath);\n              }}\n            />\n          </div>\n\n          <span className=\"text-neutral dark:text-neutral-dark ml-3 text-sm\">\n            ( {camelCaseToSentence(sectionKey)} )\n          </span>\n        </div>\n\n        <NodeTypeView\n          keyPath={keyPath}\n          dictionaryKey={dictionaryKey}\n          section={section}\n          onNodeTypeChange={(content) => {\n            addEditedContent(dictionaryKey, content, keyPath);\n          }}\n        />\n      </div>\n    </Container>\n  );\n};\n\ntype ObjectViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const ObjectView: FC<ObjectViewProps> = ({\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { addNodeButton } = useDictionary(structureViewContent);\n  const { setFocusedContentKeyPath } = useFocusDictionaryActions();\n  const { addEditedContent } = useEditedContentActions();\n\n  if (!section || typeof section !== 'object') {\n    return <div>Not an object</div>;\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <ul className=\"mr-auto flex flex-col gap-2\">\n        {Object.keys(section).map((key) => (\n          <li key={key} className=\"flex w-full\">\n            <NodeView\n              sectionKey={key}\n              section={section?.[key as keyof typeof section]}\n              keyPath={[...keyPath, { type: NodeType.Object, key }]}\n              dictionaryKey={dictionaryKey}\n            />\n          </li>\n        ))}\n      </ul>\n      <Button\n        label={addNodeButton.label.value}\n        variant=\"hoverable\"\n        size=\"md\"\n        color=\"text\"\n        Icon={Plus}\n        className=\"w-80\"\n        onClick={() => {\n          const newKey = 'newKey';\n          const newKeyPath = [\n            ...keyPath,\n            { type: NodeType.Object, key: newKey },\n          ] as KeyPath[];\n          addEditedContent(dictionaryKey, '', newKeyPath);\n          setFocusedContentKeyPath(newKeyPath);\n        }}\n      >\n        {addNodeButton.text}\n      </Button>\n    </div>\n  );\n};\n\ntype StructureViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const StructureView: FC<StructureViewProps> = ({\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  if (\n    !section ||\n    typeof section !== 'object' ||\n    typeof section.nodeType === 'string'\n  ) {\n    return (\n      <NodeView\n        sectionKey=\"content\"\n        section={section}\n        keyPath={keyPath}\n        dictionaryKey={dictionaryKey}\n      />\n    );\n  }\n\n  return (\n    <ObjectView\n      section={section}\n      keyPath={keyPath}\n      dictionaryKey={dictionaryKey}\n    />\n  );\n};\n"],"names":["useConfiguration","getNodeType","getNodeChildren","getDefaultNode","NodeType","jsxs","jsx","NodeTypeSelector","nodeType","Fragment","useFocusDictionary","useEditedContentActions","useDictionary","structureViewContent","Container","isSameKeyPath","EditableFieldInput","Button","Trash","camelCaseToSentence","useFocusDictionaryActions","Plus"],"mappings":"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"}
+{"version":3,"file":"StructureView.cjs","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/StructureView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type KeyPath,\n  type TypedNode,\n  type ContentNode,\n  getNodeChildren,\n  getNodeType,\n  isSameKeyPath,\n  NodeType,\n  getDefaultNode,\n} from '@intlayer/core';\nimport {\n  useConfiguration,\n  useEditedContentActions,\n  useFocusDictionary,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport { Plus, Trash } from 'lucide-react';\nimport { type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Button } from '../../Button';\nimport { Container } from '../../Container';\nimport { EditableFieldInput } from '../../EditableField';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\nimport { structureViewContent } from './structureView.content';\n\ntype NodeTypeViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onNodeTypeChange: (content?: ContentNode) => void;\n};\n\nconst NodeTypeView: FC<NodeTypeViewProps> = ({\n  section,\n  dictionaryKey,\n  keyPath,\n  onNodeTypeChange: onNodeTypeChangeProp,\n}) => {\n  const locales = useConfiguration().internationalization.locales;\n  const nodeType = getNodeType(section);\n  const children = getNodeChildren(section);\n\n  const onNodeTypeChange = (content?: ContentNode) => {\n    const transformedContent = getDefaultNode(\n      nodeType,\n      locales,\n      content\n    ) as ContentNode;\n\n    onNodeTypeChangeProp(transformedContent);\n  };\n\n  if (\n    nodeType === NodeType.Translation ||\n    nodeType === NodeType.Condition ||\n    nodeType === NodeType.Enumeration\n  ) {\n    const firstKey = Object.keys(\n      (section as unknown as TypedNode)[nodeType as keyof typeof section]\n    )[0];\n    const childrenKeyPath = [\n      ...keyPath,\n      { type: nodeType, key: firstKey },\n    ] as KeyPath[];\n\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryKey={dictionaryKey}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Array) {\n    const childrenKeyPath = [...keyPath, { type: nodeType, key: 0 } as KeyPath];\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryKey={dictionaryKey}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Object) {\n    return (\n      <>\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n        <div className=\"ml-10 mt-6\">\n          <StructureView\n            keyPath={keyPath}\n            section={section}\n            dictionaryKey={dictionaryKey}\n          />\n        </div>\n      </>\n    );\n  }\n\n  return (\n    <NodeTypeSelector\n      section={section}\n      onValueChange={(nodeType) =>\n        onNodeTypeChangeProp(getDefaultNode(nodeType, locales) as ContentNode)\n      }\n    />\n  );\n};\n\ntype NodeWrapperProps = {\n  sectionKey?: string;\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NodeView: FC<NodeWrapperProps> = ({\n  sectionKey,\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  const { renameEditedContent, addEditedContent } = useEditedContentActions();\n\n  const { titleInput, deleteButton } = useDictionary(structureViewContent);\n\n  const handleRenameNodeKey = (keyName: string) => {\n    renameEditedContent(dictionaryKey, keyName, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: keyName } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <Container\n      transparency=\"xl\"\n      roundedSize=\"xl\"\n      className=\"w-full min-w-80 gap-2 overflow-auto px-5 py-2\"\n      border\n      borderColor=\"text\"\n      aria-selected={isSameKeyPath(keyPath, focusedContent?.keyPath ?? [])}\n      onClick={() => setFocusedContentKeyPath(keyPath)}\n    >\n      <div className=\"flex w-full flex-col items-start justify-between gap-3\">\n        {typeof sectionKey === 'string' && (\n          <div className=\"w-full\">\n            <div className=\"flex w-full items-center justify-between gap-10\">\n              <EditableFieldInput\n                name=\"key\"\n                aria-label=\"Key\"\n                placeholder={titleInput.placeholder.value}\n                defaultValue={sectionKey}\n                onSave={(value) => handleRenameNodeKey(value)}\n                variant=\"invisible\"\n              />\n              <Button\n                label={deleteButton.label.value}\n                variant=\"hoverable\"\n                size=\"icon-sm\"\n                color=\"text\"\n                className=\"translate-x-2\"\n                Icon={Trash}\n                onClick={() => {\n                  addEditedContent(dictionaryKey, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              />\n            </div>\n\n            <span className=\"text-neutral dark:text-neutral-dark ml-3 text-sm\">\n              ( {camelCaseToSentence(sectionKey)} )\n            </span>\n          </div>\n        )}\n        <NodeTypeView\n          keyPath={keyPath}\n          dictionaryKey={dictionaryKey}\n          section={section}\n          onNodeTypeChange={(content) => {\n            addEditedContent(dictionaryKey, content, keyPath);\n          }}\n        />\n      </div>\n    </Container>\n  );\n};\n\ntype ObjectViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const ObjectView: FC<ObjectViewProps> = ({\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { addNodeButton } = useDictionary(structureViewContent);\n  const { setFocusedContentKeyPath } = useFocusDictionaryActions();\n  const { addEditedContent } = useEditedContentActions();\n\n  if (!section || typeof section !== 'object') {\n    return <div>Not an object</div>;\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2 overflow-y-scroll\">\n      <ul className=\"mr-auto flex flex-col gap-4\">\n        {Object.keys(section).map((key) => (\n          <li key={key} className=\"flex w-full\">\n            <NodeView\n              sectionKey={key}\n              section={section?.[key as keyof typeof section]}\n              keyPath={[...keyPath, { type: NodeType.Object, key }]}\n              dictionaryKey={dictionaryKey}\n            />\n          </li>\n        ))}\n      </ul>\n      <Button\n        label={addNodeButton.label.value}\n        variant=\"hoverable\"\n        size=\"md\"\n        color=\"text\"\n        Icon={Plus}\n        className=\"flex-1\"\n        onClick={() => {\n          const newKey = 'newKey';\n          const newKeyPath = [\n            ...keyPath,\n            { type: NodeType.Object, key: newKey },\n          ] as KeyPath[];\n          addEditedContent(dictionaryKey, '', newKeyPath);\n          setFocusedContentKeyPath(newKeyPath);\n        }}\n      >\n        {addNodeButton.text}\n      </Button>\n    </div>\n  );\n};\n\ntype StructureViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const StructureView: FC<StructureViewProps> = ({\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  if (\n    !section ||\n    typeof section !== 'object' ||\n    typeof section.nodeType === 'string'\n  ) {\n    return (\n      <NodeView\n        sectionKey={'content'}\n        section={section}\n        keyPath={keyPath}\n        dictionaryKey={dictionaryKey}\n      />\n    );\n  }\n\n  return (\n    <ObjectView\n      section={section}\n      keyPath={keyPath}\n      dictionaryKey={dictionaryKey}\n    />\n  );\n};\n"],"names":["useConfiguration","getNodeType","getNodeChildren","getDefaultNode","NodeType","jsxs","jsx","NodeTypeSelector","nodeType","Fragment","useFocusDictionary","useEditedContentActions","useDictionary","structureViewContent","Container","isSameKeyPath","EditableFieldInput","Button","Trash","camelCaseToSentence","useFocusDictionaryActions","Plus"],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/StructureView/StructureView.d.ts

@@ -1,5 +1,12 @@
 import { KeyPath, ContentNode } from '@intlayer/core';
 import { FC } from 'react';
+type NodeWrapperProps = {
+    sectionKey?: string;
+    dictionaryKey: string;
+    keyPath: KeyPath[];
+    section: ContentNode;
+};
+export declare const NodeView: FC<NodeWrapperProps>;
 type ObjectViewProps = {
     dictionaryKey: string;
     keyPath: KeyPath[];

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

@@ -1 +1 @@
-{"version":3,"file":"StructureView.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/StructureView.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,OAAO,EAEZ,KAAK,WAAW,EAMjB,MAAM,gBAAgB,CAAC;AAQxB,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAiNhC,KAAK,eAAe,GAAG;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgD1C,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA2BhD,CAAC"}
+{"version":3,"file":"StructureView.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/StructureView.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,OAAO,EAEZ,KAAK,WAAW,EAMjB,MAAM,gBAAgB,CAAC;AAQxB,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AA6HhC,KAAK,gBAAgB,GAAG;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,gBAAgB,CA4EzC,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgD1C,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA2BhD,CAAC"}

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { NodeType, isSameKeyPath, getNodeType, getNodeChildren, getDefaultNode } from "@intlayer/core";
-import { useFocusDictionaryActions, useEditedContentActions, useFocusDictionary, useConfiguration } from "@intlayer/editor-react";
-import { Plus, Trash } from "lucide-react";
+import { isSameKeyPath, NodeType, getNodeType, getNodeChildren, getDefaultNode } from "@intlayer/core";
+import { useFocusDictionary, useEditedContentActions, useFocusDictionaryActions, useConfiguration } from "@intlayer/editor-react";
+import { Trash, Plus } from "lucide-react";
 import { useDictionary } from "react-intlayer";
 import { camelCaseToSentence } from "../../../utils/camelCase.mjs";
 import { Button } from "../../Button/Button.mjs";
@@ -137,13 +137,13 @@ const NodeView = ({
     {
       transparency: "xl",
       roundedSize: "xl",
-      background: "hoverable",
-      className: "w-full min-w-80 gap-2 px-5 py-2",
-      backgroundColor: "contrast",
+      className: "w-full min-w-80 gap-2 overflow-auto px-5 py-2",
+      border: true,
+      borderColor: "text",
       "aria-selected": isSameKeyPath(keyPath, focusedContent?.keyPath ?? []),
       onClick: () => setFocusedContentKeyPath(keyPath),
       children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start justify-between gap-3", children: [
-        /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+        typeof sectionKey === "string" && /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-10", children: [
             /* @__PURE__ */ jsx(
               EditableFieldInput,
@@ -205,8 +205,8 @@ const ObjectView = ({
   if (!section || typeof section !== "object") {
     return /* @__PURE__ */ jsx("div", { children: "Not an object" });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx("ul", { className: "mr-auto flex flex-col gap-2", children: Object.keys(section).map((key) => /* @__PURE__ */ jsx("li", { className: "flex w-full", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 overflow-y-scroll", children: [
+    /* @__PURE__ */ jsx("ul", { className: "mr-auto flex flex-col gap-4", children: Object.keys(section).map((key) => /* @__PURE__ */ jsx("li", { className: "flex w-full", children: /* @__PURE__ */ jsx(
       NodeView,
       {
         sectionKey: key,
@@ -223,7 +223,7 @@ const ObjectView = ({
         size: "md",
         color: "text",
         Icon: Plus,
-        className: "w-80",
+        className: "flex-1",
         onClick: () => {
           const newKey = "newKey";
           const newKeyPath = [
@@ -264,6 +264,7 @@ const StructureView = ({
   );
 };
 export {
+  NodeView,
   ObjectView,
   StructureView
 };

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

@@ -1 +1 @@
-{"version":3,"file":"StructureView.mjs","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/StructureView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type KeyPath,\n  type TypedNode,\n  type ContentNode,\n  getNodeChildren,\n  getNodeType,\n  isSameKeyPath,\n  NodeType,\n  getDefaultNode,\n} from '@intlayer/core';\nimport {\n  useConfiguration,\n  useEditedContentActions,\n  useFocusDictionary,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport { Plus, Trash } from 'lucide-react';\nimport { type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Button } from '../../Button';\nimport { Container } from '../../Container';\nimport { EditableFieldInput } from '../../EditableField';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\nimport { structureViewContent } from './structureView.content';\n\ntype NodeTypeViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onNodeTypeChange: (content?: ContentNode) => void;\n};\n\nconst NodeTypeView: FC<NodeTypeViewProps> = ({\n  section,\n  dictionaryKey,\n  keyPath,\n  onNodeTypeChange: onNodeTypeChangeProp,\n}) => {\n  const locales = useConfiguration().internationalization.locales;\n  const nodeType = getNodeType(section);\n  const children = getNodeChildren(section);\n\n  const onNodeTypeChange = (content?: ContentNode) => {\n    const transformedContent = getDefaultNode(\n      nodeType,\n      locales,\n      content\n    ) as ContentNode;\n\n    onNodeTypeChangeProp(transformedContent);\n  };\n\n  if (\n    nodeType === NodeType.Translation ||\n    nodeType === NodeType.Condition ||\n    nodeType === NodeType.Enumeration\n  ) {\n    const firstKey = Object.keys(\n      (section as unknown as TypedNode)[nodeType as keyof typeof section]\n    )[0];\n    const childrenKeyPath = [\n      ...keyPath,\n      { type: nodeType, key: firstKey },\n    ] as KeyPath[];\n\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryKey={dictionaryKey}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Array) {\n    const childrenKeyPath = [...keyPath, { type: nodeType, key: 0 } as KeyPath];\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryKey={dictionaryKey}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Object) {\n    return (\n      <>\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n        <div className=\"ml-10 mt-6\">\n          <StructureView\n            keyPath={keyPath}\n            section={section}\n            dictionaryKey={dictionaryKey}\n          />\n        </div>\n      </>\n    );\n  }\n\n  return (\n    <NodeTypeSelector\n      section={section}\n      onValueChange={(nodeType) =>\n        onNodeTypeChangeProp(getDefaultNode(nodeType, locales) as ContentNode)\n      }\n    />\n  );\n};\n\ntype NodeWrapperProps = {\n  sectionKey: string;\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nconst NodeView: FC<NodeWrapperProps> = ({\n  sectionKey,\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  const { renameEditedContent, addEditedContent } = useEditedContentActions();\n\n  const { titleInput, deleteButton } = useDictionary(structureViewContent);\n\n  const handleRenameNodeKey = (keyName: string) => {\n    renameEditedContent(dictionaryKey, keyName, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: keyName } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <Container\n      transparency=\"xl\"\n      roundedSize=\"xl\"\n      background=\"hoverable\"\n      className=\"w-full min-w-80 gap-2 px-5 py-2\"\n      backgroundColor=\"contrast\"\n      aria-selected={isSameKeyPath(keyPath, focusedContent?.keyPath ?? [])}\n      onClick={() => setFocusedContentKeyPath(keyPath)}\n    >\n      <div className=\"flex w-full flex-col items-start justify-between gap-3\">\n        <div className=\"w-full\">\n          <div className=\"flex w-full items-center justify-between gap-10\">\n            <EditableFieldInput\n              name=\"key\"\n              aria-label=\"Key\"\n              placeholder={titleInput.placeholder.value}\n              defaultValue={sectionKey}\n              onSave={(value) => handleRenameNodeKey(value)}\n              variant=\"invisible\"\n            />\n            <Button\n              label={deleteButton.label.value}\n              variant=\"hoverable\"\n              size=\"icon-sm\"\n              color=\"text\"\n              className=\"translate-x-2\"\n              Icon={Trash}\n              onClick={() => {\n                addEditedContent(dictionaryKey, undefined, keyPath);\n\n                const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                setFocusedContentKeyPath(parentKeyPath);\n              }}\n            />\n          </div>\n\n          <span className=\"text-neutral dark:text-neutral-dark ml-3 text-sm\">\n            ( {camelCaseToSentence(sectionKey)} )\n          </span>\n        </div>\n\n        <NodeTypeView\n          keyPath={keyPath}\n          dictionaryKey={dictionaryKey}\n          section={section}\n          onNodeTypeChange={(content) => {\n            addEditedContent(dictionaryKey, content, keyPath);\n          }}\n        />\n      </div>\n    </Container>\n  );\n};\n\ntype ObjectViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const ObjectView: FC<ObjectViewProps> = ({\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { addNodeButton } = useDictionary(structureViewContent);\n  const { setFocusedContentKeyPath } = useFocusDictionaryActions();\n  const { addEditedContent } = useEditedContentActions();\n\n  if (!section || typeof section !== 'object') {\n    return <div>Not an object</div>;\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <ul className=\"mr-auto flex flex-col gap-2\">\n        {Object.keys(section).map((key) => (\n          <li key={key} className=\"flex w-full\">\n            <NodeView\n              sectionKey={key}\n              section={section?.[key as keyof typeof section]}\n              keyPath={[...keyPath, { type: NodeType.Object, key }]}\n              dictionaryKey={dictionaryKey}\n            />\n          </li>\n        ))}\n      </ul>\n      <Button\n        label={addNodeButton.label.value}\n        variant=\"hoverable\"\n        size=\"md\"\n        color=\"text\"\n        Icon={Plus}\n        className=\"w-80\"\n        onClick={() => {\n          const newKey = 'newKey';\n          const newKeyPath = [\n            ...keyPath,\n            { type: NodeType.Object, key: newKey },\n          ] as KeyPath[];\n          addEditedContent(dictionaryKey, '', newKeyPath);\n          setFocusedContentKeyPath(newKeyPath);\n        }}\n      >\n        {addNodeButton.text}\n      </Button>\n    </div>\n  );\n};\n\ntype StructureViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const StructureView: FC<StructureViewProps> = ({\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  if (\n    !section ||\n    typeof section !== 'object' ||\n    typeof section.nodeType === 'string'\n  ) {\n    return (\n      <NodeView\n        sectionKey=\"content\"\n        section={section}\n        keyPath={keyPath}\n        dictionaryKey={dictionaryKey}\n      />\n    );\n  }\n\n  return (\n    <ObjectView\n      section={section}\n      keyPath={keyPath}\n      dictionaryKey={dictionaryKey}\n    />\n  );\n};\n"],"names":["nodeType"],"mappings":"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"}
+{"version":3,"file":"StructureView.mjs","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/StructureView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type KeyPath,\n  type TypedNode,\n  type ContentNode,\n  getNodeChildren,\n  getNodeType,\n  isSameKeyPath,\n  NodeType,\n  getDefaultNode,\n} from '@intlayer/core';\nimport {\n  useConfiguration,\n  useEditedContentActions,\n  useFocusDictionary,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport { Plus, Trash } from 'lucide-react';\nimport { type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Button } from '../../Button';\nimport { Container } from '../../Container';\nimport { EditableFieldInput } from '../../EditableField';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\nimport { structureViewContent } from './structureView.content';\n\ntype NodeTypeViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onNodeTypeChange: (content?: ContentNode) => void;\n};\n\nconst NodeTypeView: FC<NodeTypeViewProps> = ({\n  section,\n  dictionaryKey,\n  keyPath,\n  onNodeTypeChange: onNodeTypeChangeProp,\n}) => {\n  const locales = useConfiguration().internationalization.locales;\n  const nodeType = getNodeType(section);\n  const children = getNodeChildren(section);\n\n  const onNodeTypeChange = (content?: ContentNode) => {\n    const transformedContent = getDefaultNode(\n      nodeType,\n      locales,\n      content\n    ) as ContentNode;\n\n    onNodeTypeChangeProp(transformedContent);\n  };\n\n  if (\n    nodeType === NodeType.Translation ||\n    nodeType === NodeType.Condition ||\n    nodeType === NodeType.Enumeration\n  ) {\n    const firstKey = Object.keys(\n      (section as unknown as TypedNode)[nodeType as keyof typeof section]\n    )[0];\n    const childrenKeyPath = [\n      ...keyPath,\n      { type: nodeType, key: firstKey },\n    ] as KeyPath[];\n\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryKey={dictionaryKey}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Array) {\n    const childrenKeyPath = [...keyPath, { type: nodeType, key: 0 } as KeyPath];\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryKey={dictionaryKey}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Object) {\n    return (\n      <>\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n        <div className=\"ml-10 mt-6\">\n          <StructureView\n            keyPath={keyPath}\n            section={section}\n            dictionaryKey={dictionaryKey}\n          />\n        </div>\n      </>\n    );\n  }\n\n  return (\n    <NodeTypeSelector\n      section={section}\n      onValueChange={(nodeType) =>\n        onNodeTypeChangeProp(getDefaultNode(nodeType, locales) as ContentNode)\n      }\n    />\n  );\n};\n\ntype NodeWrapperProps = {\n  sectionKey?: string;\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NodeView: FC<NodeWrapperProps> = ({\n  sectionKey,\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  const { renameEditedContent, addEditedContent } = useEditedContentActions();\n\n  const { titleInput, deleteButton } = useDictionary(structureViewContent);\n\n  const handleRenameNodeKey = (keyName: string) => {\n    renameEditedContent(dictionaryKey, keyName, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: keyName } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <Container\n      transparency=\"xl\"\n      roundedSize=\"xl\"\n      className=\"w-full min-w-80 gap-2 overflow-auto px-5 py-2\"\n      border\n      borderColor=\"text\"\n      aria-selected={isSameKeyPath(keyPath, focusedContent?.keyPath ?? [])}\n      onClick={() => setFocusedContentKeyPath(keyPath)}\n    >\n      <div className=\"flex w-full flex-col items-start justify-between gap-3\">\n        {typeof sectionKey === 'string' && (\n          <div className=\"w-full\">\n            <div className=\"flex w-full items-center justify-between gap-10\">\n              <EditableFieldInput\n                name=\"key\"\n                aria-label=\"Key\"\n                placeholder={titleInput.placeholder.value}\n                defaultValue={sectionKey}\n                onSave={(value) => handleRenameNodeKey(value)}\n                variant=\"invisible\"\n              />\n              <Button\n                label={deleteButton.label.value}\n                variant=\"hoverable\"\n                size=\"icon-sm\"\n                color=\"text\"\n                className=\"translate-x-2\"\n                Icon={Trash}\n                onClick={() => {\n                  addEditedContent(dictionaryKey, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              />\n            </div>\n\n            <span className=\"text-neutral dark:text-neutral-dark ml-3 text-sm\">\n              ( {camelCaseToSentence(sectionKey)} )\n            </span>\n          </div>\n        )}\n        <NodeTypeView\n          keyPath={keyPath}\n          dictionaryKey={dictionaryKey}\n          section={section}\n          onNodeTypeChange={(content) => {\n            addEditedContent(dictionaryKey, content, keyPath);\n          }}\n        />\n      </div>\n    </Container>\n  );\n};\n\ntype ObjectViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const ObjectView: FC<ObjectViewProps> = ({\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { addNodeButton } = useDictionary(structureViewContent);\n  const { setFocusedContentKeyPath } = useFocusDictionaryActions();\n  const { addEditedContent } = useEditedContentActions();\n\n  if (!section || typeof section !== 'object') {\n    return <div>Not an object</div>;\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2 overflow-y-scroll\">\n      <ul className=\"mr-auto flex flex-col gap-4\">\n        {Object.keys(section).map((key) => (\n          <li key={key} className=\"flex w-full\">\n            <NodeView\n              sectionKey={key}\n              section={section?.[key as keyof typeof section]}\n              keyPath={[...keyPath, { type: NodeType.Object, key }]}\n              dictionaryKey={dictionaryKey}\n            />\n          </li>\n        ))}\n      </ul>\n      <Button\n        label={addNodeButton.label.value}\n        variant=\"hoverable\"\n        size=\"md\"\n        color=\"text\"\n        Icon={Plus}\n        className=\"flex-1\"\n        onClick={() => {\n          const newKey = 'newKey';\n          const newKeyPath = [\n            ...keyPath,\n            { type: NodeType.Object, key: newKey },\n          ] as KeyPath[];\n          addEditedContent(dictionaryKey, '', newKeyPath);\n          setFocusedContentKeyPath(newKeyPath);\n        }}\n      >\n        {addNodeButton.text}\n      </Button>\n    </div>\n  );\n};\n\ntype StructureViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const StructureView: FC<StructureViewProps> = ({\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  if (\n    !section ||\n    typeof section !== 'object' ||\n    typeof section.nodeType === 'string'\n  ) {\n    return (\n      <NodeView\n        sectionKey={'content'}\n        section={section}\n        keyPath={keyPath}\n        dictionaryKey={dictionaryKey}\n      />\n    );\n  }\n\n  return (\n    <ObjectView\n      section={section}\n      keyPath={keyPath}\n      dictionaryKey={dictionaryKey}\n    />\n  );\n};\n"],"names":["nodeType"],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/getIsEditableSection.cjs

@@ -6,7 +6,8 @@ const getIsEditableSection = (section) => {
   return typeof children === "string" || // String
   typeof children === "number" || // Number
   typeof children === "boolean" || // Boolean
-  typeof children === "undefined";
+  typeof children === "undefined" || // Undefined like nested field
+  children?.nodeType === core.NodeType.Markdown;
 };
 exports.getIsEditableSection = getIsEditableSection;
 //# sourceMappingURL=getIsEditableSection.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"getIsEditableSection.cjs","sources":["../../../src/components/DictionaryFieldEditor/getIsEditableSection.ts"],"sourcesContent":["import { type ContentNode, getNodeChildren } from '@intlayer/core';\n\nexport const getIsEditableSection = (section: ContentNode): boolean => {\n  const children = getNodeChildren(section);\n\n  return (\n    typeof children === 'string' || // String\n    typeof children === 'number' || // Number\n    typeof children === 'boolean' || // Boolean\n    typeof children === 'undefined' // Undefined like nested field\n  );\n};\n"],"names":["getNodeChildren"],"mappings":";;;AAEa,MAAA,uBAAuB,CAAC,YAAkC;AAC/D,QAAA,WAAWA,qBAAgB,OAAO;AAExC,SACE,OAAO,aAAa;AAAA,EACpB,OAAO,aAAa;AAAA,EACpB,OAAO,aAAa;AAAA,EACpB,OAAO,aAAa;AAExB;;"}
+{"version":3,"file":"getIsEditableSection.cjs","sources":["../../../src/components/DictionaryFieldEditor/getIsEditableSection.ts"],"sourcesContent":["import {\n  type ContentNode,\n  type MarkdownContent,\n  getNodeChildren,\n  NodeType,\n} from '@intlayer/core';\n\nexport const getIsEditableSection = (section: ContentNode): boolean => {\n  const children = getNodeChildren(section);\n\n  return (\n    typeof children === 'string' || // String\n    typeof children === 'number' || // Number\n    typeof children === 'boolean' || // Boolean\n    typeof children === 'undefined' || // Undefined like nested field\n    (children as MarkdownContent)?.nodeType === NodeType.Markdown\n  );\n};\n"],"names":["getNodeChildren","NodeType"],"mappings":";;;AAOa,MAAA,uBAAuB,CAAC,YAAkC;AAC/D,QAAA,WAAWA,qBAAgB,OAAO;AAExC,SACE,OAAO,aAAa;AAAA,EACpB,OAAO,aAAa;AAAA,EACpB,OAAO,aAAa;AAAA,EACpB,OAAO,aAAa;AAAA,EACnB,UAA8B,aAAaC,KAAAA,SAAS;AAEzD;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"getIsEditableSection.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/getIsEditableSection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAmB,MAAM,gBAAgB,CAAC;AAEnE,eAAO,MAAM,oBAAoB,YAAa,WAAW,KAAG,OAS3D,CAAC"}
+{"version":3,"file":"getIsEditableSection.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/getIsEditableSection.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAIjB,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,oBAAoB,YAAa,WAAW,KAAG,OAU3D,CAAC"}

package/dist/components/DictionaryFieldEditor/getIsEditableSection.mjs

@@ -1,10 +1,11 @@
-import { getNodeChildren } from "@intlayer/core";
+import { getNodeChildren, NodeType } from "@intlayer/core";
 const getIsEditableSection = (section) => {
   const children = getNodeChildren(section);
   return typeof children === "string" || // String
   typeof children === "number" || // Number
   typeof children === "boolean" || // Boolean
-  typeof children === "undefined";
+  typeof children === "undefined" || // Undefined like nested field
+  children?.nodeType === NodeType.Markdown;
 };
 export {
   getIsEditableSection

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

@@ -1 +1 @@
-{"version":3,"file":"getIsEditableSection.mjs","sources":["../../../src/components/DictionaryFieldEditor/getIsEditableSection.ts"],"sourcesContent":["import { type ContentNode, getNodeChildren } from '@intlayer/core';\n\nexport const getIsEditableSection = (section: ContentNode): boolean => {\n  const children = getNodeChildren(section);\n\n  return (\n    typeof children === 'string' || // String\n    typeof children === 'number' || // Number\n    typeof children === 'boolean' || // Boolean\n    typeof children === 'undefined' // Undefined like nested field\n  );\n};\n"],"names":[],"mappings":";AAEa,MAAA,uBAAuB,CAAC,YAAkC;AAC/D,QAAA,WAAW,gBAAgB,OAAO;AAExC,SACE,OAAO,aAAa;AAAA,EACpB,OAAO,aAAa;AAAA,EACpB,OAAO,aAAa;AAAA,EACpB,OAAO,aAAa;AAExB;"}
+{"version":3,"file":"getIsEditableSection.mjs","sources":["../../../src/components/DictionaryFieldEditor/getIsEditableSection.ts"],"sourcesContent":["import {\n  type ContentNode,\n  type MarkdownContent,\n  getNodeChildren,\n  NodeType,\n} from '@intlayer/core';\n\nexport const getIsEditableSection = (section: ContentNode): boolean => {\n  const children = getNodeChildren(section);\n\n  return (\n    typeof children === 'string' || // String\n    typeof children === 'number' || // Number\n    typeof children === 'boolean' || // Boolean\n    typeof children === 'undefined' || // Undefined like nested field\n    (children as MarkdownContent)?.nodeType === NodeType.Markdown\n  );\n};\n"],"names":[],"mappings":";AAOa,MAAA,uBAAuB,CAAC,YAAkC;AAC/D,QAAA,WAAW,gBAAgB,OAAO;AAExC,SACE,OAAO,aAAa;AAAA,EACpB,OAAO,aAAa;AAAA,EACpB,OAAO,aAAa;AAAA,EACpB,OAAO,aAAa;AAAA,EACnB,UAA8B,aAAa,SAAS;AAEzD;"}

package/dist/components/MarkDownRender/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/core';\nimport Markdown, { type MarkdownToJSX } from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3, H4 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: Locales;\n  overrides?: MarkdownToJSX.Overrides;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  overrides,\n}) => (\n  <CodeProvider>\n    <Markdown\n      options={{\n        overrides: {\n          h1: (props) => <H1 isClickable={true} {...props} />,\n          h2: (props) => <H2 isClickable={true} {...props} />,\n          h3: (props) => <H3 isClickable={true} {...props} />,\n          h4: (props) => <H4 isClickable={true} {...props} />,\n\n          code: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Code\n                isDarkMode={isDarkMode}\n                language={props.className?.replace('lang-', '')}\n                {...props}\n              />\n            ),\n\n          blockquote: ({ className, ...props }) => (\n            <blockquote\n              className={cn(\n                'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                className\n              )}\n              {...props}\n            />\n          ),\n          ul: ({ className, ...props }) => (\n            <ul\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          ol: ({ className, ...props }) => (\n            <ol\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          li: ({ className, ...props }) => (\n            <li className={cn('list-disc', className)} {...props} />\n          ),\n          img: ({ className, ...props }) => (\n            // eslint-disable-next-line jsx-a11y/alt-text\n            <img\n              {...props}\n              loading=\"lazy\"\n              className={cn('max-w-full rounded-md', className)}\n              src={`${props.src}?raw=true`}\n            />\n          ),\n          a: (props) => (\n            <Link\n              color=\"neutral\"\n              isExternalLink={props.href?.startsWith('http')}\n              underlined={true}\n              locale={locale}\n              {...props}\n            />\n          ),\n          pre: (props) => props.children,\n          table: ({ className, ...props }) => (\n            <div className=\"grid w-full max-w-full overflow-scroll rounded\">\n              <table\n                className={cn(\n                  'max-w-full table-auto overflow-hidden text-left',\n                  className\n                )}\n                {...props}\n              />\n            </div>\n          ),\n          th: ({ className, ...props }) => (\n            <th\n              className={cn(\n                'border-neutral bg-neutral/10 border-b p-4',\n                className\n              )}\n              {...props}\n            />\n          ),\n          tr: ({ className, ...props }) => (\n            <tr\n              className={cn(\n                'hover:bg-neutral/10 hover:dark:bg-neutral-dark/10',\n                className\n              )}\n              {...props}\n            />\n          ),\n          td: ({ className, ...props }) => (\n            <td\n              className={cn('border-b border-neutral-500/50 p-4', className)}\n              {...props}\n            />\n          ),\n          ...overrides,\n        },\n        wrapper: ({ className, ...props }) => (\n          <>\n            <SectionScroller />\n            <div\n              className={cn('flex flex-col gap-6 p-10', className)}\n              {...props}\n            />\n          </>\n        ),\n      }}\n    >\n      {children ?? ''}\n    </Markdown>\n  </CodeProvider>\n);\n"],"names":["CodeProvider","jsx","H1","H2","H3","H4","Code","cn","Link","jsxs","Fragment","SectionScroller"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config';\nimport Markdown, { type MarkdownToJSX } from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3, H4 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: Locales;\n  overrides?: MarkdownToJSX.Overrides;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  overrides,\n}) => (\n  <CodeProvider>\n    <Markdown\n      options={{\n        overrides: {\n          h1: (props) => <H1 isClickable={true} {...props} />,\n          h2: (props) => <H2 isClickable={true} {...props} />,\n          h3: (props) => <H3 isClickable={true} {...props} />,\n          h4: (props) => <H4 isClickable={true} {...props} />,\n\n          code: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Code\n                isDarkMode={isDarkMode}\n                language={props.className?.replace('lang-', '')}\n                {...props}\n              />\n            ),\n\n          blockquote: ({ className, ...props }) => (\n            <blockquote\n              className={cn(\n                'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                className\n              )}\n              {...props}\n            />\n          ),\n          ul: ({ className, ...props }) => (\n            <ul\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          ol: ({ className, ...props }) => (\n            <ol\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          li: ({ className, ...props }) => (\n            <li className={cn('list-disc', className)} {...props} />\n          ),\n          img: ({ className, ...props }) => (\n            // eslint-disable-next-line jsx-a11y/alt-text\n            <img\n              {...props}\n              loading=\"lazy\"\n              className={cn('max-w-full rounded-md', className)}\n              src={`${props.src}?raw=true`}\n            />\n          ),\n          a: (props) => (\n            <Link\n              color=\"neutral\"\n              isExternalLink={props.href?.startsWith('http')}\n              underlined={true}\n              locale={locale}\n              {...props}\n            />\n          ),\n          pre: (props) => props.children,\n          table: ({ className, ...props }) => (\n            <div className=\"grid w-full max-w-full overflow-scroll rounded\">\n              <table\n                className={cn(\n                  'max-w-full table-auto overflow-hidden text-left',\n                  className\n                )}\n                {...props}\n              />\n            </div>\n          ),\n          th: ({ className, ...props }) => (\n            <th\n              className={cn(\n                'border-neutral bg-neutral/10 border-b p-4',\n                className\n              )}\n              {...props}\n            />\n          ),\n          tr: ({ className, ...props }) => (\n            <tr\n              className={cn(\n                'hover:bg-neutral/10 hover:dark:bg-neutral-dark/10',\n                className\n              )}\n              {...props}\n            />\n          ),\n          td: ({ className, ...props }) => (\n            <td\n              className={cn('border-b border-neutral-500/50 p-4', className)}\n              {...props}\n            />\n          ),\n          ...overrides,\n        },\n        wrapper: ({ className, ...props }) => (\n          <>\n            <SectionScroller />\n            <div\n              className={cn('flex flex-col gap-6 p-10', className)}\n              {...props}\n            />\n          </>\n        ),\n      }}\n    >\n      {children ?? ''}\n    </Markdown>\n  </CodeProvider>\n);\n"],"names":["CodeProvider","jsx","H1","H2","H3","H4","Code","cn","Link","jsxs","Fragment","SectionScroller"],"mappings":"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"}

package/dist/components/MarkDownRender/index.d.ts

@@ -1,4 +1,4 @@
-import { Locales } from '@intlayer/core';
+import { Locales } from '@intlayer/config';
 import { MarkdownToJSX } from 'markdown-to-jsx';
 import { FC } from 'react';
 type MarkdownRendererProps = {

package/dist/components/MarkDownRender/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRender/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0HtD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRender/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0HtD,CAAC"}