@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
@@ -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
-
@@ -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
@@ -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._
@@ -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
@@ -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
-