@cqa-lib/cqa-ui 1.0.84 → 1.0.88
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/.github/workflows/README.md +181 -0
- package/esm2020/lib/dashboards/dashboard-header/dashboard-header.component.mjs +52 -3
- package/fesm2015/cqa-lib-cqa-ui.mjs +53 -2
- package/fesm2015/cqa-lib-cqa-ui.mjs.map +1 -1
- package/fesm2020/cqa-lib-cqa-ui.mjs +51 -2
- package/fesm2020/cqa-lib-cqa-ui.mjs.map +1 -1
- package/lib/dashboards/dashboard-header/dashboard-header.component.d.ts +11 -1
- package/package.json +1 -1
- package/storybook-static/assets/images/README.md +0 -66
|
@@ -27,6 +27,16 @@ export declare class DashboardHeaderComponent {
|
|
|
27
27
|
workspaceValue?: any;
|
|
28
28
|
workspaceMultiple: boolean;
|
|
29
29
|
workspaceSearchable: boolean;
|
|
30
|
+
workspaceServerSearch: boolean;
|
|
31
|
+
workspaceHasMore: boolean;
|
|
32
|
+
workspaceIsLoading: boolean;
|
|
33
|
+
workspaceOptionStyle: 'checkmark' | 'checkbox';
|
|
34
|
+
workspaceShowSelectAll: boolean;
|
|
35
|
+
workspaceCloseOnSelect: boolean;
|
|
36
|
+
workspaceOnSearch?: (query: string) => void;
|
|
37
|
+
workspaceOnLoadMore?: (query?: string) => void;
|
|
38
|
+
workspaceSearch: EventEmitter<string>;
|
|
39
|
+
workspaceLoadMore: EventEmitter<string>;
|
|
30
40
|
showWorkspaceSelector: boolean;
|
|
31
41
|
workspaceValueChange: EventEmitter<any>;
|
|
32
42
|
workspaceSelectClick: EventEmitter<void>;
|
|
@@ -36,5 +46,5 @@ export declare class DashboardHeaderComponent {
|
|
|
36
46
|
get workspaceConfig(): DynamicSelectFieldConfig;
|
|
37
47
|
private syncFormFromInput;
|
|
38
48
|
static ɵfac: i0.ɵɵFactoryDeclaration<DashboardHeaderComponent, never>;
|
|
39
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DashboardHeaderComponent, "cqa-dashboard-header", never, { "title": "title"; "badgeText": "badgeText"; "badgeClass": "badgeClass"; "headerClass": "headerClass"; "showHeader": "showHeader"; "showLogo": "showLogo"; "logoUrl": "logoUrl"; "showHelpIcon": "showHelpIcon"; "helpIconTooltip": "helpIconTooltip"; "showPlusIcon": "showPlusIcon"; "workspaceOptions": "workspaceOptions"; "workspacePlaceholder": "workspacePlaceholder"; "workspaceDisabled": "workspaceDisabled"; "workspaceValue": "workspaceValue"; "workspaceMultiple": "workspaceMultiple"; "workspaceSearchable": "workspaceSearchable"; "showWorkspaceSelector": "showWorkspaceSelector"; }, { "helpIconClick": "helpIconClick"; "plusIconClick": "plusIconClick"; "workspaceValueChange": "workspaceValueChange"; "workspaceSelectClick": "workspaceSelectClick"; }, never, ["*"]>;
|
|
49
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DashboardHeaderComponent, "cqa-dashboard-header", never, { "title": "title"; "badgeText": "badgeText"; "badgeClass": "badgeClass"; "headerClass": "headerClass"; "showHeader": "showHeader"; "showLogo": "showLogo"; "logoUrl": "logoUrl"; "showHelpIcon": "showHelpIcon"; "helpIconTooltip": "helpIconTooltip"; "showPlusIcon": "showPlusIcon"; "workspaceOptions": "workspaceOptions"; "workspacePlaceholder": "workspacePlaceholder"; "workspaceDisabled": "workspaceDisabled"; "workspaceValue": "workspaceValue"; "workspaceMultiple": "workspaceMultiple"; "workspaceSearchable": "workspaceSearchable"; "workspaceServerSearch": "workspaceServerSearch"; "workspaceHasMore": "workspaceHasMore"; "workspaceIsLoading": "workspaceIsLoading"; "workspaceOptionStyle": "workspaceOptionStyle"; "workspaceShowSelectAll": "workspaceShowSelectAll"; "workspaceCloseOnSelect": "workspaceCloseOnSelect"; "workspaceOnSearch": "workspaceOnSearch"; "workspaceOnLoadMore": "workspaceOnLoadMore"; "showWorkspaceSelector": "showWorkspaceSelector"; }, { "helpIconClick": "helpIconClick"; "plusIconClick": "plusIconClick"; "workspaceSearch": "workspaceSearch"; "workspaceLoadMore": "workspaceLoadMore"; "workspaceValueChange": "workspaceValueChange"; "workspaceSelectClick": "workspaceSelectClick"; }, never, ["*"]>;
|
|
40
50
|
}
|
package/package.json
CHANGED
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
# Image Assets
|
|
2
|
-
|
|
3
|
-
This folder contains all image assets used by the UI library components.
|
|
4
|
-
|
|
5
|
-
## Structure
|
|
6
|
-
|
|
7
|
-
- Place all image files (PNG, SVG, JPG, etc.) in this directory
|
|
8
|
-
- Use descriptive file names (e.g., `test-case-icon.svg`, `empty-state-default.png`)
|
|
9
|
-
- For component-specific images, consider creating subdirectories if needed
|
|
10
|
-
|
|
11
|
-
## Available Images
|
|
12
|
-
|
|
13
|
-
The following images are configured for use in empty state components:
|
|
14
|
-
|
|
15
|
-
- `TestCaseIcon.png` - Test case/document with gear icon
|
|
16
|
-
- `SearchIcon.png` - Magnifying glass with question mark
|
|
17
|
-
- `FilesIcon.png` - Folder/upload icon
|
|
18
|
-
- `DashboardIcon.png` - Dashboard overview cards
|
|
19
|
-
- `StepsIcon.png` - Checklist / tasks icon
|
|
20
|
-
- `document-gear-icon.svg` - Document with gear overlay
|
|
21
|
-
- `ReportsIcon.png` - Analytics/Reports chart icon
|
|
22
|
-
- `SearchIcon.png` - Default fallback icon
|
|
23
|
-
|
|
24
|
-
## Usage
|
|
25
|
-
|
|
26
|
-
### Using Image Constants
|
|
27
|
-
|
|
28
|
-
Import the image constants for type-safe access:
|
|
29
|
-
|
|
30
|
-
```typescript
|
|
31
|
-
import { EMPTY_STATE_IMAGES } from '../assets/images/image-assets.constants';
|
|
32
|
-
|
|
33
|
-
// In component
|
|
34
|
-
imageUrl: EMPTY_STATE_IMAGES.TEST_CASE
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
### Direct Path Reference
|
|
38
|
-
|
|
39
|
-
You can also reference images directly:
|
|
40
|
-
|
|
41
|
-
```typescript
|
|
42
|
-
// Example in component
|
|
43
|
-
imageUrl: 'assets/images/test-case-icon.svg'
|
|
44
|
-
```
|
|
45
|
-
|
|
46
|
-
### In Storybook
|
|
47
|
-
|
|
48
|
-
Images are automatically available in Storybook stories:
|
|
49
|
-
|
|
50
|
-
```typescript
|
|
51
|
-
import { EMPTY_STATE_IMAGES } from '../assets/images/image-assets.constants';
|
|
52
|
-
|
|
53
|
-
export const MyStory = Template.bind({});
|
|
54
|
-
MyStory.args = {
|
|
55
|
-
imageUrl: EMPTY_STATE_IMAGES.TEST_CASE,
|
|
56
|
-
// ...
|
|
57
|
-
};
|
|
58
|
-
```
|
|
59
|
-
|
|
60
|
-
## Notes
|
|
61
|
-
|
|
62
|
-
- Keep image file sizes optimized for web
|
|
63
|
-
- Use SVG format when possible for scalability
|
|
64
|
-
- Ensure all images are properly licensed for use in the library
|
|
65
|
-
- Images will be included in the built library and available to consuming applications
|
|
66
|
-
|