diff --git a/.github/workflows/docs-i18n-pull.yaml b/.github/workflows/docs-i18n-pull.yaml index b4ba1db8ca..70148ac1de 100644 --- a/.github/workflows/docs-i18n-pull.yaml +++ b/.github/workflows/docs-i18n-pull.yaml @@ -97,7 +97,8 @@ jobs: skip_ref_checkout: true dryrun_action: false # Only download languages supported by Mintlify (see supported-languages.ts) - download_language: 'fr,ar,cs,de,es,it,ja,ko,pt,ro,ru,tr,zh-CN' + # Using multiple -l flags since download_language only accepts single language + download_translations_args: '-l fr -l ar -l cs -l de -l es -l it -l ja -l ko -l pt -l ro -l ru -l tr -l zh-CN' env: GITHUB_TOKEN: ${{ github.token }} CROWDIN_PROJECT_ID: '1' diff --git a/packages/twenty-docs/l/ar/twenty-ui/input.mdx b/packages/twenty-docs/l/ar/twenty-ui/input.mdx new file mode 100644 index 0000000000..d9147a43fb --- /dev/null +++ b/packages/twenty-docs/l/ar/twenty-ui/input.mdx @@ -0,0 +1,8 @@ +--- +title: إدخال +image: /images/user-guide/tips/light-bulb.png +--- + + + Header + \ No newline at end of file diff --git a/packages/twenty-docs/l/ar/twenty-ui/input/block-editor.mdx b/packages/twenty-docs/l/ar/twenty-ui/input/block-editor.mdx new file mode 100644 index 0000000000..78bdb0bd9d --- /dev/null +++ b/packages/twenty-docs/l/ar/twenty-ui/input/block-editor.mdx @@ -0,0 +1,34 @@ +--- +title: محرر الكتل +image: /images/user-guide/api/api.png +--- + + + Header + + +يستخدم محرر نصوص غني يعتمد على الكتل من [BlockNote](https://www.blocknotejs.org/) للسماح للمستخدمين بتحرير وعرض كتل المحتوى. + + + + +```jsx +import { useBlockNote } from "@blocknote/react"; +import { BlockEditor } from "@/ui/input/editor/components/BlockEditor"; + +export const MyComponent = () => { + const BlockNoteEditor = useBlockNote(); + + return ; +}; +``` + + + + +| المحددات | النوع | الوصف | +| -------- | ----------------- | ------------------------ | +| محرر | `BlockNoteEditor` | مثيل أو تكوين محرر الكتل | + + + diff --git a/packages/twenty-docs/l/ar/twenty-ui/input/text.mdx b/packages/twenty-docs/l/ar/twenty-ui/input/text.mdx new file mode 100644 index 0000000000..81d892ae61 --- /dev/null +++ b/packages/twenty-docs/l/ar/twenty-ui/input/text.mdx @@ -0,0 +1,153 @@ +--- +title: نص +image: /images/user-guide/notes/notes_header.png +--- + + + Header + + +## إدخال نص + +يسمح للمستخدمين بإدخال وتحرير النص. + + + + + +```jsx +import { RecoilRoot } from "recoil"; +import { TextInput } from "@/ui/input/components/TextInput"; + +export const MyComponent = () => { + const handleChange = (text) => { + console.log("Input changed:", text); + }; + + const handleKeyDown = (event) => { + console.log("Key pressed:", event.key); + }; + + return ( + + + + ); +}; + +``` + + + + + +| المحددات | النوع | الوصف | +| ---------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------ | +| className | string | اسم اختياري لتنسيقات إضافية | +| التسمية | string | يمثل التسمية للإدخال. | +| عند التغيير | function | الدالة التي تُستدعى عند تغيير قيمة الإدخال. | +| عرض كامل | قيمة منطقية | يشير إلى ما إذا كان الإدخال يجب أن يشغل 100% من العرض. | +| تعطيل الإختصارات | قيمة منطقية | يشير إلى ما إذا كانت الاختصارات ممكنة للإدخال. | +| خطأ | string | يمثل رسالة الخطأ التي سيتم عرضها. عند توفرها، تضيف رمز خطأ على الجانب الأيمن من الإدخال. | +| onKeyDown | function | يتم الاستدعاء عندما يتم الضغط على مفتاح عند التركيز على حقل الإدخال. يتلقى `React.KeyboardEvent` كمعلمة | +| أيقونة يمين | مكون رمز | مكون أيقونة اختياري معروض على الجانب الأيمن من الإدخال. | + +يقبل المكون أيضًا دعم خصائص HTML أخرى لعناصر الإدخال. + + + + + +## إدخال نص بالحجم التلقائي + +مكون إدخال نصي يعدل ارتفاعه تلقائيًا بناءً على المحتوى. + + + + + +```jsx +import { RecoilRoot } from "recoil"; +import { AutosizeTextInput } from "@/ui/input/components/AutosizeTextInput"; + +export const MyComponent = () => { + return ( + + console.log("onValidate function fired")} + minRows={1} + placeholder="Write a comment" + onFocus={() => console.log("onFocus function fired")} + variant="icon" + buttonTitle + value="Task: " + /> + + ); +}; +``` + + + + + +| المحددات | النوع | الوصف | +| ------------------ | -------- | ---------------------------------------------------------------------------------------------------------- | +| onValidate | function | الدالة التي ترغب في تفعيلها عند تصديق المستخدم الإدخال. | +| الحد الأدنى للأسطر | رقم | عدد الأسطر الأدنى للمساحة النصية. | +| نص توضيحي | string | النص التوضيحي الذي ترغب في عرضه عند كون المساحة النصية فارغة. | +| onFocus | function | الدالة التي ترغب في تفعيلها عند تركيز المساحة النصية. | +| التنوع | string | البديل للإدخال. تشمل الخيارات: `افتراضي`، `أيقونة`، و`زر`. | +| عنوان الزر | string | العنوان للزر (فقط للبديل الزر). | +| القيمة | string | القيمة الأولية للمساحة النصية. | + + + + + +## مساحة نصية + +تتيح لك إنشاء إدخالات نصية متعددة الأسطر. + + + + +```jsx +import { TextArea } from "@/ui/input/components/TextArea"; + +export const MyComponent = () => { + return ( +