@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
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
# Migration Status: CapCSVFileUploader
|
|
2
|
-
|
|
3
|
-
**Last Updated**: 2026-02-22 10:19:33
|
|
4
|
-
|
|
5
|
-
## Migration Steps
|
|
6
|
-
|
|
7
|
-
- [x] **Step 0**: Setup branch and remote tracking
|
|
8
|
-
- [] **Step 1**: Migration Prompt 1 (Main migration)
|
|
9
|
-
- [x] **Step 1.5**: Export component in blaze-ui/components/index.ts
|
|
10
|
-
- [] **Step 2**: Migration Prompt 2 (Storybook support)
|
|
11
|
-
- [] **Step 2.5**: Verify deprecated props and prop changes (REQUIRED - enforced)
|
|
12
|
-
- [] **Step 3**: Migration Prompt 3 (Unit tests)
|
|
13
|
-
- [] **Step 4**: Migration Prompt 4 (Visual test cases)
|
|
14
|
-
- [] **Step 5**: Linting (ESLint)
|
|
15
|
-
- [] **Step 6**: Pre-build Validation
|
|
16
|
-
- [x] **Step 7**: Build blaze-ui
|
|
17
|
-
- [ ] **Step 8**: Visual Testing
|
|
18
|
-
- [ ] **Step 8.1**: Pre-visual-test check (agent verification)
|
|
19
|
-
- [ ] **Step 8.2**: Visual comparison
|
|
20
|
-
- [ ] **Step 8.3**: Visual diff analysis (agent analysis)
|
|
21
|
-
- [ ] **Step 9**: CSS Analysis (if mismatches found)
|
|
22
|
-
- [ ] **Step 9.5**: CSS Analysis Completed
|
|
23
|
-
- [ ] **Step 10**: Git Commit & Push to branch (pre-commit hook will run tests)
|
|
24
|
-
- [ ] **Step 11**: Create Pull Request
|
|
25
|
-
|
|
26
|
-
## Deprecated Props Verification
|
|
27
|
-
|
|
28
|
-
_No deprecated props verification results yet._
|
|
29
|
-
|
|
30
|
-
**Note**: Step 2.5 is REQUIRED and enforced.
|
|
31
|
-
- Focus: **Ant Design component prop changes** (e.g., Dropdown, Input, Alert, Tooltip, etc.)
|
|
32
|
-
- Reference: MIGRATION_CHANGELOG_TEMPLATE.md for format, ANTD_V6_MIGRATION.md for Ant Design deprecated APIs
|
|
33
|
-
- Skip: If original component doesn't exist in cap-ui-library
|
|
34
|
-
- All deprecated Ant Design props and prop changes must be documented before proceeding.
|
|
35
|
-
|
|
36
|
-
## Visual Testing Results
|
|
37
|
-
|
|
38
|
-
_No visual testing results yet._
|
|
39
|
-
|
|
40
|
-
## CSS Fixes Applied
|
|
41
|
-
|
|
42
|
-
_No CSS fixes applied yet._
|
|
43
|
-
|
|
44
|
-
## Notes
|
|
45
|
-
|
|
46
|
-
_No notes yet._
|
|
47
|
-
|
package/CapCard/README.md
DELETED
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
# CapCard
|
|
2
|
-
|
|
3
|
-
Extended version of Ant Design Card component with Capillary styling.
|
|
4
|
-
|
|
5
|
-
## Migration from cap-ui-library
|
|
6
|
-
|
|
7
|
-
### Summary
|
|
8
|
-
|
|
9
|
-
CapCard has been migrated from `@capillarytech/cap-ui-library` to `@capillarytech/blaze-ui` with the following changes:
|
|
10
|
-
|
|
11
|
-
- **Ant Design v3 → v6**: Updated to use `antd-v5` (Ant Design v6)
|
|
12
|
-
- **TypeScript**: Converted from PropTypes to TypeScript interfaces
|
|
13
|
-
- **SCSS Modules**: Converted from styled-components to SCSS modules
|
|
14
|
-
- **Functional Component**: Converted from class component to functional component with hooks
|
|
15
|
-
|
|
16
|
-
### Breaking Changes
|
|
17
|
-
|
|
18
|
-
**No breaking changes from cap-ui-library v8.x**
|
|
19
|
-
|
|
20
|
-
The component maintains full backward compatibility with the original cap-ui-library implementation. All props from Ant Design Card component are supported.
|
|
21
|
-
|
|
22
|
-
### Props
|
|
23
|
-
|
|
24
|
-
CapCard accepts all props from Ant Design's [Card component](https://ant.design/components/card) plus:
|
|
25
|
-
|
|
26
|
-
| Prop | Type | Default | Description |
|
|
27
|
-
|------|------|---------|-------------|
|
|
28
|
-
| `className` | `string` | - | Additional CSS class name |
|
|
29
|
-
| `children` | `React.ReactNode` | - | Card content |
|
|
30
|
-
|
|
31
|
-
### Usage
|
|
32
|
-
|
|
33
|
-
```tsx
|
|
34
|
-
import { CapCard } from '@capillarytech/blaze-ui';
|
|
35
|
-
|
|
36
|
-
// Basic usage
|
|
37
|
-
<CapCard title="Card Title">
|
|
38
|
-
<p>Card content</p>
|
|
39
|
-
</CapCard>
|
|
40
|
-
|
|
41
|
-
// With custom className
|
|
42
|
-
<CapCard className="custom-card" title="Card Title">
|
|
43
|
-
<p>Card content</p>
|
|
44
|
-
</CapCard>
|
|
45
|
-
|
|
46
|
-
// With all Ant Design Card props
|
|
47
|
-
<CapCard
|
|
48
|
-
title="Card Title"
|
|
49
|
-
extra={<a href="#">More</a>}
|
|
50
|
-
hoverable
|
|
51
|
-
bordered={false}
|
|
52
|
-
>
|
|
53
|
-
<p>Card content</p>
|
|
54
|
-
</CapCard>
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
### Import Examples
|
|
58
|
-
|
|
59
|
-
```tsx
|
|
60
|
-
// Default import
|
|
61
|
-
import CapCard from '@capillarytech/blaze-ui/components/CapCard';
|
|
62
|
-
|
|
63
|
-
// Named import
|
|
64
|
-
import { CapCard } from '@capillarytech/blaze-ui';
|
|
65
|
-
|
|
66
|
-
// Type import
|
|
67
|
-
import type { CapCardProps } from '@capillarytech/blaze-ui';
|
|
68
|
-
```
|
|
69
|
-
|
|
70
|
-
### Styling
|
|
71
|
-
|
|
72
|
-
The component uses SCSS modules with the following classes:
|
|
73
|
-
|
|
74
|
-
- `.cap-card-wrapper`: Wrapper div around the Card component
|
|
75
|
-
- `.cap-card-v2`: Applied to the Ant Design Card component
|
|
76
|
-
|
|
77
|
-
Custom styling can be applied via the `className` prop or by overriding the SCSS classes.
|
|
78
|
-
|
|
79
|
-
### Differences from Source Component
|
|
80
|
-
|
|
81
|
-
1. **Wrapper Element**: The migrated component wraps the Card in a `div` with class `cap-card-wrapper` for styling purposes. This was added to maintain consistent styling structure.
|
|
82
|
-
|
|
83
|
-
2. **Font Weight**: The card head now has `font-weight-medium` applied via SCSS, which provides consistent typography across cards.
|
|
84
|
-
|
|
85
|
-
3. **Border Radius**: Uses SCSS variable `$radius-04` (0.286rem / 4px) instead of hardcoded pixel values.
|
package/CapCard/Status.md
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
# Migration Status: CapCard
|
|
2
|
-
|
|
3
|
-
**Last Updated**: 2026-01-19 02:27:48
|
|
4
|
-
|
|
5
|
-
## Migration Steps
|
|
6
|
-
|
|
7
|
-
- [x] **Step 0**: Setup branch and remote tracking
|
|
8
|
-
- [x] **Step 1**: Migration Prompt 1 (Main migration)
|
|
9
|
-
- [x] **Step 2**: Migration Prompt 2 (Storybook support)
|
|
10
|
-
- [x] **Step 3**: Migration Prompt 3 (Unit tests)
|
|
11
|
-
- [x] **Step 4**: Linting (ESLint)
|
|
12
|
-
- [x] **Step 5**: Pre-build Validation
|
|
13
|
-
- [x] **Step 6**: Build blaze-ui
|
|
14
|
-
- [x] **Step 7**: Visual Testing
|
|
15
|
-
- [x] **Step 8**: CSS Analysis (if mismatches found)
|
|
16
|
-
- [x] **Step 8.5**: CSS Analysis Completed
|
|
17
|
-
- [x] **Step 8.9**: Run Tests & Fix Failures
|
|
18
|
-
- [ ] **Step 9**: Git Commit & Push to branch
|
|
19
|
-
- [ ] **Step 10**: Create Pull Request
|
|
20
|
-
|
|
21
|
-
## Visual Testing Results
|
|
22
|
-
|
|
23
|
-
**Last Test**: 2026-01-19 02:27:47
|
|
24
|
-
**Maximum Mismatch**: 93.89%
|
|
25
|
-
|
|
26
|
-
### Mismatched Variants:
|
|
27
|
-
- ✅ All variants match perfectly!
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
## CSS Fixes Applied
|
|
31
|
-
|
|
32
|
-
**Date**: 2026-01-19 02:27:47
|
|
33
|
-
**Summary**: CSS fixes applied based on visual testing analysis.
|
|
34
|
-
|
|
35
|
-
_See full analysis in: `/Users/sarahkhader/repos/migration/blaze-ui/tools/visual-testing/report/CapCard/css-fix-analysis.md`_
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
## Notes
|
|
39
|
-
|
|
40
|
-
_No notes yet._
|
|
41
|
-
|
package/CapCardBox/README.md
DELETED
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
# CapCardBox
|
|
2
|
-
|
|
3
|
-
A card component with optional avatar display and custom border styling.
|
|
4
|
-
|
|
5
|
-
## Migration from cap-ui-library
|
|
6
|
-
|
|
7
|
-
### Summary
|
|
8
|
-
|
|
9
|
-
CapCardBox has been migrated from `@capillarytech/cap-ui-library` to `@capillarytech/blaze-ui` with the following changes:
|
|
10
|
-
|
|
11
|
-
- **Ant Design v3 → v6**: Updated to use `antd-v5` (Ant Design v6)
|
|
12
|
-
- **TypeScript**: Converted from PropTypes to TypeScript interfaces
|
|
13
|
-
- **SCSS Modules**: Converted from styled-components to SCSS modules
|
|
14
|
-
- **Functional Component**: Converted from class component to functional component
|
|
15
|
-
|
|
16
|
-
### Breaking Changes
|
|
17
|
-
|
|
18
|
-
**No breaking changes from cap-ui-library v8.x**
|
|
19
|
-
|
|
20
|
-
The component maintains full backward compatibility with the original cap-ui-library implementation. All props from Ant Design Card component are supported.
|
|
21
|
-
|
|
22
|
-
### Deprecated Props
|
|
23
|
-
|
|
24
|
-
The following Ant Design Card component props are deprecated but still supported for backward compatibility:
|
|
25
|
-
|
|
26
|
-
#### `bordered` (deprecated)
|
|
27
|
-
|
|
28
|
-
- **Status:** Deprecated (Ant Design Card component)
|
|
29
|
-
- **Replacement:** Use `variant` prop instead
|
|
30
|
-
- **Migration:** Replace `bordered={false}` with `variant="borderless"` or `bordered={true}` with `variant="outlined"`
|
|
31
|
-
- **Removal:** Will be removed in next major version
|
|
32
|
-
|
|
33
|
-
**Example:**
|
|
34
|
-
|
|
35
|
-
```tsx
|
|
36
|
-
// ❌ Deprecated
|
|
37
|
-
<CapCardBox bordered={false} content="Card content" />
|
|
38
|
-
|
|
39
|
-
// ✅ Recommended
|
|
40
|
-
<CapCardBox variant="borderless" content="Card content" />
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
#### `headStyle` (deprecated)
|
|
44
|
-
|
|
45
|
-
- **Status:** Deprecated (Ant Design Card component)
|
|
46
|
-
- **Replacement:** Use `styles.header` prop instead
|
|
47
|
-
- **Migration:** Replace `headStyle={{ ... }}` with `styles={{ header: { ... } }}`
|
|
48
|
-
- **Removal:** Will be removed in next major version
|
|
49
|
-
|
|
50
|
-
**Example:**
|
|
51
|
-
|
|
52
|
-
```tsx
|
|
53
|
-
// ❌ Deprecated
|
|
54
|
-
<CapCardBox headStyle={{ backgroundColor: 'blue' }} title="Card Title" content="Card content" />
|
|
55
|
-
|
|
56
|
-
// ✅ Recommended
|
|
57
|
-
<CapCardBox styles={{ header: { backgroundColor: 'blue' } }} title="Card Title" content="Card content" />
|
|
58
|
-
```
|
|
59
|
-
|
|
60
|
-
#### `bodyStyle` (deprecated)
|
|
61
|
-
|
|
62
|
-
- **Status:** Deprecated (Ant Design Card component)
|
|
63
|
-
- **Replacement:** Use `styles.body` prop instead
|
|
64
|
-
- **Migration:** Replace `bodyStyle={{ ... }}` with `styles={{ body: { ... } }}`
|
|
65
|
-
- **Removal:** Will be removed in next major version
|
|
66
|
-
|
|
67
|
-
**Example:**
|
|
68
|
-
|
|
69
|
-
```tsx
|
|
70
|
-
// ❌ Deprecated
|
|
71
|
-
<CapCardBox bodyStyle={{ padding: '20px' }} content="Card content" />
|
|
72
|
-
|
|
73
|
-
// ✅ Recommended
|
|
74
|
-
<CapCardBox styles={{ body: { padding: '20px' } }} content="Card content" />
|
|
75
|
-
```
|
|
76
|
-
|
|
77
|
-
#### `maskStyle` (deprecated)
|
|
78
|
-
|
|
79
|
-
- **Status:** Deprecated (Ant Design Card component)
|
|
80
|
-
- **Replacement:** Use `styles.cover` prop instead
|
|
81
|
-
- **Migration:** Replace `maskStyle={{ ... }}` with `styles={{ cover: { ... } }}`
|
|
82
|
-
- **Removal:** Will be removed in next major version
|
|
83
|
-
|
|
84
|
-
**Example:**
|
|
85
|
-
|
|
86
|
-
```tsx
|
|
87
|
-
// ❌ Deprecated
|
|
88
|
-
<CapCardBox maskStyle={{ opacity: 0.5 }} cover={<img src="..." />} content="Card content" />
|
|
89
|
-
|
|
90
|
-
// ✅ Recommended
|
|
91
|
-
<CapCardBox styles={{ cover: { opacity: 0.5 } }} cover={<img src="..." />} content="Card content" />
|
|
92
|
-
```
|
|
93
|
-
|
|
94
|
-
**Note:** Deprecated Ant Design Card props are still accepted and passed through to the underlying Card component. Ant Design handles backward compatibility automatically. However, deprecated props may show console warnings in development mode and should be migrated to the new API.
|
|
95
|
-
|
|
96
|
-
### Props
|
|
97
|
-
|
|
98
|
-
CapCardBox accepts all props from Ant Design's [Card component](https://ant.design/components/card) plus:
|
|
99
|
-
|
|
100
|
-
| Prop | Type | Default | Description |
|
|
101
|
-
|------|------|---------|-------------|
|
|
102
|
-
| `wrapperClassName` | `string` | `''` | Custom class name for the wrapper element |
|
|
103
|
-
| `className` | `string` | - | Custom class name for the Card component |
|
|
104
|
-
| `avatarText` | `string` | - | Text to display in the avatar (shown above the card) |
|
|
105
|
-
| `content` | `React.ReactNode` | - | Content to display inside the card |
|
|
106
|
-
| `width` | `string` | - | Width of the card box wrapper |
|
|
107
|
-
| `height` | `string` | - | Height of the card box wrapper |
|
|
108
|
-
| `borderStyle` | `'DASHED' \| string` | - | Border style: 'DASHED' for dashed border, otherwise solid |
|
|
109
|
-
| `topLeftIcon` | `React.ReactElement` | - | Icon to display in the top-left corner of the card |
|
|
110
|
-
|
|
111
|
-
### Usage
|
|
112
|
-
|
|
113
|
-
```tsx
|
|
114
|
-
import { CapCardBox } from '@capillarytech/blaze-ui';
|
|
115
|
-
|
|
116
|
-
// Basic usage
|
|
117
|
-
<CapCardBox content={<p>Card content</p>} />
|
|
118
|
-
|
|
119
|
-
// With avatar
|
|
120
|
-
<CapCardBox avatarText="AB" content={<p>Card content</p>} />
|
|
121
|
-
|
|
122
|
-
// With custom border style
|
|
123
|
-
<CapCardBox borderStyle="DASHED" content={<p>Card content</p>} />
|
|
124
|
-
|
|
125
|
-
// With top-left icon
|
|
126
|
-
<CapCardBox topLeftIcon={<Icon />} content={<p>Card content</p>} />
|
|
127
|
-
|
|
128
|
-
// With Ant Design Card props (v6 API)
|
|
129
|
-
<CapCardBox
|
|
130
|
-
title="Card Title"
|
|
131
|
-
styles={{ body: { padding: '20px' } }}
|
|
132
|
-
variant="outlined"
|
|
133
|
-
content={<p>Card content</p>}
|
|
134
|
-
/>
|
|
135
|
-
```
|
|
136
|
-
|
|
137
|
-
### Import Examples
|
|
138
|
-
|
|
139
|
-
```tsx
|
|
140
|
-
// Default import
|
|
141
|
-
import CapCardBox from '@capillarytech/blaze-ui/components/CapCardBox';
|
|
142
|
-
|
|
143
|
-
// Named import
|
|
144
|
-
import { CapCardBox } from '@capillarytech/blaze-ui';
|
|
145
|
-
|
|
146
|
-
// Type import
|
|
147
|
-
import type { CapCardBoxProps } from '@capillarytech/blaze-ui';
|
|
148
|
-
```
|
|
149
|
-
|
|
150
|
-
### Styling
|
|
151
|
-
|
|
152
|
-
The component uses SCSS modules with the following classes:
|
|
153
|
-
|
|
154
|
-
- `.cap-card-box-wrapper`: Wrapper div around the Card component
|
|
155
|
-
- `.cap-card-box-v2`: Applied to the Ant Design Card component
|
|
156
|
-
- `.cap-card-box-body`: Applied to the Card body
|
|
157
|
-
- `.cap-card-box-content`: Container for content with top-left icon
|
|
158
|
-
- `.cap-card-box-avatar`: Applied to the Avatar component
|
|
159
|
-
- `.cap-card-box-border-dashed`: Applied when `borderStyle="DASHED"`
|
|
160
|
-
- `.cap-card-box-border-solid`: Applied when `borderStyle` is not "DASHED"
|
|
161
|
-
|
|
162
|
-
Custom styling can be applied via the `className` or `wrapperClassName` props or by overriding the SCSS classes.
|
|
163
|
-
|
|
164
|
-
### Differences from Source Component
|
|
165
|
-
|
|
166
|
-
1. **Styling Approach**: Migrated from styled-components to SCSS modules for better performance and maintainability
|
|
167
|
-
2. **TypeScript Support**: Full TypeScript support with exported `CapCardBoxProps` interface
|
|
168
|
-
3. **Ant Design v6 API**: Uses `classNames` prop for Card component styling (v6 API)
|
|
169
|
-
4. **Border Styling**: Border styles are now applied via CSS classes instead of inline styles
|
package/CapCardBox/Status.md
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
# Migration Status: CapCardBox
|
|
2
|
-
|
|
3
|
-
**Last Updated**: 2026-02-06 11:25:58
|
|
4
|
-
|
|
5
|
-
## Migration Steps
|
|
6
|
-
|
|
7
|
-
- [x] **Step 0**: Setup branch and remote tracking
|
|
8
|
-
- [x] **Step 1**: Migration Prompt 1 (Main migration)
|
|
9
|
-
- [x] **Step 1.5**: Export component in blaze-ui/components/index.ts
|
|
10
|
-
- [x] **Step 2**: Migration Prompt 2 (Storybook support)
|
|
11
|
-
- [x] **Step 2.5**: Verify deprecated props and prop changes (REQUIRED - enforced)
|
|
12
|
-
- [x] **Step 3**: Migration Prompt 3 (Unit tests)
|
|
13
|
-
- [x] **Step 4**: Migration Prompt 4 (Visual test cases)
|
|
14
|
-
- [x] **Step 5**: Linting (ESLint)
|
|
15
|
-
- [x] **Step 6**: Pre-build Validation
|
|
16
|
-
- [x] **Step 7**: Build blaze-ui
|
|
17
|
-
- [x] **Step 8**: Visual Testing
|
|
18
|
-
- [x] **Step 9**: CSS Analysis (if mismatches found)
|
|
19
|
-
- [x] **Step 9.5**: CSS Analysis Completed
|
|
20
|
-
- [x] **Step 10**: Git Commit & Push to branch (pre-commit hook will run tests)
|
|
21
|
-
- [x] **Step 11**: Create Pull Request
|
|
22
|
-
|
|
23
|
-
## Deprecated Props Verification
|
|
24
|
-
|
|
25
|
-
_No deprecated props verification results yet._
|
|
26
|
-
|
|
27
|
-
**Note**: Step 2.5 is REQUIRED and enforced.
|
|
28
|
-
- Focus: **Ant Design component prop changes** (e.g., Dropdown, Input, Alert, Tooltip, etc.)
|
|
29
|
-
- Reference: MIGRATION_CHANGELOG_TEMPLATE.md for format, ANTD_V6_MIGRATION.md for Ant Design deprecated APIs
|
|
30
|
-
- Skip: If original component doesn't exist in cap-ui-library
|
|
31
|
-
- All deprecated Ant Design props and prop changes must be documented before proceeding.
|
|
32
|
-
|
|
33
|
-
## Visual Testing Results
|
|
34
|
-
|
|
35
|
-
**Last Test**: 2026-02-06 11:25:58
|
|
36
|
-
**Maximum Mismatch**: 0%
|
|
37
|
-
|
|
38
|
-
### Mismatched Variants:
|
|
39
|
-
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
## CSS Fixes Applied
|
|
43
|
-
|
|
44
|
-
**Date**: 2026-01-31 11:07:27
|
|
45
|
-
**Summary**: CSS fixes applied based on visual testing analysis.
|
|
46
|
-
|
|
47
|
-
_See full analysis in: `/Users/sarahkhader/repos/migration/blaze-ui/tools/visual-testing/report/CapCardBox/css-fix-analysis.md`_
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
## Notes
|
|
51
|
-
|
|
52
|
-
_No notes yet._
|
package/CapCarousel/README.md
DELETED
|
@@ -1,190 +0,0 @@
|
|
|
1
|
-
# CapCarousel
|
|
2
|
-
|
|
3
|
-
A carousel component built on Ant Design's Carousel component with Capillary-specific enhancements including top switcher navigation and custom data structure.
|
|
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
|
-
- Converted from JavaScript to TypeScript
|
|
10
|
-
- Converted from styled-components to SCSS modules
|
|
11
|
-
- Migrated to Ant Design v6 APIs
|
|
12
|
-
- Added TypeScript interfaces for props
|
|
13
|
-
- Maintained backward compatibility with the existing API
|
|
14
|
-
|
|
15
|
-
## Breaking Changes
|
|
16
|
-
|
|
17
|
-
**No breaking changes from cap-ui-library v8.x**
|
|
18
|
-
|
|
19
|
-
The component maintains backward compatibility with the previous version.
|
|
20
|
-
|
|
21
|
-
## Deprecated Props
|
|
22
|
-
|
|
23
|
-
**Status:** ✅ **No deprecated props**
|
|
24
|
-
|
|
25
|
-
The Ant Design `Carousel` component does not have any deprecated props in v6 that require backward compatibility mapping. Unlike other Ant Design components (Dropdown, Tooltip, Tabs, Alert, Slider, etc.), the Carousel component's prop API remained stable during the v3 → v6 migration.
|
|
26
|
-
|
|
27
|
-
### Ant Design Carousel Component Props
|
|
28
|
-
|
|
29
|
-
**Ant Design Component:** `Carousel`
|
|
30
|
-
|
|
31
|
-
**Deprecated Props:** None
|
|
32
|
-
|
|
33
|
-
The Ant Design `Carousel` component has **no deprecated props** in v6. All Carousel props from v3 continue to work in v6 without any changes.
|
|
34
|
-
|
|
35
|
-
**Verification References:**
|
|
36
|
-
- ✅ Checked `MIGRATION_CHANGELOG_TEMPLATE.md` (PRIMARY REFERENCE) - No Carousel deprecated props patterns documented in the "Common Patterns & Solutions" section
|
|
37
|
-
- ✅ Checked `ANTD_V6_MIGRATION.md` - Carousel component is **not** listed in the deprecated API fixes table (lines 25-40), confirming that Carousel has no deprecated props in Ant Design v6 migration
|
|
38
|
-
- ✅ Verified all Carousel props used in the component (`dots`, `beforeChange`, `className`, and all props passed via `...rest`) are standard Ant Design v6 API props
|
|
39
|
-
|
|
40
|
-
**Verified Ant Design Carousel Props (All Supported in v6):**
|
|
41
|
-
- `beforeChange` - Callback before slide changes (wrapped by CapCarousel with custom signature)
|
|
42
|
-
- `dots` - Whether to show dots indicator
|
|
43
|
-
- `dotPosition` - Position of dots (`'top' | 'bottom' | 'left' | 'right'`)
|
|
44
|
-
- `autoplay` - Whether to scroll automatically
|
|
45
|
-
- `autoplaySpeed` - Interval time of autoplay (ms)
|
|
46
|
-
- `effect` - Transition effect (`'scrollx' | 'fade'`)
|
|
47
|
-
- `speed` - Transition speed (ms)
|
|
48
|
-
- `easing` - Transition easing function
|
|
49
|
-
- `vertical` - Whether to use vertical layout
|
|
50
|
-
- `infinite` - Whether to loop infinitely
|
|
51
|
-
- `draggable` - Whether to enable dragging
|
|
52
|
-
- `swipeToSlide` - Whether to swipe to slide
|
|
53
|
-
- `pauseOnHover` - Whether to pause autoplay on hover
|
|
54
|
-
- `waitForAnimate` - Whether to wait for animation
|
|
55
|
-
- `adaptiveHeight` - Whether to adapt height to current slide
|
|
56
|
-
- All other `CarouselProps` from Ant Design v6
|
|
57
|
-
|
|
58
|
-
**Note:** The component uses a custom `beforeChange` prop signature that wraps Ant Design's `beforeChange` callback. This is a Cap-specific enhancement and not related to Ant Design prop deprecations.
|
|
59
|
-
|
|
60
|
-
## Prop Changes
|
|
61
|
-
|
|
62
|
-
| Prop | Status | Notes |
|
|
63
|
-
|------|--------|-------|
|
|
64
|
-
| `showTopSwitcher` | ✅ Unchanged | Whether to show the top switcher with navigation icons and heading |
|
|
65
|
-
| `data` | ✅ Unchanged | Array of carousel data items |
|
|
66
|
-
| `beforeChange` | ✅ Unchanged | Callback function called when carousel changes (custom signature: `(params: { currentIndex: number }) => void`) |
|
|
67
|
-
| `currentIndex` | ✅ Unchanged | Current index of the carousel (controlled mode) |
|
|
68
|
-
| `className` | ✅ Unchanged | Custom CSS class name for the carousel component |
|
|
69
|
-
| `wrapperClassName` | ✅ Unchanged | Custom CSS class name for the wrapper element |
|
|
70
|
-
| `width` | ✅ Unchanged | Width of the carousel wrapper (default: `'100%'`) |
|
|
71
|
-
| `dots` | ✅ Unchanged | Whether to show dots indicator (default: `false`) |
|
|
72
|
-
| All other Ant Design Carousel props | ✅ Unchanged | Passed through to underlying Carousel component |
|
|
73
|
-
|
|
74
|
-
## API Changes
|
|
75
|
-
|
|
76
|
-
Since `Carousel` has no deprecated props in Ant Design v6, no API changes are required. All existing code using CapCarousel will continue to work without modifications.
|
|
77
|
-
|
|
78
|
-
### Custom beforeChange Signature
|
|
79
|
-
|
|
80
|
-
CapCarousel wraps Ant Design's `beforeChange` callback to provide a simpler API:
|
|
81
|
-
|
|
82
|
-
**Ant Design Carousel beforeChange:**
|
|
83
|
-
```tsx
|
|
84
|
-
beforeChange: (from: number, to: number) => void
|
|
85
|
-
```
|
|
86
|
-
|
|
87
|
-
**CapCarousel beforeChange:**
|
|
88
|
-
```tsx
|
|
89
|
-
beforeChange: (params: { currentIndex: number }) => void
|
|
90
|
-
```
|
|
91
|
-
|
|
92
|
-
This is a Cap-specific enhancement and not related to Ant Design prop deprecations.
|
|
93
|
-
|
|
94
|
-
## Code Examples
|
|
95
|
-
|
|
96
|
-
### Basic Usage
|
|
97
|
-
|
|
98
|
-
```tsx
|
|
99
|
-
import CapCarousel from '@capillarytech/blaze-ui/components/CapCarousel';
|
|
100
|
-
|
|
101
|
-
const carouselData = [
|
|
102
|
-
{
|
|
103
|
-
key: '1',
|
|
104
|
-
name: 'Slide 1',
|
|
105
|
-
content: <div>Content for slide 1</div>,
|
|
106
|
-
},
|
|
107
|
-
{
|
|
108
|
-
key: '2',
|
|
109
|
-
name: 'Slide 2',
|
|
110
|
-
content: <div>Content for slide 2</div>,
|
|
111
|
-
},
|
|
112
|
-
];
|
|
113
|
-
|
|
114
|
-
<CapCarousel data={carouselData} />
|
|
115
|
-
```
|
|
116
|
-
|
|
117
|
-
### With Custom Width
|
|
118
|
-
|
|
119
|
-
```tsx
|
|
120
|
-
<CapCarousel
|
|
121
|
-
data={carouselData}
|
|
122
|
-
width="800px"
|
|
123
|
-
/>
|
|
124
|
-
```
|
|
125
|
-
|
|
126
|
-
### Controlled Mode
|
|
127
|
-
|
|
128
|
-
```tsx
|
|
129
|
-
const [currentIndex, setCurrentIndex] = useState(0);
|
|
130
|
-
|
|
131
|
-
<CapCarousel
|
|
132
|
-
data={carouselData}
|
|
133
|
-
currentIndex={currentIndex}
|
|
134
|
-
beforeChange={({ currentIndex }) => {
|
|
135
|
-
setCurrentIndex(currentIndex);
|
|
136
|
-
}}
|
|
137
|
-
/>
|
|
138
|
-
```
|
|
139
|
-
|
|
140
|
-
### Without Top Switcher
|
|
141
|
-
|
|
142
|
-
```tsx
|
|
143
|
-
<CapCarousel
|
|
144
|
-
data={carouselData}
|
|
145
|
-
showTopSwitcher={false}
|
|
146
|
-
dots={true}
|
|
147
|
-
/>
|
|
148
|
-
```
|
|
149
|
-
|
|
150
|
-
### With Ant Design Carousel Props
|
|
151
|
-
|
|
152
|
-
```tsx
|
|
153
|
-
<CapCarousel
|
|
154
|
-
data={carouselData}
|
|
155
|
-
autoplay={true}
|
|
156
|
-
autoplaySpeed={3000}
|
|
157
|
-
effect="fade"
|
|
158
|
-
speed={500}
|
|
159
|
-
/>
|
|
160
|
-
```
|
|
161
|
-
|
|
162
|
-
## Verification
|
|
163
|
-
|
|
164
|
-
### ✅ Deprecated Props Check
|
|
165
|
-
- **Status:** ✅ **No deprecated props found**
|
|
166
|
-
- **Ant Design Component:** Carousel
|
|
167
|
-
- **Verification Method:**
|
|
168
|
-
- Checked `ANTD_V6_MIGRATION.md` - Carousel is **not** listed in deprecated API fixes table
|
|
169
|
-
- Checked `MIGRATION_CHANGELOG_TEMPLATE.md` - No Carousel deprecated props patterns documented
|
|
170
|
-
- Verified all Carousel props used are standard v6 API props
|
|
171
|
-
|
|
172
|
-
### ✅ Component Props
|
|
173
|
-
- All CapCarousel-specific props remain unchanged
|
|
174
|
-
- All Ant Design Carousel props are passed through unchanged
|
|
175
|
-
- Custom `beforeChange` signature is a Cap enhancement, not a deprecation
|
|
176
|
-
|
|
177
|
-
### ✅ Backward Compatibility
|
|
178
|
-
- **Status:** ✅ **100% backward compatible**
|
|
179
|
-
- All existing code using CapCarousel will continue to work without modifications
|
|
180
|
-
- No deprecated props to migrate
|
|
181
|
-
|
|
182
|
-
## Summary
|
|
183
|
-
|
|
184
|
-
✅ **Carousel Component**: No deprecated props found
|
|
185
|
-
|
|
186
|
-
**Verification Results:**
|
|
187
|
-
- Deprecated props check: **None** - Carousel has no deprecated props in v6
|
|
188
|
-
- Backward compatibility: **100%** - All props remain valid
|
|
189
|
-
- API changes: **None** - No migration required
|
|
190
|
-
- README.md created with "Deprecated Props" section documenting no deprecated props
|
package/CapCarousel/Status.md
DELETED
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
# Migration Status: CapCarousel
|
|
2
|
-
|
|
3
|
-
**Last Updated**: 2026-02-06 22:57:09
|
|
4
|
-
|
|
5
|
-
## Migration Steps
|
|
6
|
-
|
|
7
|
-
- [x] **Step 0**: Setup branch and remote tracking
|
|
8
|
-
- [x] **Step 1**: Migration Prompt 1 (Main migration)
|
|
9
|
-
- [ ] **Step 1.5**: Export component in blaze-ui/components/index.ts
|
|
10
|
-
- [x] **Step 2**: Migration Prompt 2 (Storybook support)
|
|
11
|
-
- [x] **Step 2.5**: Verify deprecated props and prop changes (REQUIRED - enforced)
|
|
12
|
-
- [x] **Step 3**: Migration Prompt 3 (Unit tests)
|
|
13
|
-
- [x] **Step 4**: Migration Prompt 4 (Visual test cases)
|
|
14
|
-
- [x] **Step 5**: Linting (ESLint)
|
|
15
|
-
- [x] **Step 6**: Pre-build Validation
|
|
16
|
-
- [x] **Step 7**: Build blaze-ui
|
|
17
|
-
- [ ] **Step 8**: Visual Testing
|
|
18
|
-
- [ ] **Step 9**: CSS Analysis (if mismatches found)
|
|
19
|
-
- [ ] **Step 9.5**: CSS Analysis Completed
|
|
20
|
-
- [ ] **Step 10**: Git Commit & Push to branch (pre-commit hook will run tests)
|
|
21
|
-
- [ ] **Step 11**: Create Pull Request
|
|
22
|
-
|
|
23
|
-
## Deprecated Props Verification
|
|
24
|
-
|
|
25
|
-
✅ **Verification Complete** - 2026-02-06
|
|
26
|
-
|
|
27
|
-
**Status:** ✅ **No deprecated props found**
|
|
28
|
-
|
|
29
|
-
**Ant Design Component Used:** Carousel
|
|
30
|
-
|
|
31
|
-
**Verification Results:**
|
|
32
|
-
1. **Checked MIGRATION_CHANGELOG_TEMPLATE.md** - No Carousel deprecated props patterns documented
|
|
33
|
-
2. **Checked ANTD_V6_MIGRATION.md** - Carousel component is **not** listed in the deprecated API fixes table
|
|
34
|
-
3. **Component Analysis:**
|
|
35
|
-
- Component uses `Carousel` from `antd-v5` (alias for `antd@^6.1.0`)
|
|
36
|
-
- Props passed via `...rest` spread: `beforeChange`, `dots`, `className`, and all other standard Carousel props
|
|
37
|
-
- All props used are standard Ant Design v6 Carousel API props
|
|
38
|
-
- No deprecated props identified (e.g., no `visible` → `open`, no `overlayClassName` → `classNames.root`, etc.)
|
|
39
|
-
|
|
40
|
-
**Conclusion:** The Ant Design `Carousel` component does not have any deprecated props in v6. No backward compatibility mapping or deprecation warnings are required.
|
|
41
|
-
|
|
42
|
-
**Documentation:**
|
|
43
|
-
- ✅ README.md created with "Deprecated Props" section documenting no deprecated props
|
|
44
|
-
- ✅ Status.md updated with verification results
|
|
45
|
-
- ✅ No @deprecated JSDoc comments needed (no deprecated props)
|
|
46
|
-
|
|
47
|
-
**Note**: Step 2.5 is REQUIRED and enforced.
|
|
48
|
-
- Focus: **Ant Design component prop changes** (e.g., Dropdown, Input, Alert, Tooltip, etc.)
|
|
49
|
-
- Reference: MIGRATION_CHANGELOG_TEMPLATE.md for format, ANTD_V6_MIGRATION.md for Ant Design deprecated APIs
|
|
50
|
-
- Skip: If original component doesn't exist in cap-ui-library
|
|
51
|
-
- All deprecated Ant Design props and prop changes must be documented before proceeding.
|
|
52
|
-
|
|
53
|
-
## Visual Testing Results
|
|
54
|
-
|
|
55
|
-
**Last Test**: 2026-02-06 17:58:24
|
|
56
|
-
**Maximum Mismatch**: 2.08%
|
|
57
|
-
|
|
58
|
-
### Mismatched Variants:
|
|
59
|
-
- empty-data:2.08%
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
## CSS Fixes Applied
|
|
63
|
-
|
|
64
|
-
**Date**: 2026-02-06 17:59:02
|
|
65
|
-
**Summary**: CSS fixes applied based on visual testing analysis.
|
|
66
|
-
|
|
67
|
-
_See full analysis in: `/Users/sarahkhader/repos/migration/blaze-ui/tools/visual-testing/report/CapCarousel/css-fix-analysis.md`_
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
## Notes
|
|
71
|
-
|
|
72
|
-
_No notes yet._
|
|
73
|
-
|