@capillarytech/blaze-ui 6.2.0 → 6.4.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 (92) hide show
  1. package/CapDateRangePicker/index.d.ts.map +1 -1
  2. package/CapDateRangePicker/index.js +1 -5
  3. package/CapDateRangePicker/styles.css +0 -28
  4. package/CapDateRangePicker/styles.module.scss.js +1 -2
  5. package/CapDateRangePicker/styles.scss +0 -37
  6. package/CapDateRangePicker/types.d.ts +0 -5
  7. package/CapDateRangePicker/types.d.ts.map +1 -1
  8. package/CapDragAndDrop/index.d.ts +3 -19
  9. package/CapDragAndDrop/index.d.ts.map +1 -1
  10. package/CapDragAndDrop/index.js +24 -29
  11. package/CapDragAndDrop/messages.d.ts +25 -0
  12. package/CapDragAndDrop/messages.d.ts.map +1 -0
  13. package/CapDragAndDrop/messages.js +28 -0
  14. package/CapDragAndDrop/styles.css +17 -15
  15. package/CapDragAndDrop/styles.module.scss.js +21 -0
  16. package/CapDragAndDrop/styles.scss +18 -16
  17. package/CapDragAndDrop/types.d.ts +17 -0
  18. package/CapDragAndDrop/types.d.ts.map +1 -0
  19. package/CapMobileDateRangePicker/index.d.ts +21 -5
  20. package/CapMobileDateRangePicker/index.d.ts.map +1 -1
  21. package/CapMobileDateRangePicker/index.js +309 -262
  22. package/CapMobileDateRangePicker/styles.css +144 -107
  23. package/CapMobileDateRangePicker/styles.scss +192 -188
  24. package/CapTimeline/CapTimelineCard.d.ts +4 -27
  25. package/CapTimeline/CapTimelineCard.d.ts.map +1 -1
  26. package/CapTimeline/CapTimelineCard.js +40 -157
  27. package/CapTimeline/CapTimelinePanesWrapper.d.ts +4 -25
  28. package/CapTimeline/CapTimelinePanesWrapper.d.ts.map +1 -1
  29. package/CapTimeline/CapTimelinePanesWrapper.js +24 -20
  30. package/CapTimeline/index.d.ts +2 -17
  31. package/CapTimeline/index.d.ts.map +1 -1
  32. package/CapTimeline/index.js +62 -23
  33. package/CapTimeline/messages.d.ts +21 -0
  34. package/CapTimeline/messages.d.ts.map +1 -0
  35. package/CapTimeline/messages.js +24 -0
  36. package/CapTimeline/styles.css +40 -40
  37. package/CapTimeline/styles.module.scss.js +30 -0
  38. package/CapTimeline/styles.scss +76 -57
  39. package/CapTimeline/tests/CapTimeline.mockData.d.ts +14 -0
  40. package/CapTimeline/tests/CapTimeline.mockData.d.ts.map +1 -0
  41. package/CapTimeline/types.d.ts +60 -0
  42. package/CapTimeline/types.d.ts.map +1 -0
  43. package/CapTimeline/types.js +1 -0
  44. package/index.d.ts +4 -2
  45. package/index.d.ts.map +1 -1
  46. package/index.js +99 -97
  47. package/package.json +1 -1
  48. package/utils/dayjs.d.ts +0 -29
  49. package/utils/dayjs.d.ts.map +1 -1
  50. package/utils/dayjs.js +0 -30
  51. package/utils/getCapThemeConfig.d.ts.map +1 -1
  52. package/utils/getCapThemeConfig.js +9 -1
  53. package/CapMobileDateRangePicker/DateRangeInputSelectors.d.ts +0 -7
  54. package/CapMobileDateRangePicker/DateRangeInputSelectors.d.ts.map +0 -1
  55. package/CapMobileDateRangePicker/DateRangeInputSelectors.js +0 -68
  56. package/CapMobileDateRangePicker/messages.d.ts +0 -17
  57. package/CapMobileDateRangePicker/messages.d.ts.map +0 -1
  58. package/CapMobileDateRangePicker/messages.js +0 -20
  59. package/CapMobileDateRangePicker/styles.module.scss.js +0 -21
  60. package/CapMobileDateRangePicker/tests/CapMobileDateRangePicker.mockData.d.ts +0 -18
  61. package/CapMobileDateRangePicker/tests/CapMobileDateRangePicker.mockData.d.ts.map +0 -1
  62. package/CapMobileDateRangePicker/types.d.ts +0 -95
  63. package/CapMobileDateRangePicker/types.d.ts.map +0 -1
  64. package/CapVirtualSelect/actions.d.ts +0 -16
  65. package/CapVirtualSelect/actions.d.ts.map +0 -1
  66. package/CapVirtualSelect/actions.js +0 -21
  67. package/CapVirtualSelect/constants.d.ts +0 -13
  68. package/CapVirtualSelect/constants.d.ts.map +0 -1
  69. package/CapVirtualSelect/constants.js +0 -26
  70. package/CapVirtualSelect/index.d.ts +0 -169
  71. package/CapVirtualSelect/index.d.ts.map +0 -1
  72. package/CapVirtualSelect/index.js +0 -409
  73. package/CapVirtualSelect/messages.d.ts +0 -9
  74. package/CapVirtualSelect/messages.d.ts.map +0 -1
  75. package/CapVirtualSelect/messages.js +0 -12
  76. package/CapVirtualSelect/reducer.d.ts +0 -4
  77. package/CapVirtualSelect/reducer.d.ts.map +0 -1
  78. package/CapVirtualSelect/reducer.js +0 -63
  79. package/CapVirtualSelect/saga.d.ts +0 -40
  80. package/CapVirtualSelect/saga.d.ts.map +0 -1
  81. package/CapVirtualSelect/saga.js +0 -91
  82. package/CapVirtualSelect/selectors.d.ts +0 -28
  83. package/CapVirtualSelect/selectors.d.ts.map +0 -1
  84. package/CapVirtualSelect/selectors.js +0 -30
  85. package/CapVirtualSelect/styles.css +0 -110
  86. package/CapVirtualSelect/styles.scss +0 -106
  87. package/CapVirtualSelect/tests/mockData.d.ts +0 -7
  88. package/CapVirtualSelect/tests/mockData.d.ts.map +0 -1
  89. package/CapVirtualSelect/utils.d.ts +0 -2
  90. package/CapVirtualSelect/utils.d.ts.map +0 -1
  91. package/CapVirtualSelect/utils.js +0 -12
  92. /package/{CapMobileDateRangePicker → CapDragAndDrop}/types.js +0 -0
@@ -1,28 +0,0 @@
1
- declare const makeSelectGetPaginatedOptions: () => ((state: import("immutable").Map<never, never>, ownProps: any) => {
2
- getPaginatedOptionsStatus: any;
3
- getPaginatedOptions: any;
4
- getUnTransformedPaginatedOptions: any;
5
- getPaginatedOptionsTotalCount: any;
6
- }) & import("reselect").OutputSelectorFields<(args_0: import("immutable").Map<"getPaginatedOptionsStatus" | "getPaginatedOptions" | "getUnTransformedPaginatedOptions" | "getPaginatedOptionsError" | "getPaginatedOptionsTotalCount" | "getOptionByIdStatus" | "getOptionById" | "getOptionByIdError", any>) => {
7
- getPaginatedOptionsStatus: any;
8
- getPaginatedOptions: any;
9
- getUnTransformedPaginatedOptions: any;
10
- getPaginatedOptionsTotalCount: any;
11
- }, {
12
- clearCache: () => void;
13
- }> & {
14
- clearCache: () => void;
15
- };
16
- declare const makeSelectGetOptionById: () => ((state: import("immutable").Map<never, never>, ownProps: any) => {
17
- getOptionByIdStatus: any;
18
- getOptionById: any;
19
- }) & import("reselect").OutputSelectorFields<(args_0: import("immutable").Map<"getPaginatedOptionsStatus" | "getPaginatedOptions" | "getUnTransformedPaginatedOptions" | "getPaginatedOptionsError" | "getPaginatedOptionsTotalCount" | "getOptionByIdStatus" | "getOptionById" | "getOptionByIdError", any>) => {
20
- getOptionByIdStatus: any;
21
- getOptionById: any;
22
- }, {
23
- clearCache: () => void;
24
- }> & {
25
- clearCache: () => void;
26
- };
27
- export { makeSelectGetPaginatedOptions, makeSelectGetOptionById };
28
- //# sourceMappingURL=selectors.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../components/CapVirtualSelect/selectors.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,6BAA6B;;;;;;;;;;;;;;CAc/B,CAAC;AAGL,QAAA,MAAM,uBAAuB;;;;;;;;;;CAOzB,CAAC;AAEL,OAAO,EAAE,6BAA6B,EAAE,uBAAuB,EAAE,CAAC"}
@@ -1,30 +0,0 @@
1
- import { fromJS } from "immutable";
2
- import { createSelector } from "reselect";
3
- import { defaultNamespace } from "./constants.js";
4
- import { initialState } from "./reducer.js";
5
- const selectCapVirtualSelectDomain = (state = fromJS({}), ownProps) => state.get((ownProps == null ? void 0 : ownProps.namespace) || defaultNamespace, initialState);
6
- const makeSelectGetPaginatedOptions = () => createSelector(selectCapVirtualSelectDomain, (subState = fromJS({})) => {
7
- const {
8
- getPaginatedOptionsStatus,
9
- getPaginatedOptions,
10
- getUnTransformedPaginatedOptions,
11
- getPaginatedOptionsTotalCount
12
- } = subState.toJS();
13
- return {
14
- getPaginatedOptionsStatus,
15
- getPaginatedOptions,
16
- getUnTransformedPaginatedOptions,
17
- getPaginatedOptionsTotalCount
18
- };
19
- });
20
- const makeSelectGetOptionById = () => createSelector(selectCapVirtualSelectDomain, (subState = fromJS({})) => {
21
- const { getOptionByIdStatus, getOptionById } = subState.toJS();
22
- return {
23
- getOptionByIdStatus,
24
- getOptionById
25
- };
26
- });
27
- export {
28
- makeSelectGetOptionById,
29
- makeSelectGetPaginatedOptions
30
- };
@@ -1,110 +0,0 @@
1
- /* Color Palette */
2
- /* Fonts */
3
- /* Backward Compatibility Aliases */
4
- /* Component Heights */
5
- /* Border Radius */
6
- /* Border Width */
7
- /* Transition */
8
- /* Timezones Footer */
9
- .cap-virtual-select-container {
10
- position: relative;
11
- display: flex;
12
- flex-direction: column;
13
- padding: 0;
14
- }
15
- .cap-virtual-select-container .cap-virtual-select-button {
16
- position: relative;
17
- display: flex;
18
- align-items: center;
19
- justify-content: space-between;
20
- cursor: pointer;
21
- padding: 0 0 0 0.571rem;
22
- height: 2.857rem;
23
- width: 100%;
24
- border-radius: 0.285rem;
25
- border: 0.071rem solid #b3bac5;
26
- }
27
- .cap-virtual-select-container .cap-virtual-select-button:hover {
28
- border: 0.071rem solid #7a869a;
29
- }
30
- .cap-virtual-select-container .cap-virtual-select-button .cap-virtual-select-button-label {
31
- position: absolute;
32
- left: 0.857rem;
33
- color: #5e6c84;
34
- }
35
- .cap-virtual-select-container .cap-virtual-select-button .cap-virtual-select-button-label .cap-virtual-select-button-defined-label {
36
- color: #091e42;
37
- }
38
- .cap-virtual-select-container .cap-virtual-select-button .cap-virtual-select-button-arrow {
39
- position: absolute;
40
- right: 0.857rem;
41
- }
42
- .cap-virtual-select-container .cap-virtual-select-button-disabled {
43
- cursor: not-allowed;
44
- border: 0.071rem solid #d9d9d9;
45
- }
46
- .cap-virtual-select-container .cap-virtual-select-button-disabled:hover {
47
- border: 0.071rem solid #d9d9d9;
48
- }
49
- .cap-virtual-select-container .cap-virtual-select-button-disabled .cap-virtual-select-button-label {
50
- color: #97a0af;
51
- }
52
- .cap-virtual-select-container .cap-virtual-select-button-disabled .cap-virtual-select-button-arrow {
53
- color: #97a0af;
54
- }
55
- .cap-virtual-select-container .cap-virtual-select-dropdown {
56
- position: absolute;
57
- top: 3.428rem;
58
- left: 0;
59
- z-index: 1030;
60
- width: 100%;
61
- color: #091e42;
62
- background-color: #ffffff;
63
- background-clip: padding-box;
64
- border-radius: 0.285rem;
65
- box-shadow: 0 0.142rem 0.571rem rgba(0, 0, 0, 0.15);
66
- }
67
- .cap-virtual-select-container .cap-virtual-select-dropdown .cap-virtual-select-search-bar {
68
- padding: 0.857rem;
69
- font-size: 1rem;
70
- }
71
- .cap-virtual-select-container .cap-virtual-select-dropdown .cap-virtual-select-options-list-spinner {
72
- width: 100%;
73
- height: 100%;
74
- }
75
- .cap-virtual-select-container .cap-virtual-select-dropdown .cap-virtual-select-options-list-spinner .cap-virtual-select-options-list {
76
- padding-left: 0;
77
- padding-right: 0;
78
- }
79
- .cap-virtual-select-container .cap-virtual-select-option-row {
80
- padding: 0.571rem 0.571rem 0.571rem 1.714rem;
81
- cursor: pointer;
82
- color: #5e6c84;
83
- }
84
- .cap-virtual-select-container .cap-virtual-select-option-row:hover {
85
- background-color: #faf9f4;
86
- }
87
- .cap-virtual-select-container .cap-virtual-select-selected-option-row {
88
- cursor: pointer;
89
- font-weight: 500;
90
- padding: 0.571rem 0.571rem 0.571rem 1.714rem;
91
- color: #2466ea;
92
- background-color: rgba(36, 102, 234, 0.1);
93
- border-left: 0.142rem solid #2466ea;
94
- }
95
- .cap-virtual-select-container .cap-virtual-select-no-options {
96
- display: flex;
97
- justify-content: center;
98
- flex-direction: column;
99
- height: 100%;
100
- }
101
- .cap-virtual-select-container .cap-virtual-select-no-options .cap-virtual-select-no-options-image {
102
- font-size: 2.286rem;
103
- color: #b3bac5;
104
- }
105
- .cap-virtual-select-container .cap-virtual-select-no-options .cap-virtual-select-no-options-text {
106
- margin-top: 0.571rem;
107
- text-align: center;
108
- color: #97a0af;
109
- font-size: 1rem;
110
- }
@@ -1,106 +0,0 @@
1
- @import '../styles/_variables.scss';
2
-
3
- $clsPrefix: 'cap-virtual-select';
4
-
5
- .#{$clsPrefix}-container {
6
- position: relative;
7
- display: flex;
8
- flex-direction: column;
9
- padding: 0;
10
- .#{$clsPrefix}-button {
11
- position: relative;
12
- display: flex;
13
- align-items: center;
14
- justify-content: space-between;
15
- cursor: pointer;
16
- padding: 0 0 0 $CAP_SPACE_08;
17
- height: $CAP_SPACE_40;
18
- width: 100%;
19
- border-radius: $CAP_SPACE_04;
20
- border: 0.071rem solid $CAP_G06;
21
- &:hover {
22
- border: 0.071rem solid $CAP_G11;
23
- }
24
- .#{$clsPrefix}-button-label {
25
- position: absolute;
26
- left: $CAP_SPACE_12;
27
- color: $CAP_G04;
28
- .#{$clsPrefix}-button-defined-label {
29
- color: $FONT_COLOR_01;
30
- }
31
- }
32
- .#{$clsPrefix}-button-arrow {
33
- position: absolute;
34
- right: $CAP_SPACE_12;
35
- }
36
- }
37
- .#{$clsPrefix}-button-disabled {
38
- cursor: not-allowed;
39
- border: 0.071rem solid $CAP_COLOR_16;
40
- &:hover {
41
- border: 0.071rem solid $CAP_COLOR_16;
42
- }
43
- .#{$clsPrefix}-button-label {
44
- color: $CAP_G05;
45
- }
46
- .#{$clsPrefix}-button-arrow {
47
- color: $CAP_G05;
48
- }
49
- }
50
- .#{$clsPrefix}-dropdown {
51
- position: absolute;
52
- top: $CAP_SPACE_48;
53
- left: 0;
54
- z-index: 1030;
55
- width: 100%;
56
- color: $FONT_COLOR_01;
57
- background-color: $CAP_WHITE;
58
- background-clip: padding-box;
59
- border-radius: $CAP_SPACE_04;
60
- box-shadow: 0 $CAP_SPACE_02 $CAP_SPACE_08 rgba(0, 0, 0, 0.15);
61
- .#{$clsPrefix}-search-bar {
62
- padding: $CAP_SPACE_12;
63
- font-size: $FONT_SIZE_M;
64
- }
65
- .#{$clsPrefix}-options-list-spinner {
66
- width: 100%;
67
- height: 100%;
68
- .#{$clsPrefix}-options-list {
69
- padding-left: 0;
70
- padding-right: 0;
71
- }
72
- }
73
- }
74
- .#{$clsPrefix}-option-row {
75
- padding: $CAP_SPACE_08 $CAP_SPACE_08 $CAP_SPACE_08 $CAP_SPACE_24;
76
- cursor: pointer;
77
- color: $FONT_COLOR_02;
78
- &:hover {
79
- background-color: $BG_01;
80
- }
81
- }
82
- .#{$clsPrefix}-selected-option-row {
83
- cursor: pointer;
84
- font-weight: $FONT_WEIGHT_MEDIUM;
85
- padding: $CAP_SPACE_08 $CAP_SPACE_08 $CAP_SPACE_08 $CAP_SPACE_24;
86
- color: map-get($CAP_SECONDARY, base);
87
- background-color: map-get($CAP_SECONDARY, light);
88
- border-left: $CAP_SPACE_02 solid map-get($CAP_SECONDARY, base);
89
- }
90
- .#{$clsPrefix}-no-options {
91
- display: flex;
92
- justify-content: center;
93
- flex-direction: column;
94
- height: 100%;
95
- .#{$clsPrefix}-no-options-image {
96
- font-size: $ICON_SIZE_L;
97
- color: $CAP_G06;
98
- }
99
- .#{$clsPrefix}-no-options-text {
100
- margin-top: $CAP_SPACE_08;
101
- text-align: center;
102
- color: $CAP_G05;
103
- font-size: $FONT_SIZE_M;
104
- }
105
- }
106
- }
@@ -1,7 +0,0 @@
1
- export declare const paginatedOptionsMockData: {
2
- active: boolean;
3
- name: string;
4
- trackingType: string;
5
- id: number;
6
- }[];
7
- //# sourceMappingURL=mockData.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../components/CapVirtualSelect/tests/mockData.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;;;GAWpC,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare function convertApiParamsMapperToObject(apiParamsMapper?: {}): unknown;
2
- //# sourceMappingURL=utils.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../components/CapVirtualSelect/utils.ts"],"names":[],"mappings":"AACA,wBAAgB,8BAA8B,CAAC,eAAe,KAAK,WAOlE"}
@@ -1,12 +0,0 @@
1
- function convertApiParamsMapperToObject(apiParamsMapper = {}) {
2
- var _a;
3
- return (_a = Object.values(apiParamsMapper)) == null ? void 0 : _a.reduce((result, { key, value }) => {
4
- if (key) {
5
- result[key] = value;
6
- }
7
- return result;
8
- }, {});
9
- }
10
- export {
11
- convertApiParamsMapperToObject
12
- };