@capillarytech/blaze-ui 5.21.0 → 5.22.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 (177) hide show
  1. package/CapLanguageProvider/actions.js +125 -0
  2. package/CapLanguageProvider/actions.js.map +1 -0
  3. package/CapLanguageProvider/constants.js +37 -0
  4. package/CapLanguageProvider/constants.js.map +1 -0
  5. package/package.json +1 -1
  6. package/CapActionBar/README.md +0 -11
  7. package/CapAdvancedIcon/README.md +0 -185
  8. package/CapAdvancedIcon/use-cases.md +0 -44
  9. package/CapAlert/README.md +0 -144
  10. package/CapAppNotEnabled/README.md +0 -84
  11. package/CapAskAira/README.md +0 -328
  12. package/CapBanner/README.md +0 -4
  13. package/CapBlock/README.md +0 -175
  14. package/CapBorderedBox/Status.md +0 -40
  15. package/CapCSVFileUploader/README.md +0 -124
  16. package/CapCSVFileUploader/Status.md +0 -47
  17. package/CapCard/README.md +0 -85
  18. package/CapCard/Status.md +0 -41
  19. package/CapCardBox/README.md +0 -169
  20. package/CapCardBox/Status.md +0 -52
  21. package/CapCarousel/README.md +0 -190
  22. package/CapCarousel/Status.md +0 -73
  23. package/CapCheckbox/README.md +0 -254
  24. package/CapCheckbox/Status.md +0 -41
  25. package/CapColorPicker/README.md +0 -112
  26. package/CapColorPicker/Status.md +0 -52
  27. package/CapColorPicker/tests/USE_CASES_ANALYSIS.md +0 -92
  28. package/CapColoredTag/README.md +0 -167
  29. package/CapColoredTag/Status.md +0 -49
  30. package/CapConditionPreview/MIGRATION_ANALYSIS.md +0 -70
  31. package/CapConditionPreview/README.md +0 -40
  32. package/CapConditionPreview/tests/USE_CASES_CapConditionPreview.md +0 -65
  33. package/CapCustomCard/README.md +0 -182
  34. package/CapCustomCard/Status.md +0 -40
  35. package/CapCustomCarousel/Status.md +0 -69
  36. package/CapCustomCheckboxList/README.md +0 -178
  37. package/CapCustomCheckboxList/Status.md +0 -52
  38. package/CapCustomCheckboxList/tests/USE_CASES_ANALYSIS.md +0 -174
  39. package/CapCustomList/README.md +0 -117
  40. package/CapCustomList/Status.md +0 -77
  41. package/CapCustomList/tests/USE_CASES_ANALYSIS.md +0 -124
  42. package/CapCustomSelect/README.md +0 -38
  43. package/CapDatePicker/README.md +0 -139
  44. package/CapDateRangePicker/README.md +0 -159
  45. package/CapDateTimePicker/README.md +0 -136
  46. package/CapDateTimeRangePicker/README.md +0 -243
  47. package/CapDivider/README.md +0 -122
  48. package/CapDrawer/README.md +0 -207
  49. package/CapDrawer/Status.md +0 -52
  50. package/CapDrawer/tests/MISSING_USE_CASES.md +0 -170
  51. package/CapDropdown/README.md +0 -515
  52. package/CapDropdown/Status.md +0 -45
  53. package/CapDropdown/tests/USE_CASES_ANALYSIS.md +0 -137
  54. package/CapError/README.md +0 -88
  55. package/CapErrorBoundary/CapErrorBoundary-use-cases.md +0 -89
  56. package/CapErrorBoundary/README.md +0 -150
  57. package/CapErrorStateIllustration/README.md +0 -222
  58. package/CapErrorStateIllustration/USE_CASES.md +0 -33
  59. package/CapExpressionEditor/README.md +0 -32
  60. package/CapForm/README.md +0 -132
  61. package/CapForm/Status.md +0 -40
  62. package/CapForm/tests/PHASE1_UNFULFILLED_USE_CASES.md +0 -113
  63. package/CapForm/tests/USE_CASES_ANALYSIS.md +0 -119
  64. package/CapFormItem/README.md +0 -320
  65. package/CapFormItem/Status.md +0 -73
  66. package/CapFormItem/tests/USE_CASES_ANALYSIS.md +0 -84
  67. package/CapGraph/README.md +0 -69
  68. package/CapGraph/USE_CASES.md +0 -66
  69. package/CapHamburgerMenu/README.md +0 -234
  70. package/CapHamburgerMenu/USE_CASES.md +0 -48
  71. package/CapHeader/Status.md +0 -41
  72. package/CapHeading/README.md +0 -220
  73. package/CapHeading/Status.md +0 -41
  74. package/CapIcon/README.md +0 -207
  75. package/CapIllustration/Status.md +0 -41
  76. package/CapImage/README.md +0 -50
  77. package/CapImportMFEComponent/README.md +0 -121
  78. package/CapInfoNote/Status.md +0 -40
  79. package/CapInfoNote/tests/USE_CASES_ANALYSIS.md +0 -114
  80. package/CapInput/README.md +0 -196
  81. package/CapInput/Status.md +0 -123
  82. package/CapInput/tests/USE_CASES_ANALYSIS.md +0 -169
  83. package/CapLanguageProvider/CapLanguageProvider-use-cases.md +0 -56
  84. package/CapLanguageProvider/README.md +0 -206
  85. package/CapLevelGraphRenderer/CapLevelGraphRenderer-test-cases.md +0 -50
  86. package/CapLevelGraphRenderer/README.md +0 -123
  87. package/CapLevelGraphRenderer/Tooltip_MIGRATION_ANALYSIS.md +0 -120
  88. package/CapLink/README.md +0 -203
  89. package/CapLink/Status.md +0 -32
  90. package/CapLink/tests/CapLink.missingUseCases.md +0 -95
  91. package/CapList/README.md +0 -129
  92. package/CapList/Status.md +0 -69
  93. package/CapListLayout/README.md +0 -7
  94. package/CapLogin/README.md +0 -7
  95. package/CapMenu/README.md +0 -86
  96. package/CapModal/README.md +0 -357
  97. package/CapModal/Status.md +0 -52
  98. package/CapModal/tests/USE_CASES_GAPS.md +0 -207
  99. package/CapMultiSelect/README.md +0 -170
  100. package/CapMultiSelect/tests/USE_CASES_ANALYSIS.md +0 -29
  101. package/CapMultiSelectDatePicker/README.md +0 -11
  102. package/CapNavigation/README.md +0 -72
  103. package/CapNotification/README.md +0 -228
  104. package/CapNotificationDropdown/README.md +0 -5
  105. package/CapPopover/README.md +0 -234
  106. package/CapProgress/Status.md +0 -40
  107. package/CapRadio/Status.md +0 -54
  108. package/CapRadioButton/README.md +0 -152
  109. package/CapRadioButton/Status.md +0 -70
  110. package/CapRadioButton/tests/USE_CASES_ANALYSIS.md +0 -120
  111. package/CapRadioCard/README.md +0 -161
  112. package/CapRadioCard/Status.md +0 -78
  113. package/CapRadioGroup/README.md +0 -141
  114. package/CapRadioGroup/Status.md +0 -59
  115. package/CapReorderComponent/README.md +0 -179
  116. package/CapReorderComponent/Status.md +0 -41
  117. package/CapRoadMap/README.md +0 -126
  118. package/CapRoadMap/Status.md +0 -53
  119. package/CapRoadMap/tests/USE_CASE_GAPS.md +0 -92
  120. package/CapRow/README.md +0 -424
  121. package/CapSKUUploader/README.md +0 -189
  122. package/CapSKUUploader/Status.md +0 -66
  123. package/CapSecondaryTopBar/README.md +0 -7
  124. package/CapSelect/README.md +0 -243
  125. package/CapSelectFilter/README.md +0 -121
  126. package/CapShape/README.md +0 -96
  127. package/CapShape/Status.md +0 -36
  128. package/CapShape/tests/USE_CASES_ANALYSIS.md +0 -120
  129. package/CapSideBar/README.md +0 -298
  130. package/CapSideBar/Status.md +0 -5
  131. package/CapSlideBox/README.md +0 -68
  132. package/CapSlider/README.md +0 -423
  133. package/CapSlider/Status.md +0 -48
  134. package/CapSlider/tests/TEST_COVERAGE.md +0 -118
  135. package/CapSnackBar/README.md +0 -222
  136. package/CapSnackBar/Status.md +0 -41
  137. package/CapSomethingWentWrong/README.md +0 -97
  138. package/CapSplit/README.md +0 -19
  139. package/CapStatisticCard/README.md +0 -138
  140. package/CapStatus/README.md +0 -148
  141. package/CapStatus/Status.md +0 -40
  142. package/CapSteps/Status.md +0 -40
  143. package/CapStepsAccordian/README.md +0 -305
  144. package/CapStepsAccordian/Status.md +0 -48
  145. package/CapSupportVideosWrapper/README.md +0 -14
  146. package/CapSwitch/README.md +0 -351
  147. package/CapTab/README.md +0 -406
  148. package/CapTab/Status.md +0 -104
  149. package/CapTab/tests/USE_CASE_GAPS.md +0 -143
  150. package/CapTabV3/ANALYSIS.md +0 -60
  151. package/CapTabV3/README.md +0 -156
  152. package/CapTabV3/Status.md +0 -52
  153. package/CapTabV3/tests/USE_CASE_GAPS.md +0 -149
  154. package/CapTable/README.md +0 -160
  155. package/CapTable/Status.md +0 -41
  156. package/CapTag/README.md +0 -16
  157. package/CapTagDropdown/README.md +0 -171
  158. package/CapTagDropdown/Status.md +0 -55
  159. package/CapTimePicker/README.md +0 -170
  160. package/CapTooltip/README.md +0 -336
  161. package/CapTooltipWithInfo/Status.md +0 -75
  162. package/CapTopBar/README.md +0 -146
  163. package/CapTree/README.md +0 -124
  164. package/CapTree/Status.md +0 -48
  165. package/CapTree/tests/STATUS.md +0 -154
  166. package/CapTreeSelect/README.md +0 -217
  167. package/CapTreeSelect/Status.md +0 -52
  168. package/CapTruncateList/README.md +0 -13
  169. package/CapUnifiedSelect/README.md +0 -40
  170. package/CapUploader/README.md +0 -313
  171. package/CapUploader/Status.md +0 -76
  172. package/CapUploader/tests/USE_CASES_ANALYSIS.md +0 -225
  173. package/CapUserProfile/README.md +0 -105
  174. package/CapUserProfile/Status.md +0 -95
  175. package/CapVirtualList/README.md +0 -162
  176. package/CapVirtualList/Status.md +0 -71
  177. package/assets/HOCs/ComponentWithLabelHOC/README.md +0 -230
@@ -0,0 +1,125 @@
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ var __webpack_modules__ = ({
4
+
5
+ /***/ 6879:
6
+ /***/ ((__unused_webpack_module, exports) => {
7
+
8
+
9
+
10
+ exports.__esModule = true;
11
+ exports.SUCCESS = exports.REQUEST = exports.IDLE = exports.GET_SUPPORTED_LOCALES_SUCCESS = exports.GET_SUPPORTED_LOCALES_SKIP = exports.GET_SUPPORTED_LOCALES_REQUEST = exports.GET_SUPPORTED_LOCALES_FAILURE = exports.GET_LOCIZE_MESSAGE_SUCCESS = exports.GET_LOCIZE_MESSAGE_SKIP = exports.GET_LOCIZE_MESSAGE_REQUEST = exports.GET_LOCIZE_MESSAGE_FAILURE = exports.FAILURE = exports.DEFAULT_LOCALE = exports.COMPLETE = exports.CHANGE_LOCALE = void 0;
12
+ /*
13
+ *
14
+ * LanguageProvider constants
15
+ *
16
+ */
17
+
18
+ const CHANGE_LOCALE = exports.CHANGE_LOCALE = 'library/LanguageToggle/CHANGE_LOCALE';
19
+ const GET_LOCIZE_MESSAGE_REQUEST = exports.GET_LOCIZE_MESSAGE_REQUEST = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_REQUEST';
20
+ const GET_LOCIZE_MESSAGE_SUCCESS = exports.GET_LOCIZE_MESSAGE_SUCCESS = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_SUCCESS';
21
+ const GET_LOCIZE_MESSAGE_FAILURE = exports.GET_LOCIZE_MESSAGE_FAILURE = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_FAILURE';
22
+ const GET_LOCIZE_MESSAGE_SKIP = exports.GET_LOCIZE_MESSAGE_SKIP = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_SKIP';
23
+ const REQUEST = exports.REQUEST = 'REQUEST';
24
+ const COMPLETE = exports.COMPLETE = 'COMPLETE';
25
+ const IDLE = exports.IDLE = 'IDLE';
26
+ const SUCCESS = exports.SUCCESS = 'SUCCESS';
27
+ const FAILURE = exports.FAILURE = 'FAILURE';
28
+ const DEFAULT_LOCALE = exports.DEFAULT_LOCALE = 'en';
29
+ const GET_SUPPORTED_LOCALES_REQUEST = exports.GET_SUPPORTED_LOCALES_REQUEST = 'library/GET_SUPPORTED_LOCALES_REQUEST';
30
+ const GET_SUPPORTED_LOCALES_SUCCESS = exports.GET_SUPPORTED_LOCALES_SUCCESS = 'library/GET_SUPPORTED_LOCALES_SUCCESS';
31
+ const GET_SUPPORTED_LOCALES_FAILURE = exports.GET_SUPPORTED_LOCALES_FAILURE = 'library/GET_SUPPORTED_LOCALES_FAILURE';
32
+ const GET_SUPPORTED_LOCALES_SKIP = exports.GET_SUPPORTED_LOCALES_SKIP = 'library/LanguageProvider/GET_SUPPORTED_LOCALES_SKIP';
33
+
34
+ /***/ })
35
+
36
+ /******/ });
37
+ /************************************************************************/
38
+ /******/ // The module cache
39
+ /******/ var __webpack_module_cache__ = {};
40
+ /******/
41
+ /******/ // The require function
42
+ /******/ function __webpack_require__(moduleId) {
43
+ /******/ // Check if module is in cache
44
+ /******/ var cachedModule = __webpack_module_cache__[moduleId];
45
+ /******/ if (cachedModule !== undefined) {
46
+ /******/ return cachedModule.exports;
47
+ /******/ }
48
+ /******/ // Create a new module (and put it into the cache)
49
+ /******/ var module = __webpack_module_cache__[moduleId] = {
50
+ /******/ // no module.id needed
51
+ /******/ // no module.loaded needed
52
+ /******/ exports: {}
53
+ /******/ };
54
+ /******/
55
+ /******/ // Execute the module function
56
+ /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
57
+ /******/
58
+ /******/ // Return the exports of the module
59
+ /******/ return module.exports;
60
+ /******/ }
61
+ /******/
62
+ /************************************************************************/
63
+ var __webpack_exports__ = {};
64
+ // This entry needs to be wrapped in an IIFE because it uses a non-standard name for the exports (exports).
65
+ (() => {
66
+ var exports = __webpack_exports__;
67
+
68
+
69
+ exports.__esModule = true;
70
+ exports.changeLocale = changeLocale;
71
+ exports.getLocizeMessage = getLocizeMessage;
72
+ exports.getSupportedLocales = void 0;
73
+ var types = _interopRequireWildcard(__webpack_require__(6879));
74
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
75
+ /*
76
+ *
77
+ * LanguageProvider actions
78
+ *
79
+ */
80
+
81
+ function changeLocale(languageLocale) {
82
+ return {
83
+ type: types.CHANGE_LOCALE,
84
+ locale: languageLocale
85
+ };
86
+ }
87
+ function getLocizeMessage(_ref) {
88
+ let {
89
+ locale,
90
+ isSkip = false,
91
+ locizeApi
92
+ } = _ref;
93
+ if (isSkip || !locizeApi) {
94
+ return {
95
+ type: types.GET_LOCIZE_MESSAGE_SKIP
96
+ };
97
+ }
98
+ return {
99
+ type: types.GET_LOCIZE_MESSAGE_REQUEST,
100
+ locale,
101
+ locizeApi
102
+ };
103
+ }
104
+ const getSupportedLocales = _ref2 => {
105
+ let {
106
+ supportedLocalesApi,
107
+ isSkip = false
108
+ } = _ref2;
109
+ if (isSkip) {
110
+ return {
111
+ type: types.GET_SUPPORTED_LOCALES_SKIP
112
+ };
113
+ }
114
+ return {
115
+ type: types.GET_SUPPORTED_LOCALES_REQUEST,
116
+ supportedLocalesApi
117
+ };
118
+ };
119
+ exports.getSupportedLocales = getSupportedLocales;
120
+ })();
121
+
122
+ module.exports = __webpack_exports__;
123
+ /******/ })()
124
+ ;
125
+ //# sourceMappingURL=actions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CapLanguageProvider/actions.js","mappings":"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","sources":["webpack://@capillarytech/blaze-ui/./components/CapLanguageProvider/constants.ts","webpack://@capillarytech/blaze-ui/webpack/bootstrap","webpack://@capillarytech/blaze-ui/./components/CapLanguageProvider/actions.ts"],"sourcesContent":["/*\n *\n * LanguageProvider constants\n *\n */\n\nexport const CHANGE_LOCALE = 'library/LanguageToggle/CHANGE_LOCALE';\n\nexport const GET_LOCIZE_MESSAGE_REQUEST = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_REQUEST';\nexport const GET_LOCIZE_MESSAGE_SUCCESS = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_SUCCESS';\nexport const GET_LOCIZE_MESSAGE_FAILURE = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_FAILURE';\nexport const GET_LOCIZE_MESSAGE_SKIP = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_SKIP';\n\nexport const REQUEST = 'REQUEST';\nexport const COMPLETE = 'COMPLETE';\nexport const IDLE = 'IDLE';\nexport const SUCCESS = 'SUCCESS';\nexport const FAILURE = 'FAILURE';\nexport const DEFAULT_LOCALE = 'en';\n\nexport const GET_SUPPORTED_LOCALES_REQUEST = 'library/GET_SUPPORTED_LOCALES_REQUEST';\nexport const GET_SUPPORTED_LOCALES_SUCCESS = 'library/GET_SUPPORTED_LOCALES_SUCCESS';\nexport const GET_SUPPORTED_LOCALES_FAILURE = 'library/GET_SUPPORTED_LOCALES_FAILURE';\nexport const GET_SUPPORTED_LOCALES_SKIP = 'library/LanguageProvider/GET_SUPPORTED_LOCALES_SKIP';\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","/*\n *\n * LanguageProvider actions\n *\n */\n\nimport * as types from './constants';\n\nexport function changeLocale(languageLocale: string) {\n return {\n type: types.CHANGE_LOCALE,\n locale: languageLocale,\n };\n}\n\nexport function getLocizeMessage({\n locale,\n isSkip = false,\n locizeApi,\n}: {\n locale: string;\n isSkip?: boolean;\n locizeApi?: string;\n}) {\n if (isSkip || !locizeApi) {\n return {\n type: types.GET_LOCIZE_MESSAGE_SKIP,\n };\n }\n return {\n type: types.GET_LOCIZE_MESSAGE_REQUEST,\n locale,\n locizeApi,\n };\n}\n\nexport const getSupportedLocales = ({\n supportedLocalesApi,\n isSkip = false,\n}: {\n supportedLocalesApi?: string;\n isSkip?: boolean;\n}) => {\n if (isSkip) {\n return {\n type: types.GET_SUPPORTED_LOCALES_SKIP,\n };\n }\n return {\n type: types.GET_SUPPORTED_LOCALES_REQUEST,\n supportedLocalesApi,\n };\n};\n"],"names":["CHANGE_LOCALE","exports","GET_LOCIZE_MESSAGE_REQUEST","GET_LOCIZE_MESSAGE_SUCCESS","GET_LOCIZE_MESSAGE_FAILURE","GET_LOCIZE_MESSAGE_SKIP","REQUEST","COMPLETE","IDLE","SUCCESS","FAILURE","DEFAULT_LOCALE","GET_SUPPORTED_LOCALES_REQUEST","GET_SUPPORTED_LOCALES_SUCCESS","GET_SUPPORTED_LOCALES_FAILURE","GET_SUPPORTED_LOCALES_SKIP","types","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","changeLocale","languageLocale","type","locale","getLocizeMessage","_ref","isSkip","locizeApi","getSupportedLocales","_ref2","supportedLocalesApi"],"sourceRoot":""}
@@ -0,0 +1,37 @@
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ var __webpack_exports__ = {};
4
+ // This entry needs to be wrapped in an IIFE because it uses a non-standard name for the exports (exports).
5
+ (() => {
6
+ var exports = __webpack_exports__;
7
+
8
+
9
+ exports.__esModule = true;
10
+ exports.SUCCESS = exports.REQUEST = exports.IDLE = exports.GET_SUPPORTED_LOCALES_SUCCESS = exports.GET_SUPPORTED_LOCALES_SKIP = exports.GET_SUPPORTED_LOCALES_REQUEST = exports.GET_SUPPORTED_LOCALES_FAILURE = exports.GET_LOCIZE_MESSAGE_SUCCESS = exports.GET_LOCIZE_MESSAGE_SKIP = exports.GET_LOCIZE_MESSAGE_REQUEST = exports.GET_LOCIZE_MESSAGE_FAILURE = exports.FAILURE = exports.DEFAULT_LOCALE = exports.COMPLETE = exports.CHANGE_LOCALE = void 0;
11
+ /*
12
+ *
13
+ * LanguageProvider constants
14
+ *
15
+ */
16
+
17
+ const CHANGE_LOCALE = exports.CHANGE_LOCALE = 'library/LanguageToggle/CHANGE_LOCALE';
18
+ const GET_LOCIZE_MESSAGE_REQUEST = exports.GET_LOCIZE_MESSAGE_REQUEST = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_REQUEST';
19
+ const GET_LOCIZE_MESSAGE_SUCCESS = exports.GET_LOCIZE_MESSAGE_SUCCESS = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_SUCCESS';
20
+ const GET_LOCIZE_MESSAGE_FAILURE = exports.GET_LOCIZE_MESSAGE_FAILURE = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_FAILURE';
21
+ const GET_LOCIZE_MESSAGE_SKIP = exports.GET_LOCIZE_MESSAGE_SKIP = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_SKIP';
22
+ const REQUEST = exports.REQUEST = 'REQUEST';
23
+ const COMPLETE = exports.COMPLETE = 'COMPLETE';
24
+ const IDLE = exports.IDLE = 'IDLE';
25
+ const SUCCESS = exports.SUCCESS = 'SUCCESS';
26
+ const FAILURE = exports.FAILURE = 'FAILURE';
27
+ const DEFAULT_LOCALE = exports.DEFAULT_LOCALE = 'en';
28
+ const GET_SUPPORTED_LOCALES_REQUEST = exports.GET_SUPPORTED_LOCALES_REQUEST = 'library/GET_SUPPORTED_LOCALES_REQUEST';
29
+ const GET_SUPPORTED_LOCALES_SUCCESS = exports.GET_SUPPORTED_LOCALES_SUCCESS = 'library/GET_SUPPORTED_LOCALES_SUCCESS';
30
+ const GET_SUPPORTED_LOCALES_FAILURE = exports.GET_SUPPORTED_LOCALES_FAILURE = 'library/GET_SUPPORTED_LOCALES_FAILURE';
31
+ const GET_SUPPORTED_LOCALES_SKIP = exports.GET_SUPPORTED_LOCALES_SKIP = 'library/LanguageProvider/GET_SUPPORTED_LOCALES_SKIP';
32
+ })();
33
+
34
+ module.exports = __webpack_exports__;
35
+ /******/ })()
36
+ ;
37
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CapLanguageProvider/constants.js","mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;;AAEO,MAAMA,aAAa,GAAAC,qBAAA,GAAG,sCAAsC;AAE5D,MAAMC,0BAA0B,GAAAD,kCAAA,GAAG,qDAAqD;AACxF,MAAME,0BAA0B,GAAAF,kCAAA,GAAG,qDAAqD;AACxF,MAAMG,0BAA0B,GAAAH,kCAAA,GAAG,qDAAqD;AACxF,MAAMI,uBAAuB,GAAAJ,+BAAA,GAAG,kDAAkD;AAElF,MAAMK,OAAO,GAAAL,eAAA,GAAG,SAAS;AACzB,MAAMM,QAAQ,GAAAN,gBAAA,GAAG,UAAU;AAC3B,MAAMO,IAAI,GAAAP,YAAA,GAAG,MAAM;AACnB,MAAMQ,OAAO,GAAAR,eAAA,GAAG,SAAS;AACzB,MAAMS,OAAO,GAAAT,eAAA,GAAG,SAAS;AACzB,MAAMU,cAAc,GAAAV,sBAAA,GAAG,IAAI;AAE3B,MAAMW,6BAA6B,GAAAX,qCAAA,GAAG,uCAAuC;AAC7E,MAAMY,6BAA6B,GAAAZ,qCAAA,GAAG,uCAAuC;AAC7E,MAAMa,6BAA6B,GAAAb,qCAAA,GAAG,uCAAuC;AAC7E,MAAMc,0BAA0B,GAAAd,kCAAA,GAAG,qDAAqD,C","sources":["webpack://@capillarytech/blaze-ui/./components/CapLanguageProvider/constants.ts"],"sourcesContent":["/*\n *\n * LanguageProvider constants\n *\n */\n\nexport const CHANGE_LOCALE = 'library/LanguageToggle/CHANGE_LOCALE';\n\nexport const GET_LOCIZE_MESSAGE_REQUEST = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_REQUEST';\nexport const GET_LOCIZE_MESSAGE_SUCCESS = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_SUCCESS';\nexport const GET_LOCIZE_MESSAGE_FAILURE = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_FAILURE';\nexport const GET_LOCIZE_MESSAGE_SKIP = 'library/LanguageProvider/GET_LOCIZE_MESSAGE_SKIP';\n\nexport const REQUEST = 'REQUEST';\nexport const COMPLETE = 'COMPLETE';\nexport const IDLE = 'IDLE';\nexport const SUCCESS = 'SUCCESS';\nexport const FAILURE = 'FAILURE';\nexport const DEFAULT_LOCALE = 'en';\n\nexport const GET_SUPPORTED_LOCALES_REQUEST = 'library/GET_SUPPORTED_LOCALES_REQUEST';\nexport const GET_SUPPORTED_LOCALES_SUCCESS = 'library/GET_SUPPORTED_LOCALES_SUCCESS';\nexport const GET_SUPPORTED_LOCALES_FAILURE = 'library/GET_SUPPORTED_LOCALES_FAILURE';\nexport const GET_SUPPORTED_LOCALES_SKIP = 'library/LanguageProvider/GET_SUPPORTED_LOCALES_SKIP';\n"],"names":["CHANGE_LOCALE","exports","GET_LOCIZE_MESSAGE_REQUEST","GET_LOCIZE_MESSAGE_SUCCESS","GET_LOCIZE_MESSAGE_FAILURE","GET_LOCIZE_MESSAGE_SKIP","REQUEST","COMPLETE","IDLE","SUCCESS","FAILURE","DEFAULT_LOCALE","GET_SUPPORTED_LOCALES_REQUEST","GET_SUPPORTED_LOCALES_SUCCESS","GET_SUPPORTED_LOCALES_FAILURE","GET_SUPPORTED_LOCALES_SKIP"],"sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@capillarytech/blaze-ui",
3
- "version": "5.21.0",
3
+ "version": "5.22.0",
4
4
  "description": "Capillary UI component library with Ant Design v6",
5
5
  "main": "index.js",
6
6
  "types": "index.d.ts",
@@ -1,11 +0,0 @@
1
- # CapActionBar
2
-
3
- A flexible action bar component that provides a consistent layout for search inputs, filters, sort controls, and action buttons. This component wraps Ant Design's Row and Col components to create a structured action bar interface.
4
-
5
- ## Migration from Ant Design v3 to v6
6
-
7
- This component has been migrated from Ant Design v3 to v6 with the following changes:
8
-
9
- ### Breaking Changes
10
-
11
- No breaking changes
@@ -1,185 +0,0 @@
1
- # CapAdvancedIcon
2
-
3
- A wrapper component that displays an icon with advanced features including action icons, status indicators, engagement blocks, join links, and user history migration support.
4
-
5
- ## Migration from Ant Design v3 to v6
6
-
7
- This component has been migrated from Ant Design v3 to v6 with the following changes:
8
-
9
- ### Breaking Changes
10
-
11
- #### 1. API Changes
12
-
13
- | v3 API | v6 API | Status | Migration Guide |
14
- |--------|--------|--------|-----------------|
15
- | N/A | N/A | No breaking changes | Component uses CapPopover and CapTooltip which handle v3→v6 migration internally |
16
-
17
- **Note**: CapAdvancedIcon uses `CapPopover` and `CapTooltip` components which internally handle the `visible`/`open` and `onVisibleChange`/`onOpenChange` API migration. The component continues to use `visible` and `onVisibleChange` props when passing to CapPopover, and CapPopover handles backward compatibility internally.
18
-
19
- ### Backward Compatibility
20
-
21
- The component maintains full backward compatibility:
22
- - All existing props work as before
23
- - No deprecated props in this component (deprecated props are handled by child components)
24
- - TypeScript types are now available for better type safety
25
-
26
- ### Style Changes
27
-
28
- **Approach**: The component uses CSS Modules with design tokens. Custom styling is applied through:
29
- - CSS Modules classes for component-specific styles
30
- - Design tokens via theme config (`getCapThemeConfig.ts`) for Antd component styling (handled by CapPopover and CapTooltip)
31
- - No `:global` overrides needed - all styling uses CSS Modules
32
-
33
- ### Code Improvements
34
-
35
- 1. **Removed PropTypes**: Replaced with TypeScript interfaces in `types.ts`
36
- 2. **Removed defaultProps**: Converted to destructuring with default values in function arguments
37
- 3. **Converted function syntax**: Changed from `(props)` to destructured `({ prop1, prop2 })` with defaults
38
- 4. **Using CSS Modules**: All styles use CSS Modules with `styles[classname]` pattern
39
- 5. **Type safety**: Full TypeScript support with proper types exported
40
- 6. **Improved null safety**: Added null checks for `document.getElementById` calls
41
-
42
- ### What Stayed the Same
43
-
44
- - All component functionality (action icons, engagement blocks, status indicators, join links)
45
- - All props and their behavior
46
- - Visual appearance and styling
47
- - Interaction patterns (hover, click, tooltips, popovers)
48
- - API surface area
49
-
50
- ### What Changed
51
-
52
- - **Removed**: `PropTypes` dependency
53
- - **Removed**: `Component.propTypes` assignments
54
- - **Removed**: Old function syntax `(props) => {}`
55
- - **Added**: TypeScript types in `types.ts`
56
- - **Added**: CSS Modules support with `styles[classname]` pattern
57
- - **Improved**: Null safety for DOM manipulation
58
-
59
- ## Usage
60
-
61
- ```tsx
62
- import { CapAdvancedIcon } from '@capillarytech/blaze-ui';
63
- import type { CapAdvancedIconProps } from '@capillarytech/blaze-ui';
64
-
65
- const MyComponent = () => {
66
- const actionNodes = [
67
- {
68
- type: 'delete',
69
- position: 'top-right',
70
- onClick: ({ blockId, actionType }) => {
71
- console.log('Action clicked', blockId, actionType);
72
- },
73
- },
74
- ];
75
-
76
- return (
77
- <CapAdvancedIcon
78
- type="email"
79
- backgroundColor="#FF5733"
80
- actionNodes={actionNodes}
81
- label="Email Block"
82
- id="block-1"
83
- />
84
- );
85
- };
86
- ```
87
-
88
- ## Props
89
-
90
- See `types.ts` for complete TypeScript definitions.
91
-
92
- ### Main Props
93
-
94
- - `type` - Icon type (string)
95
- - `backgroundColor` - Background color for icon (string, defaults to CAP_YELLOW)
96
- - `actionNodes` - Array of action icon configurations (ActionNode[], defaults to [])
97
- - `label` - Label text or React node displayed below icon (React.ReactNode)
98
- - `preview` - Preview content displayed below label (React.ReactNode)
99
- - `id` - Unique identifier for the block (string)
100
- - `isDisabled` - Disables the icon container (boolean)
101
- - `hasError` - Shows error status icon (boolean)
102
- - `joinBlockNameArray` - Array of block names for join links (string[], defaults to [])
103
- - `userHistoryProps` - User history migration props (UserHistoryProps)
104
- - `showStoreUploadStatusIcon` - Shows store upload status indicator (boolean, defaults to false)
105
- - `StoreUploadStatusIndicator` - Custom status indicator component (React.ReactElement | null)
106
- - `abTestStatus` - A/B test status ('RUNNING' | 'RESULT_AWAITING')
107
- - `journeyStatus` - Journey status ('LIVE')
108
- - `isJourneyMetaVersion` - Enables journey meta version features (boolean)
109
-
110
- ### ActionNode Interface
111
-
112
- ```typescript
113
- interface ActionNode {
114
- type: string;
115
- backgroundColor?: string;
116
- position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
117
- props?: Record<string, unknown>;
118
- isJourneyMetaVersion?: boolean;
119
- engagementBlocks?: EngagementBlock[];
120
- onChangeCurrentEngagementBlock?: (blockName: string, id: string, iconMapping: string) => void;
121
- replaceEngagementBlockMsg?: string;
122
- onClick: (params: { blockId: string; actionType: string }) => void;
123
- }
124
- ```
125
-
126
- ### UserHistoryProps Interface
127
-
128
- ```typescript
129
- interface UserHistoryProps {
130
- isMigrated?: boolean;
131
- migrateText?: string;
132
- color?: string;
133
- }
134
- ```
135
-
136
- ## Features
137
-
138
- ### Action Icons
139
-
140
- Action icons appear on hover and can be positioned at four corners:
141
- - `top-left`
142
- - `top-right`
143
- - `bottom-left`
144
- - `bottom-right`
145
-
146
- ### Engagement Blocks
147
-
148
- When `isJourneyMetaVersion` is true, action icons can show engagement block replacement popover with options to replace the current block.
149
-
150
- ### Status Indicators
151
-
152
- - **Error**: Shows error icon when `hasError` is true
153
- - **Test Running**: Shows test running icon when A/B test is running
154
- - **Test Complete**: Shows test complete icon when A/B test results are available
155
- - **Store Upload Status**: Custom status indicator via `StoreUploadStatusIndicator` prop
156
-
157
- ### Join Links
158
-
159
- Displays join link icon and label when `joinBlockNameArray` has items. Shows block names or count of joins.
160
-
161
- ### User History Migration
162
-
163
- Shows migration text label when `userHistoryProps.isMigrated` is true. Applies box-shadow color from `userHistoryProps.color`.
164
-
165
- ## Styling
166
-
167
- The component uses CSS Modules. Key classes:
168
-
169
- - `.advanced-icon-container` - Main container
170
- - `.action-icon-container` - Action icon container
171
- - `.error-icon-container` - Error icon container
172
- - `.join-link-row` - Join link row container
173
- - `.migrate-desc` - Migration description label
174
- - `.engagement-block-replacement-preview` - Engagement blocks popover
175
- - `.engagement-block-replacement-menu` - Engagement block menu item
176
-
177
- Custom styling can be applied via the `className` prop or by overriding the SCSS classes.
178
-
179
- ## Related Components
180
-
181
- - `CapIcon` - Base icon component
182
- - `CapPopover` - Popover wrapper for engagement blocks
183
- - `CapTooltip` - Tooltip wrapper for action icons and status indicators
184
- - `CapLabel` - Label component
185
- - `CapRow` - Row layout component
@@ -1,44 +0,0 @@
1
- # Test Cases: CapAdvancedIcon (Antd v3→v6)
2
-
3
- ## Component Analysis
4
- - **Component**: CapAdvancedIcon
5
- - **Complexity**: Medium
6
- - **Source**: blaze-ui/components/CapAdvancedIcon/
7
- - **Test Case Limit**: ≤20 (Medium)
8
-
9
- ## Google Sheets Data
10
-
11
- | ID | Use Case | Props/Config | Expected Visual/Behavior | Priority | Storybook Story | Notes |
12
- |---|---|---|---|---|---|---|
13
- | UC-001 | Basic icon rendering with type and background colors | `type="email"`, `backgroundColor="#FF5733"` OR `type="sms"` (no backgroundColor) | Icon renders with specified type; custom background color OR default yellow (CAP_YELLOW) fallback | P0 | BasicRendering | Grouped custom and default background |
14
- | UC-002 | All icon type variants | `type`: "email", "sms", "whatsapp", "viber", "line", "zalo", "ab-testing", "join-link", "error", "test-running", "test-complete", etc. | Each icon type renders correctly with appropriate icon | P1 | IconTypes | Grouped all icon types into single test |
15
- | UC-003 | Label and preview content (text, node, empty) | `label="Block Name"` OR `label={<span>Custom</span>}` OR `preview={<div>Preview</div>}` OR no label/preview | Label renders below icon (supports string/React node); Preview renders below label; Component works without label/preview | P0 | LabelPreviewContent | Grouped label variants, preview, and empty states |
16
- | UC-004 | Action icons hover interaction and click handlers | `actionNodes=[{type: "delete", onClick: fn}]` OR multiple nodes with different types/colors/positions | Action icons appear on mouse enter, disappear on mouse leave; Clicking calls onClick with {blockId, actionType}; Multiple icons render with correct types/colors/positions | P0 | ActionIconsInteraction | Grouped hover, click, multiple nodes, styling |
17
- | UC-005 | Action icon custom props and styling | `actionNodes=[{type: "delete", backgroundColor: "#FF0000", position: "top-left", props: {className: "custom-class"}}]` | Action icons apply custom background colors, position classes, and forwarded props | P1 | ActionIconStyling | Grouped all styling and prop forwarding |
18
- | UC-006 | Engagement blocks popover (journey meta version) | `isJourneyMetaVersion=true`, `actionNodes=[{engagementBlocks: [{name, type, label}], onChangeCurrentEngagementBlock: fn, replaceEngagementBlockMsg: "Replace"}]` OR empty engagementBlocks | Clicking action icon opens popover with engagement block options; Selecting block calls handler with (blockName, id, iconMapping); Tooltip shows replacement message; Empty array shows no options | P1 | EngagementBlocksPopover | Grouped popover, replacement, tooltip, empty state |
19
- | UC-007 | Status icons (error, test running, test complete, priority) | `hasError=true` OR `hasError=false, journeyStatus="LIVE", abTestStatus="RUNNING", isJourneyMetaVersion=false` OR `abTestStatus="RESULT_AWAITING"` OR error + test status together | Error icon displays at top-center (highest priority); Test running icon with "Test running" tooltip; Test complete icon with "Test completed" tooltip; Error overrides test status; Journey meta version hides test status | P0 | StatusIcons | Grouped all status conditions and priority logic |
20
- | UC-008 | Join links display and interaction | `joinBlockNameArray=["Block1"]` OR `["Block1", "Block2", "Block3"]` OR `[]` with `actionNodes` present | Join link icon and label display above icon; Single block shows name, multiple shows "N joins"; Tooltip shows comma-separated names; Row translates up (-10px) on hover when action icons show; Empty array shows nothing | P1 | JoinLinks | Grouped single/multiple, tooltip, transform, empty |
21
- | UC-009 | User history migration text and color | `userHistoryProps={isMigrated: true, migrateText: "Migrated from v1"}` OR `userHistoryProps={color: "#FF0000"}` | Migration text label displays above icon container when isMigrated=true; Icon container has box-shadow with specified color | P1 | UserHistory | Grouped migration text and color styling |
22
- | UC-010 | Disabled state | `isDisabled=true` | Icon container has "item-disabled" class applied | P0 | DisabledState | State management |
23
- | UC-011 | Background and styling props customization | `backgroundProps={{padding: "12px", borderRadius: "4px"}}` OR `positionLabel=true` OR `{...rest}` props like `className`, `style`, `data-testid` | Icon background applies custom styles from backgroundProps; Label row has width 135px and marginLeft -47px when positionLabel=true; Additional props passed to CapIcon component | P1 | StylingCustomization | Grouped backgroundProps, positionLabel, rest props |
24
- | UC-012 | Drag ref support | `dragRef={ref}` | Drag ref is attached to div container for drag-and-drop functionality | P1 | DragRefSupport | DnD integration |
25
- | UC-013 | Store upload status indicator | `showStoreUploadStatusIcon=true`, `StoreUploadStatusIndicator={<Icon />}` | Custom status indicator component renders when flag is true | P1 | StoreUploadStatus | Custom indicator |
26
- | UC-014 | Action icons visibility state management | Hover in/out with `actionNodes=[]` OR `actionNodes=[...]` | Action icons visibility toggles correctly on hover when actionNodes present; No action icons appear when array is empty; Engagement blocks popover closes on mouse leave | P0 | ActionIconsVisibility | Grouped visibility state and empty array edge case |
27
- | UC-015 | Component with all optional features combined | All props provided: type, backgroundColor, actionNodes, label, preview, joinBlockNameArray, userHistoryProps, hasError, abTestStatus, journeyStatus, isJourneyMetaVersion, showStoreUploadStatusIcon, etc. | All features render correctly together without conflicts | P0 | AllFeaturesCombined | Integration test |
28
- | UC-016 | Migration from Antd v3 to v6 parity | Compare v3 and v6 rendering, interactions, styling, popover behavior, tooltip behavior | Visual and behavioral parity maintained between versions; CapPopover and CapTooltip work correctly with Antd v6 | P0 | MigrationParity | Version comparison |
29
-
30
- ## Summary
31
- - **Total Test Cases**: 16
32
- - **P0 (Blocking)**: 7
33
- - **P1 (High)**: 9
34
- - **P2 (Medium)**: 0
35
- - **Grouping Strategy**: Aggressively grouped similar scenarios:
36
- - Icon types, background colors (custom/default)
37
- - Label/preview variants and empty states
38
- - Action icons (hover, click, multiple, styling, props)
39
- - Engagement blocks (popover, replacement, tooltip, empty)
40
- - Status icons (error, test running/complete, priority logic)
41
- - Join links (single/multiple, tooltip, transform, empty)
42
- - User history (migration text and color)
43
- - Styling props (backgroundProps, positionLabel, rest props)
44
- - Edge cases (empty arrays, visibility states)
@@ -1,144 +0,0 @@
1
- # CapAlert
2
-
3
- An extended version of Ant Design's Alert component with Capillary-specific styling and enhancements.
4
-
5
- ## Migration from cap-ui-library
6
-
7
- This component has been migrated from `@capillarytech/cap-ui-library` to `@capillarytech/blaze-ui` with the following changes:
8
-
9
- ### Breaking Changes
10
-
11
- **No breaking changes** - The component maintains backward compatibility with the previous version.
12
-
13
- ### Deprecated Props
14
-
15
- The following props are deprecated but still supported for backward compatibility:
16
-
17
- #### `message` (deprecated)
18
-
19
- - **Status:** Deprecated
20
- - **Replacement:** Use `title` prop instead
21
- - **Migration:** Replace `message="..."` with `title="..."`
22
- - **Removal:** Will be removed in next major version
23
-
24
- **Example:**
25
-
26
- ```tsx
27
- // ❌ Deprecated
28
- <CapAlert message="Alert message" />
29
-
30
- // ✅ Recommended
31
- <CapAlert title="Alert message" />
32
- ```
33
-
34
- **Note:** If both `title` and `message` are provided, `title` takes precedence. A console warning will be shown in development mode when using the deprecated `message` prop.
35
-
36
- ### Prop Changes
37
-
38
- | Prop | Status | Notes |
39
- |------|--------|-------|
40
- | `title` | ✅ New | Preferred prop name for alert message content |
41
- | `message` | ⚠️ Deprecated | Use `title` instead. Still supported for backward compatibility |
42
- | `description` | ✅ Unchanged | Additional description text below the title |
43
- | `type` | ✅ Unchanged | Alert type: `'success'` \| `'info'` \| `'warning'` \| `'error'` |
44
- | `showIcon` | ✅ Unchanged | Whether to show icon |
45
- | `className` | ✅ Unchanged | Custom CSS class name |
46
- | All other Ant Design Alert props | ✅ Unchanged | Passed through to underlying Alert component |
47
-
48
- ### API Changes
49
-
50
- - **TypeScript Support:** Full TypeScript support with exported `CapAlertProps` interface
51
- - **Ant Design Version:** Upgraded from Ant Design v3 to v5
52
- - **Styling:** Migrated from styled-components to SCSS modules
53
-
54
- ### Behavioral Changes
55
-
56
- - **Background Colors:** Alert types now have specific background colors:
57
- - Success: `$cap-color-01` (light green)
58
- - Info: `$cap-color-04` (light yellow)
59
- - Warning: `$cap-color-02` (light orange)
60
- - Error: `$cap-color-05` (light red)
61
- - **Border:** Removed border styling for cleaner appearance
62
- - **Font Size:** Uses `$font-size-s` (0.857rem / 12px)
63
- - **Padding:** Horizontal padding of `$spacing-12` (0.857rem / 12px)
64
-
65
- ### Usage Examples
66
-
67
- #### Basic Usage
68
-
69
- ```tsx
70
- import { CapAlert } from '@capillarytech/blaze-ui';
71
-
72
- // Success alert
73
- <CapAlert type="success" title="Operation completed successfully" />
74
-
75
- // Info alert (default)
76
- <CapAlert title="This is an informational message" />
77
-
78
- // Warning alert
79
- <CapAlert type="warning" title="Please review this action" />
80
-
81
- // Error alert
82
- <CapAlert type="error" title="An error occurred" />
83
- ```
84
-
85
- #### With Description
86
-
87
- ```tsx
88
- <CapAlert
89
- type="info"
90
- title="Alert Title"
91
- description="Additional detailed description text goes here"
92
- />
93
- ```
94
-
95
- #### With Icon
96
-
97
- ```tsx
98
- <CapAlert
99
- type="success"
100
- title="Success!"
101
- showIcon
102
- />
103
- ```
104
-
105
- #### Backward Compatibility
106
-
107
- ```tsx
108
- // Old API still works (deprecated)
109
- <CapAlert message="This still works but shows a warning in dev mode" />
110
-
111
- // New API (recommended)
112
- <CapAlert title="Use this instead" />
113
- ```
114
-
115
- ### Migration Steps for Consumers
116
-
117
- 1. **Replace `message` prop with `title`:**
118
- ```tsx
119
- // Before
120
- <CapAlert message="Alert text" />
121
-
122
- // After
123
- <CapAlert title="Alert text" />
124
- ```
125
-
126
- 2. **No other changes required** - All other props work exactly as before.
127
-
128
- 3. **Gradual Migration:** You can migrate at your own pace. The deprecated `message` prop will continue to work until the next major version.
129
-
130
- ### TypeScript
131
-
132
- ```tsx
133
- import { CapAlert, CapAlertProps } from '@capillarytech/blaze-ui';
134
-
135
- const props: CapAlertProps = {
136
- type: 'success',
137
- title: 'Success message',
138
- description: 'Optional description',
139
- showIcon: true,
140
- };
141
-
142
- <CapAlert {...props} />
143
- ```
144
-
@@ -1,84 +0,0 @@
1
- # CapAppNotEnabled
2
-
3
- A component that displays an empty state message when an app or feature is not enabled.
4
-
5
- ## Migration Notes (cap-ui-library → blaze-ui)
6
-
7
- ### Summary of Changes
8
-
9
- This component has been migrated from cap-ui-library to blaze-ui with the following changes:
10
-
11
- 1. **TypeScript Conversion**: Converted from JavaScript to TypeScript with proper interfaces
12
- 2. **Functional Component**: Already a functional component, no conversion needed
13
- 3. **Styling**: Converted from styled-components to SCSS modules with rem units (1rem = 14px)
14
- 4. **Dependency Change**: Removed dependency on `CapHeader` component (not yet migrated)
15
-
16
- ### Breaking Changes
17
-
18
- **None** - No breaking changes from cap-ui-library v8.x
19
-
20
- ### Prop Changes
21
-
22
- All props remain the same:
23
-
24
- | Prop | Type | Default | Description |
25
- |------|------|---------|-------------|
26
- | `headerText` | `string` | `undefined` | Text to display in the header section |
27
- | `title` | `string` | `undefined` | Main title text for the empty state |
28
- | `description` | `string` | `undefined` | Description text below the title |
29
- | `className` | `string` | `undefined` | Additional CSS class name |
30
- | `style` | `React.CSSProperties` | `undefined` | Inline styles |
31
-
32
- ### Behavioral Changes
33
-
34
- 1. **Header Rendering**: The header is now rendered using `CapHeading` directly instead of `CapHeader` component. The visual appearance and behavior remain the same.
35
- 2. **Layout**: Uses flexbox layout for better responsiveness
36
-
37
- ### CSS/Styling Changes
38
-
39
- 1. **px → rem conversion**: All pixel values converted to rem units (base: 14px = 1rem)
40
- - Container width: `450px` → `32.143rem`
41
- - Margin top: `75px` → `5.357rem`
42
- - Title margin: `34px` → `2.429rem`
43
- - Description margin: `8px` → `0.571rem`
44
-
45
- 2. **SCSS Modules**: Replaced styled-components with SCSS modules for better maintainability
46
-
47
- ### Migration Example
48
-
49
- No code changes required! The component API is fully backward compatible:
50
-
51
- **cap-ui-library (v8.x)**
52
- ```jsx
53
- import CapAppNotEnabled from '@capillarytech/cap-ui-library/CapAppNotEnabled';
54
-
55
- <CapAppNotEnabled
56
- headerText="Settings"
57
- title="This feature is not enabled"
58
- description="Please contact your administrator to enable this feature"
59
- />
60
- ```
61
-
62
- **blaze-ui**
63
- ```jsx
64
- import CapAppNotEnabled from '@capillarytech/blaze-ui/CapAppNotEnabled';
65
-
66
- <CapAppNotEnabled
67
- headerText="Settings"
68
- title="This feature is not enabled"
69
- description="Please contact your administrator to enable this feature"
70
- />
71
- ```
72
-
73
- ### Dependencies
74
-
75
- This component depends on the following blaze-ui components:
76
- - `CapHeading` (migrated)
77
- - `CapLabel` (migrated)
78
-
79
- ### Internal Implementation Notes
80
-
81
- 1. The original component used `CapHeader` which is not yet migrated to blaze-ui
82
- 2. For backward compatibility, the header section now uses `CapHeading` with type="h1" which provides the same visual appearance
83
- 3. All styling has been preserved to maintain visual consistency
84
- 4. The component uses SCSS variables from `components/styled/variables.scss` for maintainability