@capillarytech/blaze-ui 2.5.0 → 2.5.1-beta.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/dist/CapAppNotEnabled/CapAppNotEnabled.d.ts +5 -0
- package/dist/CapAppNotEnabled/CapAppNotEnabled.d.ts.map +1 -0
- package/dist/CapAppNotEnabled/CapAppNotEnabled.interfaces.d.ts +9 -0
- package/dist/CapAppNotEnabled/CapAppNotEnabled.interfaces.d.ts.map +1 -0
- package/dist/CapAppNotEnabled/README.md +84 -0
- package/dist/CapAppNotEnabled/index.d.ts +3 -0
- package/dist/CapAppNotEnabled/index.d.ts.map +1 -0
- package/dist/CapAppNotEnabled/index.js +1116 -0
- package/dist/CapAppNotEnabled/index.js.map +1 -0
- package/dist/CapAppNotEnabled/tests/CapAppNotEnabled.mockData.d.ts +4 -0
- package/dist/CapAppNotEnabled/tests/CapAppNotEnabled.mockData.d.ts.map +1 -0
- package/dist/CapAppNotEnabled/tests/CapAppNotEnabled.test.d.ts +2 -0
- package/dist/CapAppNotEnabled/tests/CapAppNotEnabled.test.d.ts.map +1 -0
- package/dist/assets/feature-ui-disabled-illustration.svg +16 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +178 -1
- package/dist/index.js.map +1 -1
- package/package.json +6 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CapAppNotEnabled.d.ts","sourceRoot":"","sources":["../../components/CapAppNotEnabled/CapAppNotEnabled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAGtE,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyBrD,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CapAppNotEnabled.interfaces.d.ts","sourceRoot":"","sources":["../../components/CapAppNotEnabled/CapAppNotEnabled.interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B"}
|
|
@@ -0,0 +1,84 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapAppNotEnabled/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,cAAc,+BAA+B,CAAC"}
|