@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.
- package/CapLanguageProvider/actions.js +125 -0
- package/CapLanguageProvider/actions.js.map +1 -0
- package/CapLanguageProvider/constants.js +37 -0
- package/CapLanguageProvider/constants.js.map +1 -0
- package/package.json +1 -1
- package/CapActionBar/README.md +0 -11
- package/CapAdvancedIcon/README.md +0 -185
- package/CapAdvancedIcon/use-cases.md +0 -44
- package/CapAlert/README.md +0 -144
- package/CapAppNotEnabled/README.md +0 -84
- package/CapAskAira/README.md +0 -328
- package/CapBanner/README.md +0 -4
- package/CapBlock/README.md +0 -175
- package/CapBorderedBox/Status.md +0 -40
- package/CapCSVFileUploader/README.md +0 -124
- package/CapCSVFileUploader/Status.md +0 -47
- package/CapCard/README.md +0 -85
- package/CapCard/Status.md +0 -41
- package/CapCardBox/README.md +0 -169
- package/CapCardBox/Status.md +0 -52
- package/CapCarousel/README.md +0 -190
- package/CapCarousel/Status.md +0 -73
- package/CapCheckbox/README.md +0 -254
- package/CapCheckbox/Status.md +0 -41
- package/CapColorPicker/README.md +0 -112
- package/CapColorPicker/Status.md +0 -52
- package/CapColorPicker/tests/USE_CASES_ANALYSIS.md +0 -92
- package/CapColoredTag/README.md +0 -167
- package/CapColoredTag/Status.md +0 -49
- package/CapConditionPreview/MIGRATION_ANALYSIS.md +0 -70
- package/CapConditionPreview/README.md +0 -40
- package/CapConditionPreview/tests/USE_CASES_CapConditionPreview.md +0 -65
- package/CapCustomCard/README.md +0 -182
- package/CapCustomCard/Status.md +0 -40
- package/CapCustomCarousel/Status.md +0 -69
- package/CapCustomCheckboxList/README.md +0 -178
- package/CapCustomCheckboxList/Status.md +0 -52
- package/CapCustomCheckboxList/tests/USE_CASES_ANALYSIS.md +0 -174
- package/CapCustomList/README.md +0 -117
- package/CapCustomList/Status.md +0 -77
- package/CapCustomList/tests/USE_CASES_ANALYSIS.md +0 -124
- package/CapCustomSelect/README.md +0 -38
- package/CapDatePicker/README.md +0 -139
- package/CapDateRangePicker/README.md +0 -159
- package/CapDateTimePicker/README.md +0 -136
- package/CapDateTimeRangePicker/README.md +0 -243
- package/CapDivider/README.md +0 -122
- package/CapDrawer/README.md +0 -207
- package/CapDrawer/Status.md +0 -52
- package/CapDrawer/tests/MISSING_USE_CASES.md +0 -170
- package/CapDropdown/README.md +0 -515
- package/CapDropdown/Status.md +0 -45
- package/CapDropdown/tests/USE_CASES_ANALYSIS.md +0 -137
- package/CapError/README.md +0 -88
- package/CapErrorBoundary/CapErrorBoundary-use-cases.md +0 -89
- package/CapErrorBoundary/README.md +0 -150
- package/CapErrorStateIllustration/README.md +0 -222
- package/CapErrorStateIllustration/USE_CASES.md +0 -33
- package/CapExpressionEditor/README.md +0 -32
- package/CapForm/README.md +0 -132
- package/CapForm/Status.md +0 -40
- package/CapForm/tests/PHASE1_UNFULFILLED_USE_CASES.md +0 -113
- package/CapForm/tests/USE_CASES_ANALYSIS.md +0 -119
- package/CapFormItem/README.md +0 -320
- package/CapFormItem/Status.md +0 -73
- package/CapFormItem/tests/USE_CASES_ANALYSIS.md +0 -84
- package/CapGraph/README.md +0 -69
- package/CapGraph/USE_CASES.md +0 -66
- package/CapHamburgerMenu/README.md +0 -234
- package/CapHamburgerMenu/USE_CASES.md +0 -48
- package/CapHeader/Status.md +0 -41
- package/CapHeading/README.md +0 -220
- package/CapHeading/Status.md +0 -41
- package/CapIcon/README.md +0 -207
- package/CapIllustration/Status.md +0 -41
- package/CapImage/README.md +0 -50
- package/CapImportMFEComponent/README.md +0 -121
- package/CapInfoNote/Status.md +0 -40
- package/CapInfoNote/tests/USE_CASES_ANALYSIS.md +0 -114
- package/CapInput/README.md +0 -196
- package/CapInput/Status.md +0 -123
- package/CapInput/tests/USE_CASES_ANALYSIS.md +0 -169
- package/CapLanguageProvider/CapLanguageProvider-use-cases.md +0 -56
- package/CapLanguageProvider/README.md +0 -206
- package/CapLevelGraphRenderer/CapLevelGraphRenderer-test-cases.md +0 -50
- package/CapLevelGraphRenderer/README.md +0 -123
- package/CapLevelGraphRenderer/Tooltip_MIGRATION_ANALYSIS.md +0 -120
- package/CapLink/README.md +0 -203
- package/CapLink/Status.md +0 -32
- package/CapLink/tests/CapLink.missingUseCases.md +0 -95
- package/CapList/README.md +0 -129
- package/CapList/Status.md +0 -69
- package/CapListLayout/README.md +0 -7
- package/CapLogin/README.md +0 -7
- package/CapMenu/README.md +0 -86
- package/CapModal/README.md +0 -357
- package/CapModal/Status.md +0 -52
- package/CapModal/tests/USE_CASES_GAPS.md +0 -207
- package/CapMultiSelect/README.md +0 -170
- package/CapMultiSelect/tests/USE_CASES_ANALYSIS.md +0 -29
- package/CapMultiSelectDatePicker/README.md +0 -11
- package/CapNavigation/README.md +0 -72
- package/CapNotification/README.md +0 -228
- package/CapNotificationDropdown/README.md +0 -5
- package/CapPopover/README.md +0 -234
- package/CapProgress/Status.md +0 -40
- package/CapRadio/Status.md +0 -54
- package/CapRadioButton/README.md +0 -152
- package/CapRadioButton/Status.md +0 -70
- package/CapRadioButton/tests/USE_CASES_ANALYSIS.md +0 -120
- package/CapRadioCard/README.md +0 -161
- package/CapRadioCard/Status.md +0 -78
- package/CapRadioGroup/README.md +0 -141
- package/CapRadioGroup/Status.md +0 -59
- package/CapReorderComponent/README.md +0 -179
- package/CapReorderComponent/Status.md +0 -41
- package/CapRoadMap/README.md +0 -126
- package/CapRoadMap/Status.md +0 -53
- package/CapRoadMap/tests/USE_CASE_GAPS.md +0 -92
- package/CapRow/README.md +0 -424
- package/CapSKUUploader/README.md +0 -189
- package/CapSKUUploader/Status.md +0 -66
- package/CapSecondaryTopBar/README.md +0 -7
- package/CapSelect/README.md +0 -243
- package/CapSelectFilter/README.md +0 -121
- package/CapShape/README.md +0 -96
- package/CapShape/Status.md +0 -36
- package/CapShape/tests/USE_CASES_ANALYSIS.md +0 -120
- package/CapSideBar/README.md +0 -298
- package/CapSideBar/Status.md +0 -5
- package/CapSlideBox/README.md +0 -68
- package/CapSlider/README.md +0 -423
- package/CapSlider/Status.md +0 -48
- package/CapSlider/tests/TEST_COVERAGE.md +0 -118
- package/CapSnackBar/README.md +0 -222
- package/CapSnackBar/Status.md +0 -41
- package/CapSomethingWentWrong/README.md +0 -97
- package/CapSplit/README.md +0 -19
- package/CapStatisticCard/README.md +0 -138
- package/CapStatus/README.md +0 -148
- package/CapStatus/Status.md +0 -40
- package/CapSteps/Status.md +0 -40
- package/CapStepsAccordian/README.md +0 -305
- package/CapStepsAccordian/Status.md +0 -48
- package/CapSupportVideosWrapper/README.md +0 -14
- package/CapSwitch/README.md +0 -351
- package/CapTab/README.md +0 -406
- package/CapTab/Status.md +0 -104
- package/CapTab/tests/USE_CASE_GAPS.md +0 -143
- package/CapTabV3/ANALYSIS.md +0 -60
- package/CapTabV3/README.md +0 -156
- package/CapTabV3/Status.md +0 -52
- package/CapTabV3/tests/USE_CASE_GAPS.md +0 -149
- package/CapTable/README.md +0 -160
- package/CapTable/Status.md +0 -41
- package/CapTag/README.md +0 -16
- package/CapTagDropdown/README.md +0 -171
- package/CapTagDropdown/Status.md +0 -55
- package/CapTimePicker/README.md +0 -170
- package/CapTooltip/README.md +0 -336
- package/CapTooltipWithInfo/Status.md +0 -75
- package/CapTopBar/README.md +0 -146
- package/CapTree/README.md +0 -124
- package/CapTree/Status.md +0 -48
- package/CapTree/tests/STATUS.md +0 -154
- package/CapTreeSelect/README.md +0 -217
- package/CapTreeSelect/Status.md +0 -52
- package/CapTruncateList/README.md +0 -13
- package/CapUnifiedSelect/README.md +0 -40
- package/CapUploader/README.md +0 -313
- package/CapUploader/Status.md +0 -76
- package/CapUploader/tests/USE_CASES_ANALYSIS.md +0 -225
- package/CapUserProfile/README.md +0 -105
- package/CapUserProfile/Status.md +0 -95
- package/CapVirtualList/README.md +0 -162
- package/CapVirtualList/Status.md +0 -71
- 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
package/CapActionBar/README.md
DELETED
|
@@ -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)
|
package/CapAlert/README.md
DELETED
|
@@ -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
|