@luscii-healthtech/web-ui 55.2.9 → 56.0.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luscii-healthtech/web-ui",
3
- "version": "55.2.9",
3
+ "version": "56.0.0",
4
4
  "license": "MIT",
5
5
  "author": {
6
6
  "name": "Joris Janssen"
@@ -1,35 +0,0 @@
1
- import { type CheckboxGroupItemProps } from "../CheckboxList/CheckboxList.types";
2
- export type Item = {
3
- group?: string;
4
- isPinned?: boolean;
5
- } & Pick<CheckboxGroupItemProps, "id" | "label" | "isChecked" | "isDisabled">;
6
- export interface Group {
7
- title?: string;
8
- items: Item[];
9
- }
10
- interface CheckboxListModalTexts {
11
- title: string;
12
- searchInputLabel?: string;
13
- confirmLabel: string;
14
- cancelLabel: string;
15
- searchPlaceHolder?: string;
16
- emptyState: string;
17
- }
18
- export interface CheckboxListModalProps {
19
- texts: CheckboxListModalTexts;
20
- /**
21
- * Accessory component to be rendered above the search input.
22
- * For example, a button or any control that fit the use case.
23
- */
24
- accessory?: React.ReactNode;
25
- initialItems: Array<Item>;
26
- isLoadingInitialItems?: boolean;
27
- isOpen?: boolean;
28
- onSave: (newItems: Item[]) => void;
29
- onCloseClick: () => void;
30
- filterItem: (item: Item, searchQuery: string) => boolean;
31
- className?: string;
32
- hasSearch?: boolean;
33
- }
34
- export declare const CheckboxListModal: ({ texts, accessory, initialItems, isLoadingInitialItems, isOpen, onSave, onCloseClick, filterItem, hasSearch, }: CheckboxListModalProps) => JSX.Element;
35
- export {};
@@ -1,35 +0,0 @@
1
- import { type CheckboxGroupItemProps } from "../CheckboxList/CheckboxList.types";
2
- export type Item = {
3
- group?: string;
4
- isPinned?: boolean;
5
- } & Pick<CheckboxGroupItemProps, "id" | "label" | "isChecked" | "isDisabled">;
6
- export interface Group {
7
- title?: string;
8
- items: Item[];
9
- }
10
- interface CheckboxListModalTexts {
11
- title: string;
12
- searchInputLabel?: string;
13
- confirmLabel: string;
14
- cancelLabel: string;
15
- searchPlaceHolder?: string;
16
- emptyState: string;
17
- }
18
- export interface CheckboxListModalProps {
19
- texts: CheckboxListModalTexts;
20
- /**
21
- * Accessory component to be rendered above the search input.
22
- * For example, a button or any control that fit the use case.
23
- */
24
- accessory?: React.ReactNode;
25
- initialItems: Array<Item>;
26
- isLoadingInitialItems?: boolean;
27
- isOpen?: boolean;
28
- onSave: (newItems: Item[]) => void;
29
- onCloseClick: () => void;
30
- filterItem: (item: Item, searchQuery: string) => boolean;
31
- className?: string;
32
- hasSearch?: boolean;
33
- }
34
- export declare const CheckboxListModal: ({ texts, accessory, initialItems, isLoadingInitialItems, isOpen, onSave, onCloseClick, filterItem, hasSearch, }: CheckboxListModalProps) => JSX.Element;
35
- export {};
@@ -1,145 +0,0 @@
1
- import { type StoryObj } from "@storybook/react-vite";
2
- import { CheckboxListModal } from "../src/components/CheckBoxListModal/CheckboxListModal";
3
- declare const _default: {
4
- title: string;
5
- component: ({ texts, accessory, initialItems, isLoadingInitialItems, isOpen, onSave, onCloseClick, filterItem, hasSearch, }: import("../src").CheckboxListModalProps) => JSX.Element;
6
- tags: string[];
7
- parameters: {
8
- docs: {
9
- description: {
10
- component: string;
11
- };
12
- };
13
- };
14
- };
15
- export default _default;
16
- type Story = StoryObj<typeof CheckboxListModal>;
17
- export declare const Base: {
18
- args: {
19
- texts: {
20
- title: string;
21
- confirmLabel: string;
22
- cancelLabel: string;
23
- searchPlaceHolder: string;
24
- emptyState: string;
25
- };
26
- isOpen: boolean;
27
- initialItems: ({
28
- id: string;
29
- label: string;
30
- isChecked: boolean;
31
- group: string;
32
- isPinned: boolean;
33
- isDisabled?: undefined;
34
- } | {
35
- id: string;
36
- label: string;
37
- isChecked: boolean;
38
- group: string;
39
- isPinned?: undefined;
40
- isDisabled?: undefined;
41
- } | {
42
- id: string;
43
- label: string;
44
- isChecked: boolean;
45
- isDisabled: boolean;
46
- group: string;
47
- isPinned?: undefined;
48
- } | {
49
- id: string;
50
- label: string;
51
- isChecked: boolean;
52
- group?: undefined;
53
- isPinned?: undefined;
54
- isDisabled?: undefined;
55
- })[];
56
- };
57
- };
58
- export declare const WithSearch: {
59
- args: {
60
- texts: {
61
- title: string;
62
- confirmLabel: string;
63
- cancelLabel: string;
64
- searchPlaceHolder: string;
65
- emptyState: string;
66
- };
67
- isOpen: boolean;
68
- initialItems: ({
69
- id: string;
70
- label: string;
71
- isChecked: boolean;
72
- group: string;
73
- isPinned: boolean;
74
- isDisabled?: undefined;
75
- } | {
76
- id: string;
77
- label: string;
78
- isChecked: boolean;
79
- group: string;
80
- isPinned?: undefined;
81
- isDisabled?: undefined;
82
- } | {
83
- id: string;
84
- label: string;
85
- isChecked: boolean;
86
- isDisabled: boolean;
87
- group: string;
88
- isPinned?: undefined;
89
- } | {
90
- id: string;
91
- label: string;
92
- isChecked: boolean;
93
- group?: undefined;
94
- isPinned?: undefined;
95
- isDisabled?: undefined;
96
- })[];
97
- hasSearch: boolean;
98
- filterItem: (item: any, searchQuery: any) => any;
99
- };
100
- };
101
- export declare const WithLabeledSearch: {
102
- args: {
103
- texts: {
104
- searchInputLabel: string;
105
- title: string;
106
- confirmLabel: string;
107
- cancelLabel: string;
108
- searchPlaceHolder: string;
109
- emptyState: string;
110
- };
111
- isOpen: boolean;
112
- initialItems: ({
113
- id: string;
114
- label: string;
115
- isChecked: boolean;
116
- group: string;
117
- isPinned: boolean;
118
- isDisabled?: undefined;
119
- } | {
120
- id: string;
121
- label: string;
122
- isChecked: boolean;
123
- group: string;
124
- isPinned?: undefined;
125
- isDisabled?: undefined;
126
- } | {
127
- id: string;
128
- label: string;
129
- isChecked: boolean;
130
- isDisabled: boolean;
131
- group: string;
132
- isPinned?: undefined;
133
- } | {
134
- id: string;
135
- label: string;
136
- isChecked: boolean;
137
- group?: undefined;
138
- isPinned?: undefined;
139
- isDisabled?: undefined;
140
- })[];
141
- hasSearch: boolean;
142
- filterItem: (item: any, searchQuery: any) => any;
143
- };
144
- };
145
- export declare const WithAccessoryComponent: Story;