tccd-ui 0.0.44 → 0.0.45

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 (7) hide show
  1. package/dist/index.d.mts +39 -8
  2. package/dist/index.d.ts +39 -8
  3. package/dist/index.js +308 -139
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +306 -139
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import React, { ReactNode } from 'react';
2
+ import React$1, { ReactNode } from 'react';
3
3
 
4
4
  declare const ButtonTypes: {
5
5
  readonly PRIMARY: "primary";
@@ -36,10 +36,29 @@ type MediaItem = {
36
36
  thumb?: string;
37
37
  alt?: string;
38
38
  };
39
+ type DropdownMenuItem = {
40
+ title: string;
41
+ icon?: React.ComponentType<{
42
+ size?: number;
43
+ color?: string;
44
+ }>;
45
+ iconColor?: string;
46
+ action?: string;
47
+ onClick?: () => void;
48
+ };
49
+ type DropdownMenuProps$1 = {
50
+ isOpen: boolean;
51
+ onClose: () => void;
52
+ items: DropdownMenuItem[];
53
+ position?: "top" | "bottom" | "left" | "right";
54
+ width?: string;
55
+ triggerRef?: React.RefObject<HTMLElement | null>;
56
+ alignToTrigger?: boolean;
57
+ };
39
58
 
40
59
  interface ButtonProps {
41
60
  buttonText?: string;
42
- buttonIcon?: React.ReactNode;
61
+ buttonIcon?: React$1.ReactNode;
43
62
  onClick: () => void;
44
63
  type: ButtonTypes;
45
64
  disabled?: boolean;
@@ -79,6 +98,8 @@ interface DropdownMenuProps {
79
98
  }
80
99
  declare function DropdownMenu({ label, placeholder, options, value, onChange, error, disabled, className, id, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
81
100
 
101
+ declare const DropdownPopup: ({ isOpen, onClose, items, position, width, triggerRef, alignToTrigger, }: DropdownMenuProps$1) => react_jsx_runtime.JSX.Element;
102
+
82
103
  interface ErrorScreenProps extends InfoScreenProps {
83
104
  showAdditionalInfo?: boolean;
84
105
  }
@@ -88,7 +109,7 @@ declare function FullScreenViewer({ isOpen, items, index, setIndex, onClose }: {
88
109
  isOpen: boolean;
89
110
  items: MediaItem[];
90
111
  index: number;
91
- setIndex: React.Dispatch<React.SetStateAction<number>>;
112
+ setIndex: React$1.Dispatch<React$1.SetStateAction<number>>;
92
113
  onClose: () => void;
93
114
  }): react_jsx_runtime.JSX.Element;
94
115
 
@@ -97,7 +118,7 @@ declare function InputField({ label, value, placeholder, onChange, error, id, }:
97
118
  id: string;
98
119
  value: string;
99
120
  placeholder: string;
100
- onChange: (newValue: React.ChangeEvent<HTMLInputElement>) => void;
121
+ onChange: (newValue: React$1.ChangeEvent<HTMLInputElement>) => void;
101
122
  error?: string;
102
123
  }): react_jsx_runtime.JSX.Element;
103
124
 
@@ -128,7 +149,7 @@ declare function NumberField({ label, value, placeholder, onChange, error, maxLe
128
149
  value: string;
129
150
  placeholder: string;
130
151
  maxLength?: number;
131
- onChange: (newValue: React.ChangeEvent<HTMLInputElement>) => void;
152
+ onChange: (newValue: React$1.ChangeEvent<HTMLInputElement>) => void;
132
153
  error?: string;
133
154
  }): react_jsx_runtime.JSX.Element;
134
155
 
@@ -136,7 +157,7 @@ declare function PasswordField({ id, value, label, onChange, error, }: {
136
157
  id: string;
137
158
  value: string;
138
159
  label: string;
139
- onChange: (newValue: React.ChangeEvent<HTMLInputElement>) => void;
160
+ onChange: (newValue: React$1.ChangeEvent<HTMLInputElement>) => void;
140
161
  error?: string;
141
162
  }): react_jsx_runtime.JSX.Element;
142
163
 
@@ -162,10 +183,20 @@ declare function TextAreaField({ label, value, placeholder, onChange, error, max
162
183
  value: string;
163
184
  placeholder: string;
164
185
  maxLength?: number;
165
- onChange: (newValue: React.ChangeEvent<HTMLTextAreaElement>) => void;
186
+ onChange: (newValue: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
166
187
  error?: string;
167
188
  }): react_jsx_runtime.JSX.Element;
168
189
 
190
+ interface TimePickerProps {
191
+ label?: string;
192
+ id?: string;
193
+ value: string;
194
+ onChange: (time: string) => void;
195
+ error?: string;
196
+ disabled?: boolean;
197
+ }
198
+ declare function TimePicker({ label, id, value, onChange, error, disabled, }: TimePickerProps): react_jsx_runtime.JSX.Element;
199
+
169
200
  declare function UnauthorizedPage(): react_jsx_runtime.JSX.Element;
170
201
 
171
- export { Button, ButtonTypes, ButtonWidths, Checkbox, DatePicker, DropdownMenu, type DropdownOption, ErrorScreen, FullScreenViewer, InfoScreen, type InfoScreenProps, InputField, LazyImageLoader, LoadingPage, type MediaItem, Modal, NumberField, PasswordField, Radiobutton as RadioButton, SearchField, SuccessScreen, TextAreaField, UnauthorizedPage };
202
+ export { Button, ButtonTypes, ButtonWidths, Checkbox, DatePicker, DropdownMenu, type DropdownMenuItem, type DropdownMenuProps$1 as DropdownMenuProps, type DropdownOption, DropdownPopup, ErrorScreen, FullScreenViewer, InfoScreen, type InfoScreenProps, InputField, LazyImageLoader, LoadingPage, type MediaItem, Modal, NumberField, PasswordField, Radiobutton as RadioButton, SearchField, SuccessScreen, TextAreaField, TimePicker as Timepicker, UnauthorizedPage };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import React, { ReactNode } from 'react';
2
+ import React$1, { ReactNode } from 'react';
3
3
 
4
4
  declare const ButtonTypes: {
5
5
  readonly PRIMARY: "primary";
@@ -36,10 +36,29 @@ type MediaItem = {
36
36
  thumb?: string;
37
37
  alt?: string;
38
38
  };
39
+ type DropdownMenuItem = {
40
+ title: string;
41
+ icon?: React.ComponentType<{
42
+ size?: number;
43
+ color?: string;
44
+ }>;
45
+ iconColor?: string;
46
+ action?: string;
47
+ onClick?: () => void;
48
+ };
49
+ type DropdownMenuProps$1 = {
50
+ isOpen: boolean;
51
+ onClose: () => void;
52
+ items: DropdownMenuItem[];
53
+ position?: "top" | "bottom" | "left" | "right";
54
+ width?: string;
55
+ triggerRef?: React.RefObject<HTMLElement | null>;
56
+ alignToTrigger?: boolean;
57
+ };
39
58
 
40
59
  interface ButtonProps {
41
60
  buttonText?: string;
42
- buttonIcon?: React.ReactNode;
61
+ buttonIcon?: React$1.ReactNode;
43
62
  onClick: () => void;
44
63
  type: ButtonTypes;
45
64
  disabled?: boolean;
@@ -79,6 +98,8 @@ interface DropdownMenuProps {
79
98
  }
80
99
  declare function DropdownMenu({ label, placeholder, options, value, onChange, error, disabled, className, id, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
81
100
 
101
+ declare const DropdownPopup: ({ isOpen, onClose, items, position, width, triggerRef, alignToTrigger, }: DropdownMenuProps$1) => react_jsx_runtime.JSX.Element;
102
+
82
103
  interface ErrorScreenProps extends InfoScreenProps {
83
104
  showAdditionalInfo?: boolean;
84
105
  }
@@ -88,7 +109,7 @@ declare function FullScreenViewer({ isOpen, items, index, setIndex, onClose }: {
88
109
  isOpen: boolean;
89
110
  items: MediaItem[];
90
111
  index: number;
91
- setIndex: React.Dispatch<React.SetStateAction<number>>;
112
+ setIndex: React$1.Dispatch<React$1.SetStateAction<number>>;
92
113
  onClose: () => void;
93
114
  }): react_jsx_runtime.JSX.Element;
94
115
 
@@ -97,7 +118,7 @@ declare function InputField({ label, value, placeholder, onChange, error, id, }:
97
118
  id: string;
98
119
  value: string;
99
120
  placeholder: string;
100
- onChange: (newValue: React.ChangeEvent<HTMLInputElement>) => void;
121
+ onChange: (newValue: React$1.ChangeEvent<HTMLInputElement>) => void;
101
122
  error?: string;
102
123
  }): react_jsx_runtime.JSX.Element;
103
124
 
@@ -128,7 +149,7 @@ declare function NumberField({ label, value, placeholder, onChange, error, maxLe
128
149
  value: string;
129
150
  placeholder: string;
130
151
  maxLength?: number;
131
- onChange: (newValue: React.ChangeEvent<HTMLInputElement>) => void;
152
+ onChange: (newValue: React$1.ChangeEvent<HTMLInputElement>) => void;
132
153
  error?: string;
133
154
  }): react_jsx_runtime.JSX.Element;
134
155
 
@@ -136,7 +157,7 @@ declare function PasswordField({ id, value, label, onChange, error, }: {
136
157
  id: string;
137
158
  value: string;
138
159
  label: string;
139
- onChange: (newValue: React.ChangeEvent<HTMLInputElement>) => void;
160
+ onChange: (newValue: React$1.ChangeEvent<HTMLInputElement>) => void;
140
161
  error?: string;
141
162
  }): react_jsx_runtime.JSX.Element;
142
163
 
@@ -162,10 +183,20 @@ declare function TextAreaField({ label, value, placeholder, onChange, error, max
162
183
  value: string;
163
184
  placeholder: string;
164
185
  maxLength?: number;
165
- onChange: (newValue: React.ChangeEvent<HTMLTextAreaElement>) => void;
186
+ onChange: (newValue: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
166
187
  error?: string;
167
188
  }): react_jsx_runtime.JSX.Element;
168
189
 
190
+ interface TimePickerProps {
191
+ label?: string;
192
+ id?: string;
193
+ value: string;
194
+ onChange: (time: string) => void;
195
+ error?: string;
196
+ disabled?: boolean;
197
+ }
198
+ declare function TimePicker({ label, id, value, onChange, error, disabled, }: TimePickerProps): react_jsx_runtime.JSX.Element;
199
+
169
200
  declare function UnauthorizedPage(): react_jsx_runtime.JSX.Element;
170
201
 
171
- export { Button, ButtonTypes, ButtonWidths, Checkbox, DatePicker, DropdownMenu, type DropdownOption, ErrorScreen, FullScreenViewer, InfoScreen, type InfoScreenProps, InputField, LazyImageLoader, LoadingPage, type MediaItem, Modal, NumberField, PasswordField, Radiobutton as RadioButton, SearchField, SuccessScreen, TextAreaField, UnauthorizedPage };
202
+ export { Button, ButtonTypes, ButtonWidths, Checkbox, DatePicker, DropdownMenu, type DropdownMenuItem, type DropdownMenuProps$1 as DropdownMenuProps, type DropdownOption, DropdownPopup, ErrorScreen, FullScreenViewer, InfoScreen, type InfoScreenProps, InputField, LazyImageLoader, LoadingPage, type MediaItem, Modal, NumberField, PasswordField, Radiobutton as RadioButton, SearchField, SuccessScreen, TextAreaField, TimePicker as Timepicker, UnauthorizedPage };