skillgrid 0.0.21-dev-39472-brand-colors.1146058 → 0.0.21-imports.1141086
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.
- package/dist/index.cjs.js +11 -11
- package/dist/index.css +1 -1
- package/dist/index.es.js +634 -638
- package/package.json +1 -2
- package/dist/components/Radio/Radio.d.ts +0 -21
- package/dist/components/Radio/Radio.type.d.ts +0 -87
- package/dist/components/Radio/RadioGroup/RadioGroup.d.ts +0 -21
- package/dist/components/Radio/RadioGroup/RadioGroup.type.d.ts +0 -19
- package/dist/components/Radio/index.d.ts +0 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "skillgrid",
|
|
3
|
-
"version": "0.0.21-
|
|
3
|
+
"version": "0.0.21-imports.1141086",
|
|
4
4
|
"description": "Skillgrid Components Library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -34,7 +34,6 @@
|
|
|
34
34
|
"scripts": {
|
|
35
35
|
"dev": "vite",
|
|
36
36
|
"build": "vite build",
|
|
37
|
-
"build:watch": "vite build --watch",
|
|
38
37
|
"type-check": "tsc",
|
|
39
38
|
"format": "prettier --write .",
|
|
40
39
|
"lint": "eslint . --ext .ts,.tsx",
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { RadioProps } from './Radio.type';
|
|
2
|
-
export declare const RADIO_CONTAINER_TEST_PREFIX = "radio-container-";
|
|
3
|
-
export declare const RADIO_LABEL_TEST_PREFIX = "radio-label";
|
|
4
|
-
/**
|
|
5
|
-
* Radio компонент для user interactions
|
|
6
|
-
*
|
|
7
|
-
* @component
|
|
8
|
-
* @example
|
|
9
|
-
* ```tsx
|
|
10
|
-
* <Radio
|
|
11
|
-
* name="radio-name"
|
|
12
|
-
* checked={checked}
|
|
13
|
-
* value={"radio-value"}
|
|
14
|
-
* onChange={setValue}
|
|
15
|
-
* size="medium"
|
|
16
|
-
* >
|
|
17
|
-
* Элемент radio
|
|
18
|
-
* </Radio>
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export declare const Radio: <T>(props: RadioProps<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
export type TValue = string | number;
|
|
2
|
-
export interface Option<T> {
|
|
3
|
-
/**
|
|
4
|
-
* Значение вариант
|
|
5
|
-
*/
|
|
6
|
-
value: T;
|
|
7
|
-
/**
|
|
8
|
-
* Лейбл вариант
|
|
9
|
-
*/
|
|
10
|
-
label?: React.ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* Активность компонента
|
|
13
|
-
* @default false
|
|
14
|
-
*/
|
|
15
|
-
disabled?: boolean;
|
|
16
|
-
}
|
|
17
|
-
export interface RadioProps<T> {
|
|
18
|
-
/**
|
|
19
|
-
* Значение, которое представляет radio
|
|
20
|
-
*/
|
|
21
|
-
value: T;
|
|
22
|
-
/**
|
|
23
|
-
* Уникальное имя для компонента
|
|
24
|
-
*/
|
|
25
|
-
name: string;
|
|
26
|
-
/**
|
|
27
|
-
* Выбрано ли значение
|
|
28
|
-
* - true - отмеченный
|
|
29
|
-
* - false - не отмеченный
|
|
30
|
-
* @default false
|
|
31
|
-
*/
|
|
32
|
-
checked?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Размер radio
|
|
35
|
-
* @default 'medium'
|
|
36
|
-
*/
|
|
37
|
-
size?: 'small' | 'medium' | 'large';
|
|
38
|
-
/**
|
|
39
|
-
* Вложенный компонент справа
|
|
40
|
-
*/
|
|
41
|
-
label?: React.ReactNode;
|
|
42
|
-
/**
|
|
43
|
-
* Загрузка (компонент становится неактивным)
|
|
44
|
-
* @default false
|
|
45
|
-
*/
|
|
46
|
-
loading?: boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Сообщение об ошибке
|
|
49
|
-
*/
|
|
50
|
-
error?: string;
|
|
51
|
-
/**
|
|
52
|
-
* Активность компонента
|
|
53
|
-
* @default false
|
|
54
|
-
*/
|
|
55
|
-
disabled?: boolean;
|
|
56
|
-
/**
|
|
57
|
-
* Дополнительные CSS классы для контейнера
|
|
58
|
-
*/
|
|
59
|
-
containerClassName?: string;
|
|
60
|
-
/**
|
|
61
|
-
* Дополнительные CSS классы для radio
|
|
62
|
-
*/
|
|
63
|
-
className?: string;
|
|
64
|
-
/**
|
|
65
|
-
* Делает кликабельным все простарнство компонента или только radio
|
|
66
|
-
* @default all
|
|
67
|
-
*/
|
|
68
|
-
clickable?: 'all' | 'control';
|
|
69
|
-
/**
|
|
70
|
-
* Tab index для навигации
|
|
71
|
-
*/
|
|
72
|
-
tabIndex?: number;
|
|
73
|
-
/**
|
|
74
|
-
* Формат отображения
|
|
75
|
-
*/
|
|
76
|
-
mode?: 'card' | 'default';
|
|
77
|
-
/**
|
|
78
|
-
* Обработчик изменения состояния
|
|
79
|
-
* @param value - Выбранное значение
|
|
80
|
-
* @param e - ChangeEvent<HTMLInputElement>, ивент нажатия на инпут
|
|
81
|
-
*/
|
|
82
|
-
onChange?: (value: T, e?: React.ChangeEvent<HTMLInputElement>) => void;
|
|
83
|
-
/**
|
|
84
|
-
* Идентификатор для тестирования
|
|
85
|
-
*/
|
|
86
|
-
['data-testid']?: string;
|
|
87
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { RadioGroupProps } from './RadioGroup.type';
|
|
2
|
-
/**
|
|
3
|
-
* RadioGroup компонент для группировки Radio
|
|
4
|
-
*
|
|
5
|
-
* @component
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* <RadioGroup
|
|
9
|
-
* {...args}
|
|
10
|
-
* layout='horizontal'
|
|
11
|
-
* options={[
|
|
12
|
-
* { label: 'Test 1', value: 'Test 1' },
|
|
13
|
-
* { label: 'Test 2', value: 'Test 2', disabled: true },
|
|
14
|
-
* { label: 'Test 3', value: 4 },
|
|
15
|
-
* ]}
|
|
16
|
-
* value={value}
|
|
17
|
-
* onChange={setValue}
|
|
18
|
-
* />
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export declare const RadioGroup: <T>(props: RadioGroupProps<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Option, RadioProps } from '../Radio.type';
|
|
2
|
-
export interface RadioGroupProps<T> extends Omit<RadioProps<T>, 'value' | 'label' | 'checked'> {
|
|
3
|
-
/**
|
|
4
|
-
* Список radio кнопок
|
|
5
|
-
*/
|
|
6
|
-
options: Array<Option<T>>;
|
|
7
|
-
/**
|
|
8
|
-
* Значение, которое представляет radio
|
|
9
|
-
*/
|
|
10
|
-
value?: T;
|
|
11
|
-
/**
|
|
12
|
-
* Направление списка радио элементов
|
|
13
|
-
*/
|
|
14
|
-
layout?: 'vertical' | 'horizontal';
|
|
15
|
-
/**
|
|
16
|
-
* Список radio кнопок
|
|
17
|
-
*/
|
|
18
|
-
radioClassName?: RadioProps<T>['className'];
|
|
19
|
-
}
|