@snack-uikit/chips 0.24.3 → 0.25.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 +16 -0
- package/README.md +28 -8
- package/dist/cjs/components/ChipChoice/components/ChipChoiceBase/ChipChoiceBase.d.ts +3 -7
- package/dist/cjs/components/ChipChoice/components/ChipChoiceBase/ChipChoiceBase.js +3 -4
- package/dist/cjs/components/ChipChoice/components/ChipChoiceCustom.d.ts +1 -1
- package/dist/cjs/components/ChipChoice/components/ChipChoiceCustom.js +9 -9
- package/dist/cjs/components/ChipChoice/components/ChipChoiceDate.d.ts +1 -1
- package/dist/cjs/components/ChipChoice/components/ChipChoiceDate.js +9 -6
- package/dist/cjs/components/ChipChoice/components/ChipChoiceDateRange.d.ts +1 -1
- package/dist/cjs/components/ChipChoice/components/ChipChoiceDateRange.js +8 -6
- package/dist/cjs/components/ChipChoice/components/ChipChoiceMultiple.d.ts +1 -1
- package/dist/cjs/components/ChipChoice/components/ChipChoiceMultiple.js +8 -10
- package/dist/cjs/components/ChipChoice/components/ChipChoiceSingle.d.ts +1 -1
- package/dist/cjs/components/ChipChoice/components/ChipChoiceSingle.js +9 -9
- package/dist/cjs/components/ChipChoice/components/ChipChoiceTime.d.ts +1 -1
- package/dist/cjs/components/ChipChoice/components/ChipChoiceTime.js +9 -6
- package/dist/cjs/components/ChipChoice/constants.d.ts +1 -0
- package/dist/cjs/components/ChipChoice/constants.js +1 -0
- package/dist/cjs/components/ChipChoice/types.d.ts +7 -3
- package/dist/cjs/components/ChipChoiceRow/ChipChoiceRow.d.ts +12 -6
- package/dist/cjs/components/ChipChoiceRow/ChipChoiceRow.js +145 -24
- package/dist/cjs/components/ChipChoiceRow/components/constants.d.ts +1 -0
- package/dist/cjs/components/ChipChoiceRow/components/constants.js +1 -0
- package/dist/cjs/components/ChipChoiceRow/helpers.d.ts +5 -0
- package/dist/cjs/components/ChipChoiceRow/helpers.js +19 -0
- package/dist/cjs/components/ChipChoiceRow/index.d.ts +1 -0
- package/dist/cjs/components/ChipChoiceRow/index.js +2 -1
- package/dist/cjs/components/ChipChoiceRow/styles.module.css +21 -0
- package/dist/cjs/components/ChipChoiceRow/types.d.ts +5 -5
- package/dist/cjs/constants.d.ts +4 -1
- package/dist/cjs/constants.js +4 -1
- package/dist/esm/components/ChipChoice/components/ChipChoiceBase/ChipChoiceBase.d.ts +3 -7
- package/dist/esm/components/ChipChoice/components/ChipChoiceBase/ChipChoiceBase.js +2 -2
- package/dist/esm/components/ChipChoice/components/ChipChoiceCustom.d.ts +1 -1
- package/dist/esm/components/ChipChoice/components/ChipChoiceCustom.js +6 -9
- package/dist/esm/components/ChipChoice/components/ChipChoiceDate.d.ts +1 -1
- package/dist/esm/components/ChipChoice/components/ChipChoiceDate.js +6 -6
- package/dist/esm/components/ChipChoice/components/ChipChoiceDateRange.d.ts +1 -1
- package/dist/esm/components/ChipChoice/components/ChipChoiceDateRange.js +5 -6
- package/dist/esm/components/ChipChoice/components/ChipChoiceMultiple.d.ts +1 -1
- package/dist/esm/components/ChipChoice/components/ChipChoiceMultiple.js +4 -7
- package/dist/esm/components/ChipChoice/components/ChipChoiceSingle.d.ts +1 -1
- package/dist/esm/components/ChipChoice/components/ChipChoiceSingle.js +5 -8
- package/dist/esm/components/ChipChoice/components/ChipChoiceTime.d.ts +1 -1
- package/dist/esm/components/ChipChoice/components/ChipChoiceTime.js +6 -6
- package/dist/esm/components/ChipChoice/constants.d.ts +1 -0
- package/dist/esm/components/ChipChoice/constants.js +1 -0
- package/dist/esm/components/ChipChoice/types.d.ts +7 -3
- package/dist/esm/components/ChipChoiceRow/ChipChoiceRow.d.ts +12 -6
- package/dist/esm/components/ChipChoiceRow/ChipChoiceRow.js +82 -13
- package/dist/esm/components/ChipChoiceRow/components/constants.d.ts +1 -0
- package/dist/esm/components/ChipChoiceRow/components/constants.js +1 -0
- package/dist/esm/components/ChipChoiceRow/helpers.d.ts +5 -0
- package/dist/esm/components/ChipChoiceRow/helpers.js +13 -0
- package/dist/esm/components/ChipChoiceRow/index.d.ts +1 -0
- package/dist/esm/components/ChipChoiceRow/index.js +1 -0
- package/dist/esm/components/ChipChoiceRow/styles.module.css +21 -0
- package/dist/esm/components/ChipChoiceRow/types.d.ts +5 -5
- package/dist/esm/constants.d.ts +4 -1
- package/dist/esm/constants.js +4 -1
- package/package.json +7 -5
- package/src/components/ChipChoice/components/ChipChoiceBase/ChipChoiceBase.tsx +2 -7
- package/src/components/ChipChoice/components/ChipChoiceCustom.tsx +8 -9
- package/src/components/ChipChoice/components/ChipChoiceDate.tsx +8 -6
- package/src/components/ChipChoice/components/ChipChoiceDateRange.tsx +7 -7
- package/src/components/ChipChoice/components/ChipChoiceMultiple.tsx +6 -8
- package/src/components/ChipChoice/components/ChipChoiceSingle.tsx +7 -7
- package/src/components/ChipChoice/components/ChipChoiceTime.tsx +8 -6
- package/src/components/ChipChoice/constants.ts +1 -0
- package/src/components/ChipChoice/types.ts +7 -2
- package/src/components/ChipChoiceRow/ChipChoiceRow.tsx +203 -30
- package/src/components/ChipChoiceRow/components/constants.ts +1 -0
- package/src/components/ChipChoiceRow/helpers.ts +15 -0
- package/src/components/ChipChoiceRow/index.ts +1 -0
- package/src/components/ChipChoiceRow/styles.module.scss +25 -2
- package/src/components/ChipChoiceRow/types.ts +13 -4
- package/src/constants.ts +4 -1
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { ValueOf } from '@snack-uikit/utils';
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
import {
|
|
4
|
+
ChipChoiceCustomProps,
|
|
5
|
+
ChipChoiceDateProps,
|
|
6
|
+
ChipChoiceDateRangeProps,
|
|
7
|
+
ChipChoiceMultipleProps,
|
|
8
|
+
ChipChoiceSingleProps,
|
|
9
|
+
ChipChoiceTimeProps,
|
|
10
|
+
} from '../ChipChoice';
|
|
6
11
|
import { CHIP_CHOICE_TYPE } from '../ChipChoice/constants';
|
|
7
|
-
import { ChipChoiceMultipleProps, ChipChoiceSingleProps } from '../ChipChoice/types';
|
|
8
12
|
import { CHIP_CHOICE_ROW_SIZE } from './constants';
|
|
9
13
|
|
|
10
14
|
export type ChipChoiceRowSize = ValueOf<typeof CHIP_CHOICE_ROW_SIZE>;
|
|
@@ -25,6 +29,10 @@ type ChipChoiceDateTimeType = {
|
|
|
25
29
|
type: typeof CHIP_CHOICE_TYPE.DateTime;
|
|
26
30
|
} & Omit<ChipChoiceDateProps, 'mode'> & { mode: 'date-time'; showSeconds?: boolean };
|
|
27
31
|
|
|
32
|
+
type ChipChoiceTimeType = {
|
|
33
|
+
type: typeof CHIP_CHOICE_TYPE.Time;
|
|
34
|
+
} & ChipChoiceTimeProps;
|
|
35
|
+
|
|
28
36
|
type ChipChoiceDateRangeType = {
|
|
29
37
|
type: typeof CHIP_CHOICE_TYPE.DateRange;
|
|
30
38
|
} & ChipChoiceDateRangeProps;
|
|
@@ -40,6 +48,7 @@ export type ChipChoiceProps = {
|
|
|
40
48
|
| ChipChoiceSingleType
|
|
41
49
|
| ChipChoiceDateType
|
|
42
50
|
| ChipChoiceDateTimeType
|
|
51
|
+
| ChipChoiceTimeType
|
|
43
52
|
| ChipChoiceDateRangeType
|
|
44
53
|
| ChipChoiceCustomType
|
|
45
54
|
);
|
package/src/constants.ts
CHANGED
|
@@ -34,7 +34,10 @@ export const CHIP_CHOICE_TEST_IDS = {
|
|
|
34
34
|
};
|
|
35
35
|
|
|
36
36
|
export const CHIP_CHOICE_ROW_IDS = {
|
|
37
|
-
|
|
37
|
+
clearButton: 'chip-choice-row__clear-button',
|
|
38
|
+
addButton: 'chip-choice-row__add-button',
|
|
39
|
+
addButtonTooltip: 'chip-choice-row__add-button-tooltip',
|
|
40
|
+
addButtonOption: 'chip-choice-row__add-button-option',
|
|
38
41
|
};
|
|
39
42
|
|
|
40
43
|
export const CHIP_TOGGLE_TEST_IDS = {
|