@cloud-ru/ds-toggles 1.0.0
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/CHANGELOG.md +8 -0
- package/LICENSE +201 -0
- package/README.md +492 -0
- package/dist/cjs/components/Checkbox/Checkbox.d.ts +8 -0
- package/dist/cjs/components/Checkbox/Checkbox.js +61 -0
- package/dist/cjs/components/Checkbox/index.d.ts +1 -0
- package/dist/cjs/components/Checkbox/index.js +17 -0
- package/dist/cjs/components/Checkbox/styles.module.css +223 -0
- package/dist/cjs/components/Favourite/Favourite.d.ts +9 -0
- package/dist/cjs/components/Favourite/Favourite.js +42 -0
- package/dist/cjs/components/Favourite/index.d.ts +1 -0
- package/dist/cjs/components/Favourite/index.js +17 -0
- package/dist/cjs/components/Favourite/styles.module.css +138 -0
- package/dist/cjs/components/Radio/Radio.d.ts +3 -0
- package/dist/cjs/components/Radio/Radio.js +34 -0
- package/dist/cjs/components/Radio/index.d.ts +1 -0
- package/dist/cjs/components/Radio/index.js +17 -0
- package/dist/cjs/components/Radio/styles.module.css +219 -0
- package/dist/cjs/components/Switch/Switch.d.ts +3 -0
- package/dist/cjs/components/Switch/Switch.js +42 -0
- package/dist/cjs/components/Switch/index.d.ts +1 -0
- package/dist/cjs/components/Switch/index.js +17 -0
- package/dist/cjs/components/Switch/styles.module.css +269 -0
- package/dist/cjs/components/ToggleGroup/ToggleGroup.d.ts +22 -0
- package/dist/cjs/components/ToggleGroup/ToggleGroup.js +33 -0
- package/dist/cjs/components/ToggleGroup/hooks.d.ts +9 -0
- package/dist/cjs/components/ToggleGroup/hooks.js +26 -0
- package/dist/cjs/components/ToggleGroup/index.d.ts +2 -0
- package/dist/cjs/components/ToggleGroup/index.js +18 -0
- package/dist/cjs/components/index.d.ts +5 -0
- package/dist/cjs/components/index.js +21 -0
- package/dist/cjs/constants.d.ts +23 -0
- package/dist/cjs/constants.js +26 -0
- package/dist/cjs/context.d.ts +9 -0
- package/dist/cjs/context.js +12 -0
- package/dist/cjs/index.d.ts +4 -0
- package/dist/cjs/index.js +20 -0
- package/dist/cjs/package.json +3 -0
- package/dist/cjs/style.css +849 -0
- package/dist/cjs/types.d.ts +57 -0
- package/dist/cjs/types.js +2 -0
- package/dist/cjs/utils.d.ts +3 -0
- package/dist/cjs/utils.js +22 -0
- package/dist/esm/components/Checkbox/Checkbox.d.ts +8 -0
- package/dist/esm/components/Checkbox/Checkbox.js +55 -0
- package/dist/esm/components/Checkbox/index.d.ts +1 -0
- package/dist/esm/components/Checkbox/index.js +1 -0
- package/dist/esm/components/Checkbox/styles.module.css +223 -0
- package/dist/esm/components/Favourite/Favourite.d.ts +9 -0
- package/dist/esm/components/Favourite/Favourite.js +36 -0
- package/dist/esm/components/Favourite/index.d.ts +1 -0
- package/dist/esm/components/Favourite/index.js +1 -0
- package/dist/esm/components/Favourite/styles.module.css +138 -0
- package/dist/esm/components/Radio/Radio.d.ts +3 -0
- package/dist/esm/components/Radio/Radio.js +28 -0
- package/dist/esm/components/Radio/index.d.ts +1 -0
- package/dist/esm/components/Radio/index.js +1 -0
- package/dist/esm/components/Radio/styles.module.css +219 -0
- package/dist/esm/components/Switch/Switch.d.ts +3 -0
- package/dist/esm/components/Switch/Switch.js +36 -0
- package/dist/esm/components/Switch/index.d.ts +1 -0
- package/dist/esm/components/Switch/index.js +1 -0
- package/dist/esm/components/Switch/styles.module.css +269 -0
- package/dist/esm/components/ToggleGroup/ToggleGroup.d.ts +22 -0
- package/dist/esm/components/ToggleGroup/ToggleGroup.js +30 -0
- package/dist/esm/components/ToggleGroup/hooks.d.ts +9 -0
- package/dist/esm/components/ToggleGroup/hooks.js +23 -0
- package/dist/esm/components/ToggleGroup/index.d.ts +2 -0
- package/dist/esm/components/ToggleGroup/index.js +2 -0
- package/dist/esm/components/index.d.ts +5 -0
- package/dist/esm/components/index.js +5 -0
- package/dist/esm/constants.d.ts +23 -0
- package/dist/esm/constants.js +23 -0
- package/dist/esm/context.d.ts +9 -0
- package/dist/esm/context.js +8 -0
- package/dist/esm/index.d.ts +4 -0
- package/dist/esm/index.js +4 -0
- package/dist/esm/style.css +849 -0
- package/dist/esm/types.d.ts +57 -0
- package/dist/esm/types.js +1 -0
- package/dist/esm/utils.d.ts +3 -0
- package/dist/esm/utils.js +18 -0
- package/dist/tsconfig.cjs.tsbuildinfo +1 -0
- package/dist/tsconfig.esm.tsbuildinfo +1 -0
- package/package.json +46 -0
- package/src/components/Checkbox/Checkbox.tsx +140 -0
- package/src/components/Checkbox/index.ts +1 -0
- package/src/components/Checkbox/styles.module.scss +162 -0
- package/src/components/Favourite/Favourite.tsx +116 -0
- package/src/components/Favourite/index.ts +1 -0
- package/src/components/Favourite/styles.module.scss +138 -0
- package/src/components/Radio/Radio.tsx +84 -0
- package/src/components/Radio/index.ts +1 -0
- package/src/components/Radio/styles.module.scss +159 -0
- package/src/components/Switch/Switch.tsx +94 -0
- package/src/components/Switch/index.ts +1 -0
- package/src/components/Switch/styles.module.scss +250 -0
- package/src/components/ToggleGroup/ToggleGroup.tsx +71 -0
- package/src/components/ToggleGroup/hooks.ts +34 -0
- package/src/components/ToggleGroup/index.ts +2 -0
- package/src/components/index.ts +5 -0
- package/src/constants.ts +27 -0
- package/src/context.ts +18 -0
- package/src/index.ts +4 -0
- package/src/types.ts +80 -0
- package/src/utils.ts +21 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare const MODE: {
|
|
2
|
+
readonly Checkbox: "checkbox";
|
|
3
|
+
readonly Radio: "radio";
|
|
4
|
+
};
|
|
5
|
+
export declare const SIZE: {
|
|
6
|
+
readonly XS: "xs";
|
|
7
|
+
readonly S: "s";
|
|
8
|
+
};
|
|
9
|
+
export declare const FAVOURITE_ICON: {
|
|
10
|
+
readonly Star: "star";
|
|
11
|
+
readonly Heart: "heart";
|
|
12
|
+
};
|
|
13
|
+
export declare const SELECTION_MODE: {
|
|
14
|
+
readonly Single: "single";
|
|
15
|
+
readonly Multiple: "multiple";
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Суффикс `data-test-id` нативного `<input>` внутри Checkbox/Radio/Switch/Favourite.
|
|
19
|
+
* Если потребитель передаёт `data-test-id='foo'` на корень, нативный input получает
|
|
20
|
+
* `data-test-id='foo-native-input'`. Константа публичная — потребитель и e2e helpers
|
|
21
|
+
* берут один и тот же суффикс из API пакета.
|
|
22
|
+
*/
|
|
23
|
+
export declare const NATIVE_INPUT_SUFFIX = "-native-input";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export const MODE = {
|
|
2
|
+
Checkbox: 'checkbox',
|
|
3
|
+
Radio: 'radio',
|
|
4
|
+
};
|
|
5
|
+
export const SIZE = {
|
|
6
|
+
XS: 'xs',
|
|
7
|
+
S: 's',
|
|
8
|
+
};
|
|
9
|
+
export const FAVOURITE_ICON = {
|
|
10
|
+
Star: 'star',
|
|
11
|
+
Heart: 'heart',
|
|
12
|
+
};
|
|
13
|
+
export const SELECTION_MODE = {
|
|
14
|
+
Single: 'single',
|
|
15
|
+
Multiple: 'multiple',
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Суффикс `data-test-id` нативного `<input>` внутри Checkbox/Radio/Switch/Favourite.
|
|
19
|
+
* Если потребитель передаёт `data-test-id='foo'` на корень, нативный input получает
|
|
20
|
+
* `data-test-id='foo-native-input'`. Константа публичная — потребитель и e2e helpers
|
|
21
|
+
* берут один и тот же суффикс из API пакета.
|
|
22
|
+
*/
|
|
23
|
+
export const NATIVE_INPUT_SUFFIX = '-native-input';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { SelectionMode } from './types.js';
|
|
2
|
+
type ToggleGroupContextType = {
|
|
3
|
+
value: string | undefined | string[];
|
|
4
|
+
onChange: ((id: string) => void) | undefined;
|
|
5
|
+
selectionMode: SelectionMode;
|
|
6
|
+
};
|
|
7
|
+
export declare const ToggleGroupContext: import("react").Context<ToggleGroupContextType>;
|
|
8
|
+
export declare const useToggleGroupContext: () => ToggleGroupContextType;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { createContext, useContext } from 'react';
|
|
2
|
+
import { SELECTION_MODE } from './constants.js';
|
|
3
|
+
export const ToggleGroupContext = createContext({
|
|
4
|
+
value: undefined,
|
|
5
|
+
onChange: undefined,
|
|
6
|
+
selectionMode: SELECTION_MODE.Single,
|
|
7
|
+
});
|
|
8
|
+
export const useToggleGroupContext = () => useContext(ToggleGroupContext);
|