@intlayer/design-system 6.1.6 → 7.0.0-canary.1

package/dist/esm/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.content.mjs

@@ -0,0 +1,248 @@
+import { t } from "intlayer";
+
+//#region src/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.content.ts
+const useDictionaryDetailsSchemaContent = {
+	key: "dictionary-detail-schema",
+	content: {
+		titleRequiredError: t({
+			en: "Please enter a name for your organization.",
+			"en-GB": "Please enter a name for your organization.",
+			fr: "Veuillez saisir un nom pour votre organisation.",
+			es: "Por favor, ingrese un nombre para su organización.",
+			de: "Bitte geben Sie einen Namen für Ihre Organisation ein.",
+			ja: "あなたの組織の名前を入力してください。",
+			ko: "조직 이름을 입력하세요.",
+			zh: "请输入您组织的名称。",
+			it: "Si prega di inserire un nome per la propria organizzazione.",
+			pt: "Por favor, insira um nome para sua organização.",
+			hi: "कृपया अपने संगठन का नाम दर्ज करें।",
+			ar: "يرجى إدخال اسم منظمتك.",
+			ru: "Пожалуйста, введите название вашей организации.",
+			tr: "Lütfen organizasyonunuz için bir isim girin.",
+			pl: "Proszę podać nazwę organizacji.",
+			id: "Silakan masukkan nama organisasi Anda.",
+			vi: "Vui lòng nhập tên cho tổ chức của bạn."
+		}),
+		titleInvalidTypeError: t({
+			en: "The organization name must be a valid string.",
+			"en-GB": "The organization name must be a valid string.",
+			fr: "Le nom de votre organisation doit être une chaîne valide.",
+			es: "El nombre de su organización debe ser una cadena válida.",
+			de: "Der Name der Organisation muss eine gültige Zeichenfolge sein.",
+			ja: "組織名は有効な文字列である必要があります。",
+			ko: "조직 이름은 유효한 문자열이어야 합니다.",
+			zh: "组织名称必须是有效的字符串。",
+			it: "Il nome dell'organizzazione deve essere una stringa valida.",
+			pt: "O nome da organização deve ser uma string válida.",
+			hi: "संगठन का नाम एक वैध स्ट्रिंग होना चाहिए।",
+			ar: "يجب أن يكون اسم المنظمة سلسلة صحيحة.",
+			ru: "Имя организации должно быть правильной строкой.",
+			tr: "Organizasyon adı geçerli bir dize olmalıdır.",
+			pl: "Nazwa organizacji musi być poprawnym łańcuchem znaków.",
+			id: "Nama organisasi harus berupa string yang valid.",
+			vi: "Tên tổ chức phải là một chuỗi hợp lệ."
+		}),
+		titleMinLengthError: t({
+			en: "The organization name must be at least 4 characters long.",
+			"en-GB": "The organization name must be at least 4 characters long.",
+			fr: "Le nom de votre organisation doit comporter au moins 4 caractères.",
+			es: "El nombre de su organización debe tener al menos 4 caracteres.",
+			de: "Der Name der Organisation muss mindestens 4 Zeichen lang sein.",
+			ja: "組織名は4文字以上でなければなりません。",
+			ko: "조직 이름은 4자 이상이어야 합니다.",
+			zh: "组织名称必须至少4个字符。",
+			it: "Il nome dell'organizzazione deve essere lungo almeno 4 caratteri.",
+			pt: "O nome da organização deve ter pelo menos 4 caracteres.",
+			hi: "संगठन का नाम कम से कम 4 वर्ण का होना चाहिए।",
+			ar: "يجب أن يكون اسم المنظمة مكونًا من 4 أحرف على الأقل.",
+			ru: "Имя организации должно содержать не менее 4 символов.",
+			tr: "Organizasyon adı en az 4 karakter uzunluğunda olmalıdır.",
+			pl: "Nazwa organizacji musi mieć co najmniej 4 znaki.",
+			id: "Nama organisasi harus terdiri dari minimal 4 karakter.",
+			vi: "Tên tổ chức phải có ít nhất 4 ký tự."
+		}),
+		keyRequiredError: t({
+			en: "Please enter a key for your organization.",
+			"en-GB": "Please enter a key for your organization.",
+			fr: "Veuillez saisir une clé pour votre organisation.",
+			es: "Por favor, ingrese una clave para su organización.",
+			de: "Bitte geben Sie einen Schlüssel für Ihre Organisation ein.",
+			ja: "あなたの組織のためにキーを入力してください。",
+			ko: "조직에 대한 키를 입력하세요.",
+			zh: "请输入您组织的键。",
+			it: "Si prega di inserire una chiave per la propria organizzazione.",
+			pt: "Por favor, insira uma chave para sua organização.",
+			hi: "कृपया अपने संगठन के लिए एक कुंजी दर्ज करें।",
+			ar: "يرجى إدخال مفتاح لمنظمتك.",
+			ru: "Пожалуйста, введите ключ для вашей организации.",
+			tr: "Lütfen organizasyonunuz için bir anahtar girin.",
+			pl: "Proszę podać klucz organizacji.",
+			id: "Silakan masukkan key untuk organisasi Anda.",
+			vi: "Vui lòng nhập một key cho tổ chức của bạn."
+		}),
+		keyInvalidTypeError: t({
+			en: "The key must be a valid string.",
+			"en-GB": "The key must be a valid string.",
+			fr: "La clé doit être une chaîne valide.",
+			es: "La clave debe ser una cadena válida.",
+			de: "Der Schlüssel muss eine gültige Zeichenfolge sein.",
+			ja: "キーは有効な文字列である必要があります。",
+			ko: "키는 유효한 문자열이어야 합니다.",
+			zh: "关键字必须是有效的字符串。",
+			it: "La chiave deve essere una stringa valida.",
+			pt: "A chave deve ser uma string válida.",
+			hi: "कुंजी एक वैध स्ट्रिंग होनी चाहिए।",
+			ar: "يجب أن يكون المفتاح سلسلة صحيحة.",
+			ru: "Ключ должен быть правильной строкой.",
+			tr: "Anahtar geçerli bir dize olmalıdır.",
+			pl: "Klucz musi być poprawnym łańcuchem znaków.",
+			id: "Key harus berupa string yang valid.",
+			vi: "Key phải là một chuỗi hợp lệ."
+		}),
+		keySpaceError: t({
+			en: "The key cannot contain spaces or special characters.",
+			"en-GB": "The key cannot contain spaces or special characters.",
+			fr: "La clé ne peut pas contenir d'espaces ou de caractères spéciaux.",
+			es: "La clave no puede contener espacios o caracteres especiales.",
+			de: "Der Schlüssel darf keine Leerzeichen oder Sonderzeichen enthalten.",
+			ja: "キーにはスペースや特殊文字を含めることはできません。",
+			ko: "키에는 공백이나 특수 문자가 포함될 수 없습니다.",
+			zh: "关键字不能包含空格或特殊字符。",
+			it: "La chiave non può contenere spazi o caratteri speciali.",
+			pt: "A chave não pode conter espaços ou caracteres especiais.",
+			hi: "कुंजी में स्पेस या विशेष वर्ण नहीं हो सकते।",
+			ar: "لا يمكن أن يحتوي المفتاح على مسافات أو أحرف خاصة.",
+			ru: "Ключ не может содержать пробелы или специальные символы.",
+			tr: "Anahtar boşluk veya özel karakterler içeremez.",
+			pl: "Klucz nie może zawierać spacji ani znaków specjalnych.",
+			id: "Key tidak boleh mengandung spasi atau karakter khusus.",
+			vi: "Key không được chứa khoảng trắng hoặc ký tự đặc biệt."
+		}),
+		keyMinLengthError: t({
+			en: "The key must be at least 4 characters long.",
+			"en-GB": "The key must be at least 4 characters long.",
+			fr: "La clé doit comporter au moins 4 caractères.",
+			es: "La clave debe tener al menos 4 caracteres.",
+			de: "Der Schlüssel muss mindestens 4 Zeichen lang sein.",
+			ja: "キーは4文字以上でなければなりません。",
+			ko: "키는 4자 이상이어야 합니다.",
+			zh: "键必须至少为4个字符。",
+			it: "La chiave deve essere lunga almeno 4 caratteri.",
+			pt: "A chave deve ter pelo menos 4 caracteres.",
+			hi: "कुंजी में कम से कम 4 वर्ण होने चाहिए।",
+			ar: "يجب أن يكون المفتاح مكونًا من 4 أحرف على الأقل.",
+			ru: "Ключ должен содержать не менее 4 символов.",
+			tr: "Anahtar en az 4 karakter uzunluğunda olmalıdır.",
+			pl: "Klucz musi mieć co najmniej 4 znaki.",
+			id: "Key harus terdiri dari minimal 4 karakter.",
+			vi: "Key phải có ít nhất 4 ký tự."
+		}),
+		descriptionRequiredError: t({
+			en: "Please enter a description for your organization.",
+			"en-GB": "Please enter a description for your organization.",
+			fr: "Veuillez saisir une description pour votre organisation.",
+			es: "Por favor, ingrese una descripción para su organización.",
+			de: "Bitte geben Sie eine Beschreibung für Ihre Organisation ein.",
+			ja: "あなたの組織の説明を入力してください。",
+			ko: "조직에 대한 설명을 입력하세요.",
+			zh: "请输入您组织的描述。",
+			it: "Si prega di inserire una descrizione per la propria organizzazione.",
+			pt: "Por favor, insira uma descrição para sua organização.",
+			hi: "कृपया अपने संगठन का विवरण दर्ज करें।",
+			ar: "يرجى إدخال وصف لمنظمتك.",
+			ru: "Пожалуйста, введите описание вашей организации.",
+			tr: "Lütfen organizasyonunuz için bir açıklama girin.",
+			pl: "Proszę podać opis organizacji.",
+			id: "Silakan masukkan deskripsi untuk organisasi Anda.",
+			vi: "Vui lòng nhập mô tả cho tổ chức của bạn."
+		}),
+		descriptionInvalidTypeError: t({
+			en: "The description must be a valid string.",
+			"en-GB": "The description must be a valid string.",
+			fr: "La description doit être une chaîne valide.",
+			es: "La descripción debe ser una cadena válida.",
+			de: "Die Beschreibung muss eine gültige Zeichenfolge sein.",
+			ja: "説明は有効な文字列である必要があります。",
+			ko: "설명은 유효한 문자열이어야 합니다.",
+			zh: "描述必须是有效的字符串。",
+			it: "La descrizione deve essere una stringa valida.",
+			pt: "A descrição deve ser uma string válida.",
+			hi: "विवरण एक वैध स्ट्रिंग होना चाहिए।",
+			ar: "يجب أن يكون الوصف سلسلة صحيحة.",
+			ru: "Описание должно быть правильной строкой.",
+			tr: "Açıklama geçerli bir dize olmalıdır.",
+			pl: "Opis musi być poprawnym łańcuchem znaków.",
+			id: "Deskripsi harus berupa string yang valid.",
+			vi: "Mô tả phải là một chuỗi hợp lệ."
+		}),
+		requiredErrorProjectId: t({
+			en: "Please select a project",
+			"en-GB": "Please select a project",
+			fr: "Veuillez sélectionner un projet",
+			es: "Por favor, seleccione un proyecto",
+			de: "Bitte wählen Sie ein Projekt aus",
+			ja: "プロジェクトを選択してください",
+			ko: "프로젝트를 선택하세요",
+			zh: "请选择一个项目",
+			it: "Si prega di selezionare un progetto",
+			pt: "Por favor, selecione um projeto",
+			hi: "कृपया एक प्रोजेक्ट चुनें",
+			ar: "يرجى اختيار مشروع",
+			ru: "Пожалуйста, выберите проект",
+			tr: "Lütfen bir proje seçin",
+			pl: "Proszę wybrać projekt.",
+			id: "Silakan pilih project",
+			vi: "Vui lòng chọn một project"
+		}),
+		invalidTypeErrorProjectId: t({
+			en: "Please select a valid project",
+			"en-GB": "Please select a valid project",
+			fr: "Veuillez sélectionner un projet valide",
+			es: "Por favor, seleccione un proyecto válido",
+			de: "Bitte wählen Sie ein gültiges Projekt aus",
+			ja: "有効なプロジェクトを選択してください",
+			ko: "유효한 프로젝트를 선택하세요",
+			zh: "请选择有效的项目",
+			it: "Si prega di selezionare un progetto valido",
+			pt: "Por favor, selecione um projeto válido",
+			hi: "कृपया एक वैध परियोजना चुनें",
+			ar: "يرجى اختيار مشروع صالح",
+			ru: "Пожалуйста, выберите действительный проект",
+			tr: "Lütfen geçerli bir proje seçin",
+			pl: "Proszę wybrać poprawny projekt.",
+			id: "Silakan pilih project yang valid",
+			vi: "Vui lòng chọn một project hợp lệ"
+		}),
+		invalidTypeErrorTags: t({
+			en: "Please enter a valid tag",
+			"en-GB": "Please enter a valid tag",
+			fr: "Veuillez saisir un tag valide",
+			es: "Por favor, ingrese un tag válido",
+			de: "Bitte geben Sie einen gültigen Tag ein",
+			ja: "有効なタグを入力してください",
+			ko: "유효한 태그를 입력하세요",
+			zh: "请输入有效的标签",
+			it: "Si prega di inserire un tag valido",
+			pt: "Por favor, insira um tag válido",
+			hi: "कृपया एक वैध टैग दर्ज करें",
+			ar: "يرجى إدخال وسم صالح",
+			ru: "Пожалуйста, введите действительный тег",
+			tr: "Lütfen geçerli bir etiket girin",
+			pl: "Proszę podać poprawny tag.",
+			id: "Silakan masukkan tag yang valid",
+			vi: "Vui lòng nhập một tag hợp lệ"
+		})
+	},
+	title: "Dictionary details validation schema",
+	description: "Validation schema for the dictionary details form, including error messages for fields such as title, key, description, project and tags.",
+	tags: [
+		"form validation",
+		"dictionary schema",
+		"error messages"
+	]
+};
+var useDictionaryDetailsSchema_content_default = useDictionaryDetailsSchemaContent;
+
+//#endregion
+export { useDictionaryDetailsSchema_content_default as default, useDictionaryDetailsSchemaContent };
+//# sourceMappingURL=useDictionaryDetailsSchema.content.mjs.map

package/dist/esm/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDictionaryDetailsSchema.content.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.content.ts"],"sourcesContent":["import { type Dictionary, t } from 'intlayer';\n\nexport const useDictionaryDetailsSchemaContent = {\n  key: 'dictionary-detail-schema',\n  content: {\n    titleRequiredError: t({\n      en: 'Please enter a name for your organization.',\n      'en-GB': 'Please enter a name for your organization.',\n      fr: 'Veuillez saisir un nom pour votre organisation.',\n      es: 'Por favor, ingrese un nombre para su organización.',\n      de: 'Bitte geben Sie einen Namen für Ihre Organisation ein.',\n      ja: 'あなたの組織の名前を入力してください。',\n      ko: '조직 이름을 입력하세요.',\n      zh: '请输入您组织的名称。',\n      it: 'Si prega di inserire un nome per la propria organizzazione.',\n      pt: 'Por favor, insira um nome para sua organização.',\n      hi: 'कृपया अपने संगठन का नाम दर्ज करें।',\n      ar: 'يرجى إدخال اسم منظمتك.',\n      ru: 'Пожалуйста, введите название вашей организации.',\n      tr: 'Lütfen organizasyonunuz için bir isim girin.',\n      pl: 'Proszę podać nazwę organizacji.',\n      id: 'Silakan masukkan nama organisasi Anda.',\n      vi: 'Vui lòng nhập tên cho tổ chức của bạn.',\n    }),\n\n    titleInvalidTypeError: t({\n      en: 'The organization name must be a valid string.',\n      'en-GB': 'The organization name must be a valid string.',\n      fr: 'Le nom de votre organisation doit être une chaîne valide.',\n      es: 'El nombre de su organización debe ser una cadena válida.',\n      de: 'Der Name der Organisation muss eine gültige Zeichenfolge sein.',\n      ja: '組織名は有効な文字列である必要があります。',\n      ko: '조직 이름은 유효한 문자열이어야 합니다.',\n      zh: '组织名称必须是有效的字符串。',\n      it: \"Il nome dell'organizzazione deve essere una stringa valida.\",\n      pt: 'O nome da organização deve ser uma string válida.',\n      hi: 'संगठन का नाम एक वैध स्ट्रिंग होना चाहिए।',\n      ar: 'يجب أن يكون اسم المنظمة سلسلة صحيحة.',\n      ru: 'Имя организации должно быть правильной строкой.',\n      tr: 'Organizasyon adı geçerli bir dize olmalıdır.',\n      pl: 'Nazwa organizacji musi być poprawnym łańcuchem znaków.',\n      id: 'Nama organisasi harus berupa string yang valid.',\n      vi: 'Tên tổ chức phải là một chuỗi hợp lệ.',\n    }),\n\n    titleMinLengthError: t({\n      en: 'The organization name must be at least 4 characters long.',\n      'en-GB': 'The organization name must be at least 4 characters long.',\n      fr: 'Le nom de votre organisation doit comporter au moins 4 caractères.',\n      es: 'El nombre de su organización debe tener al menos 4 caracteres.',\n      de: 'Der Name der Organisation muss mindestens 4 Zeichen lang sein.',\n      ja: '組織名は4文字以上でなければなりません。',\n      ko: '조직 이름은 4자 이상이어야 합니다.',\n      zh: '组织名称必须至少4个字符。',\n      it: \"Il nome dell'organizzazione deve essere lungo almeno 4 caratteri.\",\n      pt: 'O nome da organização deve ter pelo menos 4 caracteres.',\n      hi: 'संगठन का नाम कम से कम 4 वर्ण का होना चाहिए।',\n      ar: 'يجب أن يكون اسم المنظمة مكونًا من 4 أحرف على الأقل.',\n      ru: 'Имя организации должно содержать не менее 4 символов.',\n      tr: 'Organizasyon adı en az 4 karakter uzunluğunda olmalıdır.',\n      pl: 'Nazwa organizacji musi mieć co najmniej 4 znaki.',\n      id: 'Nama organisasi harus terdiri dari minimal 4 karakter.',\n      vi: 'Tên tổ chức phải có ít nhất 4 ký tự.',\n    }),\n\n    keyRequiredError: t({\n      en: 'Please enter a key for your organization.',\n      'en-GB': 'Please enter a key for your organization.',\n      fr: 'Veuillez saisir une clé pour votre organisation.',\n      es: 'Por favor, ingrese una clave para su organización.',\n      de: 'Bitte geben Sie einen Schlüssel für Ihre Organisation ein.',\n      ja: 'あなたの組織のためにキーを入力してください。',\n      ko: '조직에 대한 키를 입력하세요.',\n      zh: '请输入您组织的键。',\n      it: 'Si prega di inserire una chiave per la propria organizzazione.',\n      pt: 'Por favor, insira uma chave para sua organização.',\n      hi: 'कृपया अपने संगठन के लिए एक कुंजी दर्ज करें।',\n      ar: 'يرجى إدخال مفتاح لمنظمتك.',\n      ru: 'Пожалуйста, введите ключ для вашей организации.',\n      tr: 'Lütfen organizasyonunuz için bir anahtar girin.',\n      pl: 'Proszę podać klucz organizacji.',\n      id: 'Silakan masukkan key untuk organisasi Anda.',\n      vi: 'Vui lòng nhập một key cho tổ chức của bạn.',\n    }),\n\n    keyInvalidTypeError: t({\n      en: 'The key must be a valid string.',\n      'en-GB': 'The key must be a valid string.',\n      fr: 'La clé doit être une chaîne valide.',\n      es: 'La clave debe ser una cadena válida.',\n      de: 'Der Schlüssel muss eine gültige Zeichenfolge sein.',\n      ja: 'キーは有効な文字列である必要があります。',\n      ko: '키는 유효한 문자열이어야 합니다.',\n      zh: '关键字必须是有效的字符串。',\n      it: 'La chiave deve essere una stringa valida.',\n      pt: 'A chave deve ser uma string válida.',\n      hi: 'कुंजी एक वैध स्ट्रिंग होनी चाहिए।',\n      ar: 'يجب أن يكون المفتاح سلسلة صحيحة.',\n      ru: 'Ключ должен быть правильной строкой.',\n      tr: 'Anahtar geçerli bir dize olmalıdır.',\n      pl: 'Klucz musi być poprawnym łańcuchem znaków.',\n      id: 'Key harus berupa string yang valid.',\n      vi: 'Key phải là một chuỗi hợp lệ.',\n    }),\n\n    keySpaceError: t({\n      en: 'The key cannot contain spaces or special characters.',\n      'en-GB': 'The key cannot contain spaces or special characters.',\n      fr: \"La clé ne peut pas contenir d'espaces ou de caractères spéciaux.\",\n      es: 'La clave no puede contener espacios o caracteres especiales.',\n      de: 'Der Schlüssel darf keine Leerzeichen oder Sonderzeichen enthalten.',\n      ja: 'キーにはスペースや特殊文字を含めることはできません。',\n      ko: '키에는 공백이나 특수 문자가 포함될 수 없습니다.',\n      zh: '关键字不能包含空格或特殊字符。',\n      it: 'La chiave non può contenere spazi o caratteri speciali.',\n      pt: 'A chave não pode conter espaços ou caracteres especiais.',\n      hi: 'कुंजी में स्पेस या विशेष वर्ण नहीं हो सकते।',\n      ar: 'لا يمكن أن يحتوي المفتاح على مسافات أو أحرف خاصة.',\n      ru: 'Ключ не может содержать пробелы или специальные символы.',\n      tr: 'Anahtar boşluk veya özel karakterler içeremez.',\n      pl: 'Klucz nie może zawierać spacji ani znaków specjalnych.',\n      id: 'Key tidak boleh mengandung spasi atau karakter khusus.',\n      vi: 'Key không được chứa khoảng trắng hoặc ký tự đặc biệt.',\n    }),\n\n    keyMinLengthError: t({\n      en: 'The key must be at least 4 characters long.',\n      'en-GB': 'The key must be at least 4 characters long.',\n      fr: 'La clé doit comporter au moins 4 caractères.',\n      es: 'La clave debe tener al menos 4 caracteres.',\n      de: 'Der Schlüssel muss mindestens 4 Zeichen lang sein.',\n      ja: 'キーは4文字以上でなければなりません。',\n      ko: '키는 4자 이상이어야 합니다.',\n      zh: '键必须至少为4个字符。',\n      it: 'La chiave deve essere lunga almeno 4 caratteri.',\n      pt: 'A chave deve ter pelo menos 4 caracteres.',\n      hi: 'कुंजी में कम से कम 4 वर्ण होने चाहिए।',\n      ar: 'يجب أن يكون المفتاح مكونًا من 4 أحرف على الأقل.',\n      ru: 'Ключ должен содержать не менее 4 символов.',\n      tr: 'Anahtar en az 4 karakter uzunluğunda olmalıdır.',\n      pl: 'Klucz musi mieć co najmniej 4 znaki.',\n      id: 'Key harus terdiri dari minimal 4 karakter.',\n      vi: 'Key phải có ít nhất 4 ký tự.',\n    }),\n\n    // Description Field Error Messages\n    descriptionRequiredError: t({\n      en: 'Please enter a description for your organization.',\n      'en-GB': 'Please enter a description for your organization.',\n      fr: 'Veuillez saisir une description pour votre organisation.',\n      es: 'Por favor, ingrese una descripción para su organización.',\n      de: 'Bitte geben Sie eine Beschreibung für Ihre Organisation ein.',\n      ja: 'あなたの組織の説明を入力してください。',\n      ko: '조직에 대한 설명을 입력하세요.',\n      zh: '请输入您组织的描述。',\n      it: 'Si prega di inserire una descrizione per la propria organizzazione.',\n      pt: 'Por favor, insira uma descrição para sua organização.',\n      hi: 'कृपया अपने संगठन का विवरण दर्ज करें।',\n      ar: 'يرجى إدخال وصف لمنظمتك.',\n      ru: 'Пожалуйста, введите описание вашей организации.',\n      tr: 'Lütfen organizasyonunuz için bir açıklama girin.',\n      pl: 'Proszę podać opis organizacji.',\n      id: 'Silakan masukkan deskripsi untuk organisasi Anda.',\n      vi: 'Vui lòng nhập mô tả cho tổ chức của bạn.',\n    }),\n\n    descriptionInvalidTypeError: t({\n      en: 'The description must be a valid string.',\n      'en-GB': 'The description must be a valid string.',\n      fr: 'La description doit être une chaîne valide.',\n      es: 'La descripción debe ser una cadena válida.',\n      de: 'Die Beschreibung muss eine gültige Zeichenfolge sein.',\n      ja: '説明は有効な文字列である必要があります。',\n      ko: '설명은 유효한 문자열이어야 합니다.',\n      zh: '描述必须是有效的字符串。',\n      it: 'La descrizione deve essere una stringa valida.',\n      pt: 'A descrição deve ser uma string válida.',\n      hi: 'विवरण एक वैध स्ट्रिंग होना चाहिए।',\n      ar: 'يجب أن يكون الوصف سلسلة صحيحة.',\n      ru: 'Описание должно быть правильной строкой.',\n      tr: 'Açıklama geçerli bir dize olmalıdır.',\n      pl: 'Opis musi być poprawnym łańcuchem znaków.',\n      id: 'Deskripsi harus berupa string yang valid.',\n      vi: 'Mô tả phải là một chuỗi hợp lệ.',\n    }),\n\n    requiredErrorProjectId: t({\n      en: 'Please select a project',\n      'en-GB': 'Please select a project',\n      fr: 'Veuillez sélectionner un projet',\n      es: 'Por favor, seleccione un proyecto',\n      de: 'Bitte wählen Sie ein Projekt aus',\n      ja: 'プロジェクトを選択してください',\n      ko: '프로젝트를 선택하세요',\n      zh: '请选择一个项目',\n      it: 'Si prega di selezionare un progetto',\n      pt: 'Por favor, selecione um projeto',\n      hi: 'कृपया एक प्रोजेक्ट चुनें',\n      ar: 'يرجى اختيار مشروع',\n      ru: 'Пожалуйста, выберите проект',\n      tr: 'Lütfen bir proje seçin',\n      pl: 'Proszę wybrać projekt.',\n      id: 'Silakan pilih project',\n      vi: 'Vui lòng chọn một project',\n    }),\n\n    invalidTypeErrorProjectId: t({\n      en: 'Please select a valid project',\n      'en-GB': 'Please select a valid project',\n      fr: 'Veuillez sélectionner un projet valide',\n      es: 'Por favor, seleccione un proyecto válido',\n      de: 'Bitte wählen Sie ein gültiges Projekt aus',\n      ja: '有効なプロジェクトを選択してください',\n      ko: '유효한 프로젝트를 선택하세요',\n      zh: '请选择有效的项目',\n      it: 'Si prega di selezionare un progetto valido',\n      pt: 'Por favor, selecione um projeto válido',\n      hi: 'कृपया एक वैध परियोजना चुनें',\n      ar: 'يرجى اختيار مشروع صالح',\n      ru: 'Пожалуйста, выберите действительный проект',\n      tr: 'Lütfen geçerli bir proje seçin',\n      pl: 'Proszę wybrać poprawny projekt.',\n      id: 'Silakan pilih project yang valid',\n      vi: 'Vui lòng chọn một project hợp lệ',\n    }),\n\n    invalidTypeErrorTags: t({\n      en: 'Please enter a valid tag',\n      'en-GB': 'Please enter a valid tag',\n      fr: 'Veuillez saisir un tag valide',\n      es: 'Por favor, ingrese un tag válido',\n      de: 'Bitte geben Sie einen gültigen Tag ein',\n      ja: '有効なタグを入力してください',\n      ko: '유효한 태그를 입력하세요',\n      zh: '请输入有效的标签',\n      it: 'Si prega di inserire un tag valido',\n      pt: 'Por favor, insira um tag válido',\n      hi: 'कृपया एक वैध टैग दर्ज करें',\n      ar: 'يرجى إدخال وسم صالح',\n      ru: 'Пожалуйста, введите действительный тег',\n      tr: 'Lütfen geçerli bir etiket girin',\n      pl: 'Proszę podać poprawny tag.',\n      id: 'Silakan masukkan tag yang valid',\n      vi: 'Vui lòng nhập một tag hợp lệ',\n    }),\n  },\n  title: 'Dictionary details validation schema',\n  description:\n    'Validation schema for the dictionary details form, including error messages for fields such as title, key, description, project and tags.',\n  tags: ['form validation', 'dictionary schema', 'error messages'],\n} satisfies Dictionary;\n\nexport default useDictionaryDetailsSchemaContent;\n"],"mappings":"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"}

package/dist/esm/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.mjs

@@ -0,0 +1,18 @@
+import { useIntlayer } from "react-intlayer";
+import { z } from "zod/v4";
+
+//#region src/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.ts
+const useDictionaryDetailsSchema = (projectId) => {
+	const { titleRequiredError, titleInvalidTypeError, titleMinLengthError, keyRequiredError, keyInvalidTypeError, keySpaceError, keyMinLengthError, descriptionRequiredError, descriptionInvalidTypeError, requiredErrorProjectId, invalidTypeErrorProjectId, invalidTypeErrorTags } = useIntlayer("dictionary-detail-schema");
+	return z.object({
+		title: z.string({ error: (issue) => issue.input === void 0 ? titleRequiredError.value : titleInvalidTypeError.value }).refine((val) => val.length === 0 || val.length >= 4, { error: titleMinLengthError.value }).optional(),
+		key: z.string({ error: (issue) => issue.input === void 0 ? keyRequiredError.value : keyInvalidTypeError.value }).min(4, { error: keyMinLengthError.value }).regex(/^[a-zA-Z0-9-_]+$/, { error: keySpaceError.value }).default(""),
+		description: z.string({ error: (issue) => issue.input === void 0 ? descriptionRequiredError.value : descriptionInvalidTypeError.value }).optional(),
+		projectIds: z.array(z.string({ error: (issue) => issue.input === void 0 ? requiredErrorProjectId.value : invalidTypeErrorProjectId.value })).default([projectId]),
+		tags: z.array(z.string({ error: () => invalidTypeErrorTags.value })).default([])
+	});
+};
+
+//#endregion
+export { useDictionaryDetailsSchema };
+//# sourceMappingURL=useDictionaryDetailsSchema.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDictionaryDetailsSchema.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.ts"],"sourcesContent":["import { useIntlayer } from 'react-intlayer';\nimport { z } from 'zod/v4';\n\nexport const useDictionaryDetailsSchema = (projectId: string) => {\n  const {\n    titleRequiredError,\n    titleInvalidTypeError,\n    titleMinLengthError,\n    keyRequiredError,\n    keyInvalidTypeError,\n    keySpaceError,\n    keyMinLengthError,\n    descriptionRequiredError,\n    descriptionInvalidTypeError,\n    requiredErrorProjectId,\n    invalidTypeErrorProjectId,\n    invalidTypeErrorTags,\n  } = useIntlayer('dictionary-detail-schema');\n\n  return z.object({\n    title: z\n      .string({\n        error: (issue) =>\n          issue.input === undefined\n            ? titleRequiredError.value\n            : titleInvalidTypeError.value,\n      })\n      // Can be length of 0 or > 4\n      .refine((val) => val.length === 0 || val.length >= 4, {\n        error: titleMinLengthError.value,\n      })\n      .optional(),\n    key: z\n      .string({\n        error: (issue) =>\n          issue.input === undefined\n            ? keyRequiredError.value\n            : keyInvalidTypeError.value,\n      })\n      .min(4, { error: keyMinLengthError.value })\n      /**\n       * Valid :\n       * my-key\n       * my_key\n       *\n       * Invalid :\n       * my key\n       * my.key\n       */\n      .regex(/^[a-zA-Z0-9-_]+$/, { error: keySpaceError.value })\n      .default(''),\n    description: z\n      .string({\n        error: (issue) =>\n          issue.input === undefined\n            ? descriptionRequiredError.value\n            : descriptionInvalidTypeError.value,\n      })\n      .optional(),\n    projectIds: z\n      .array(\n        z.string({\n          error: (issue) =>\n            issue.input === undefined\n              ? requiredErrorProjectId.value\n              : invalidTypeErrorProjectId.value,\n        })\n      )\n      .default([projectId]),\n    tags: z\n      .array(\n        z.string({\n          error: () => invalidTypeErrorTags.value,\n        })\n      )\n      .default([]),\n  });\n};\n\nexport type DictionaryDetailsFormData = z.infer<\n  ReturnType<typeof useDictionaryDetailsSchema>\n>;\n"],"mappings":";;;;AAGA,MAAa,8BAA8B,cAAsB;CAC/D,MAAM,EACJ,oBACA,uBACA,qBACA,kBACA,qBACA,eACA,mBACA,0BACA,6BACA,wBACA,2BACA,yBACE,YAAY,2BAA2B;AAE3C,QAAO,EAAE,OAAO;EACd,OAAO,EACJ,OAAO,EACN,QAAQ,UACN,MAAM,UAAU,SACZ,mBAAmB,QACnB,sBAAsB,OAC7B,CAAC,CAED,QAAQ,QAAQ,IAAI,WAAW,KAAK,IAAI,UAAU,GAAG,EACpD,OAAO,oBAAoB,OAC5B,CAAC,CACD,UAAU;EACb,KAAK,EACF,OAAO,EACN,QAAQ,UACN,MAAM,UAAU,SACZ,iBAAiB,QACjB,oBAAoB,OAC3B,CAAC,CACD,IAAI,GAAG,EAAE,OAAO,kBAAkB,OAAO,CAAC,CAU1C,MAAM,oBAAoB,EAAE,OAAO,cAAc,OAAO,CAAC,CACzD,QAAQ,GAAG;EACd,aAAa,EACV,OAAO,EACN,QAAQ,UACN,MAAM,UAAU,SACZ,yBAAyB,QACzB,4BAA4B,OACnC,CAAC,CACD,UAAU;EACb,YAAY,EACT,MACC,EAAE,OAAO,EACP,QAAQ,UACN,MAAM,UAAU,SACZ,uBAAuB,QACvB,0BAA0B,OACjC,CAAC,CACH,CACA,QAAQ,CAAC,UAAU,CAAC;EACvB,MAAM,EACH,MACC,EAAE,OAAO,EACP,aAAa,qBAAqB,OACnC,CAAC,CACH,CACA,QAAQ,EAAE,CAAC;EACf,CAAC"}

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

@@ -0,0 +1,108 @@
+'use client';
+
+
+import { Button, ButtonColor, ButtonVariant } from "../Button/Button.mjs";
+import { SwitchSelector, SwitchSelectorColor, SwitchSelectorSize } from "../SwitchSelector/index.mjs";
+import { SaveForm } from "./SaveForm/SaveForm.mjs";
+import { LocaleSwitcherContentProvider } from "../LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs";
+import { ContentEditor } from "./ContentEditor.mjs";
+import { DictionaryDetailsForm } from "./DictionaryDetails/DictionaryDetailsForm.mjs";
+import { JSONEditor } from "./JSONEditor.mjs";
+import { StructureEditor } from "./StructureEditor.mjs";
+import { ArrowLeft } from "lucide-react";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useIntlayer } from "react-intlayer";
+import { useConfiguration, useDictionariesRecordActions, useFocusDictionaryActions } from "@intlayer/editor-react";
+
+//#region src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx
+var EditorViewType = /* @__PURE__ */ function(EditorViewType$1) {
+	EditorViewType$1[EditorViewType$1["DetailsEditor"] = 0] = "DetailsEditor";
+	EditorViewType$1[EditorViewType$1["ContentEditor"] = 1] = "ContentEditor";
+	EditorViewType$1[EditorViewType$1["StructureEditor"] = 2] = "StructureEditor";
+	EditorViewType$1[EditorViewType$1["JSONEditor"] = 3] = "JSONEditor";
+	return EditorViewType$1;
+}(EditorViewType || {});
+const DictionaryFieldEditor = ({ dictionary, onClickDictionaryList, isDarkMode, mode, onDelete, onSave }) => {
+	const config = useConfiguration();
+	const [editorView, setEditorView] = useState(EditorViewType.ContentEditor);
+	const { returnToDictionaryList } = useIntlayer("dictionary-field-editor");
+	const { setFocusedContent } = useFocusDictionaryActions();
+	const { setLocaleDictionaries } = useDictionariesRecordActions();
+	useEffect(() => {
+		setFocusedContent((prev) => ({
+			...prev ?? {},
+			dictionaryKey: dictionary.key,
+			dictionaryLocalId: dictionary.localId
+		}));
+		setLocaleDictionaries((prev) => ({
+			...prev,
+			[dictionary.localId]: dictionary
+		}));
+	}, []);
+	return /* @__PURE__ */ jsx(LocaleSwitcherContentProvider, {
+		availableLocales: config?.internationalization.locales ?? [],
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex size-full flex-col gap-6 px-2",
+			children: [
+				/* @__PURE__ */ jsx(Button, {
+					onClick: onClickDictionaryList,
+					variant: ButtonVariant.HOVERABLE,
+					className: "z-10 mr-auto ml-5",
+					color: ButtonColor.TEXT,
+					Icon: ArrowLeft,
+					label: returnToDictionaryList.label.value,
+					children: returnToDictionaryList.text
+				}),
+				/* @__PURE__ */ jsx(SwitchSelector, {
+					defaultValue: editorView,
+					onChange: (value) => setEditorView(value),
+					color: SwitchSelectorColor.TEXT,
+					size: SwitchSelectorSize.SM,
+					className: "m-auto w-full max-w-xl",
+					choices: [
+						{
+							content: "Details",
+							value: EditorViewType.DetailsEditor
+						},
+						{
+							content: "Structure",
+							value: EditorViewType.StructureEditor
+						},
+						{
+							content: "Content",
+							value: EditorViewType.ContentEditor
+						},
+						{
+							content: "JSON",
+							value: EditorViewType.JSONEditor
+						}
+					].filter(({ value }) => !(!mode.includes("remote") && value === EditorViewType.DetailsEditor))
+				}),
+				editorView === EditorViewType.DetailsEditor && /* @__PURE__ */ jsx(DictionaryDetailsForm, { dictionary }),
+				editorView === EditorViewType.StructureEditor && /* @__PURE__ */ jsx(StructureEditor, { dictionary }),
+				editorView === EditorViewType.ContentEditor && /* @__PURE__ */ jsx(ContentEditor, {
+					dictionary,
+					isDarkMode
+				}),
+				editorView === EditorViewType.JSONEditor && /* @__PURE__ */ jsx(JSONEditor, {
+					dictionary,
+					isDarkMode
+				}),
+				/* @__PURE__ */ jsx(SaveForm, {
+					dictionary,
+					mode,
+					onDelete: () => {
+						setFocusedContent(null);
+						onDelete?.();
+					},
+					onSave
+				})
+			]
+		})
+	});
+};
+
+//#endregion
+export { DictionaryFieldEditor };
+//# sourceMappingURL=DictionaryFieldEditor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DictionaryFieldEditor.mjs","names":["DictionaryFieldEditor: FC<DictionaryFieldEditorProps>"],"sources":["../../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport {\n  useConfiguration,\n  useDictionariesRecordActions,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types';\nimport { ArrowLeft } from 'lucide-react';\nimport { type FC, useEffect, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Button, ButtonColor, ButtonVariant } from '../Button';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport {\n  SwitchSelector,\n  SwitchSelectorColor,\n  SwitchSelectorSize,\n} from '../SwitchSelector';\nimport { ContentEditor } from './ContentEditor';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { JSONEditor } from './JSONEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\nimport { StructureEditor } from './StructureEditor';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  onDelete?: () => void;\n  onSave?: () => void;\n  isDarkMode?: boolean;\n  mode: ('local' | 'remote')[];\n};\n\nenum EditorViewType {\n  DetailsEditor,\n  ContentEditor,\n  StructureEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  mode,\n  onDelete,\n  onSave,\n}) => {\n  const config = useConfiguration();\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.ContentEditor\n  );\n  const { returnToDictionaryList } = useIntlayer('dictionary-field-editor');\n  const { setFocusedContent } = useFocusDictionaryActions();\n  const { setLocaleDictionaries } = useDictionariesRecordActions();\n\n  useEffect(() => {\n    // Focus the dictionary if not focused\n    setFocusedContent((prev) => ({\n      ...(prev ?? {}),\n      dictionaryKey: dictionary.key,\n      dictionaryLocalId: dictionary.localId,\n    }));\n    setLocaleDictionaries((prev) => ({\n      ...prev,\n      [dictionary.localId!]: dictionary,\n    }));\n  }, []);\n\n  return (\n    <LocaleSwitcherContentProvider\n      availableLocales={config?.internationalization.locales ?? []}\n    >\n      <div className=\"flex size-full flex-col gap-6 px-2\">\n        <Button\n          onClick={onClickDictionaryList}\n          variant={ButtonVariant.HOVERABLE}\n          className=\"z-10 mr-auto ml-5\"\n          color={ButtonColor.TEXT}\n          Icon={ArrowLeft}\n          label={returnToDictionaryList.label.value}\n        >\n          {returnToDictionaryList.text}\n        </Button>\n\n        <SwitchSelector\n          defaultValue={editorView}\n          onChange={(value) => setEditorView(value)}\n          color={SwitchSelectorColor.TEXT}\n          size={SwitchSelectorSize.SM}\n          className=\"m-auto w-full max-w-xl\"\n          choices={[\n            {\n              content: 'Details',\n              value: EditorViewType.DetailsEditor,\n            },\n            {\n              content: 'Structure',\n              value: EditorViewType.StructureEditor,\n            },\n            {\n              content: 'Content',\n              value: EditorViewType.ContentEditor,\n            },\n            {\n              content: 'JSON',\n              value: EditorViewType.JSONEditor,\n            },\n          ].filter(\n            ({ value }) =>\n              !(\n                !mode.includes('remote') &&\n                value === EditorViewType.DetailsEditor\n              )\n          )}\n        />\n\n        {editorView === EditorViewType.DetailsEditor && (\n          <DictionaryDetailsForm dictionary={dictionary} />\n        )}\n        {editorView === EditorViewType.StructureEditor && (\n          <StructureEditor dictionary={dictionary} />\n        )}\n        {editorView === EditorViewType.ContentEditor && (\n          <ContentEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n        )}\n        {editorView === EditorViewType.JSONEditor && (\n          <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n        )}\n\n        <SaveForm\n          dictionary={dictionary}\n          mode={mode}\n          onDelete={() => {\n            setFocusedContent(null);\n            onDelete?.();\n          }}\n          onSave={onSave}\n        />\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiCA,IAAK,4DAAL;AACE;AACA;AACA;AACA;;EAJG;AAOL,MAAaA,yBAAyD,EACpE,YACA,uBACA,YACA,MACA,UACA,aACI;CACJ,MAAM,SAAS,kBAAkB;CACjC,MAAM,CAAC,YAAY,iBAAiB,SAClC,eAAe,cAChB;CACD,MAAM,EAAE,2BAA2B,YAAY,0BAA0B;CACzE,MAAM,EAAE,sBAAsB,2BAA2B;CACzD,MAAM,EAAE,0BAA0B,8BAA8B;AAEhE,iBAAgB;AAEd,qBAAmB,UAAU;GAC3B,GAAI,QAAQ,EAAE;GACd,eAAe,WAAW;GAC1B,mBAAmB,WAAW;GAC/B,EAAE;AACH,yBAAuB,UAAU;GAC/B,GAAG;IACF,WAAW,UAAW;GACxB,EAAE;IACF,EAAE,CAAC;AAEN,QACE,oBAAC;EACC,kBAAkB,QAAQ,qBAAqB,WAAW,EAAE;YAE5D,qBAAC;GAAI,WAAU;;IACb,oBAAC;KACC,SAAS;KACT,SAAS,cAAc;KACvB,WAAU;KACV,OAAO,YAAY;KACnB,MAAM;KACN,OAAO,uBAAuB,MAAM;eAEnC,uBAAuB;MACjB;IAET,oBAAC;KACC,cAAc;KACd,WAAW,UAAU,cAAc,MAAM;KACzC,OAAO,oBAAoB;KAC3B,MAAM,mBAAmB;KACzB,WAAU;KACV,SAAS;MACP;OACE,SAAS;OACT,OAAO,eAAe;OACvB;MACD;OACE,SAAS;OACT,OAAO,eAAe;OACvB;MACD;OACE,SAAS;OACT,OAAO,eAAe;OACvB;MACD;OACE,SAAS;OACT,OAAO,eAAe;OACvB;MACF,CAAC,QACC,EAAE,YACD,EACE,CAAC,KAAK,SAAS,SAAS,IACxB,UAAU,eAAe,eAE9B;MACD;IAED,eAAe,eAAe,iBAC7B,oBAAC,yBAAkC,aAAc;IAElD,eAAe,eAAe,mBAC7B,oBAAC,mBAA4B,aAAc;IAE5C,eAAe,eAAe,iBAC7B,oBAAC;KAA0B;KAAwB;MAAc;IAElE,eAAe,eAAe,cAC7B,oBAAC;KAAuB;KAAwB;MAAc;IAGhE,oBAAC;KACa;KACN;KACN,gBAAgB;AACd,wBAAkB,KAAK;AACvB,kBAAY;;KAEN;MACR;;IACE;GACwB"}

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

@@ -0,0 +1,100 @@
+'use client';
+
+
+import { Input } from "../Input/Input.mjs";
+import { Select } from "../Select/Select.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/DictionaryFieldEditor/EnumKeyInput.tsx
+const extractInitialState = (value) => {
+	let comparator;
+	let numberValue;
+	if (typeof value === "number" || !Number.isNaN(Number(value))) {
+		comparator = "=";
+		numberValue = value.toString();
+	} else if (typeof value === "string") {
+		const matchedComparator = [
+			"<=",
+			">=",
+			"<",
+			">",
+			"="
+		].find((comp) => value.startsWith(comp));
+		if (matchedComparator) {
+			comparator = matchedComparator;
+			numberValue = value.slice(matchedComparator.length);
+		}
+	}
+	return {
+		comparator,
+		numberValue
+	};
+};
+/**
+* Example of values:
+* - `<1`
+* - `>-44.3`
+* - `=999`
+* - `<=1`
+* - `>=1`
+* - 88
+* - `-1`
+*
+*/
+const EnumKeyInput = ({ value, onChange }) => {
+	const { comparator: initialComparator, numberValue: initialNumberValue } = useMemo(() => extractInitialState(value), [value]);
+	const [comparator, setComparator] = useState(initialComparator ?? null);
+	const [numberValue, setNumberValue] = useState(initialNumberValue ?? null);
+	useEffect(() => {
+		if (comparator && numberValue && (comparator !== initialComparator || numberValue !== initialNumberValue)) onChange(`${comparator}${numberValue}`);
+	}, [
+		comparator,
+		initialComparator,
+		initialNumberValue,
+		numberValue,
+		onChange
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-1",
+		children: [/* @__PURE__ */ jsxs(Select, {
+			onValueChange: setComparator,
+			defaultValue: initialComparator,
+			children: [/* @__PURE__ */ jsx(Select.Trigger, {
+				className: "w-20",
+				children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select a comparator" })
+			}), /* @__PURE__ */ jsxs(Select.Content, { children: [
+				/* @__PURE__ */ jsx(Select.Item, {
+					value: "<",
+					children: `<`
+				}),
+				/* @__PURE__ */ jsx(Select.Item, {
+					value: "<=",
+					children: `<=`
+				}),
+				/* @__PURE__ */ jsx(Select.Item, {
+					value: "=",
+					children: `=`
+				}),
+				/* @__PURE__ */ jsx(Select.Item, {
+					value: ">=",
+					children: `>=`
+				}),
+				/* @__PURE__ */ jsx(Select.Item, {
+					value: ">",
+					children: `>`
+				})
+			] })]
+		}), /* @__PURE__ */ jsx(Input, {
+			type: "number",
+			"aria-label": "Quantity",
+			defaultValue: numberValue ?? void 0,
+			onChange: (e) => setNumberValue(e.target.value),
+			className: "min-w-4"
+		})]
+	});
+};
+
+//#endregion
+export { EnumKeyInput };
+//# sourceMappingURL=EnumKeyInput.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnumKeyInput.mjs","names":["comparator: string | undefined","numberValue: string | undefined","EnumKeyInput: FC<EnumKeyInputProps>"],"sources":["../../../../src/components/DictionaryFieldEditor/EnumKeyInput.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useEffect, useMemo, useState } from 'react';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\n\nconst extractInitialState = (\n  value: string | number\n): { comparator: string | undefined; numberValue: string | undefined } => {\n  let comparator: string | undefined;\n  let numberValue: string | undefined;\n\n  if (typeof value === 'number' || !Number.isNaN(Number(value))) {\n    // If value is a number or numeric string, set comparator to '=' and numberValue accordingly\n    comparator = '=';\n    numberValue = value.toString();\n  } else if (typeof value === 'string') {\n    // Define possible comparators\n    const comparators = ['<=', '>=', '<', '>', '='];\n    // Find the comparator that matches the start of the string\n    const matchedComparator = comparators.find((comp) =>\n      value.startsWith(comp)\n    );\n    if (matchedComparator) {\n      comparator = matchedComparator;\n      numberValue = value.slice(matchedComparator.length);\n    }\n  }\n\n  return { comparator, numberValue };\n};\n\ntype EnumKeyInputProps = {\n  value: string | number;\n  onChange: (value: string) => void;\n};\n\n/**\n * Example of values:\n * - `<1`\n * - `>-44.3`\n * - `=999`\n * - `<=1`\n * - `>=1`\n * - 88\n * - `-1`\n *\n */\nexport const EnumKeyInput: FC<EnumKeyInputProps> = ({ value, onChange }) => {\n  const { comparator: initialComparator, numberValue: initialNumberValue } =\n    useMemo(() => extractInitialState(value), [value]);\n  const [comparator, setComparator] = useState<string | null>(\n    initialComparator ?? null\n  );\n  const [numberValue, setNumberValue] = useState<string | null>(\n    initialNumberValue ?? null\n  );\n\n  useEffect(() => {\n    if (\n      comparator &&\n      numberValue &&\n      (comparator !== initialComparator || numberValue !== initialNumberValue)\n    ) {\n      const newValue = `${comparator}${numberValue}`;\n\n      onChange(newValue);\n    }\n  }, [\n    comparator,\n    initialComparator,\n    initialNumberValue,\n    numberValue,\n    onChange,\n  ]);\n\n  return (\n    <div className=\"flex gap-1\">\n      <Select onValueChange={setComparator} defaultValue={initialComparator}>\n        <Select.Trigger className=\"w-20\">\n          <Select.Value placeholder=\"Select a comparator\" />\n        </Select.Trigger>\n        <Select.Content>\n          <Select.Item value=\"<\">{`<`}</Select.Item>\n          <Select.Item value=\"<=\">{`<=`}</Select.Item>\n          <Select.Item value=\"=\">{`=`}</Select.Item>\n          <Select.Item value=\">=\">{`>=`}</Select.Item>\n          <Select.Item value=\">\">{`>`}</Select.Item>\n        </Select.Content>\n      </Select>\n      <Input\n        type=\"number\"\n        aria-label=\"Quantity\"\n        defaultValue={numberValue ?? undefined}\n        onChange={(e) => setNumberValue(e.target.value)}\n        className=\"min-w-4\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAMA,MAAM,uBACJ,UACwE;CACxE,IAAIA;CACJ,IAAIC;AAEJ,KAAI,OAAO,UAAU,YAAY,CAAC,OAAO,MAAM,OAAO,MAAM,CAAC,EAAE;AAE7D,eAAa;AACb,gBAAc,MAAM,UAAU;YACrB,OAAO,UAAU,UAAU;EAIpC,MAAM,oBAFc;GAAC;GAAM;GAAM;GAAK;GAAK;GAAI,CAET,MAAM,SAC1C,MAAM,WAAW,KAAK,CACvB;AACD,MAAI,mBAAmB;AACrB,gBAAa;AACb,iBAAc,MAAM,MAAM,kBAAkB,OAAO;;;AAIvD,QAAO;EAAE;EAAY;EAAa;;;;;;;;;;;;;AAmBpC,MAAaC,gBAAuC,EAAE,OAAO,eAAe;CAC1E,MAAM,EAAE,YAAY,mBAAmB,aAAa,uBAClD,cAAc,oBAAoB,MAAM,EAAE,CAAC,MAAM,CAAC;CACpD,MAAM,CAAC,YAAY,iBAAiB,SAClC,qBAAqB,KACtB;CACD,MAAM,CAAC,aAAa,kBAAkB,SACpC,sBAAsB,KACvB;AAED,iBAAgB;AACd,MACE,cACA,gBACC,eAAe,qBAAqB,gBAAgB,oBAIrD,UAFiB,GAAG,aAAa,cAEf;IAEnB;EACD;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAO,eAAe;GAAe,cAAc;cAClD,oBAAC,OAAO;IAAQ,WAAU;cACxB,oBAAC,OAAO,SAAM,aAAY,wBAAwB;KACnC,EACjB,qBAAC,OAAO;IACN,oBAAC,OAAO;KAAK,OAAM;eAAK;MAAkB;IAC1C,oBAAC,OAAO;KAAK,OAAM;eAAM;MAAmB;IAC5C,oBAAC,OAAO;KAAK,OAAM;eAAK;MAAkB;IAC1C,oBAAC,OAAO;KAAK,OAAM;eAAM;MAAmB;IAC5C,oBAAC,OAAO;KAAK,OAAM;eAAK;MAAkB;OAC3B;IACV,EACT,oBAAC;GACC,MAAK;GACL,cAAW;GACX,cAAc,eAAe;GAC7B,WAAW,MAAM,eAAe,EAAE,OAAO,MAAM;GAC/C,WAAU;IACV;GACE"}

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

@@ -0,0 +1,37 @@
+import { Container } from "../Container/index.mjs";
+import { MonacoCode } from "../IDE/MonacoCode.mjs";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useEditedContent } from "@intlayer/editor-react";
+
+//#region src/components/DictionaryFieldEditor/JSONEditor.tsx
+const JSONEditor = ({ dictionary, isDarkMode }) => {
+	const { setEditedContent, editedContent } = useEditedContent();
+	const isValidJSON = (jsonString) => {
+		try {
+			JSON.parse(jsonString);
+			return true;
+		} catch (_error) {
+			return false;
+		}
+	};
+	const displayedContent = useMemo(() => editedContent?.[dictionary.localId]?.content ?? dictionary?.content ?? {}, [dictionary]);
+	return /* @__PURE__ */ jsx(Container, {
+		background: "none",
+		border: true,
+		roundedSize: "xl",
+		className: "w-full overflow-hidden p-3",
+		children: /* @__PURE__ */ jsx(MonacoCode, {
+			language: "json",
+			onChange: (content) => {
+				if (isValidJSON(content ?? "{}")) setEditedContent(dictionary.localId, JSON.parse(content ?? "{}"));
+			},
+			isDarkMode,
+			children: JSON.stringify(displayedContent, null, 2)
+		})
+	});
+};
+
+//#endregion
+export { JSONEditor };
+//# sourceMappingURL=JSONEditor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JSONEditor.mjs","names":["JSONEditor: FC<JSONEditorProps>"],"sources":["../../../../src/components/DictionaryFieldEditor/JSONEditor.tsx"],"sourcesContent":["import { useEditedContent } from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types';\nimport { type FC, useMemo } from 'react';\nimport { Container } from '../Container';\nimport { MonacoCode } from '../IDE/MonacoCode';\n\ntype JSONEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const JSONEditor: FC<JSONEditorProps> = ({ dictionary, isDarkMode }) => {\n  const { setEditedContent, editedContent } = useEditedContent();\n\n  const isValidJSON = (jsonString: string): boolean => {\n    try {\n      JSON.parse(jsonString);\n      return true; // Valid JSON\n    } catch (_error) {\n      return false; // Invalid JSON\n    }\n  };\n\n  const displayedContent = useMemo(\n    () =>\n      editedContent?.[dictionary.localId!]?.content ??\n      dictionary?.content ??\n      {},\n\n    [dictionary]\n  );\n\n  return (\n    <Container\n      background=\"none\"\n      border\n      roundedSize=\"xl\"\n      className=\"w-full overflow-hidden p-3\"\n    >\n      <MonacoCode\n        language=\"json\"\n        onChange={(content) => {\n          if (isValidJSON(content ?? '{}')) {\n            setEditedContent(dictionary.localId!, JSON.parse(content ?? '{}'));\n          }\n        }}\n        isDarkMode={isDarkMode}\n      >\n        {JSON.stringify(displayedContent, null, 2)}\n      </MonacoCode>\n    </Container>\n  );\n};\n"],"mappings":";;;;;;;AAWA,MAAaA,cAAmC,EAAE,YAAY,iBAAiB;CAC7E,MAAM,EAAE,kBAAkB,kBAAkB,kBAAkB;CAE9D,MAAM,eAAe,eAAgC;AACnD,MAAI;AACF,QAAK,MAAM,WAAW;AACtB,UAAO;WACA,QAAQ;AACf,UAAO;;;CAIX,MAAM,mBAAmB,cAErB,gBAAgB,WAAW,UAAW,WACtC,YAAY,WACZ,EAAE,EAEJ,CAAC,WAAW,CACb;AAED,QACE,oBAAC;EACC,YAAW;EACX;EACA,aAAY;EACZ,WAAU;YAEV,oBAAC;GACC,UAAS;GACT,WAAW,YAAY;AACrB,QAAI,YAAY,WAAW,KAAK,CAC9B,kBAAiB,WAAW,SAAU,KAAK,MAAM,WAAW,KAAK,CAAC;;GAG1D;aAEX,KAAK,UAAU,kBAAkB,MAAM,EAAE;IAC/B;GACH"}

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

@@ -0,0 +1,21 @@
+import { Breadcrumb } from "../Breadcrumb/index.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/DictionaryFieldEditor/KeyPathBreadcrumb.tsx
+const KeyPathBreadcrumb = ({ keyPath, dictionaryKey, onClickKeyPath, locale }) => {
+	return /* @__PURE__ */ jsx(Breadcrumb, {
+		links: [{
+			text: dictionaryKey,
+			onClick: () => onClickKeyPath([])
+		}, ...keyPath.map((el, index) => ({
+			onClick: () => onClickKeyPath(keyPath.slice(0, index + 1)),
+			text: el.key?.toString() ?? ""
+		}))],
+		locale,
+		elementType: "location"
+	});
+};
+
+//#endregion
+export { KeyPathBreadcrumb };
+//# sourceMappingURL=KeyPathBreadcrumb.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyPathBreadcrumb.mjs","names":["KeyPathBreadcrumb: FC<KeyPathBreadcrumbProps>"],"sources":["../../../../src/components/DictionaryFieldEditor/KeyPathBreadcrumb.tsx"],"sourcesContent":["import type { KeyPath, Locale } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { Breadcrumb, type BreadcrumbLink } from '../Breadcrumb';\n\ntype KeyPathBreadcrumbProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  onClickKeyPath: (keyPath: KeyPath[]) => void;\n  locale?: Locale;\n};\n\nexport const KeyPathBreadcrumb: FC<KeyPathBreadcrumbProps> = ({\n  keyPath,\n  dictionaryKey,\n  onClickKeyPath,\n  locale,\n}) => {\n  const formattedKeyPath: BreadcrumbLink[] = [\n    { text: dictionaryKey, onClick: () => onClickKeyPath([]) },\n    ...keyPath.map((el, index) => ({\n      onClick: () =>\n        onClickKeyPath(\n          keyPath\n            // With keyPath = [{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}, {type: NodeType.Object, key: '1'}]\n            // If index is 0 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}])\n            // If index is 1 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}])\n            .slice(0, index + 1)\n        ),\n      text: el.key?.toString() ?? '',\n    })),\n  ];\n\n  return (\n    <Breadcrumb\n      links={formattedKeyPath}\n      locale={locale}\n      elementType=\"location\"\n    />\n  );\n};\n"],"mappings":";;;;AAWA,MAAaA,qBAAiD,EAC5D,SACA,eACA,gBACA,aACI;AAgBJ,QACE,oBAAC;EACC,OAjBuC,CACzC;GAAE,MAAM;GAAe,eAAe,eAAe,EAAE,CAAC;GAAE,EAC1D,GAAG,QAAQ,KAAK,IAAI,WAAW;GAC7B,eACE,eACE,QAIG,MAAM,GAAG,QAAQ,EAAE,CACvB;GACH,MAAM,GAAG,KAAK,UAAU,IAAI;GAC7B,EAAE,CACJ;EAKW;EACR,aAAY;GACZ"}