@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.
Files changed (77) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +28 -8
  3. package/dist/cjs/components/ChipChoice/components/ChipChoiceBase/ChipChoiceBase.d.ts +3 -7
  4. package/dist/cjs/components/ChipChoice/components/ChipChoiceBase/ChipChoiceBase.js +3 -4
  5. package/dist/cjs/components/ChipChoice/components/ChipChoiceCustom.d.ts +1 -1
  6. package/dist/cjs/components/ChipChoice/components/ChipChoiceCustom.js +9 -9
  7. package/dist/cjs/components/ChipChoice/components/ChipChoiceDate.d.ts +1 -1
  8. package/dist/cjs/components/ChipChoice/components/ChipChoiceDate.js +9 -6
  9. package/dist/cjs/components/ChipChoice/components/ChipChoiceDateRange.d.ts +1 -1
  10. package/dist/cjs/components/ChipChoice/components/ChipChoiceDateRange.js +8 -6
  11. package/dist/cjs/components/ChipChoice/components/ChipChoiceMultiple.d.ts +1 -1
  12. package/dist/cjs/components/ChipChoice/components/ChipChoiceMultiple.js +8 -10
  13. package/dist/cjs/components/ChipChoice/components/ChipChoiceSingle.d.ts +1 -1
  14. package/dist/cjs/components/ChipChoice/components/ChipChoiceSingle.js +9 -9
  15. package/dist/cjs/components/ChipChoice/components/ChipChoiceTime.d.ts +1 -1
  16. package/dist/cjs/components/ChipChoice/components/ChipChoiceTime.js +9 -6
  17. package/dist/cjs/components/ChipChoice/constants.d.ts +1 -0
  18. package/dist/cjs/components/ChipChoice/constants.js +1 -0
  19. package/dist/cjs/components/ChipChoice/types.d.ts +7 -3
  20. package/dist/cjs/components/ChipChoiceRow/ChipChoiceRow.d.ts +12 -6
  21. package/dist/cjs/components/ChipChoiceRow/ChipChoiceRow.js +145 -24
  22. package/dist/cjs/components/ChipChoiceRow/components/constants.d.ts +1 -0
  23. package/dist/cjs/components/ChipChoiceRow/components/constants.js +1 -0
  24. package/dist/cjs/components/ChipChoiceRow/helpers.d.ts +5 -0
  25. package/dist/cjs/components/ChipChoiceRow/helpers.js +19 -0
  26. package/dist/cjs/components/ChipChoiceRow/index.d.ts +1 -0
  27. package/dist/cjs/components/ChipChoiceRow/index.js +2 -1
  28. package/dist/cjs/components/ChipChoiceRow/styles.module.css +21 -0
  29. package/dist/cjs/components/ChipChoiceRow/types.d.ts +5 -5
  30. package/dist/cjs/constants.d.ts +4 -1
  31. package/dist/cjs/constants.js +4 -1
  32. package/dist/esm/components/ChipChoice/components/ChipChoiceBase/ChipChoiceBase.d.ts +3 -7
  33. package/dist/esm/components/ChipChoice/components/ChipChoiceBase/ChipChoiceBase.js +2 -2
  34. package/dist/esm/components/ChipChoice/components/ChipChoiceCustom.d.ts +1 -1
  35. package/dist/esm/components/ChipChoice/components/ChipChoiceCustom.js +6 -9
  36. package/dist/esm/components/ChipChoice/components/ChipChoiceDate.d.ts +1 -1
  37. package/dist/esm/components/ChipChoice/components/ChipChoiceDate.js +6 -6
  38. package/dist/esm/components/ChipChoice/components/ChipChoiceDateRange.d.ts +1 -1
  39. package/dist/esm/components/ChipChoice/components/ChipChoiceDateRange.js +5 -6
  40. package/dist/esm/components/ChipChoice/components/ChipChoiceMultiple.d.ts +1 -1
  41. package/dist/esm/components/ChipChoice/components/ChipChoiceMultiple.js +4 -7
  42. package/dist/esm/components/ChipChoice/components/ChipChoiceSingle.d.ts +1 -1
  43. package/dist/esm/components/ChipChoice/components/ChipChoiceSingle.js +5 -8
  44. package/dist/esm/components/ChipChoice/components/ChipChoiceTime.d.ts +1 -1
  45. package/dist/esm/components/ChipChoice/components/ChipChoiceTime.js +6 -6
  46. package/dist/esm/components/ChipChoice/constants.d.ts +1 -0
  47. package/dist/esm/components/ChipChoice/constants.js +1 -0
  48. package/dist/esm/components/ChipChoice/types.d.ts +7 -3
  49. package/dist/esm/components/ChipChoiceRow/ChipChoiceRow.d.ts +12 -6
  50. package/dist/esm/components/ChipChoiceRow/ChipChoiceRow.js +82 -13
  51. package/dist/esm/components/ChipChoiceRow/components/constants.d.ts +1 -0
  52. package/dist/esm/components/ChipChoiceRow/components/constants.js +1 -0
  53. package/dist/esm/components/ChipChoiceRow/helpers.d.ts +5 -0
  54. package/dist/esm/components/ChipChoiceRow/helpers.js +13 -0
  55. package/dist/esm/components/ChipChoiceRow/index.d.ts +1 -0
  56. package/dist/esm/components/ChipChoiceRow/index.js +1 -0
  57. package/dist/esm/components/ChipChoiceRow/styles.module.css +21 -0
  58. package/dist/esm/components/ChipChoiceRow/types.d.ts +5 -5
  59. package/dist/esm/constants.d.ts +4 -1
  60. package/dist/esm/constants.js +4 -1
  61. package/package.json +7 -5
  62. package/src/components/ChipChoice/components/ChipChoiceBase/ChipChoiceBase.tsx +2 -7
  63. package/src/components/ChipChoice/components/ChipChoiceCustom.tsx +8 -9
  64. package/src/components/ChipChoice/components/ChipChoiceDate.tsx +8 -6
  65. package/src/components/ChipChoice/components/ChipChoiceDateRange.tsx +7 -7
  66. package/src/components/ChipChoice/components/ChipChoiceMultiple.tsx +6 -8
  67. package/src/components/ChipChoice/components/ChipChoiceSingle.tsx +7 -7
  68. package/src/components/ChipChoice/components/ChipChoiceTime.tsx +8 -6
  69. package/src/components/ChipChoice/constants.ts +1 -0
  70. package/src/components/ChipChoice/types.ts +7 -2
  71. package/src/components/ChipChoiceRow/ChipChoiceRow.tsx +203 -30
  72. package/src/components/ChipChoiceRow/components/constants.ts +1 -0
  73. package/src/components/ChipChoiceRow/helpers.ts +15 -0
  74. package/src/components/ChipChoiceRow/index.ts +1 -0
  75. package/src/components/ChipChoiceRow/styles.module.scss +25 -2
  76. package/src/components/ChipChoiceRow/types.ts +13 -4
  77. package/src/constants.ts +4 -1
@@ -1,10 +1,14 @@
1
1
  import { ValueOf } from '@snack-uikit/utils';
2
2
 
3
- import { ChipChoiceCustomProps } from '../ChipChoice/components';
4
- import { ChipChoiceDateProps } from '../ChipChoice/components/ChipChoiceDate';
5
- import { ChipChoiceDateRangeProps } from '../ChipChoice/components/ChipChoiceDateRange';
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
- clearAllButton: 'chip-choice-row__clear-all-button',
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 = {