feat: add Select documentation

package.json

@@ -8,7 +8,7 @@
     "@gravity-ui/components": "2.1.0",
     "@gravity-ui/icons": "^2.8.1",
     "@gravity-ui/page-constructor": "^4.41.0",
-    "@gravity-ui/uikit": "5.12.1",
+    "@gravity-ui/uikit": "5.24.0",
     "@mdx-js/mdx": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
     "@testing-library/jest-dom": "^5.16.5",

src/content/components/uikit/Select/SelectComponent.tsx

@@ -0,0 +1,13 @@
+import {Select, SelectProps} from '@gravity-ui/uikit';
+import React from 'react';
+
+export const SelectComponent = (props: SelectProps) => {
+    return (
+        <Select {...props}>
+            <Select.Option value="val_1">Value 1</Select.Option>
+            <Select.Option value="val_2">Value 2</Select.Option>
+            <Select.Option value="val_3">Value 3</Select.Option>
+            <Select.Option value="val_4">Value 4</Select.Option>
+        </Select>
+    );
+};

src/content/components/uikit/Select/index.ts

@@ -0,0 +1,69 @@
+import dynamic from 'next/dynamic';
+
+import {Repos} from '../../../../types/common';
+import {Component} from '../../types';
+import {getGithubUrl, getReadmeUrl, mappingOptions} from '../../utils';
+
+const getterOptions = {repoName: Repos.Uikit, componentName: 'Select'};
+
+export const selectConfig: Component = {
+    id: 'select',
+    title: 'Select',
+    githubUrl: getGithubUrl(getterOptions),
+    content: {
+        readmeUrl: getReadmeUrl(getterOptions),
+    },
+    sandbox: {
+        component: dynamic(() => import('./SelectComponent').then((mod) => mod.SelectComponent)),
+        props: {
+            size: {
+                type: 'radioButton',
+                values: mappingOptions(['s', 'm', 'l', 'xl']),
+                defaultValue: 'm',
+            },
+            pin: {
+                type: 'select',
+                values: mappingOptions([
+                    'round-round',
+                    'brick-brick',
+                    'clear-clear',
+                    'round-brick',
+                    'brick-round',
+                    'round-clear',
+                    'clear-round',
+                    'brick-clear',
+                    'clear-brick',
+                    'circle-circle',
+                    'circle-brick',
+                    'brick-circle',
+                    'circle-clear',
+                    'clear-circle',
+                ]),
+                defaultValue: 'round-round',
+            },
+            placeholder: {
+                type: 'input',
+                defaultValue: '',
+            },
+            label: {
+                type: 'input',
+            },
+            multiple: {
+                type: 'switch',
+                defaultValue: false,
+            },
+            filterable: {
+                type: 'switch',
+                defaultValue: false,
+            },
+            disabled: {
+                type: 'switch',
+                defaultValue: false,
+            },
+            hasClear: {
+                type: 'switch',
+                defaultValue: false,
+            },
+        },
+    },
+};

src/content/components/uikit/index.ts

@@ -25,6 +25,7 @@ import {progressConfig} from './Progress';
 import {radioConfig} from './Radio';
 import {radioButtonConfig} from './RadioButton';
 import {radioGroupConfig} from './RadioGroup';
+import {selectConfig} from './Select';
 import {skeletonConfig} from './Skeleton';
 import {spinConfig} from './Spin';
 import {switchConfig} from './Switch';
@@ -61,6 +62,7 @@ const uikitComponents: Component[] = [
     radioConfig,
     radioButtonConfig,
     radioGroupConfig,
+    selectConfig,
     skeletonConfig,
     spinConfig,
     switchConfig,