npm - @intlayer/design-system - Versions diffs - 8.4.3 → 8.4.5 - Mend

@intlayer/design-system 8.4.3 → 8.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (845) hide show

package/dist/esm/components/DictionaryFieldEditor/ContentEditorView/TextEditor.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextEditor.mjs","names":["ContentEditorTextAreaBase","ContentEditorInputBase","MarkdownRenderer"],"sources":["../../../../../src/components/DictionaryFieldEditor/ContentEditorView/TextEditor.tsx"],"sourcesContent":["'use client';\n\nimport {\n Button,\n ButtonColor,\n ButtonSize,\n ButtonTextAlign,\n ButtonVariant,\n} from '@components/Button';\nimport { Container } from '@components/Container';\nimport {\n ContentEditorInput as ContentEditorInputBase,\n type ContentEditorInputProps as ContentEditorInputPropsBase,\n} from '@components/ContentEditor/ContentEditorInput';\nimport {\n ContentEditorTextArea as ContentEditorTextAreaBase,\n type ContentEditorTextAreaProps as ContentEditorTextAreaPropsBase,\n} from '@components/ContentEditor/ContentEditorTextArea';\nimport { InputVariant } from '@components/Input';\nimport { Label } from '@components/Label';\nimport { useLocaleSwitcherContent } from '@components/LocaleSwitcherContentDropDown';\nimport { MarkdownRenderer } from '@components/MarkDownRender';\nimport {\n SwitchSelector,\n type SwitchSelectorChoices,\n SwitchSelectorColor,\n type SwitchSelectorProps,\n SwitchSelectorSize,\n} from '@components/SwitchSelector';\nimport { useAuditContentDeclarationField } from '@hooks/reactQuery';\nimport {\n getEmptyNode,\n getNodeType,\n} from '@intlayer/core/dictionaryManipulator';\nimport { getLocaleName } from '@intlayer/core/localization';\nimport type {\n ConditionContent,\n EnumerationContent,\n FileContent,\n GenderContent,\n HTMLContent,\n InsertionContent,\n MarkdownContent,\n TranslationContent,\n} from '@intlayer/core/transpiler';\nimport { useConfiguration, useEditedContent } from '@intlayer/editor-react';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { ContentNode, Dictionary } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { NodeType } from '@intlayer/types/nodeType';\nimport { renameKey } from '@utils/object';\nimport { Plus, Trash, WandSparkles } from 'lucide-react';\nimport { type FC, Fragment, type ReactNode, useState } from 'react';\nimport { useIntlayer, useLocale } from 'react-intlayer';\nimport { EnumKeyInput } from '../EnumKeyInput';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\ntype ContentEditorTextAreaProps = Omit<\n ContentEditorTextAreaPropsBase,\n 'onContentChange'\n> & {\n keyPath: KeyPath[];\n dictionary: Dictionary;\n};\n\nconst ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n keyPath,\n dictionary,\n ...props\n}) => {\n const { editedContent, addEditedContent } = useEditedContent();\n const configuration = useConfiguration();\n const { mutate: auditContentDeclarationField, isPending: isAuditing } =\n useAuditContentDeclarationField();\n\n return (\n <ContentEditorTextAreaBase\n variant={InputVariant.DEFAULT}\n onContentChange={(newValue) =>\n addEditedContent(dictionary.localId!, newValue, keyPath)\n }\n additionalButtons={\n <Button\n Icon={WandSparkles}\n label=\"Audit\"\n variant={ButtonVariant.HOVERABLE}\n size={ButtonSize.ICON_SM}\n color={ButtonColor.TEXT}\n className=\"cursor-pointer hover:scale-110\"\n isLoading={isAuditing}\n onClick={() => {\n auditContentDeclarationField(\n {\n fileContent: JSON.stringify({\n ...dictionary,\n ...(editedContent?.[dictionary.localId!] ?? {}),\n }),\n keyPath,\n locales: configuration?.internationalization.locales ?? [],\n aiOptions: {\n apiKey: configuration?.ai?.apiKey,\n model: configuration?.ai?.model,\n temperature: configuration?.ai?.temperature,\n },\n },\n {\n onSuccess: (response) => {\n if (!response?.data) return;\n\n try {\n const editedContent = response.data.fileContent as string;\n\n addEditedContent(\n dictionary.localId!,\n editedContent,\n keyPath\n );\n } catch (error) {\n console.error(error);\n }\n },\n }\n );\n }}\n />\n }\n {...props}\n />\n );\n};\n\ntype ContentEditorInputProps = Omit<\n ContentEditorInputPropsBase,\n 'onContentChange'\n> & {\n keyPath: KeyPath[];\n dictionary: Dictionary;\n};\n\nconst ContentEditorInput: FC<ContentEditorInputProps> = ({\n keyPath,\n dictionary,\n ...props\n}) => {\n const { addEditedContent } = useEditedContent();\n\n return (\n <ContentEditorInputBase\n variant={InputVariant.DEFAULT}\n onContentChange={(newValue) =>\n addEditedContent(dictionary.localId!, newValue, keyPath)\n }\n {...props}\n />\n );\n};\n\nconst toggleContent = [\n {\n content: 'False',\n value: false,\n },\n {\n content: 'True',\n value: true,\n },\n] as SwitchSelectorChoices<boolean>;\n\ntype ContentEditorToggleProps = SwitchSelectorProps & {\n dictionary: Dictionary;\n keyPath: KeyPath[];\n};\n\nconst ContentEditorToggle: FC<ContentEditorToggleProps> = ({\n dictionary,\n keyPath,\n ...props\n}) => {\n const { addEditedContent } = useEditedContent();\n\n return (\n <SwitchSelector\n choices={toggleContent}\n value={true}\n onChange={(value) =>\n addEditedContent(dictionary.localId!, value, keyPath)\n }\n color={SwitchSelectorColor.TEXT}\n size={SwitchSelectorSize.SM}\n {...props}\n />\n );\n};\n\nexport type TextEditorProps = {\n dictionary: Dictionary;\n keyPath: KeyPath[];\n section: ContentNode;\n isDarkMode?: boolean;\n renderSection?: (content: string) => ReactNode;\n onContentChange?: (newValue: string) => void;\n};\n\nconst TranslationTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n}: TextEditorProps) => {\n const { locale, defaultLocale } = useLocale();\n const { selectedLocales, availableLocales } = useLocaleSwitcherContent();\n\n const sectionContent = (section as TranslationContent<string>)[\n NodeType.Translation\n ] as Record<Locale, string>;\n\n const sectionContentKeys = Object.keys(sectionContent) as LocalesValues[];\n\n const isFiltered = availableLocales.length > selectedLocales.length;\n\n const localesList = isFiltered\n ? selectedLocales\n : // If the translation include content in other locales, we display all of them\n [...new Set([...availableLocales, ...sectionContentKeys])];\n\n const content: any = (section as TranslationContent<string>)[\n NodeType.Translation\n ];\n\n return (\n <table className=\"w-full\">\n <tbody className=\"flex w-full flex-col gap-2\">\n {localesList.map((translationKey) => {\n const uniqueKey = `${JSON.stringify(keyPath)}-translation-${translationKey}`;\n return (\n <Fragment key={uniqueKey}>\n <tr className=\"mt-2 w-full p-2 text-xs\">\n <td className=\"flex w-full\">\n {getLocaleName(translationKey, locale)}\n </td>\n </tr>\n <tr className=\"flex\">\n <td className=\"flex w-full\">\n <TextEditorContainer\n section={\n content[translationKey] ??\n getEmptyNode(content[defaultLocale])\n }\n keyPath={[\n ...keyPath,\n { type: NodeType.Translation, key: translationKey },\n ]}\n dictionary={dictionary}\n renderSection={renderSection}\n />\n </td>\n </tr>\n </Fragment>\n );\n })}\n </tbody>\n </table>\n );\n};\n\nconst EnumerationTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n}) => {\n const { addEditedContent } = useEditedContent();\n const { addNewEnumeration, removeEnumeration } =\n useIntlayer('navigation-view');\n\n const content = (section as EnumerationContent<string>)[NodeType.Enumeration];\n const firstKey = Object.keys(content)[0] as keyof typeof content;\n\n return (\n <div className=\"flex flex-col gap-2\">\n <table className=\"w-full\">\n <tbody className=\"flex w-full flex-col gap-2\">\n {Object.keys(\n (section as EnumerationContent<ContentNode>)[NodeType.Enumeration]\n ).map((enumKey) => {\n const childrenKeyPath = [\n ...keyPath,\n { type: NodeType.Enumeration, key: enumKey },\n ] as KeyPath[];\n const uniqueKey = `${JSON.stringify(keyPath)}-enumeration-${enumKey}`;\n\n return (\n <Fragment key={uniqueKey}>\n <tr className=\"mt-2 w-full\">\n <td className=\"flex w-full\">\n <div className=\"flex flex-1\">\n <Button\n label={removeEnumeration.label.value}\n variant=\"hoverable\"\n size=\"sm\"\n color=\"error\"\n className=\"ml-auto text-neutral hover:text-error\"\n Icon={Trash}\n onClick={() =>\n addEditedContent(\n dictionary.localId!,\n undefined,\n childrenKeyPath\n )\n }\n >\n {removeEnumeration.text}\n </Button>\n </div>\n </td>\n </tr>\n <tr className=\"w-full p-2\">\n <td className=\"flex w-full\">\n <EnumKeyInput\n value={enumKey}\n onChange={(value) => {\n const preValueContent = (\n section as EnumerationContent<string>\n )[NodeType.Enumeration];\n\n const newValueContent = renameKey(\n preValueContent,\n enumKey as keyof typeof preValueContent,\n value\n );\n const newValue = {\n ...(section as EnumerationContent<string>),\n [NodeType.Enumeration]: newValueContent,\n };\n\n console.log('newValue', newValue);\n\n addEditedContent(\n dictionary.localId!,\n newValue,\n keyPath\n );\n }}\n />\n </td>\n </tr>\n <tr className=\"block w-full\">\n <td className=\"flex w-full\">\n <TextEditor\n section={\n content[enumKey as keyof typeof content] ??\n getEmptyNode(content[firstKey])\n }\n keyPath={childrenKeyPath}\n dictionary={dictionary}\n renderSection={renderSection}\n />\n </td>\n </tr>\n </Fragment>\n );\n })}\n </tbody>\n </table>\n\n <Button\n label={addNewEnumeration.label.value}\n variant={ButtonVariant.HOVERABLE}\n color={ButtonColor.NEUTRAL}\n textAlign={ButtonTextAlign.LEFT}\n isFullWidth\n onClick={() =>\n addEditedContent(\n dictionary.localId!,\n getEmptyNode(content[firstKey]) ?? '',\n [...keyPath, { type: NodeType.Enumeration, key: 'unknown' }]\n )\n }\n Icon={Plus}\n className=\"m-2\"\n >\n {addNewEnumeration.text}\n </Button>\n </div>\n );\n};\n\nconst ConditionTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n}) => {\n const content = (section as ConditionContent<string>)[NodeType.Condition];\n\n return (\n <table className=\"w-full\">\n <tbody className=\"flex w-full flex-col gap-2\">\n {['true', 'false', 'fallback'].map((condKey) => {\n const uniqueKey = `${JSON.stringify(keyPath)}-condition-${condKey}`;\n return (\n <Fragment key={uniqueKey}>\n <tr className=\"mt-2 block w-full p-2 text-xs\">\n <td className=\"flex w-full\">{String(condKey)}</td>\n </tr>\n <tr className=\"block w-full\">\n <td className=\"flex w-full\">\n <TextEditorContainer\n section={\n content[condKey as keyof typeof content] ??\n getEmptyNode(content.true)\n }\n keyPath={[\n ...keyPath,\n {\n type: NodeType.Condition,\n key: condKey,\n } as KeyPath,\n ]}\n dictionary={dictionary}\n renderSection={renderSection}\n />\n </td>\n </tr>\n </Fragment>\n );\n })}\n </tbody>\n </table>\n );\n};\n\nconst GenderTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n}) => {\n const content = (section as GenderContent<string>)[NodeType.Gender];\n\n return (\n <table className=\"w-full\">\n <tbody className=\"flex w-full flex-col gap-2\">\n {['male', 'female', 'fallback'].map((condKey) => {\n const uniqueKey = `${JSON.stringify(keyPath)}-gender-${condKey}`;\n return (\n <Fragment key={uniqueKey}>\n <tr className=\"mt-2 block w-full p-2 text-xs\">\n <td className=\"flex w-full\">{String(condKey)}</td>\n </tr>\n <tr className=\"block w-full\">\n <td className=\"flex w-full\">\n <TextEditorContainer\n section={\n content[condKey as keyof typeof content] ??\n getEmptyNode(content.male)\n }\n keyPath={[\n ...keyPath,\n {\n type: NodeType.Gender,\n key: condKey,\n } as KeyPath,\n ]}\n dictionary={dictionary}\n renderSection={renderSection}\n />\n </td>\n </tr>\n </Fragment>\n );\n })}\n </tbody>\n </table>\n );\n};\n\nconst ArrayTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n}) => {\n const { addEditedContent } = useEditedContent();\n const { addNewElement, removeElement } = useIntlayer('navigation-view');\n\n return (\n <div className=\"flex flex-col gap-2\">\n <table className=\"w-full\">\n <tbody className=\"flex w-full flex-col gap-2\">\n {(section as unknown as ContentNode[]).map((subSection, index) => {\n const uniqueKey = `${JSON.stringify(keyPath)}-array-${index}`;\n return (\n <Fragment key={uniqueKey}>\n <tr className=\"mt-2 w-full p-2\">\n <td className=\"flex w-full\">\n <div className=\"flex w-full items-center justify-between gap-2\">\n <span className=\"text-xs\">{String(index)}</span>\n <Button\n label={removeElement.label.value}\n variant=\"hoverable\"\n size=\"sm\"\n color=\"error\"\n className=\"ml-auto text-neutral hover:text-error\"\n onClick={() => {\n const newKeyPath: KeyPath[] = [\n ...keyPath,\n {\n type: NodeType.Array,\n key: index, // Fixed: Use index instead of length\n },\n ];\n addEditedContent(\n dictionary.localId!,\n undefined,\n newKeyPath\n );\n }}\n Icon={Trash}\n >\n {removeElement.text}\n </Button>\n </div>\n </td>\n </tr>\n\n <tr className=\"block w-full\">\n <td className=\"flex w-full\">\n <TextEditorContainer\n section={\n subSection ??\n getEmptyNode((section as unknown as ContentNode[])[0])\n }\n keyPath={[\n ...keyPath,\n {\n type: NodeType.Array,\n key: index,\n },\n ]}\n dictionary={dictionary}\n renderSection={renderSection}\n />\n </td>\n </tr>\n </Fragment>\n );\n })}\n </tbody>\n </table>\n <Button\n label={addNewElement.label.value}\n variant={ButtonVariant.HOVERABLE}\n color={ButtonColor.NEUTRAL}\n textAlign={ButtonTextAlign.LEFT}\n isFullWidth\n onClick={() => {\n const newKeyPath: KeyPath[] = [\n ...keyPath,\n {\n type: NodeType.Array,\n key: (section as unknown as ContentNode[]).length, // Keeps length for adding new items\n },\n ];\n addEditedContent(\n dictionary.localId!,\n getEmptyNode((section as unknown as ContentNode[])[0]) ?? '',\n newKeyPath,\n false\n );\n }}\n Icon={Plus}\n >\n {addNewElement.text}\n </Button>\n </div>\n );\n};\n\nconst ObjectTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n}) => (\n <>\n <table className=\"w-full\">\n <tbody className=\"flex flex-col gap-2\">\n {Object.keys(section as unknown as Record<string, ContentNode>).map(\n (key) => {\n const childKeyPath: KeyPath[] = [\n ...keyPath,\n { type: NodeType.Object, key },\n ];\n const typedSection = section as unknown as Record<\n string,\n ContentNode\n >;\n const firstKey = Object.keys(\n typedSection\n )[0] as keyof typeof section;\n const subSection =\n typedSection[key as keyof typeof section] ??\n getEmptyNode(typedSection[firstKey]);\n const uniqueKey = `${JSON.stringify(keyPath)}-object-${key}`;\n\n return (\n <Fragment key={uniqueKey}>\n <tr className=\"mt-2 p-2 text-xs\">\n <td className=\"flex w-full\">{String(key)}</td>\n </tr>\n <tr className=\"block w-full\">\n <td className=\"flex w-full\">\n <TextEditor\n section={subSection}\n keyPath={childKeyPath}\n dictionary={dictionary}\n renderSection={renderSection}\n />\n </td>\n </tr>\n </Fragment>\n );\n }\n )}\n </tbody>\n </table>\n </>\n);\n\nenum MarkdownViewMode {\n Edit,\n Preview,\n}\n\nenum HtmlViewMode {\n Edit,\n Preview,\n}\n\nconst HtmlTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n}) => {\n const [mode, setMode] = useState(HtmlViewMode.Edit);\n const toggleContent = [\n {\n content: 'Edit',\n value: HtmlViewMode.Edit,\n },\n {\n content: 'Preview',\n value: HtmlViewMode.Preview,\n },\n ] as SwitchSelectorChoices<HtmlViewMode>;\n const childKeyPath: KeyPath[] = [...keyPath, { type: NodeType.HTML }];\n\n const content = (section as HTMLContent<ContentNode>)[\n NodeType.HTML\n ] as ContentNode;\n\n return (\n <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n <SwitchSelector\n choices={toggleContent}\n value={mode}\n onChange={setMode}\n color={SwitchSelectorColor.TEXT}\n size={SwitchSelectorSize.SM}\n className=\"ml-auto\"\n />\n\n <TextEditorContainer\n section={content}\n keyPath={childKeyPath}\n dictionary={dictionary}\n renderSection={\n mode === HtmlViewMode.Preview\n ? (content) => (\n // biome-ignore lint/security/noDangerouslySetInnerHtml: HTML content is user-controlled and rendered in editor context\n <div dangerouslySetInnerHTML={{ __html: content }} />\n )\n : undefined\n }\n />\n </div>\n );\n};\n\nconst MarkdownTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n isDarkMode,\n}) => {\n const [mode, setMode] = useState(MarkdownViewMode.Edit);\n const toggleContent = [\n {\n content: 'Edit',\n value: MarkdownViewMode.Edit,\n },\n {\n content: 'Preview',\n value: MarkdownViewMode.Preview,\n },\n ] as SwitchSelectorChoices<MarkdownViewMode>;\n const childKeyPath: KeyPath[] = [...keyPath, { type: NodeType.Markdown }];\n\n const content = (section as MarkdownContent<ContentNode>)[\n NodeType.Markdown\n ] as ContentNode;\n\n return (\n <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n <SwitchSelector\n choices={toggleContent}\n value={mode}\n onChange={setMode}\n color={SwitchSelectorColor.TEXT}\n size={SwitchSelectorSize.SM}\n className=\"ml-auto\"\n />\n\n <TextEditorContainer\n section={content}\n keyPath={childKeyPath}\n dictionary={dictionary}\n renderSection={\n mode === MarkdownViewMode.Preview\n ? (content) => (\n <MarkdownRenderer isDarkMode={isDarkMode}>\n {content}\n </MarkdownRenderer>\n )\n : undefined\n }\n />\n </div>\n );\n};\n\nconst InsertionTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n ...props\n}) => {\n const childKeyPath: KeyPath[] = [...keyPath, { type: NodeType.Insertion }];\n\n const content = (section as InsertionContent<ContentNode>)[\n NodeType.Insertion\n ];\n\n return (\n <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n <TextEditorContainer\n section={content}\n keyPath={childKeyPath}\n {...props}\n />\n </div>\n );\n};\n\nconst FileTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n ...props\n}) => {\n const childKeyPath: KeyPath[] = [...keyPath, { type: NodeType.File }];\n\n const fileUrl = (section as FileContent)[NodeType.File];\n const { content } = section as FileContent;\n\n return (\n <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n <span className=\"text-neutral text-sm\">{fileUrl} </span>\n <TextEditorContainer\n section={content}\n keyPath={childKeyPath}\n {...props}\n />\n </div>\n );\n};\n\nconst NestedTextEditor: FC<TextEditorProps> = ({\n keyPath,\n dictionary,\n renderSection,\n section,\n ...props\n}) => {\n const { addEditedContent } = useEditedContent();\n\n const content = (section as any)[NodeType.Nested];\n const childrenKeyPath = [...keyPath, { type: NodeType.Nested }] as KeyPath[];\n\n return (\n <div className=\"flex w-full flex-col gap-4 p-2\">\n <Label>Dictionary key</Label>\n <ContentEditorInputBase\n aria-label=\"Edit field\"\n type=\"text\"\n variant={InputVariant.DEFAULT}\n {...props}\n onContentChange={(newValue) => {\n addEditedContent(\n dictionary.localId!,\n {\n ...content,\n dictionaryKey: String(newValue),\n },\n childrenKeyPath\n );\n }}\n >\n {content.dictionaryKey ?? ''}\n </ContentEditorInputBase>\n\n <Label>Path (optional)</Label>\n <ContentEditorInputBase\n aria-label=\"Edit field\"\n type=\"text\"\n variant={InputVariant.DEFAULT}\n {...props}\n onContentChange={(newValue) => {\n addEditedContent(\n dictionary.localId!,\n {\n ...content,\n path: newValue !== '' ? newValue : undefined,\n },\n childrenKeyPath\n );\n }}\n >\n {content.path ?? ''}\n </ContentEditorInputBase>\n </div>\n );\n};\n\nexport const TextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n isDarkMode,\n}) => {\n const { tsxNotEditable } = useIntlayer('navigation-view');\n const nodeType = getNodeType(section);\n\n if (nodeType === NodeType.ReactNode) {\n return (\n <div className=\"flex w-full flex-col gap-2\">\n <span>(React Node)</span>\n <span className=\"flex text-neutral text-xs\">{tsxNotEditable}</span>\n </div>\n );\n }\n\n if (nodeType === NodeType.Nested) {\n return (\n <NestedTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeType.Translation) {\n return (\n <TranslationTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeType.Enumeration) {\n return (\n <EnumerationTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeType.Condition) {\n return (\n <ConditionTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeType.Gender) {\n return (\n <GenderTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeType.Insertion) {\n return (\n <InsertionTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeType.Markdown) {\n return (\n <MarkdownTextEditor\n dictionary={dictionary}\n keyPath={keyPath}\n section={section}\n isDarkMode={isDarkMode}\n />\n );\n }\n\n if (nodeType === NodeType.HTML) {\n return (\n <HtmlTextEditor\n dictionary={dictionary}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeType.File) {\n return (\n <FileTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeType.Array) {\n return (\n <ArrayTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeType.Object) {\n return (\n <ObjectTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeType.Number) {\n return (\n <div className=\"w-full p-2\">\n <ContentEditorInput\n dictionary={dictionary}\n keyPath={keyPath}\n type=\"number\"\n aria-label=\"Edit field\"\n >\n {section as number}\n </ContentEditorInput>\n </div>\n );\n }\n\n if (nodeType === NodeType.Text) {\n return (\n <div className=\"w-full p-2\">\n {typeof renderSection === 'function' ? (\n renderSection(section as string)\n ) : (\n <ContentEditorTextArea\n variant={InputVariant.DEFAULT}\n aria-label=\"Edit field\"\n keyPath={keyPath}\n dictionary={dictionary}\n >\n {section as string}\n </ContentEditorTextArea>\n )}\n </div>\n );\n }\n\n if (nodeType === NodeType.Boolean) {\n return (\n <div className=\"w-full p-2\">\n <ContentEditorToggle\n dictionary={dictionary}\n keyPath={keyPath}\n value={section as boolean}\n />\n </div>\n );\n }\n\n return (\n <div className=\"w-full p-2\">\n Error. Format not supported.\n {JSON.stringify(section, null, 2)}\n {JSON.stringify(keyPath, null, 2)}\n NodeType : {nodeType}\n </div>\n );\n};\n\nexport const TextEditorContainer: FC<TextEditorProps> = (props) => (\n <Container\n border\n background=\"none\"\n className=\"top-6 flex h-full flex-1 flex-col gap-6 overflow-hidden p-2 md:sticky\"\n roundedSize=\"xl\"\n >\n <TextEditor {...props} />\n </Container>\n);\n"],"mappings":"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"}
1	+ {"version":3,"file":"TextEditor.mjs","names":["ContentEditorTextAreaBase","ContentEditorInputBase","MarkdownRenderer"],"sources":["../../../../../src/components/DictionaryFieldEditor/ContentEditorView/TextEditor.tsx"],"sourcesContent":["'use client';\n\nimport {\n Button,\n ButtonColor,\n ButtonSize,\n ButtonTextAlign,\n ButtonVariant,\n} from '@components/Button';\nimport { Container } from '@components/Container';\nimport {\n ContentEditorInput as ContentEditorInputBase,\n type ContentEditorInputProps as ContentEditorInputPropsBase,\n} from '@components/ContentEditor/ContentEditorInput';\nimport {\n ContentEditorTextArea as ContentEditorTextAreaBase,\n type ContentEditorTextAreaProps as ContentEditorTextAreaPropsBase,\n} from '@components/ContentEditor/ContentEditorTextArea';\nimport { InputVariant } from '@components/Input';\nimport { Label } from '@components/Label';\nimport { useLocaleSwitcherContent } from '@components/LocaleSwitcherContentDropDown';\nimport { MarkdownRenderer } from '@components/MarkDownRender';\nimport {\n SwitchSelector,\n type SwitchSelectorChoices,\n SwitchSelectorColor,\n type SwitchSelectorProps,\n SwitchSelectorSize,\n} from '@components/SwitchSelector';\nimport { useAuditContentDeclarationField } from '@hooks/reactQuery';\nimport {\n getEmptyNode,\n getNodeType,\n} from '@intlayer/core/dictionaryManipulator';\nimport { getLocaleName } from '@intlayer/core/localization';\nimport type {\n ConditionContent,\n EnumerationContent,\n FileContent,\n GenderContent,\n HTMLContent,\n InsertionContent,\n MarkdownContent,\n TranslationContent,\n} from '@intlayer/core/transpiler';\nimport { useConfiguration, useEditedContent } from '@intlayer/editor-react';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { ContentNode, Dictionary } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { renameKey } from '@utils/object';\nimport { Plus, Trash, WandSparkles } from 'lucide-react';\nimport { type FC, Fragment, type ReactNode, useState } from 'react';\nimport { useIntlayer, useLocale } from 'react-intlayer';\nimport { EnumKeyInput } from '../EnumKeyInput';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\ntype ContentEditorTextAreaProps = Omit<\n ContentEditorTextAreaPropsBase,\n 'onContentChange'\n> & {\n keyPath: KeyPath[];\n dictionary: Dictionary;\n};\n\nconst ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n keyPath,\n dictionary,\n ...props\n}) => {\n const { editedContent, addEditedContent } = useEditedContent();\n const configuration = useConfiguration();\n const { mutate: auditContentDeclarationField, isPending: isAuditing } =\n useAuditContentDeclarationField();\n\n return (\n <ContentEditorTextAreaBase\n variant={InputVariant.DEFAULT}\n onContentChange={(newValue) =>\n addEditedContent(dictionary.localId!, newValue, keyPath)\n }\n additionalButtons={\n <Button\n Icon={WandSparkles}\n label=\"Audit\"\n variant={ButtonVariant.HOVERABLE}\n size={ButtonSize.ICON_SM}\n color={ButtonColor.TEXT}\n className=\"cursor-pointer hover:scale-110\"\n isLoading={isAuditing}\n onClick={() => {\n auditContentDeclarationField(\n {\n fileContent: JSON.stringify({\n ...dictionary,\n ...(editedContent?.[dictionary.localId!] ?? {}),\n }),\n keyPath,\n locales: configuration?.internationalization.locales ?? [],\n aiOptions: {\n apiKey: configuration?.ai?.apiKey,\n model: configuration?.ai?.model,\n temperature: configuration?.ai?.temperature,\n },\n },\n {\n onSuccess: (response) => {\n if (!response?.data) return;\n\n try {\n const editedContent = response.data.fileContent as string;\n\n addEditedContent(\n dictionary.localId!,\n editedContent,\n keyPath\n );\n } catch (error) {\n console.error(error);\n }\n },\n }\n );\n }}\n />\n }\n {...props}\n />\n );\n};\n\ntype ContentEditorInputProps = Omit<\n ContentEditorInputPropsBase,\n 'onContentChange'\n> & {\n keyPath: KeyPath[];\n dictionary: Dictionary;\n};\n\nconst ContentEditorInput: FC<ContentEditorInputProps> = ({\n keyPath,\n dictionary,\n ...props\n}) => {\n const { addEditedContent } = useEditedContent();\n\n return (\n <ContentEditorInputBase\n variant={InputVariant.DEFAULT}\n onContentChange={(newValue) =>\n addEditedContent(dictionary.localId!, newValue, keyPath)\n }\n {...props}\n />\n );\n};\n\nconst toggleContent = [\n {\n content: 'False',\n value: false,\n },\n {\n content: 'True',\n value: true,\n },\n] as SwitchSelectorChoices<boolean>;\n\ntype ContentEditorToggleProps = SwitchSelectorProps & {\n dictionary: Dictionary;\n keyPath: KeyPath[];\n};\n\nconst ContentEditorToggle: FC<ContentEditorToggleProps> = ({\n dictionary,\n keyPath,\n ...props\n}) => {\n const { addEditedContent } = useEditedContent();\n\n return (\n <SwitchSelector\n choices={toggleContent}\n value={true}\n onChange={(value) =>\n addEditedContent(dictionary.localId!, value, keyPath)\n }\n color={SwitchSelectorColor.TEXT}\n size={SwitchSelectorSize.SM}\n {...props}\n />\n );\n};\n\nexport type TextEditorProps = {\n dictionary: Dictionary;\n keyPath: KeyPath[];\n section: ContentNode;\n isDarkMode?: boolean;\n renderSection?: (content: string) => ReactNode;\n onContentChange?: (newValue: string) => void;\n};\n\nconst TranslationTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n}: TextEditorProps) => {\n const { locale, defaultLocale } = useLocale();\n const { selectedLocales, availableLocales } = useLocaleSwitcherContent();\n\n const sectionContent = (section as TranslationContent<string>)[\n NodeTypes.TRANSLATION\n ] as Record<Locale, string>;\n\n const sectionContentKeys = Object.keys(sectionContent) as LocalesValues[];\n\n const isFiltered = availableLocales.length > selectedLocales.length;\n\n const localesList = isFiltered\n ? selectedLocales\n : // If the translation include content in other locales, we display all of them\n [...new Set([...availableLocales, ...sectionContentKeys])];\n\n const content: any = (section as TranslationContent<string>)[\n NodeTypes.TRANSLATION\n ];\n\n return (\n <table className=\"w-full\">\n <tbody className=\"flex w-full flex-col gap-2\">\n {localesList.map((translationKey) => {\n const uniqueKey = `${JSON.stringify(keyPath)}-translation-${translationKey}`;\n return (\n <Fragment key={uniqueKey}>\n <tr className=\"mt-2 w-full p-2 text-xs\">\n <td className=\"flex w-full\">\n {getLocaleName(translationKey, locale)}\n </td>\n </tr>\n <tr className=\"flex\">\n <td className=\"flex w-full\">\n <TextEditorContainer\n section={\n content[translationKey] ??\n getEmptyNode(content[defaultLocale])\n }\n keyPath={[\n ...keyPath,\n { type: NodeTypes.TRANSLATION, key: translationKey },\n ]}\n dictionary={dictionary}\n renderSection={renderSection}\n />\n </td>\n </tr>\n </Fragment>\n );\n })}\n </tbody>\n </table>\n );\n};\n\nconst EnumerationTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n}) => {\n const { addEditedContent } = useEditedContent();\n const { addNewEnumeration, removeEnumeration } =\n useIntlayer('navigation-view');\n\n const content = (section as EnumerationContent<string>)[\n NodeTypes.ENUMERATION\n ];\n const firstKey = Object.keys(content)[0] as keyof typeof content;\n\n return (\n <div className=\"flex flex-col gap-2\">\n <table className=\"w-full\">\n <tbody className=\"flex w-full flex-col gap-2\">\n {Object.keys(\n (section as EnumerationContent<ContentNode>)[NodeTypes.ENUMERATION]\n ).map((enumKey) => {\n const childrenKeyPath = [\n ...keyPath,\n { type: NodeTypes.ENUMERATION, key: enumKey },\n ] as KeyPath[];\n const uniqueKey = `${JSON.stringify(keyPath)}-enumeration-${enumKey}`;\n\n return (\n <Fragment key={uniqueKey}>\n <tr className=\"mt-2 w-full\">\n <td className=\"flex w-full\">\n <div className=\"flex flex-1\">\n <Button\n label={removeEnumeration.label.value}\n variant=\"hoverable\"\n size=\"sm\"\n color=\"error\"\n className=\"ml-auto text-neutral hover:text-error\"\n Icon={Trash}\n onClick={() =>\n addEditedContent(\n dictionary.localId!,\n undefined,\n childrenKeyPath\n )\n }\n >\n {removeEnumeration.text}\n </Button>\n </div>\n </td>\n </tr>\n <tr className=\"w-full p-2\">\n <td className=\"flex w-full\">\n <EnumKeyInput\n value={enumKey}\n onChange={(value) => {\n const preValueContent = (\n section as EnumerationContent<string>\n )[NodeTypes.ENUMERATION];\n\n const newValueContent = renameKey(\n preValueContent,\n enumKey as keyof typeof preValueContent,\n value\n );\n const newValue = {\n ...(section as EnumerationContent<string>),\n [NodeTypes.ENUMERATION]: newValueContent,\n };\n\n console.log('newValue', newValue);\n\n addEditedContent(\n dictionary.localId!,\n newValue,\n keyPath\n );\n }}\n />\n </td>\n </tr>\n <tr className=\"block w-full\">\n <td className=\"flex w-full\">\n <TextEditor\n section={\n content[enumKey as keyof typeof content] ??\n getEmptyNode(content[firstKey])\n }\n keyPath={childrenKeyPath}\n dictionary={dictionary}\n renderSection={renderSection}\n />\n </td>\n </tr>\n </Fragment>\n );\n })}\n </tbody>\n </table>\n\n <Button\n label={addNewEnumeration.label.value}\n variant={ButtonVariant.HOVERABLE}\n color={ButtonColor.NEUTRAL}\n textAlign={ButtonTextAlign.LEFT}\n isFullWidth\n onClick={() =>\n addEditedContent(\n dictionary.localId!,\n getEmptyNode(content[firstKey]) ?? '',\n [...keyPath, { type: NodeTypes.ENUMERATION, key: 'unknown' }]\n )\n }\n Icon={Plus}\n className=\"m-2\"\n >\n {addNewEnumeration.text}\n </Button>\n </div>\n );\n};\n\nconst ConditionTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n}) => {\n const content = (section as ConditionContent<string>)[NodeTypes.CONDITION];\n\n return (\n <table className=\"w-full\">\n <tbody className=\"flex w-full flex-col gap-2\">\n {['true', 'false', 'fallback'].map((condKey) => {\n const uniqueKey = `${JSON.stringify(keyPath)}-condition-${condKey}`;\n return (\n <Fragment key={uniqueKey}>\n <tr className=\"mt-2 block w-full p-2 text-xs\">\n <td className=\"flex w-full\">{String(condKey)}</td>\n </tr>\n <tr className=\"block w-full\">\n <td className=\"flex w-full\">\n <TextEditorContainer\n section={\n content[condKey as keyof typeof content] ??\n getEmptyNode(content.true)\n }\n keyPath={[\n ...keyPath,\n {\n type: NodeTypes.CONDITION,\n key: condKey,\n } as KeyPath,\n ]}\n dictionary={dictionary}\n renderSection={renderSection}\n />\n </td>\n </tr>\n </Fragment>\n );\n })}\n </tbody>\n </table>\n );\n};\n\nconst GenderTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n}) => {\n const content = (section as GenderContent<string>)[NodeTypes.GENDER];\n\n return (\n <table className=\"w-full\">\n <tbody className=\"flex w-full flex-col gap-2\">\n {['male', 'female', 'fallback'].map((condKey) => {\n const uniqueKey = `${JSON.stringify(keyPath)}-gender-${condKey}`;\n return (\n <Fragment key={uniqueKey}>\n <tr className=\"mt-2 block w-full p-2 text-xs\">\n <td className=\"flex w-full\">{String(condKey)}</td>\n </tr>\n <tr className=\"block w-full\">\n <td className=\"flex w-full\">\n <TextEditorContainer\n section={\n content[condKey as keyof typeof content] ??\n getEmptyNode(content.male)\n }\n keyPath={[\n ...keyPath,\n {\n type: NodeTypes.GENDER,\n key: condKey,\n } as KeyPath,\n ]}\n dictionary={dictionary}\n renderSection={renderSection}\n />\n </td>\n </tr>\n </Fragment>\n );\n })}\n </tbody>\n </table>\n );\n};\n\nconst ArrayTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n}) => {\n const { addEditedContent } = useEditedContent();\n const { addNewElement, removeElement } = useIntlayer('navigation-view');\n\n return (\n <div className=\"flex flex-col gap-2\">\n <table className=\"w-full\">\n <tbody className=\"flex w-full flex-col gap-2\">\n {(section as unknown as ContentNode[]).map((subSection, index) => {\n const uniqueKey = `${JSON.stringify(keyPath)}-array-${index}`;\n return (\n <Fragment key={uniqueKey}>\n <tr className=\"mt-2 w-full p-2\">\n <td className=\"flex w-full\">\n <div className=\"flex w-full items-center justify-between gap-2\">\n <span className=\"text-xs\">{String(index)}</span>\n <Button\n label={removeElement.label.value}\n variant=\"hoverable\"\n size=\"sm\"\n color=\"error\"\n className=\"ml-auto text-neutral hover:text-error\"\n onClick={() => {\n const newKeyPath: KeyPath[] = [\n ...keyPath,\n {\n type: NodeTypes.ARRAY,\n key: index, // Fixed: Use index instead of length\n },\n ];\n addEditedContent(\n dictionary.localId!,\n undefined,\n newKeyPath\n );\n }}\n Icon={Trash}\n >\n {removeElement.text}\n </Button>\n </div>\n </td>\n </tr>\n\n <tr className=\"block w-full\">\n <td className=\"flex w-full\">\n <TextEditorContainer\n section={\n subSection ??\n getEmptyNode((section as unknown as ContentNode[])[0])\n }\n keyPath={[\n ...keyPath,\n {\n type: NodeTypes.ARRAY,\n key: index,\n },\n ]}\n dictionary={dictionary}\n renderSection={renderSection}\n />\n </td>\n </tr>\n </Fragment>\n );\n })}\n </tbody>\n </table>\n <Button\n label={addNewElement.label.value}\n variant={ButtonVariant.HOVERABLE}\n color={ButtonColor.NEUTRAL}\n textAlign={ButtonTextAlign.LEFT}\n isFullWidth\n onClick={() => {\n const newKeyPath: KeyPath[] = [\n ...keyPath,\n {\n type: NodeTypes.ARRAY,\n key: (section as unknown as ContentNode[]).length, // Keeps length for adding new items\n },\n ];\n addEditedContent(\n dictionary.localId!,\n getEmptyNode((section as unknown as ContentNode[])[0]) ?? '',\n newKeyPath,\n false\n );\n }}\n Icon={Plus}\n >\n {addNewElement.text}\n </Button>\n </div>\n );\n};\n\nconst ObjectTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n}) => (\n <>\n <table className=\"w-full\">\n <tbody className=\"flex flex-col gap-2\">\n {Object.keys(section as unknown as Record<string, ContentNode>).map(\n (key) => {\n const childKeyPath: KeyPath[] = [\n ...keyPath,\n { type: NodeTypes.OBJECT, key },\n ];\n const typedSection = section as unknown as Record<\n string,\n ContentNode\n >;\n const firstKey = Object.keys(\n typedSection\n )[0] as keyof typeof section;\n const subSection =\n typedSection[key as keyof typeof section] ??\n getEmptyNode(typedSection[firstKey]);\n const uniqueKey = `${JSON.stringify(keyPath)}-object-${key}`;\n\n return (\n <Fragment key={uniqueKey}>\n <tr className=\"mt-2 p-2 text-xs\">\n <td className=\"flex w-full\">{String(key)}</td>\n </tr>\n <tr className=\"block w-full\">\n <td className=\"flex w-full\">\n <TextEditor\n section={subSection}\n keyPath={childKeyPath}\n dictionary={dictionary}\n renderSection={renderSection}\n />\n </td>\n </tr>\n </Fragment>\n );\n }\n )}\n </tbody>\n </table>\n </>\n);\n\nenum MarkdownViewMode {\n Edit,\n Preview,\n}\n\nenum HtmlViewMode {\n Edit,\n Preview,\n}\n\nconst HtmlTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n}) => {\n const [mode, setMode] = useState(HtmlViewMode.Edit);\n const toggleContent = [\n {\n content: 'Edit',\n value: HtmlViewMode.Edit,\n },\n {\n content: 'Preview',\n value: HtmlViewMode.Preview,\n },\n ] as SwitchSelectorChoices<HtmlViewMode>;\n const childKeyPath: KeyPath[] = [...keyPath, { type: NodeTypes.HTML }];\n\n const content = (section as HTMLContent<ContentNode>)[\n NodeTypes.HTML\n ] as ContentNode;\n\n return (\n <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n <SwitchSelector\n choices={toggleContent}\n value={mode}\n onChange={setMode}\n color={SwitchSelectorColor.TEXT}\n size={SwitchSelectorSize.SM}\n className=\"ml-auto\"\n />\n\n <TextEditorContainer\n section={content}\n keyPath={childKeyPath}\n dictionary={dictionary}\n renderSection={\n mode === HtmlViewMode.Preview\n ? (content) => (\n // biome-ignore lint/security/noDangerouslySetInnerHtml: HTML content is user-controlled and rendered in editor context\n <div dangerouslySetInnerHTML={{ __html: content }} />\n )\n : undefined\n }\n />\n </div>\n );\n};\n\nconst MarkdownTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n isDarkMode,\n}) => {\n const [mode, setMode] = useState(MarkdownViewMode.Edit);\n const toggleContent = [\n {\n content: 'Edit',\n value: MarkdownViewMode.Edit,\n },\n {\n content: 'Preview',\n value: MarkdownViewMode.Preview,\n },\n ] as SwitchSelectorChoices<MarkdownViewMode>;\n const childKeyPath: KeyPath[] = [...keyPath, { type: NodeTypes.MARKDOWN }];\n\n const content = (section as MarkdownContent<ContentNode>)[\n NodeTypes.MARKDOWN\n ] as ContentNode;\n\n return (\n <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n <SwitchSelector\n choices={toggleContent}\n value={mode}\n onChange={setMode}\n color={SwitchSelectorColor.TEXT}\n size={SwitchSelectorSize.SM}\n className=\"ml-auto\"\n />\n\n <TextEditorContainer\n section={content}\n keyPath={childKeyPath}\n dictionary={dictionary}\n renderSection={\n mode === MarkdownViewMode.Preview\n ? (content) => (\n <MarkdownRenderer isDarkMode={isDarkMode}>\n {content}\n </MarkdownRenderer>\n )\n : undefined\n }\n />\n </div>\n );\n};\n\nconst InsertionTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n ...props\n}) => {\n const childKeyPath: KeyPath[] = [...keyPath, { type: NodeTypes.INSERTION }];\n\n const content = (section as InsertionContent<ContentNode>)[\n NodeTypes.INSERTION\n ];\n\n return (\n <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n <TextEditorContainer\n section={content}\n keyPath={childKeyPath}\n {...props}\n />\n </div>\n );\n};\n\nconst FileTextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n ...props\n}) => {\n const childKeyPath: KeyPath[] = [...keyPath, { type: NodeTypes.FILE }];\n\n const fileUrl = (section as FileContent)[NodeTypes.FILE];\n const { content } = section as FileContent;\n\n return (\n <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n <span className=\"text-neutral text-sm\">{fileUrl} </span>\n <TextEditorContainer\n section={content}\n keyPath={childKeyPath}\n {...props}\n />\n </div>\n );\n};\n\nconst NestedTextEditor: FC<TextEditorProps> = ({\n keyPath,\n dictionary,\n renderSection,\n section,\n ...props\n}) => {\n const { addEditedContent } = useEditedContent();\n\n const content = (section as any)[NodeTypes.NESTED];\n const childrenKeyPath = [...keyPath, { type: NodeTypes.NESTED }] as KeyPath[];\n\n return (\n <div className=\"flex w-full flex-col gap-4 p-2\">\n <Label>Dictionary key</Label>\n <ContentEditorInputBase\n aria-label=\"Edit field\"\n type=\"text\"\n variant={InputVariant.DEFAULT}\n {...props}\n onContentChange={(newValue) => {\n addEditedContent(\n dictionary.localId!,\n {\n ...content,\n dictionaryKey: String(newValue),\n },\n childrenKeyPath\n );\n }}\n >\n {content.dictionaryKey ?? ''}\n </ContentEditorInputBase>\n\n <Label>Path (optional)</Label>\n <ContentEditorInputBase\n aria-label=\"Edit field\"\n type=\"text\"\n variant={InputVariant.DEFAULT}\n {...props}\n onContentChange={(newValue) => {\n addEditedContent(\n dictionary.localId!,\n {\n ...content,\n path: newValue !== '' ? newValue : undefined,\n },\n childrenKeyPath\n );\n }}\n >\n {content.path ?? ''}\n </ContentEditorInputBase>\n </div>\n );\n};\n\nexport const TextEditor: FC<TextEditorProps> = ({\n section,\n keyPath,\n dictionary,\n renderSection,\n isDarkMode,\n}) => {\n const { tsxNotEditable } = useIntlayer('navigation-view');\n const nodeType = getNodeType(section);\n\n if (nodeType === NodeTypes.REACT_NODE) {\n return (\n <div className=\"flex w-full flex-col gap-2\">\n <span>(React Node)</span>\n <span className=\"flex text-neutral text-xs\">{tsxNotEditable}</span>\n </div>\n );\n }\n\n if (nodeType === NodeTypes.NESTED) {\n return (\n <NestedTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeTypes.TRANSLATION) {\n return (\n <TranslationTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeTypes.ENUMERATION) {\n return (\n <EnumerationTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeTypes.CONDITION) {\n return (\n <ConditionTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeTypes.GENDER) {\n return (\n <GenderTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeTypes.INSERTION) {\n return (\n <InsertionTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeTypes.MARKDOWN) {\n return (\n <MarkdownTextEditor\n dictionary={dictionary}\n keyPath={keyPath}\n section={section}\n isDarkMode={isDarkMode}\n />\n );\n }\n\n if (nodeType === NodeTypes.HTML) {\n return (\n <HtmlTextEditor\n dictionary={dictionary}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeTypes.FILE) {\n return (\n <FileTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeTypes.ARRAY) {\n return (\n <ArrayTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeTypes.OBJECT) {\n return (\n <ObjectTextEditor\n dictionary={dictionary}\n renderSection={renderSection}\n keyPath={keyPath}\n section={section}\n />\n );\n }\n\n if (nodeType === NodeTypes.NUMBER) {\n return (\n <div className=\"w-full p-2\">\n <ContentEditorInput\n dictionary={dictionary}\n keyPath={keyPath}\n type=\"number\"\n aria-label=\"Edit field\"\n >\n {section as number}\n </ContentEditorInput>\n </div>\n );\n }\n\n if (nodeType === NodeTypes.TEXT) {\n return (\n <div className=\"w-full p-2\">\n {typeof renderSection === 'function' ? (\n renderSection(section as string)\n ) : (\n <ContentEditorTextArea\n variant={InputVariant.DEFAULT}\n aria-label=\"Edit field\"\n keyPath={keyPath}\n dictionary={dictionary}\n >\n {section as string}\n </ContentEditorTextArea>\n )}\n </div>\n );\n }\n\n if (nodeType === NodeTypes.BOOLEAN) {\n return (\n <div className=\"w-full p-2\">\n <ContentEditorToggle\n dictionary={dictionary}\n keyPath={keyPath}\n value={section as boolean}\n />\n </div>\n );\n }\n\n return (\n <div className=\"w-full p-2\">\n Error. Format not supported.\n {JSON.stringify(section, null, 2)}\n {JSON.stringify(keyPath, null, 2)}\n NodeType : {nodeType}\n </div>\n );\n};\n\nexport const TextEditorContainer: FC<TextEditorProps> = (props) => (\n <Container\n border\n background=\"none\"\n className=\"top-6 flex h-full flex-1 flex-col gap-6 overflow-hidden p-2 md:sticky\"\n roundedSize=\"xl\"\n >\n <TextEditor {...props} />\n </Container>\n);\n"],"mappings":"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"}

package/dist/esm/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.mjs CHANGED Viewed

@@ -1,2 +1,65 @@
-"use client";import{useSession as e}from"../../../hooks/useAuth/useSession.mjs";import{useAddDictionary as t,useGetProjects as n}from"../../../hooks/reactQuery.mjs";import{ButtonColor as r}from"../../Button/Button.mjs";import{MultiSelect as i}from"../../Select/Multiselect.mjs";import{useForm as a}from"../../Form/FormBase.mjs";import{Form as o}from"../../Form/Form.mjs";import{useDictionarySchema as s}from"./useDictionaryFormSchema.mjs";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{useIntlayer as u}from"react-intlayer";const d=({onDictionaryCreated:d})=>{let{session:f}=e(),{project:p}=f??{},{mutate:m,isPending:h}=t(),{data:g}=n(),_=s(String(p?.id)),{form:v,isSubmitting:y}=a(_),{keyInput:b,createDictionaryButton:x,projectInput:S}=u(`dictionary-form`);return l(o,{schema:_,onSubmitSuccess:e=>{m({dictionary:e},{onSuccess:()=>{d?.()}})},className:`m-auto w-full max-w-[400px]`,...v,children:[c(o.Input,{name:`key`,label:b.label.value,placeholder:b.placeholder.value,isRequired:!0}),l(o.MultiSelect,{name:`projectIds`,label:S.label.value,children:[c(i.Trigger,{getBadgeValue:e=>g?.data?.find(t=>String(t.id)===e)?.name??e,children:c(i.Input,{placeholder:S.placeholder.value})}),c(i.Content,{children:c(i.List,{children:g?.data?.map(e=>c(i.Item,{value:String(e.id),children:e.name},String(e.id)))})})]}),c(o.Button,{className:`mt-12 ml-auto`,type:`submit`,color:r.TEXT,isLoading:y||h,label:x.ariaLabel.value,isFullWidth:!0,children:x.text})]})};export{d as DictionaryCreationForm};
+'use client';
+import { useSession } from "../../../hooks/useAuth/useSession.mjs";
+import { useAddDictionary, useGetProjects } from "../../../hooks/reactQuery.mjs";
+import { ButtonColor } from "../../Button/Button.mjs";
+import { MultiSelect } from "../../Select/Multiselect.mjs";
+import { useForm } from "../../Form/FormBase.mjs";
+import { Form } from "../../Form/Form.mjs";
+import { useDictionarySchema } from "./useDictionaryFormSchema.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useIntlayer } from "react-intlayer";
+//#region src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx
+const DictionaryCreationForm = ({ onDictionaryCreated }) => {
+	const { session } = useSession();
+	const { project } = session ?? {};
+	const { mutate: addDictionary, isPending } = useAddDictionary();
+	const { data: projectsData } = useGetProjects();
+	const DictionarySchema = useDictionarySchema(String(project?.id));
+	const { form, isSubmitting } = useForm(DictionarySchema);
+	const { keyInput, createDictionaryButton, projectInput } = useIntlayer("dictionary-form");
+	const onSubmitSuccess = (data) => {
+		addDictionary({ dictionary: data }, { onSuccess: () => {
+			onDictionaryCreated?.();
+		} });
+	};
+	return /* @__PURE__ */ jsxs(Form, {
+		schema: DictionarySchema,
+		onSubmitSuccess,
+		className: "m-auto w-full max-w-[400px]",
+		...form,
+		children: [
+			/* @__PURE__ */ jsx(Form.Input, {
+				name: "key",
+				label: keyInput.label.value,
+				placeholder: keyInput.placeholder.value,
+				isRequired: true
+			}),
+			/* @__PURE__ */ jsxs(Form.MultiSelect, {
+				name: "projectIds",
+				label: projectInput.label.value,
+				children: [/* @__PURE__ */ jsx(MultiSelect.Trigger, {
+					getBadgeValue: (value) => projectsData?.data?.find((project) => String(project.id) === value)?.name ?? value,
+					children: /* @__PURE__ */ jsx(MultiSelect.Input, { placeholder: projectInput.placeholder.value })
+				}), /* @__PURE__ */ jsx(MultiSelect.Content, { children: /* @__PURE__ */ jsx(MultiSelect.List, { children: projectsData?.data?.map((project) => /* @__PURE__ */ jsx(MultiSelect.Item, {
+					value: String(project.id),
+					children: project.name
+				}, String(project.id))) }) })]
+			}),
+			/* @__PURE__ */ jsx(Form.Button, {
+				className: "mt-12 ml-auto",
+				type: "submit",
+				color: ButtonColor.TEXT,
+				isLoading: isSubmitting || isPending,
+				label: createDictionaryButton.ariaLabel.value,
+				isFullWidth: true,
+				children: createDictionaryButton.text
+			})
+		]
+	});
+};
+//#endregion
+export { DictionaryCreationForm };
 //# sourceMappingURL=DictionaryCreationForm.mjs.map

package/dist/esm/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DictionaryCreationForm.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx"],"sourcesContent":["'use client';\n\nimport { ButtonColor } from '@components/Button';\nimport { Form, useForm } from '@components/Form';\nimport { MultiSelect } from '@components/Select';\nimport { useAddDictionary, useGetProjects } from '@hooks/reactQuery';\nimport { useSession } from '@hooks/useAuth';\nimport type { FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport {\n type DictionaryFormData,\n useDictionarySchema,\n} from './useDictionaryFormSchema';\n\ntype DictionaryCreationFormProps = {\n onDictionaryCreated?: () => void;\n};\n\nexport const DictionaryCreationForm: FC<DictionaryCreationFormProps> = ({\n onDictionaryCreated,\n}) => {\n const { session } = useSession();\n const { project } = session ?? {};\n const { mutate: addDictionary, isPending } = useAddDictionary();\n const { data: projectsData } = useGetProjects();\n const DictionarySchema = useDictionarySchema(String(project?.id));\n const { form, isSubmitting } = useForm(DictionarySchema);\n const { keyInput, createDictionaryButton, projectInput } =\n useIntlayer('dictionary-form');\n\n const onSubmitSuccess = (data: DictionaryFormData) => {\n addDictionary(\n { dictionary: data },\n {\n onSuccess: () => {\n onDictionaryCreated?.();\n },\n }\n );\n };\n\n return (\n <Form\n schema={DictionarySchema}\n onSubmitSuccess={onSubmitSuccess}\n className=\"m-auto w-full max-w-[400px]\"\n {...form}\n >\n <Form.Input\n name=\"key\"\n label={keyInput.label.value}\n placeholder={keyInput.placeholder.value}\n isRequired\n />\n\n <Form.MultiSelect name=\"projectIds\" label={projectInput.label.value}>\n <MultiSelect.Trigger\n getBadgeValue={(value) =>\n projectsData?.data?.find((project) => String(project.id) === value)\n ?.name ?? value\n }\n >\n <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n </MultiSelect.Trigger>\n <MultiSelect.Content>\n <MultiSelect.List>\n {projectsData?.data?.map((project) => (\n <MultiSelect.Item\n key={String(project.id)}\n value={String(project.id)}\n >\n {project.name}\n </MultiSelect.Item>\n ))}\n </MultiSelect.List>\n </MultiSelect.Content>\n </Form.MultiSelect>\n\n <Form.Button\n className=\"mt-12 ml-auto\"\n type=\"submit\"\n color={ButtonColor.TEXT}\n isLoading={isSubmitting \|\| isPending}\n label={createDictionaryButton.ariaLabel.value}\n isFullWidth\n >\n {createDictionaryButton.text}\n </Form.Button>\n </Form>\n );\n};\n"],"mappings":"~~shBAkBA~~,MAAa,~~GAA2D~~,~~CACtE~~,~~yBACI,~~CACJ,~~GAAM~~,~~CAAE~~,~~WAAY~~,~~GAAY~~,~~CAC1B~~,~~CAAE~~,~~WAAY~~,~~GAAW~~,EAAE,~~CAC3B~~,~~CAAE~~,~~OAAQ~~,~~EAAe~~,~~aAAc~~,~~GAAkB~~,~~CACzD~~,~~CAAE~~,~~KAAM~~,~~GAAiB~~,~~GAAgB~~,~~CACzC~~,~~EAAmB~~,~~EAAoB~~,OAAO,~~GAAS~~,GAAG,CAAC,~~CAC3D~~,~~CAAE~~,~~OAAM~~,~~gBAAiB~~,~~EAAQ~~,~~EAAiB~~,~~CAClD~~,~~CAAE~~,~~WAAU~~,~~yBAAwB~~,~~gBACxC~~,~~EAAY~~,kBAAkB,~~CAahC~~,~~OACE~~,~~EAAC~~,~~EAAD~~,~~CACE~~,~~OAAQ~~,~~EACS~~,~~gBAdI~~,~~GAA6B,CACpD,~~EACE,~~CAAE~~,~~WAAY~~,~~EAAM~~,~~CACpB~~,~~CACE~~,~~cAAiB~~,~~CACf~~,~~KAAuB~~,~~EAE1B,CACF,EAOC,UAAU,8BACV,~~GAAI,~~WAJN~~,~~CAME~~,~~EAAC~~,~~EAAK~~,~~MAAN~~,~~CACE~~,~~KAAK,MACL,MAAO,EAAS,~~MAAM,~~MACtB~~,~~YAAa~~,~~EAAS,~~YAAY,~~MAClC~~,~~WAAA~~,~~GACA~~,~~CAAA~~,~~CAEF~~,~~EAAC,EAAK,YAAN,CAAkB,KAAK,~~aAAa,~~MAAO,EAAa,~~MAAM,~~eAA9D,~~CACE,~~EAAC~~,~~EAAY~~,~~QAAb~~,~~CACE~~,~~cAAgB~~,~~GACd~~,~~GAAc~~,MAAM,~~KAAM~~,~~GAAY,~~OAAO,~~EAAQ~~,GAAG,~~GAAK~~,~~EAAM~~,EAC/D,~~MAAQ~~,~~WAGd~~,~~EAAC~~,~~EAAY~~,~~MAAb~~,~~CAAmB~~,~~YAAa~~,~~EAAa,~~YAAY,~~MAAS~~,~~CAAA~~,~~CAC9C~~,~~CAAA~~,~~CACtB~~,~~EAAC~~,~~EAAY~~,~~QAAb~~,~~CAAA~~,~~SACE~~,~~EAAC~~,~~EAAY,KAAb,CAAA,SACG,GAAc,~~MAAM,~~IAAK~~,~~GACxB~~,~~EAAC~~,~~EAAY~~,~~KAAb~~,~~CAEE~~,~~MAAO,~~OAAO,~~EAAQ~~,GAAG,~~UAExB,EAAQ,~~KACQ,~~CAJZ~~,OAAO,~~EAAQ~~,GAAG,CAIN,CACnB,~~CACe~~,~~CAAA~~,~~CACC,CAAA,CACL,~~GAEnB,~~EAAC~~,~~EAAK,OAAN,CACE,UAAU,gBACV,~~KAAK,~~SACL~~,~~MAAO~~,~~EAAY~~,~~KACnB~~,~~UAAW~~,~~GAAgB~~,~~EAC3B~~,~~MAAO~~,~~EAAuB~~,UAAU,~~MACxC,YAAA,YAEC,EAAuB,KACZ,CAAA,CACT~~"}
1	+ {"version":3,"file":"DictionaryCreationForm.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx"],"sourcesContent":["'use client';\n\nimport { ButtonColor } from '@components/Button';\nimport { Form, useForm } from '@components/Form';\nimport { MultiSelect } from '@components/Select';\nimport { useAddDictionary, useGetProjects } from '@hooks/reactQuery';\nimport { useSession } from '@hooks/useAuth';\nimport type { FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport {\n type DictionaryFormData,\n useDictionarySchema,\n} from './useDictionaryFormSchema';\n\ntype DictionaryCreationFormProps = {\n onDictionaryCreated?: () => void;\n};\n\nexport const DictionaryCreationForm: FC<DictionaryCreationFormProps> = ({\n onDictionaryCreated,\n}) => {\n const { session } = useSession();\n const { project } = session ?? {};\n const { mutate: addDictionary, isPending } = useAddDictionary();\n const { data: projectsData } = useGetProjects();\n const DictionarySchema = useDictionarySchema(String(project?.id));\n const { form, isSubmitting } = useForm(DictionarySchema);\n const { keyInput, createDictionaryButton, projectInput } =\n useIntlayer('dictionary-form');\n\n const onSubmitSuccess = (data: DictionaryFormData) => {\n addDictionary(\n { dictionary: data },\n {\n onSuccess: () => {\n onDictionaryCreated?.();\n },\n }\n );\n };\n\n return (\n <Form\n schema={DictionarySchema}\n onSubmitSuccess={onSubmitSuccess}\n className=\"m-auto w-full max-w-[400px]\"\n {...form}\n >\n <Form.Input\n name=\"key\"\n label={keyInput.label.value}\n placeholder={keyInput.placeholder.value}\n isRequired\n />\n\n <Form.MultiSelect name=\"projectIds\" label={projectInput.label.value}>\n <MultiSelect.Trigger\n getBadgeValue={(value) =>\n projectsData?.data?.find((project) => String(project.id) === value)\n ?.name ?? value\n }\n >\n <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n </MultiSelect.Trigger>\n <MultiSelect.Content>\n <MultiSelect.List>\n {projectsData?.data?.map((project) => (\n <MultiSelect.Item\n key={String(project.id)}\n value={String(project.id)}\n >\n {project.name}\n </MultiSelect.Item>\n ))}\n </MultiSelect.List>\n </MultiSelect.Content>\n </Form.MultiSelect>\n\n <Form.Button\n className=\"mt-12 ml-auto\"\n type=\"submit\"\n color={ButtonColor.TEXT}\n isLoading={isSubmitting \|\| isPending}\n label={createDictionaryButton.ariaLabel.value}\n isFullWidth\n >\n {createDictionaryButton.text}\n </Form.Button>\n </Form>\n );\n};\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAa,0BAA2D,EACtE,0BACI;CACJ,MAAM,EAAE,YAAY,YAAY;CAChC,MAAM,EAAE,YAAY,WAAW,EAAE;CACjC,MAAM,EAAE,QAAQ,eAAe,cAAc,kBAAkB;CAC/D,MAAM,EAAE,MAAM,iBAAiB,gBAAgB;CAC/C,MAAM,mBAAmB,oBAAoB,OAAO,SAAS,GAAG,CAAC;CACjE,MAAM,EAAE,MAAM,iBAAiB,QAAQ,iBAAiB;CACxD,MAAM,EAAE,UAAU,wBAAwB,iBACxC,YAAY,kBAAkB;CAEhC,MAAM,mBAAmB,SAA6B;AACpD,gBACE,EAAE,YAAY,MAAM,EACpB,EACE,iBAAiB;AACf,0BAAuB;KAE1B,CACF;;AAGH,QACE,qBAAC,MAAD;EACE,QAAQ;EACS;EACjB,WAAU;EACV,GAAI;YAJN;GAME,oBAAC,KAAK,OAAN;IACE,MAAK;IACL,OAAO,SAAS,MAAM;IACtB,aAAa,SAAS,YAAY;IAClC;IACA;GAEF,qBAAC,KAAK,aAAN;IAAkB,MAAK;IAAa,OAAO,aAAa,MAAM;cAA9D,CACE,oBAAC,YAAY,SAAb;KACE,gBAAgB,UACd,cAAc,MAAM,MAAM,YAAY,OAAO,QAAQ,GAAG,KAAK,MAAM,EAC/D,QAAQ;eAGd,oBAAC,YAAY,OAAb,EAAmB,aAAa,aAAa,YAAY,OAAS;KAC9C,GACtB,oBAAC,YAAY,SAAb,YACE,oBAAC,YAAY,MAAb,YACG,cAAc,MAAM,KAAK,YACxB,oBAAC,YAAY,MAAb;KAEE,OAAO,OAAO,QAAQ,GAAG;eAExB,QAAQ;KACQ,EAJZ,OAAO,QAAQ,GAAG,CAIN,CACnB,EACe,GACC,EACL;;GAEnB,oBAAC,KAAK,QAAN;IACE,WAAU;IACV,MAAK;IACL,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,OAAO,uBAAuB,UAAU;IACxC;cAEC,uBAAuB;IACZ;GACT"}

package/dist/esm/components/DictionaryFieldEditor/DictionaryCreationForm/dictionaryCreationForm.content.mjs CHANGED Viewed

@@ -1,2 +1,269 @@
-import{t as e}from"intlayer";const t={key:`dictionary-form`,content:{keyInput:{label:e({en:`Key`,"en-GB":`Key`,fr:`Clé`,es:`Clave`,de:`Schlüssel`,ja:`キー`,ko:`키`,zh:`键`,it:`Chiave`,pt:`Chave`,hi:`कुंजी`,ar:`مفتاح`,ru:`Ключ`,tr:`Anahtar`,pl:`Klucz`,id:`Key`,vi:`Key`,uk:`Ключ`}),placeholder:e({en:`Enter the key of your dictionary`,"en-GB":`Enter the key of your dictionary`,fr:`Entrez la clé de votre dictionnaire`,es:`Ingrese la clave de su diccionario`,de:`Geben Sie den Schlüssel Ihres Wörterbuchs ein`,ja:`辞書のキーを入力してください`,ko:`사전의 키를 입력하세요`,zh:`输入字典的键`,it:`Inserisci la chiave del tuo dizionario`,pt:`Insira a chave do seu dicionário`,hi:`अपने शब्दकोश की कुंजी दर्ज करें`,ar:`أدخل مفتاح القاموس الخاص بك`,ru:`Введите ключ вашего словаря`,tr:`Sözlüğünüzün anahtarını girin`,pl:`Wprowadź klucz słownika`,id:`Masukkan key dictionary Anda`,vi:`Nhập key của từ điển của bạn`,uk:`Введіть ключ вашого словника`})},projectInput:{label:e({en:`Projects`,"en-GB":`Projects`,fr:`Projets`,es:`Proyectos`,de:`Projekte`,ja:`プロジェクト`,ko:`프로젝트`,zh:`项目`,it:`Progetti`,pt:`Projetos`,hi:`प्रोजेक्ट`,ar:`مشاريع`,ru:`Проекты`,tr:`Projeler`,pl:`Projekty`,id:`Projects`,vi:`Dự án`,uk:`Проєкти`}),placeholder:e({en:`Select one or more projects to associate with your dictionary`,"en-GB":`Select one or more projects to associate with your dictionary`,fr:`Sélectionnez un ou plusieurs projets à associer à votre dictionnaire`,es:`Seleccione uno o más proyectos para asociar con su diccionario`,de:`Wählen Sie ein oder mehrere Projekte aus, um sie mit Ihrem Wörterbuch zu verknüpfen`,ja:`辞書に関連付けるプロジェクトを1つ以上選択してください`,ko:`사전과 연결할 프로젝트를 하나 이상 선택하세요`,zh:`选择一个或多个项目与您的字典关联`,it:`Seleziona uno o più progetti da associare al tuo dizionario`,pt:`Selecione um ou mais projetos para associar ao seu dicionário`,hi:`अपने शब्दकोश से जोड़ने के लिए एक या एक से अधिक प्रोजेक्ट चुनें`,ar:`حدد مشروعًا أو أكثر للربط مع قاموسك`,ru:`Выберите один или несколько проектов для связывания со словарем`,tr:`Sözlüğünüzle ilişkilendirmek için bir veya daha fazla proje seçin`,pl:`Wybierz jeden lub więcej projektów do powiązania z tym słownikiem`,id:`Pilih satu atau lebih Projects untuk dikaitkan dengan dictionary Anda`,vi:`Chọn một hoặc nhiều dự án để liên kết với từ điển của bạn`,uk:`Виберіть один або кілька проєктів, щоб пов'язати їх із вашим словником`})},noDictionaryView:{title:e({en:`No dictionary`,"en-GB":`No dictionary`,fr:`Aucun dictionnaire`,es:`Sin diccionario`,de:`Kein Wörterbuch`,ja:`辞書がありません`,ko:`사전이 없습니다`,zh:`没有字典`,it:`Nessun dizionario`,pt:`Nenhum dicionário`,hi:`कोई शब्दकोश नहीं`,ar:`لا يوجد قاموس`,ru:`Нет словаря`,tr:`Hiç sözlük yok`,pl:`Brak słownika`,id:`Tidak ada dictionary`,vi:`Chưa có từ điển`,uk:`Немає словника`}),description:e({en:`Create your first dictionary to start using Intlayer`,"en-GB":`Create your first dictionary to start using Intlayer`,fr:`Créez votre premier dictionnaire pour commencer à utiliser Intlayer`,es:`Cree su primer diccionario para comenzar a usar Intlayer`,de:`Erstellen Sie Ihr erstes Wörterbuch, um Intlayer zu verwenden`,ja:`Intlayerを使用するために最初の辞書を作成してください`,ko:`Intlayer를 사용하려면 첫 번째 사전을 만들어주세요`,zh:`创建您的第一个字典以开始使用Intlayer`,it:`Crea il tuo primo dizionario per iniziare a usare Intlayer`,pt:`Crie seu primeiro dicionário para começar a usar o Intlayer`,hi:`Intlayer का उपयोग करने के लिए अपना पहला शब्दकोश बनाएं`,ar:`أنشئ قاموسك الأول لبدء استخدام Intlayer`,ru:`Создайте свой первый словарь, чтобы начать использовать Intlayer`,tr:`Intlayer'ı kullanmaya başlamak için ilk sözlüğünüzü oluşturun`,pl:`Utwórz swój pierwszy słownik, aby zacząć korzystać z Intlayer`,id:`Buat dictionary pertama Anda untuk mulai menggunakan Intlayer`,vi:`Tạo từ điển đầu tiên của bạn để bắt đầu sử dụng Intlayer`,uk:`Створіть свій перший словник, щоб почати користуватися Intlayer`})},createDictionaryTitle:e({en:`No dictionary`,"en-GB":`No dictionary`,fr:`Aucun dictionnaire`,es:`Sin diccionario`,de:`Kein Wörterbuch`,ja:`辞書がありません`,ko:`사전이 없습니다`,zh:`没有字典`,it:`Nessun dizionario`,pt:`Nenhum dicionário`,hi:`कोई शब्दकोश नहीं`,ar:`لا يوجد قاموس`,ru:`Нет словаря`,tr:`Hiç sözlük yok`,pl:`Brak słownika`,id:`Tidak ada dictionary`,vi:`Chưa có từ điển`,uk:`Немає словника`}),createDictionaryDescription:e({en:`Create your first dictionary to start using Intlayer`,"en-GB":`Create your first dictionary to start using Intlayer`,fr:`Créez votre premier dictionnaire pour commencer à utiliser Intlayer`,es:`Cree su primer diccionario para comenzar a usar Intlayer`,de:`Erstellen Sie Ihr erstes Wörterbuch, um Intlayer zu verwenden`,ja:`Intlayerを使用するために最初の辞書を作成してください`,ko:`Intlayer를 사용하려면 첫 번째 사전을 만들어주세요`,zh:`创建您的第一个字典以开始使用Intlayer`,it:`Crea il tuo primo dizionario per iniziare a usare Intlayer`,pt:`Crie seu primeiro dicionário para começar a usar o Intlayer`,hi:`Intlayer का उपयोग करने के लिए अपना पहला शब्दकोश बनाएं`,ar:`أنشئ قاموسك الأول لبدء استخدام Intlayer`,ru:`Создайте свой первый словарь, чтобы начать использовать Intlayer`,tr:`Intlayer'ı kullanmaya başlamak için ilk sözlüğünüzü oluşturun`,pl:`Utwórz swój pierwszy słownik, aby zacząć korzystać z Intlayer`,id:`Buat dictionary pertama Anda untuk mulai menggunakan Intlayer`,vi:`Tạo từ điển đầu tiên của bạn để bắt đầu sử dụng Intlayer`,uk:`Створіть свій перший словник, щоб почати користуватися Intlayer`}),createDictionaryButton:{text:e({en:`Create dictionary`,"en-GB":`Create dictionary`,fr:`Créer un dictionnaire`,es:`Crear un diccionario`,de:`Wörterbuch erstellen`,ja:`辞書を作成`,ko:`사전 만들기`,zh:`创建字典`,it:`Crea dizionario`,pt:`Criar dicionário`,hi:`शब्दकोश बनाएँ`,ar:`إنشاء قاموس`,ru:`Создать словарь`,tr:`Sözlük oluştur`,pl:`Utwórz słownik`,id:`Buat dictionary`,vi:`Tạo từ điển`,uk:`Створити словник`}),ariaLabel:e({en:`Click to create dictionary`,"en-GB":`Click to create dictionary`,fr:`Cliquez pour créer un dictionnaire`,es:`Haga clic para crear un diccionario`,de:`Klicken Sie, um ein Wörterbuch zu erstellen`,ja:`辞書を作成するにはクリックしてください`,ko:`사전을 만들려면 클릭하세요`,zh:`点击创建字典`,it:`Clicca per creare un dizionario`,pt:`Clique para criar dicionário`,hi:`शब्दकोश बनाने के लिए क्लिक करें`,ar:`انقر لإنشاء قاموس`,ru:`Нажмите, чтобы создать словарь`,tr:`Sözlük oluşturmak için tıklayın`,pl:`Kliknij, aby utworzyć słownik`,id:`Klik untuk membuat dictionary`,vi:`Nhấn để tạo từ điển`,uk:`Натисніть, щоб створити словник`})},editButton:{text:e({en:`Edit dictionary`,"en-GB":`Edit dictionary`,fr:`Modifier le dictionnaire`,es:`Editar el diccionario`,de:`Wörterbuch bearbeiten`,ja:`辞書を編集`,ko:`사전 편집`,zh:`编辑字典`,it:`Modifica dizionario`,pt:`Editar dicionário`,hi:`शब्दकोश संपादित करें`,ar:`تعديل القاموس`,ru:`Редактировать словарь`,tr:`Sözlüğü düzenle`,pl:`Edytuj słownik`,id:`Edit dictionary`,vi:`Chỉnh sửa từ điển`,uk:`Редагувати словник`}),ariaLabel:e({en:`Click to edit`,"en-GB":`Click to edit`,fr:`Cliquez pour modifier`,es:`Haga clic para editar`,de:`Klicken Sie, um zu bearbeiten`,ja:`編集するにはクリックしてください`,ko:`편집하려면 클릭하세요`,zh:`点击编辑`,it:`Clicca per modificare`,pt:`Clique para editar`,hi:`संपादित करने के लिए क्लिक करें`,ar:`انقر لتعديل`,ru:`Нажмите, чтобы отредактировать`,tr:`Düzenlemek için tıklayın`,pl:`Kliknij, aby edytować`,id:`Klik untuk mengedit`,vi:`Nhấn để chỉnh sửa`,uk:`Натисніть, щоб редагувати словник`})}},title:`Dictionary form`,description:`Content declarations for the dictionary creation form, including labels, placeholders, titles, descriptions, and button texts for managing dictionaries within Intlayer.`,tags:[`form`,`dictionary creation`,`intlayer cms`]};export{t as default,t as dictionaryFormContent};
+import { t } from "intlayer";
+//#region src/components/DictionaryFieldEditor/DictionaryCreationForm/dictionaryCreationForm.content.ts
+const dictionaryFormContent = {
+	key: "dictionary-form",
+	content: {
+		keyInput: {
+			label: t({
+				en: "Key",
+				"en-GB": "Key",
+				fr: "Clé",
+				es: "Clave",
+				de: "Schlüssel",
+				ja: "キー",
+				ko: "키",
+				zh: "键",
+				it: "Chiave",
+				pt: "Chave",
+				hi: "कुंजी",
+				ar: "مفتاح",
+				ru: "Ключ",
+				tr: "Anahtar",
+				pl: "Klucz",
+				id: "Key",
+				vi: "Key",
+				uk: "Ключ"
+			}),
+			placeholder: t({
+				en: "Enter the key of your dictionary",
+				"en-GB": "Enter the key of your dictionary",
+				fr: "Entrez la clé de votre dictionnaire",
+				es: "Ingrese la clave de su diccionario",
+				de: "Geben Sie den Schlüssel Ihres Wörterbuchs ein",
+				ja: "辞書のキーを入力してください",
+				ko: "사전의 키를 입력하세요",
+				zh: "输入字典的键",
+				it: "Inserisci la chiave del tuo dizionario",
+				pt: "Insira a chave do seu dicionário",
+				hi: "अपने शब्दकोश की कुंजी दर्ज करें",
+				ar: "أدخل مفتاح القاموس الخاص بك",
+				ru: "Введите ключ вашего словаря",
+				tr: "Sözlüğünüzün anahtarını girin",
+				pl: "Wprowadź klucz słownika",
+				id: "Masukkan key dictionary Anda",
+				vi: "Nhập key của từ điển của bạn",
+				uk: "Введіть ключ вашого словника"
+			})
+		},
+		projectInput: {
+			label: t({
+				en: "Projects",
+				"en-GB": "Projects",
+				fr: "Projets",
+				es: "Proyectos",
+				de: "Projekte",
+				ja: "プロジェクト",
+				ko: "프로젝트",
+				zh: "项目",
+				it: "Progetti",
+				pt: "Projetos",
+				hi: "प्रोजेक्ट",
+				ar: "مشاريع",
+				ru: "Проекты",
+				tr: "Projeler",
+				pl: "Projekty",
+				id: "Projects",
+				vi: "Dự án",
+				uk: "Проєкти"
+			}),
+			placeholder: t({
+				en: "Select one or more projects to associate with your dictionary",
+				"en-GB": "Select one or more projects to associate with your dictionary",
+				fr: "Sélectionnez un ou plusieurs projets à associer à votre dictionnaire",
+				es: "Seleccione uno o más proyectos para asociar con su diccionario",
+				de: "Wählen Sie ein oder mehrere Projekte aus, um sie mit Ihrem Wörterbuch zu verknüpfen",
+				ja: "辞書に関連付けるプロジェクトを1つ以上選択してください",
+				ko: "사전과 연결할 프로젝트를 하나 이상 선택하세요",
+				zh: "选择一个或多个项目与您的字典关联",
+				it: "Seleziona uno o più progetti da associare al tuo dizionario",
+				pt: "Selecione um ou mais projetos para associar ao seu dicionário",
+				hi: "अपने शब्दकोश से जोड़ने के लिए एक या एक से अधिक प्रोजेक्ट चुनें",
+				ar: "حدد مشروعًا أو أكثر للربط مع قاموسك",
+				ru: "Выберите один или несколько проектов для связывания со словарем",
+				tr: "Sözlüğünüzle ilişkilendirmek için bir veya daha fazla proje seçin",
+				pl: "Wybierz jeden lub więcej projektów do powiązania z tym słownikiem",
+				id: "Pilih satu atau lebih Projects untuk dikaitkan dengan dictionary Anda",
+				vi: "Chọn một hoặc nhiều dự án để liên kết với từ điển của bạn",
+				uk: "Виберіть один або кілька проєктів, щоб пов'язати їх із вашим словником"
+			})
+		},
+		noDictionaryView: {
+			title: t({
+				en: "No dictionary",
+				"en-GB": "No dictionary",
+				fr: "Aucun dictionnaire",
+				es: "Sin diccionario",
+				de: "Kein Wörterbuch",
+				ja: "辞書がありません",
+				ko: "사전이 없습니다",
+				zh: "没有字典",
+				it: "Nessun dizionario",
+				pt: "Nenhum dicionário",
+				hi: "कोई शब्दकोश नहीं",
+				ar: "لا يوجد قاموس",
+				ru: "Нет словаря",
+				tr: "Hiç sözlük yok",
+				pl: "Brak słownika",
+				id: "Tidak ada dictionary",
+				vi: "Chưa có từ điển",
+				uk: "Немає словника"
+			}),
+			description: t({
+				en: "Create your first dictionary to start using Intlayer",
+				"en-GB": "Create your first dictionary to start using Intlayer",
+				fr: "Créez votre premier dictionnaire pour commencer à utiliser Intlayer",
+				es: "Cree su primer diccionario para comenzar a usar Intlayer",
+				de: "Erstellen Sie Ihr erstes Wörterbuch, um Intlayer zu verwenden",
+				ja: "Intlayerを使用するために最初の辞書を作成してください",
+				ko: "Intlayer를 사용하려면 첫 번째 사전을 만들어주세요",
+				zh: "创建您的第一个字典以开始使用Intlayer",
+				it: "Crea il tuo primo dizionario per iniziare a usare Intlayer",
+				pt: "Crie seu primeiro dicionário para começar a usar o Intlayer",
+				hi: "Intlayer का उपयोग करने के लिए अपना पहला शब्दकोश बनाएं",
+				ar: "أنشئ قاموسك الأول لبدء استخدام Intlayer",
+				ru: "Создайте свой первый словарь, чтобы начать использовать Intlayer",
+				tr: "Intlayer'ı kullanmaya başlamak için ilk sözlüğünüzü oluşturun",
+				pl: "Utwórz swój pierwszy słownik, aby zacząć korzystać z Intlayer",
+				id: "Buat dictionary pertama Anda untuk mulai menggunakan Intlayer",
+				vi: "Tạo từ điển đầu tiên của bạn để bắt đầu sử dụng Intlayer",
+				uk: "Створіть свій перший словник, щоб почати користуватися Intlayer"
+			})
+		},
+		createDictionaryTitle: t({
+			en: "No dictionary",
+			"en-GB": "No dictionary",
+			fr: "Aucun dictionnaire",
+			es: "Sin diccionario",
+			de: "Kein Wörterbuch",
+			ja: "辞書がありません",
+			ko: "사전이 없습니다",
+			zh: "没有字典",
+			it: "Nessun dizionario",
+			pt: "Nenhum dicionário",
+			hi: "कोई शब्दकोश नहीं",
+			ar: "لا يوجد قاموس",
+			ru: "Нет словаря",
+			tr: "Hiç sözlük yok",
+			pl: "Brak słownika",
+			id: "Tidak ada dictionary",
+			vi: "Chưa có từ điển",
+			uk: "Немає словника"
+		}),
+		createDictionaryDescription: t({
+			en: "Create your first dictionary to start using Intlayer",
+			"en-GB": "Create your first dictionary to start using Intlayer",
+			fr: "Créez votre premier dictionnaire pour commencer à utiliser Intlayer",
+			es: "Cree su primer diccionario para comenzar a usar Intlayer",
+			de: "Erstellen Sie Ihr erstes Wörterbuch, um Intlayer zu verwenden",
+			ja: "Intlayerを使用するために最初の辞書を作成してください",
+			ko: "Intlayer를 사용하려면 첫 번째 사전을 만들어주세요",
+			zh: "创建您的第一个字典以开始使用Intlayer",
+			it: "Crea il tuo primo dizionario per iniziare a usare Intlayer",
+			pt: "Crie seu primeiro dicionário para começar a usar o Intlayer",
+			hi: "Intlayer का उपयोग करने के लिए अपना पहला शब्दकोश बनाएं",
+			ar: "أنشئ قاموسك الأول لبدء استخدام Intlayer",
+			ru: "Создайте свой первый словарь, чтобы начать использовать Intlayer",
+			tr: "Intlayer'ı kullanmaya başlamak için ilk sözlüğünüzü oluşturun",
+			pl: "Utwórz swój pierwszy słownik, aby zacząć korzystać z Intlayer",
+			id: "Buat dictionary pertama Anda untuk mulai menggunakan Intlayer",
+			vi: "Tạo từ điển đầu tiên của bạn để bắt đầu sử dụng Intlayer",
+			uk: "Створіть свій перший словник, щоб почати користуватися Intlayer"
+		}),
+		createDictionaryButton: {
+			text: t({
+				en: "Create dictionary",
+				"en-GB": "Create dictionary",
+				fr: "Créer un dictionnaire",
+				es: "Crear un diccionario",
+				de: "Wörterbuch erstellen",
+				ja: "辞書を作成",
+				ko: "사전 만들기",
+				zh: "创建字典",
+				it: "Crea dizionario",
+				pt: "Criar dicionário",
+				hi: "शब्दकोश बनाएँ",
+				ar: "إنشاء قاموس",
+				ru: "Создать словарь",
+				tr: "Sözlük oluştur",
+				pl: "Utwórz słownik",
+				id: "Buat dictionary",
+				vi: "Tạo từ điển",
+				uk: "Створити словник"
+			}),
+			ariaLabel: t({
+				en: "Click to create dictionary",
+				"en-GB": "Click to create dictionary",
+				fr: "Cliquez pour créer un dictionnaire",
+				es: "Haga clic para crear un diccionario",
+				de: "Klicken Sie, um ein Wörterbuch zu erstellen",
+				ja: "辞書を作成するにはクリックしてください",
+				ko: "사전을 만들려면 클릭하세요",
+				zh: "点击创建字典",
+				it: "Clicca per creare un dizionario",
+				pt: "Clique para criar dicionário",
+				hi: "शब्दकोश बनाने के लिए क्लिक करें",
+				ar: "انقر لإنشاء قاموس",
+				ru: "Нажмите, чтобы создать словарь",
+				tr: "Sözlük oluşturmak için tıklayın",
+				pl: "Kliknij, aby utworzyć słownik",
+				id: "Klik untuk membuat dictionary",
+				vi: "Nhấn để tạo từ điển",
+				uk: "Натисніть, щоб створити словник"
+			})
+		},
+		editButton: {
+			text: t({
+				en: "Edit dictionary",
+				"en-GB": "Edit dictionary",
+				fr: "Modifier le dictionnaire",
+				es: "Editar el diccionario",
+				de: "Wörterbuch bearbeiten",
+				ja: "辞書を編集",
+				ko: "사전 편집",
+				zh: "编辑字典",
+				it: "Modifica dizionario",
+				pt: "Editar dicionário",
+				hi: "शब्दकोश संपादित करें",
+				ar: "تعديل القاموس",
+				ru: "Редактировать словарь",
+				tr: "Sözlüğü düzenle",
+				pl: "Edytuj słownik",
+				id: "Edit dictionary",
+				vi: "Chỉnh sửa từ điển",
+				uk: "Редагувати словник"
+			}),
+			ariaLabel: t({
+				en: "Click to edit",
+				"en-GB": "Click to edit",
+				fr: "Cliquez pour modifier",
+				es: "Haga clic para editar",
+				de: "Klicken Sie, um zu bearbeiten",
+				ja: "編集するにはクリックしてください",
+				ko: "편집하려면 클릭하세요",
+				zh: "点击编辑",
+				it: "Clicca per modificare",
+				pt: "Clique para editar",
+				hi: "संपादित करने के लिए क्लिक करें",
+				ar: "انقر لتعديل",
+				ru: "Нажмите, чтобы отредактировать",
+				tr: "Düzenlemek için tıklayın",
+				pl: "Kliknij, aby edytować",
+				id: "Klik untuk mengedit",
+				vi: "Nhấn để chỉnh sửa",
+				uk: "Натисніть, щоб редагувати словник"
+			})
+		}
+	},
+	title: "Dictionary form",
+	description: "Content declarations for the dictionary creation form, including labels, placeholders, titles, descriptions, and button texts for managing dictionaries within Intlayer.",
+	tags: [
+		"form",
+		"dictionary creation",
+		"intlayer cms"
+	]
+};
+//#endregion
+export { dictionaryFormContent as default, dictionaryFormContent };
 //# sourceMappingURL=dictionaryCreationForm.content.mjs.map