feat(*): add combobox to libs

salute-developers · Nov 7, 2024 · c45c225 · c45c225
1 parent 8b18fe4
commit c45c225
Show file tree

Hide file tree

Showing 7 changed files with 469 additions and 34 deletions.
diff --git a/packages/plasma-b2c/api/plasma-b2c.api.md b/packages/plasma-b2c/api/plasma-b2c.api.md
diff --git a/packages/plasma-b2c/src/components/Combobox/index.tsx b/packages/plasma-b2c/src/components/Combobox/index.tsx
@@ -1,5 +1,5 @@
-import React, { forwardRef, ComponentProps } from 'react';
-import type { ItemOption, ComboboxProps } from '@salutejs/plasma-new-hope';
+import React, { forwardRef, ComponentProps, FC, ForwardedRef, ReactElement } from 'react';
+import { ItemOption, ComboboxProps, boundCombobox, getFormComponentGenerator } from '@salutejs/plasma-new-hope';
 
 import { config } from './Combobox.config';
 import { Combobox as ComboboxOld } from './Legacy';
@@ -33,3 +33,8 @@ const ComboboxComponent = <T extends ItemOption>(props: CommonProps<T>, ref: Rea
 };
 
 export const Combobox = fixedForwardRef(ComboboxComponent);
+
+export const ComboboxWithForm = boundCombobox({
+    base: Combobox as FC<ComboboxProps>,
+    baseForm: getFormComponentGenerator(Combobox as FC<ComboboxProps>),
+}) as <T extends ItemOption>(props: PropsNew<T> & { ref?: ForwardedRef<HTMLInputElement> }) => ReactElement | null;
diff --git a/packages/sdds-cs/api/sdds-cs.api.md b/packages/sdds-cs/api/sdds-cs.api.md
@@ -987,7 +987,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -1060,7 +1059,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -1133,7 +1131,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -1206,7 +1203,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -1279,7 +1275,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -1352,7 +1347,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;

diff --git a/packages/sdds-dfa/api/sdds-dfa.api.md b/packages/sdds-dfa/api/sdds-dfa.api.md
@@ -1016,7 +1016,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -1089,7 +1088,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -1162,7 +1160,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -1235,7 +1232,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -1308,7 +1304,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -1381,7 +1376,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;

diff --git a/packages/sdds-finportal/api/sdds-finportal.api.md b/packages/sdds-finportal/api/sdds-finportal.api.md
@@ -1067,7 +1067,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -1140,7 +1139,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -1213,7 +1211,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -1286,7 +1283,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -1359,7 +1355,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -1432,7 +1427,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;

diff --git a/packages/sdds-insol/api/sdds-insol.api.md b/packages/sdds-insol/api/sdds-insol.api.md
@@ -1068,7 +1068,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -1141,7 +1140,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -1214,7 +1212,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -1287,7 +1284,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -1360,7 +1356,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -1433,7 +1428,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;

diff --git a/packages/sdds-serv/api/sdds-serv.api.md b/packages/sdds-serv/api/sdds-serv.api.md
@@ -1067,7 +1067,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -1140,7 +1139,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -1213,7 +1211,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -1286,7 +1283,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -1359,7 +1355,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -1432,7 +1427,6 @@ true: PolymorphicClassName;
     size?: string | undefined;
     view?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    formType?: Boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;