From af2c9885ee0d27001141702b6a8358914b7cdf03 Mon Sep 17 00:00:00 2001
From: Ilya <illja.by4ek@gmail.com>
Date: Tue, 12 Nov 2024 12:45:20 +0300
Subject: [PATCH] feat(*): update docs for form

---
 .../template-docs/docs/form/Components.mdx    | 35 +++++++++++++++++++
 .../template-docs/docs/form/NativeForm.mdx    |  3 +-
 .../template-docs/docs/form/ReactHookForm.mdx |  2 ++
 .../plasma-b2c-docs/docs/form/NativeForm.mdx  |  2 +-
 .../plasma-web-docs/docs/form/Components.mdx  | 35 +++++++++++++++++++
 .../plasma-web-docs/docs/form/NativeForm.mdx  |  3 +-
 .../docs/form/ReactHookForm.mdx               |  2 ++
 website/sdds-cs-docs/docs/form/Components.mdx | 35 +++++++++++++++++++
 website/sdds-cs-docs/docs/form/NativeForm.mdx |  3 +-
 .../sdds-cs-docs/docs/form/ReactHookForm.mdx  |  2 ++
 .../sdds-dfa-docs/docs/form/Components.mdx    | 35 +++++++++++++++++++
 .../sdds-dfa-docs/docs/form/NativeForm.mdx    |  3 +-
 .../sdds-dfa-docs/docs/form/ReactHookForm.mdx |  2 ++
 .../sdds-insol-docs/docs/form/NativeForm.mdx  |  3 +-
 .../docs/form/ReactHookForm.mdx               |  2 ++
 .../sdds-serv-docs/docs/form/NativeForm.mdx   |  3 +-
 .../docs/form/ReactHookForm.mdx               |  2 ++
 17 files changed, 165 insertions(+), 7 deletions(-)

diff --git a/scaffold/template-docs/docs/form/Components.mdx b/scaffold/template-docs/docs/form/Components.mdx
index 7ceb030e07..8846949273 100644
--- a/scaffold/template-docs/docs/form/Components.mdx
+++ b/scaffold/template-docs/docs/form/Components.mdx
@@ -74,3 +74,38 @@ sidebar_position: 4
 ]
 ```
 
+
+
+### Combobox
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+
+### Combobox Multiple
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue (`string[]`) через параметр в компоненте. Возвращаемый тип `string[]`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue (`number[]`) через параметр в компоненте. Возвращается количество выбранных элементов с ключем `name` и значением `value`. 
+```
+
+[
+    ['textfield': 'test'],
+    ...
+    ['combobox': 'test_1'],
+    ['combobox': 'test_2'],
+    ...
+    ['textfield2': 'test'],
+]
+
+```
+
diff --git a/scaffold/template-docs/docs/form/NativeForm.mdx b/scaffold/template-docs/docs/form/NativeForm.mdx
index 1925a2098d..522739b41e 100644
--- a/scaffold/template-docs/docs/form/NativeForm.mdx
+++ b/scaffold/template-docs/docs/form/NativeForm.mdx
@@ -54,8 +54,9 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
+            <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>
         </form>
     );
diff --git a/scaffold/template-docs/docs/form/ReactHookForm.mdx b/scaffold/template-docs/docs/form/ReactHookForm.mdx
index d032ae6026..73dda499eb 100644
--- a/scaffold/template-docs/docs/form/ReactHookForm.mdx
+++ b/scaffold/template-docs/docs/form/ReactHookForm.mdx
@@ -51,6 +51,8 @@ export function App() {
             </RadioGroup>
             <Slider {...register('slider')} label="Slider" type="single" min={0} max={100} />
             <Slider {...register('sliderdouble')} label="Slider Double" type="double" min={0} max={100} />
+            <Combobox {...register('combobox')} />
+            <Combobox {...register('comboboxMultiple')} />
             <Button type="submit">Отправить</Button>
         </form>
     );
diff --git a/website/plasma-b2c-docs/docs/form/NativeForm.mdx b/website/plasma-b2c-docs/docs/form/NativeForm.mdx
index 8c60263bb8..ab50885219 100644
--- a/website/plasma-b2c-docs/docs/form/NativeForm.mdx
+++ b/website/plasma-b2c-docs/docs/form/NativeForm.mdx
@@ -54,7 +54,7 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
             <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>
diff --git a/website/plasma-web-docs/docs/form/Components.mdx b/website/plasma-web-docs/docs/form/Components.mdx
index 7ceb030e07..8846949273 100644
--- a/website/plasma-web-docs/docs/form/Components.mdx
+++ b/website/plasma-web-docs/docs/form/Components.mdx
@@ -74,3 +74,38 @@ sidebar_position: 4
 ]
 ```
 
+
+
+### Combobox
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+
+### Combobox Multiple
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue (`string[]`) через параметр в компоненте. Возвращаемый тип `string[]`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue (`number[]`) через параметр в компоненте. Возвращается количество выбранных элементов с ключем `name` и значением `value`. 
+```
+
+[
+    ['textfield': 'test'],
+    ...
+    ['combobox': 'test_1'],
+    ['combobox': 'test_2'],
+    ...
+    ['textfield2': 'test'],
+]
+
+```
+
diff --git a/website/plasma-web-docs/docs/form/NativeForm.mdx b/website/plasma-web-docs/docs/form/NativeForm.mdx
index 1d298ee308..38f21d4bb9 100644
--- a/website/plasma-web-docs/docs/form/NativeForm.mdx
+++ b/website/plasma-web-docs/docs/form/NativeForm.mdx
@@ -54,8 +54,9 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
+            <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>
         </form>
     );
diff --git a/website/plasma-web-docs/docs/form/ReactHookForm.mdx b/website/plasma-web-docs/docs/form/ReactHookForm.mdx
index df6a4a1c7e..a4274bafef 100644
--- a/website/plasma-web-docs/docs/form/ReactHookForm.mdx
+++ b/website/plasma-web-docs/docs/form/ReactHookForm.mdx
@@ -51,6 +51,8 @@ export function App() {
             </RadioGroup>
             <Slider {...register('slider')} label="Slider" type="single" min={0} max={100} />
             <Slider {...register('sliderdouble')} label="Slider Double" type="double" min={0} max={100} />
+            <Combobox {...register('combobox')} />
+            <Combobox {...register('comboboxMultiple')} />
             <Button type="submit">Отправить</Button>
         </form>
     );
diff --git a/website/sdds-cs-docs/docs/form/Components.mdx b/website/sdds-cs-docs/docs/form/Components.mdx
index 7ceb030e07..8846949273 100644
--- a/website/sdds-cs-docs/docs/form/Components.mdx
+++ b/website/sdds-cs-docs/docs/form/Components.mdx
@@ -74,3 +74,38 @@ sidebar_position: 4
 ]
 ```
 
+
+
+### Combobox
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+
+### Combobox Multiple
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue (`string[]`) через параметр в компоненте. Возвращаемый тип `string[]`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue (`number[]`) через параметр в компоненте. Возвращается количество выбранных элементов с ключем `name` и значением `value`. 
+```
+
+[
+    ['textfield': 'test'],
+    ...
+    ['combobox': 'test_1'],
+    ['combobox': 'test_2'],
+    ...
+    ['textfield2': 'test'],
+]
+
+```
+
diff --git a/website/sdds-cs-docs/docs/form/NativeForm.mdx b/website/sdds-cs-docs/docs/form/NativeForm.mdx
index 4639eb2648..30bd3738df 100644
--- a/website/sdds-cs-docs/docs/form/NativeForm.mdx
+++ b/website/sdds-cs-docs/docs/form/NativeForm.mdx
@@ -54,8 +54,9 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
+            <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>
         </form>
     );
diff --git a/website/sdds-cs-docs/docs/form/ReactHookForm.mdx b/website/sdds-cs-docs/docs/form/ReactHookForm.mdx
index ec47284f32..7b3e799ed2 100644
--- a/website/sdds-cs-docs/docs/form/ReactHookForm.mdx
+++ b/website/sdds-cs-docs/docs/form/ReactHookForm.mdx
@@ -51,6 +51,8 @@ export function App() {
             </RadioGroup>
             <Slider {...register('slider')} label="Slider" type="single" min={0} max={100} />
             <Slider {...register('sliderdouble')} label="Slider Double" type="double" min={0} max={100} />
+            <Combobox {...register('combobox')} />
+            <Combobox {...register('comboboxMultiple')} />
             <Button type="submit">Отправить</Button>
         </form>
     );
diff --git a/website/sdds-dfa-docs/docs/form/Components.mdx b/website/sdds-dfa-docs/docs/form/Components.mdx
index 7ceb030e07..8846949273 100644
--- a/website/sdds-dfa-docs/docs/form/Components.mdx
+++ b/website/sdds-dfa-docs/docs/form/Components.mdx
@@ -74,3 +74,38 @@ sidebar_position: 4
 ]
 ```
 
+
+
+### Combobox
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+
+### Combobox Multiple
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue (`string[]`) через параметр в компоненте. Возвращаемый тип `string[]`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue (`number[]`) через параметр в компоненте. Возвращается количество выбранных элементов с ключем `name` и значением `value`. 
+```
+
+[
+    ['textfield': 'test'],
+    ...
+    ['combobox': 'test_1'],
+    ['combobox': 'test_2'],
+    ...
+    ['textfield2': 'test'],
+]
+
+```
+
diff --git a/website/sdds-dfa-docs/docs/form/NativeForm.mdx b/website/sdds-dfa-docs/docs/form/NativeForm.mdx
index 0c93d2ad6a..3434480ddb 100644
--- a/website/sdds-dfa-docs/docs/form/NativeForm.mdx
+++ b/website/sdds-dfa-docs/docs/form/NativeForm.mdx
@@ -54,8 +54,9 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
+            <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>
         </form>
     );
diff --git a/website/sdds-dfa-docs/docs/form/ReactHookForm.mdx b/website/sdds-dfa-docs/docs/form/ReactHookForm.mdx
index 7078b6b226..982e66b9a7 100644
--- a/website/sdds-dfa-docs/docs/form/ReactHookForm.mdx
+++ b/website/sdds-dfa-docs/docs/form/ReactHookForm.mdx
@@ -51,6 +51,8 @@ export function App() {
             </RadioGroup>
             <Slider {...register('slider')} label="Slider" type="single" min={0} max={100} />
             <Slider {...register('sliderdouble')} label="Slider Double" type="double" min={0} max={100} />
+            <Combobox {...register('combobox')} />
+            <Combobox {...register('comboboxMultiple')} />
             <Button type="submit">Отправить</Button>
         </form>
     );
diff --git a/website/sdds-insol-docs/docs/form/NativeForm.mdx b/website/sdds-insol-docs/docs/form/NativeForm.mdx
index 46eb652f00..1f81fef48d 100644
--- a/website/sdds-insol-docs/docs/form/NativeForm.mdx
+++ b/website/sdds-insol-docs/docs/form/NativeForm.mdx
@@ -54,8 +54,9 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
+            <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>
         </form>
     );
diff --git a/website/sdds-insol-docs/docs/form/ReactHookForm.mdx b/website/sdds-insol-docs/docs/form/ReactHookForm.mdx
index fe5584537a..dab39ed363 100644
--- a/website/sdds-insol-docs/docs/form/ReactHookForm.mdx
+++ b/website/sdds-insol-docs/docs/form/ReactHookForm.mdx
@@ -51,6 +51,8 @@ export function App() {
             </RadioGroup>
             <Slider {...register('slider')} label="Slider" type="single" min={0} max={100} />
             <Slider {...register('sliderdouble')} label="Slider Double" type="double" min={0} max={100} />
+            <Combobox {...register('combobox')} />
+            <Combobox {...register('comboboxMultiple')} />
             <Button type="submit">Отправить</Button>
         </form>
     );
diff --git a/website/sdds-serv-docs/docs/form/NativeForm.mdx b/website/sdds-serv-docs/docs/form/NativeForm.mdx
index e4e93f3bcd..67816cc882 100644
--- a/website/sdds-serv-docs/docs/form/NativeForm.mdx
+++ b/website/sdds-serv-docs/docs/form/NativeForm.mdx
@@ -54,8 +54,9 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
+            <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>
         </form>
     );
diff --git a/website/sdds-serv-docs/docs/form/ReactHookForm.mdx b/website/sdds-serv-docs/docs/form/ReactHookForm.mdx
index 3ab013c52c..6ba80a749b 100644
--- a/website/sdds-serv-docs/docs/form/ReactHookForm.mdx
+++ b/website/sdds-serv-docs/docs/form/ReactHookForm.mdx
@@ -51,6 +51,8 @@ export function App() {
             </RadioGroup>
             <Slider {...register('slider')} label="Slider" type="single" min={0} max={100} />
             <Slider {...register('sliderdouble')} label="Slider Double" type="double" min={0} max={100} />
+            <Combobox {...register('combobox')} />
+            <Combobox {...register('comboboxMultiple')} />
             <Button type="submit">Отправить</Button>
         </form>
     );