@capillarytech/blaze-ui 2.5.0 → 2.6.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.
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { CapAppNotEnabledProps } from './CapAppNotEnabled.interfaces';
3
+ declare const CapAppNotEnabled: React.FC<CapAppNotEnabledProps>;
4
+ export default CapAppNotEnabled;
5
+ //# sourceMappingURL=CapAppNotEnabled.d.ts.map
@@ -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,9 @@
1
+ import React from 'react';
2
+ export interface CapAppNotEnabledProps {
3
+ headerText?: string;
4
+ title?: string;
5
+ description?: string;
6
+ className?: string;
7
+ style?: React.CSSProperties;
8
+ }
9
+ //# sourceMappingURL=CapAppNotEnabled.interfaces.d.ts.map
@@ -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,3 @@
1
+ export { default } from './CapAppNotEnabled';
2
+ export * from './CapAppNotEnabled.interfaces';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}