@konstructio/ui 0.1.2-alpha.44 → 0.1.2-alpha.47
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/components/AlertDialog/AlertDialog.js +39 -37
- package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
- package/dist/components/AlertDialog/components/index.js +1 -1
- package/dist/components/Badge/Badge.js +23 -26
- package/dist/components/Badge/Badge.variants.js +1 -1
- package/dist/components/Button/Button.variants.js +108 -98
- package/dist/components/Checkbox/Checkbox.js +104 -100
- package/dist/components/Checkbox/Checkbox.variants.js +30 -7
- package/dist/components/Counter/Counter.js +210 -0
- package/dist/components/Counter/Counter.variants.js +70 -0
- package/dist/components/Filter/Filter.js +1 -1
- package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +9 -10
- package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +76 -43
- package/dist/components/Filter/components/ResetButton/ResetButton.js +21 -32
- package/dist/components/Filter/events/index.js +3 -3
- package/dist/components/ImageUpload/ImageUpload.js +221 -0
- package/dist/components/ImageUpload/ImageUpload.variants.js +109 -0
- package/dist/components/Input/Input.variants.js +10 -2
- package/dist/components/PhoneNumberInput/PhoneNumberInput.variants.js +4 -4
- package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.js +16 -7
- package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.js +92 -74
- package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js +53 -29
- package/dist/components/PhoneNumberInput/components/Wrapper.js +139 -120
- package/dist/components/Radio/Radio.js +47 -44
- package/dist/components/Radio/Radio.variants.js +12 -8
- package/dist/components/Select/Select.js +48 -0
- package/dist/components/{Dropdown/Dropdown.variants.js → Select/Select.variants.js} +3 -3
- package/dist/components/{Dropdown → Select}/components/List/List.js +48 -43
- package/dist/components/{Dropdown → Select}/components/List/List.variants.js +8 -5
- package/dist/components/{Dropdown → Select}/components/ListItem/ListItem.js +20 -20
- package/dist/components/{Dropdown → Select}/components/ListItem/ListItem.variants.js +3 -2
- package/dist/components/{Dropdown → Select}/components/Wrapper.js +70 -70
- package/dist/components/Select/contexts/index.js +6 -0
- package/dist/components/{Dropdown/contexts/dropdown.context.js → Select/contexts/select.context.js} +2 -2
- package/dist/components/Select/contexts/select.hook.js +11 -0
- package/dist/components/Select/contexts/select.provider.js +58 -0
- package/dist/components/{Dropdown → Select}/hooks/useNavigationList.js +3 -3
- package/dist/components/{Dropdown/hooks/useDropdown.js → Select/hooks/useSelect.js} +33 -33
- package/dist/components/Switch/Switch.js +153 -125
- package/dist/components/Switch/Switch.variants.js +15 -6
- package/dist/components/TimePicker/TimePicker.variants.js +11 -6
- package/dist/components/TimePicker/components/MeridianList/MeridianList.js +30 -20
- package/dist/components/TimePicker/components/Wrapper/Wrapper.js +50 -35
- package/dist/components/Typography/Typography.js +24 -28
- package/dist/components/Typography/Typography.variants.js +49 -46
- package/dist/components/VirtualizedTable/components/Actions/Actions.js +14 -14
- package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js +10 -10
- package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.js +1 -1
- package/dist/components/index.js +84 -80
- package/dist/{index-CPU02rhe.js → index-D6KzX_ef.js} +13 -12
- package/dist/index.d.ts +134 -81
- package/dist/index.js +114 -110
- package/dist/package.json +4 -4
- package/dist/styles.css +1 -1
- package/dist/ui/civo-theme.css +6 -5
- package/dist/ui/theme.css +27 -0
- package/dist/x-BXShoIAM.js +8 -0
- package/package.json +4 -4
- package/dist/components/Dropdown/Dropdown.js +0 -48
- package/dist/components/Dropdown/contexts/dropdown.hook.js +0 -13
- package/dist/components/Dropdown/contexts/dropdown.provider.js +0 -58
- package/dist/components/Dropdown/contexts/index.js +0 -6
- package/dist/components/NumberInput/NumberInput.js +0 -179
- package/dist/components/NumberInput/NumberInput.variants.js +0 -50
- /package/dist/components/{Dropdown → Select}/components/EmptyList.js +0 -0
- /package/dist/components/{Dropdown → Select}/components/index.js +0 -0
- /package/dist/components/{Dropdown → Select}/constants/index.js +0 -0
- /package/dist/components/{Dropdown → Select}/constants/pagination.js +0 -0
|
@@ -40,7 +40,7 @@ var Q = "AlertDialogOverlay", y = l.forwardRef(
|
|
|
40
40
|
y.displayName = Q;
|
|
41
41
|
var n = "AlertDialogContent", [U, X] = z(n), Z = /* @__PURE__ */ V("AlertDialogContent"), N = l.forwardRef(
|
|
42
42
|
(r, e) => {
|
|
43
|
-
const { __scopeAlertDialog: o, children: t, ...a } = r,
|
|
43
|
+
const { __scopeAlertDialog: o, children: t, ...a } = r, c = s(o), d = l.useRef(null), P = u(e, d), g = l.useRef(null);
|
|
44
44
|
return /* @__PURE__ */ i(
|
|
45
45
|
G,
|
|
46
46
|
{
|
|
@@ -51,17 +51,17 @@ var n = "AlertDialogContent", [U, X] = z(n), Z = /* @__PURE__ */ V("AlertDialogC
|
|
|
51
51
|
W,
|
|
52
52
|
{
|
|
53
53
|
role: "alertdialog",
|
|
54
|
-
...
|
|
54
|
+
...c,
|
|
55
55
|
...a,
|
|
56
56
|
ref: P,
|
|
57
|
-
onOpenAutoFocus: M(a.onOpenAutoFocus, (
|
|
58
|
-
|
|
57
|
+
onOpenAutoFocus: M(a.onOpenAutoFocus, (p) => {
|
|
58
|
+
p.preventDefault(), g.current?.focus({ preventScroll: !0 });
|
|
59
59
|
}),
|
|
60
|
-
onPointerDownOutside: (
|
|
61
|
-
onInteractOutside: (
|
|
60
|
+
onPointerDownOutside: (p) => p.preventDefault(),
|
|
61
|
+
onInteractOutside: (p) => p.preventDefault(),
|
|
62
62
|
children: [
|
|
63
63
|
/* @__PURE__ */ i(Z, { children: t }),
|
|
64
|
-
/* @__PURE__ */ i(re, { contentRef:
|
|
64
|
+
/* @__PURE__ */ i(re, { contentRef: d })
|
|
65
65
|
]
|
|
66
66
|
}
|
|
67
67
|
) })
|
|
@@ -91,8 +91,8 @@ var ee = "AlertDialogAction", E = l.forwardRef(
|
|
|
91
91
|
E.displayName = ee;
|
|
92
92
|
var T = "AlertDialogCancel", b = l.forwardRef(
|
|
93
93
|
(r, e) => {
|
|
94
|
-
const { __scopeAlertDialog: o, ...t } = r, { cancelRef: a } = X(T, o),
|
|
95
|
-
return /* @__PURE__ */ i(f, { ...
|
|
94
|
+
const { __scopeAlertDialog: o, ...t } = r, { cancelRef: a } = X(T, o), c = s(o), d = u(e, a);
|
|
95
|
+
return /* @__PURE__ */ i(f, { ...c, ...t, ref: d });
|
|
96
96
|
}
|
|
97
97
|
);
|
|
98
98
|
b.displayName = T;
|
|
@@ -110,14 +110,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
|
|
|
110
110
|
) || console.warn(e);
|
|
111
111
|
}, [e, r]), null;
|
|
112
112
|
}, de = m, oe = D, ge = _, ue = y, Ae = N, fe = E, ve = b, me = h, De = S;
|
|
113
|
-
const _e = I(({ "data-theme": r, className: e, text: o,
|
|
113
|
+
const _e = I(({ "data-theme": r, className: e, text: o, variant: t, onOpen: a }, c) => /* @__PURE__ */ i(oe, { asChild: !0, children: /* @__PURE__ */ i(
|
|
114
114
|
k,
|
|
115
115
|
{
|
|
116
|
-
ref:
|
|
116
|
+
ref: c,
|
|
117
117
|
type: "button",
|
|
118
|
+
variant: t,
|
|
118
119
|
"data-theme": r,
|
|
119
120
|
className: q(e),
|
|
120
|
-
onClick:
|
|
121
|
+
onClick: a,
|
|
121
122
|
children: o
|
|
122
123
|
}
|
|
123
124
|
) }));
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { AlertDialogProps as AlertDialogProps_2 } from '@radix-ui/react-alert-dialog';
|
|
2
2
|
import { ButtonHTMLAttributes } from 'react';
|
|
3
3
|
import { CellContext } from '@tanstack/react-table';
|
|
4
|
+
import { ChangeEvent } from 'react';
|
|
4
5
|
import { CheckboxProps as CheckboxProps_2 } from '@radix-ui/react-checkbox';
|
|
5
6
|
import { ClassProp } from 'class-variance-authority/types';
|
|
6
7
|
import { ClassValue } from 'clsx';
|
|
@@ -43,6 +44,7 @@ declare interface AlertDialogProps extends PropsWithChildren, AlertDialogProps_2
|
|
|
43
44
|
buttonConfirm?: ButtonConfirmProps;
|
|
44
45
|
buttonTriggerText?: string;
|
|
45
46
|
buttonTriggerClassName?: string;
|
|
47
|
+
buttonTriggerVariant?: ButtonProps['variant'];
|
|
46
48
|
className?: string;
|
|
47
49
|
description?: string | ReactNode;
|
|
48
50
|
showCancelButton?: boolean;
|
|
@@ -73,7 +75,7 @@ declare interface AutocompleteProps extends VariantProps<typeof autocompleteVari
|
|
|
73
75
|
label?: string;
|
|
74
76
|
labelClassName?: string;
|
|
75
77
|
name?: string;
|
|
76
|
-
options:
|
|
78
|
+
options: Option_3[];
|
|
77
79
|
placeholder?: string;
|
|
78
80
|
placeHolderEmptyValues?: string | ReactNode;
|
|
79
81
|
placeHolderEmptyValuesClassName?: string;
|
|
@@ -144,7 +146,7 @@ declare interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
144
146
|
}
|
|
145
147
|
|
|
146
148
|
declare const buttonVariants: (props?: ({
|
|
147
|
-
variant?: "danger" | "
|
|
149
|
+
variant?: "danger" | "link" | "primary" | "secondary" | "tertiary" | null | undefined;
|
|
148
150
|
shape?: "circle" | null | undefined;
|
|
149
151
|
version?: "default" | "alternate" | null | undefined;
|
|
150
152
|
disabled?: boolean | null | undefined;
|
|
@@ -192,6 +194,33 @@ export declare type ColumnDef<TData extends RowData> = ColumnDef_2<TData, string
|
|
|
192
194
|
|
|
193
195
|
export declare const Content: FC<TabsContentProps>;
|
|
194
196
|
|
|
197
|
+
declare const Counter: FC<CounterProps>;
|
|
198
|
+
export { Counter }
|
|
199
|
+
export { Counter as NumberInput }
|
|
200
|
+
|
|
201
|
+
declare interface CounterProps extends VariantProps<typeof counterVariants> {
|
|
202
|
+
canDecrement?: boolean;
|
|
203
|
+
canIncrement?: boolean;
|
|
204
|
+
className?: string;
|
|
205
|
+
decrementButtonClassName?: string;
|
|
206
|
+
incrementButtonClassName?: string;
|
|
207
|
+
init?: number;
|
|
208
|
+
isRequired?: boolean;
|
|
209
|
+
label?: string;
|
|
210
|
+
max?: number;
|
|
211
|
+
min?: number;
|
|
212
|
+
name?: string;
|
|
213
|
+
theme?: Theme;
|
|
214
|
+
value?: number;
|
|
215
|
+
onChange?: ({ target: { value } }: {
|
|
216
|
+
target: {
|
|
217
|
+
value: number;
|
|
218
|
+
};
|
|
219
|
+
}) => void;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
declare const counterVariants: (props?: ClassProp | undefined) => string;
|
|
223
|
+
|
|
195
224
|
declare type CSSColor = `var(--${string})` | `rgb(${number}, ${number}, ${number})` | `rgba(${number}, ${number}, ${number}, ${number})` | `hsl(${number}, ${number}%, ${number}%)` | `hsla(${number}, ${number}%, ${number}%, ${number})`;
|
|
196
225
|
|
|
197
226
|
export declare const DateFilterDropdown: FC<DateFilterDropdownProps>;
|
|
@@ -216,59 +245,8 @@ declare const datePickerVariants: (props?: ClassProp | undefined) => string;
|
|
|
216
245
|
|
|
217
246
|
export declare const Divider: FC<HTMLAttributes<HTMLDivElement>>;
|
|
218
247
|
|
|
219
|
-
export declare const Dropdown: FC<DropdownProps>;
|
|
220
|
-
|
|
221
248
|
export declare const DropdownButton: FC<Props>;
|
|
222
249
|
|
|
223
|
-
declare type DropdownProps = VariantProps<typeof dropdownVariants> & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> & {
|
|
224
|
-
additionalOptions?: ReactNode[] | string[];
|
|
225
|
-
className?: string;
|
|
226
|
-
disabled?: boolean;
|
|
227
|
-
error?: string;
|
|
228
|
-
helperText?: string;
|
|
229
|
-
highlightSearch?: boolean;
|
|
230
|
-
iconClassName?: string;
|
|
231
|
-
inputClassName?: string;
|
|
232
|
-
isLoading?: boolean;
|
|
233
|
-
isRequired?: boolean;
|
|
234
|
-
label?: string;
|
|
235
|
-
labelClassName?: string;
|
|
236
|
-
listClassName?: string;
|
|
237
|
-
listItemClassName?: string;
|
|
238
|
-
listItemSecondRowClassName?: string;
|
|
239
|
-
mainWrapperClassName?: string;
|
|
240
|
-
options: Option_3[];
|
|
241
|
-
searchable?: boolean;
|
|
242
|
-
showSearchIcon?: boolean;
|
|
243
|
-
theme?: Theme;
|
|
244
|
-
value?: string;
|
|
245
|
-
wrapperClassName?: string;
|
|
246
|
-
errorClassName?: string;
|
|
247
|
-
helperTextClassName?: string;
|
|
248
|
-
onBlur?: VoidFunction;
|
|
249
|
-
onChange?: OnChangeFn;
|
|
250
|
-
onSearchChange?: (searchTerm: string) => void;
|
|
251
|
-
noOptionsText?: string;
|
|
252
|
-
} & ({
|
|
253
|
-
isInfiniteScrollEnabled: true;
|
|
254
|
-
onFetchMoreOptions: (params: {
|
|
255
|
-
page: number;
|
|
256
|
-
pageSize: number;
|
|
257
|
-
termOfSearch?: string;
|
|
258
|
-
}) => Promise<{
|
|
259
|
-
data: Option_3[];
|
|
260
|
-
hasMore: boolean;
|
|
261
|
-
}>;
|
|
262
|
-
} | {
|
|
263
|
-
isInfiniteScrollEnabled?: false | undefined;
|
|
264
|
-
onFetchMoreOptions?: never;
|
|
265
|
-
});
|
|
266
|
-
|
|
267
|
-
declare const dropdownVariants: (props?: ({
|
|
268
|
-
hasError?: boolean | null | undefined;
|
|
269
|
-
disabled?: boolean | null | undefined;
|
|
270
|
-
} & ClassProp) | undefined) => string;
|
|
271
|
-
|
|
272
250
|
export declare const Filter: FilterComponentProps;
|
|
273
251
|
|
|
274
252
|
declare type FilterAction = {
|
|
@@ -311,6 +289,44 @@ declare const headVariants: (props?: ClassProp | undefined) => string;
|
|
|
311
289
|
|
|
312
290
|
declare type HexColor = `#${string}`;
|
|
313
291
|
|
|
292
|
+
export declare const ImageUpload: {
|
|
293
|
+
({ className, error, fileName, fileSize, fileUrl, helperText, isRequired, label, labelClassName, name, onChange, onRemove, status, theme, uploadButtonText, accept, maxSize, }: ImageUploadProps): JSX.Element;
|
|
294
|
+
displayName: string;
|
|
295
|
+
};
|
|
296
|
+
|
|
297
|
+
declare interface ImageUploadProps extends Omit<VariantProps<typeof imageUploadVariants>, 'status'> {
|
|
298
|
+
className?: string;
|
|
299
|
+
error?: string;
|
|
300
|
+
fileName?: string;
|
|
301
|
+
fileSize?: string;
|
|
302
|
+
fileUrl?: string;
|
|
303
|
+
helperText?: string;
|
|
304
|
+
isRequired?: boolean;
|
|
305
|
+
label?: string | ReactNode;
|
|
306
|
+
labelClassName?: string;
|
|
307
|
+
name?: string;
|
|
308
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
309
|
+
onRemove?: () => void;
|
|
310
|
+
status?: ImageUploadStatusType;
|
|
311
|
+
theme?: Theme;
|
|
312
|
+
uploadButtonText?: string;
|
|
313
|
+
accept?: string;
|
|
314
|
+
maxSize?: number;
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
declare enum ImageUploadStatus {
|
|
318
|
+
Default = "default",
|
|
319
|
+
Uploading = "uploading",
|
|
320
|
+
Complete = "complete",
|
|
321
|
+
Error = "error"
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
declare type ImageUploadStatusType = ImageUploadStatus;
|
|
325
|
+
|
|
326
|
+
declare const imageUploadVariants: (props?: ({
|
|
327
|
+
status?: "error" | "default" | "uploading" | "complete" | null | undefined;
|
|
328
|
+
} & ClassProp) | undefined) => string;
|
|
329
|
+
|
|
314
330
|
export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
|
|
315
331
|
|
|
316
332
|
declare interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
|
|
@@ -469,26 +485,6 @@ declare const navigationTitleVariants: (props?: ClassProp | undefined) => string
|
|
|
469
485
|
|
|
470
486
|
declare const navigationVariants: (props?: ClassProp | undefined) => string;
|
|
471
487
|
|
|
472
|
-
export declare const NumberInput: FC<NumberInputProps>;
|
|
473
|
-
|
|
474
|
-
declare interface NumberInputProps extends VariantProps<typeof numberInputVariants> {
|
|
475
|
-
className?: string;
|
|
476
|
-
init?: number;
|
|
477
|
-
label?: string | ReactNode;
|
|
478
|
-
max?: number;
|
|
479
|
-
min?: number;
|
|
480
|
-
name?: string;
|
|
481
|
-
value?: number;
|
|
482
|
-
theme?: Theme;
|
|
483
|
-
onChange?: ({ target: { value } }: {
|
|
484
|
-
target: {
|
|
485
|
-
value: number;
|
|
486
|
-
};
|
|
487
|
-
}) => void;
|
|
488
|
-
}
|
|
489
|
-
|
|
490
|
-
declare const numberInputVariants: (props?: ClassProp | undefined) => string;
|
|
491
|
-
|
|
492
488
|
declare type OnBlurFn = (event: {
|
|
493
489
|
target: HTMLInputElement | null;
|
|
494
490
|
type?: string;
|
|
@@ -509,10 +505,6 @@ declare type OnChangeFn_2 = (params: {
|
|
|
509
505
|
}) => void;
|
|
510
506
|
|
|
511
507
|
declare type Option_2 = {
|
|
512
|
-
value: string;
|
|
513
|
-
};
|
|
514
|
-
|
|
515
|
-
declare type Option_3 = {
|
|
516
508
|
label: string;
|
|
517
509
|
subLabel?: string | ReactNode;
|
|
518
510
|
leftIcon?: ReactNode | string;
|
|
@@ -524,6 +516,10 @@ declare type Option_3 = {
|
|
|
524
516
|
value: string;
|
|
525
517
|
};
|
|
526
518
|
|
|
519
|
+
declare type Option_3 = {
|
|
520
|
+
value: string;
|
|
521
|
+
};
|
|
522
|
+
|
|
527
523
|
declare type Option_4 = {
|
|
528
524
|
label: string | ReactNode;
|
|
529
525
|
onClick?: VoidFunction;
|
|
@@ -815,6 +811,59 @@ declare const rowVariants: (props?: ({
|
|
|
815
811
|
isSelected?: boolean | null | undefined;
|
|
816
812
|
} & ClassProp) | undefined) => string;
|
|
817
813
|
|
|
814
|
+
declare const Select: FC<SelectProps>;
|
|
815
|
+
export { Select as Dropdown }
|
|
816
|
+
export { Select }
|
|
817
|
+
|
|
818
|
+
declare type SelectProps = VariantProps<typeof selectVariants> & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> & {
|
|
819
|
+
additionalOptions?: ReactNode[] | string[];
|
|
820
|
+
className?: string;
|
|
821
|
+
disabled?: boolean;
|
|
822
|
+
error?: string;
|
|
823
|
+
errorClassName?: string;
|
|
824
|
+
helperText?: string;
|
|
825
|
+
helperTextClassName?: string;
|
|
826
|
+
highlightSearch?: boolean;
|
|
827
|
+
iconClassName?: string;
|
|
828
|
+
inputClassName?: string;
|
|
829
|
+
isLoading?: boolean;
|
|
830
|
+
isRequired?: boolean;
|
|
831
|
+
label?: string;
|
|
832
|
+
labelClassName?: string;
|
|
833
|
+
listClassName?: string;
|
|
834
|
+
listItemClassName?: string;
|
|
835
|
+
listItemSecondRowClassName?: string;
|
|
836
|
+
mainWrapperClassName?: string;
|
|
837
|
+
noOptionsText?: string;
|
|
838
|
+
options: Option_2[];
|
|
839
|
+
searchable?: boolean;
|
|
840
|
+
showSearchIcon?: boolean;
|
|
841
|
+
theme?: Theme;
|
|
842
|
+
value?: string;
|
|
843
|
+
wrapperClassName?: string;
|
|
844
|
+
onBlur?: VoidFunction;
|
|
845
|
+
onChange?: OnChangeFn;
|
|
846
|
+
onSearchChange?: (searchTerm: string) => void;
|
|
847
|
+
} & ({
|
|
848
|
+
isInfiniteScrollEnabled: true;
|
|
849
|
+
onFetchMoreOptions: (params: {
|
|
850
|
+
page: number;
|
|
851
|
+
pageSize: number;
|
|
852
|
+
termOfSearch?: string;
|
|
853
|
+
}) => Promise<{
|
|
854
|
+
data: Option_2[];
|
|
855
|
+
hasMore: boolean;
|
|
856
|
+
}>;
|
|
857
|
+
} | {
|
|
858
|
+
isInfiniteScrollEnabled?: false | undefined;
|
|
859
|
+
onFetchMoreOptions?: never;
|
|
860
|
+
});
|
|
861
|
+
|
|
862
|
+
declare const selectVariants: (props?: ({
|
|
863
|
+
hasError?: boolean | null | undefined;
|
|
864
|
+
disabled?: boolean | null | undefined;
|
|
865
|
+
} & ClassProp) | undefined) => string;
|
|
866
|
+
|
|
818
867
|
export declare const Sidebar: FC<SidebarProps> & SidebarChildrenProps;
|
|
819
868
|
|
|
820
869
|
declare type SidebarChildrenProps = {
|
|
@@ -865,8 +914,11 @@ declare interface SwitchProps extends VariantProps<typeof switchVariants> {
|
|
|
865
914
|
alignment?: 'horizontal' | 'vertical';
|
|
866
915
|
className?: string;
|
|
867
916
|
defaultChecked?: boolean;
|
|
868
|
-
|
|
917
|
+
disabled?: boolean;
|
|
869
918
|
helperText?: string;
|
|
919
|
+
helperTextClassName?: string;
|
|
920
|
+
label?: string;
|
|
921
|
+
labelClassName?: string;
|
|
870
922
|
name?: string;
|
|
871
923
|
theme?: Theme;
|
|
872
924
|
thumbClassName?: string;
|
|
@@ -966,7 +1018,7 @@ declare type TimePickerProps = VariantProps<typeof timePickerVariants> & {
|
|
|
966
1018
|
time?: Date;
|
|
967
1019
|
name?: string;
|
|
968
1020
|
label?: string;
|
|
969
|
-
|
|
1021
|
+
isRequired?: boolean;
|
|
970
1022
|
className?: string;
|
|
971
1023
|
listClassName?: string;
|
|
972
1024
|
listItemClassName?: string;
|
|
@@ -1024,13 +1076,14 @@ declare const triggerVariants: (props?: ({
|
|
|
1024
1076
|
|
|
1025
1077
|
export declare const TruncateText: <TData>({ getValue, value }: Props_4<TData>) => JSX.Element;
|
|
1026
1078
|
|
|
1027
|
-
export declare const Typography: ForwardRefExoticComponent<Omit<TypographyProps, 'ref'> & RefAttributes<HTMLParagraphElement
|
|
1079
|
+
export declare const Typography: ForwardRefExoticComponent<Omit<TypographyProps, 'ref'> & RefAttributes<HTMLParagraphElement & HTMLHeadingElement & HTMLLabelElement>>;
|
|
1028
1080
|
|
|
1029
1081
|
declare interface TypographyProps extends HTMLAttributes<ComponentRef<HeadingTag | 'p' | 'span'>>, VariantProps<typeof typographyVariants> {
|
|
1030
1082
|
ref?: Ref<HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement>;
|
|
1031
1083
|
children: ReactNode;
|
|
1032
|
-
component?: HeadingTag | 'p' | 'span';
|
|
1084
|
+
component?: HeadingTag | 'p' | 'span' | 'label';
|
|
1033
1085
|
theme?: Theme;
|
|
1086
|
+
htmlFor?: string;
|
|
1034
1087
|
}
|
|
1035
1088
|
|
|
1036
1089
|
declare const typographyVariants: (props?: ({
|
package/dist/index.js
CHANGED
|
@@ -1,114 +1,118 @@
|
|
|
1
1
|
import { cn as e } from "./utils/index.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
2
|
+
import { Counter as p, Counter as m } from "./components/Counter/Counter.js";
|
|
3
|
+
import { Select as f, Select as a } from "./components/Select/Select.js";
|
|
4
|
+
import { Alert as n } from "./components/Alert/Alert.js";
|
|
5
|
+
import { AlertDialog as l } from "./components/AlertDialog/AlertDialog.js";
|
|
6
|
+
import { Autocomplete as g } from "./components/Autocomplete/Autocomplete.js";
|
|
7
|
+
import { Badge as c } from "./components/Badge/Badge.js";
|
|
8
|
+
import { Breadcrumb as C } from "./components/Breadcrumb/Breadcrumb.js";
|
|
9
|
+
import { Button as b } from "./components/Button/Button.js";
|
|
10
|
+
import { Card as D } from "./components/Card/Card.js";
|
|
11
|
+
import { Checkbox as B } from "./components/Checkbox/Checkbox.js";
|
|
12
|
+
import { DatePicker as P } from "./components/Datepicker/DatePicker.js";
|
|
13
|
+
import { Divider as R } from "./components/Divider/Divider.js";
|
|
14
|
+
import { DropdownButton as I } from "./components/DropdownButton/DropdownButton.js";
|
|
15
|
+
import { Filter as k } from "./components/Filter/Filter.js";
|
|
16
|
+
import { BadgeMultiSelect as G } from "./components/Filter/components/BadgeDropdown/BadgeMultiSelect.js";
|
|
17
|
+
import { DateFilterDropdown as y } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
|
|
18
|
+
import { ImageUpload as O } from "./components/ImageUpload/ImageUpload.js";
|
|
19
|
+
import { Input as V } from "./components/Input/Input.js";
|
|
20
|
+
import { Loading as q } from "./components/Loading/Loading.js";
|
|
21
|
+
import { M as H } from "./Modal-CjC-CIJ8.js";
|
|
22
|
+
import { MultiSelectDropdown as K } from "./components/MultiSelectDropdown/MultiSelectDropdown.js";
|
|
23
|
+
import { PhoneNumberInput as W } from "./components/PhoneNumberInput/PhoneNumberInput.js";
|
|
24
|
+
import { PieChart as Y } from "./components/PieChart/PieChart.js";
|
|
25
|
+
import { ProgressBar as _ } from "./components/ProgressBar/ProgressBar.js";
|
|
26
|
+
import { Radio as oo } from "./components/Radio/Radio.js";
|
|
27
|
+
import { RadioCard as eo } from "./components/RadioCard/RadioCard.js";
|
|
28
|
+
import { RadioCardGroup as po } from "./components/RadioCardGroup/RadioCardGroup.js";
|
|
29
|
+
import { RadioGroup as xo } from "./components/RadioGroup/RadioGroup.js";
|
|
30
|
+
import { Range as ao } from "./components/Range/Range.js";
|
|
31
|
+
import { Footer as no } from "./components/Sidebar/components/Footer/Footer.js";
|
|
32
|
+
import { Logo as uo } from "./components/Sidebar/components/Logo/Logo.js";
|
|
33
|
+
import { Navigation as To } from "./components/Sidebar/components/Navigation/Navigation.js";
|
|
34
|
+
import { NavigationGroup as so } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";
|
|
35
|
+
import { NavigationOption as So } from "./components/Sidebar/components/NavigationOption/NavigationOption.js";
|
|
36
|
+
import { NavigationSeparator as ho } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
|
|
37
|
+
import { Sidebar as vo } from "./components/Sidebar/Sidebar.js";
|
|
38
|
+
import { Slider as No } from "./components/Slider/Slider.js";
|
|
39
|
+
import { Switch as wo } from "./components/Switch/Switch.js";
|
|
40
|
+
import { Table as Ao } from "./components/Table/Table.js";
|
|
41
|
+
import { Content as Mo } from "./components/Tabs/components/Content.js";
|
|
42
|
+
import { List as Fo } from "./components/Tabs/components/List.js";
|
|
43
|
+
import { Tabs as Lo } from "./components/Tabs/Tabs.js";
|
|
44
|
+
import { Trigger as zo } from "./components/Tabs/components/Trigger.js";
|
|
45
|
+
import { Tag as Uo } from "./components/Tag/Tag.js";
|
|
46
|
+
import { TagSelect as jo } from "./components/TagSelect/TagSelect.js";
|
|
47
|
+
import { TextArea as Eo } from "./components/TextArea/TextArea.js";
|
|
48
|
+
import { TimePicker as Jo } from "./components/TimePicker/TimePicker.js";
|
|
49
|
+
import { Toast as Qo } from "./components/Toast/Toast.js";
|
|
50
|
+
import { Tooltip as Xo } from "./components/Tooltip/Tooltip.js";
|
|
51
|
+
import { Typography as Zo } from "./components/Typography/Typography.js";
|
|
52
|
+
import { TruncateText as $o } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
|
|
53
|
+
import { VirtualizedTable as rr } from "./components/VirtualizedTable/VirtualizedTable.js";
|
|
54
|
+
import { ThemeContext as tr } from "./contexts/theme.context.js";
|
|
55
|
+
import { useTheme as mr } from "./contexts/theme.hook.js";
|
|
56
|
+
import { ThemeProvider as fr } from "./contexts/theme.provider.js";
|
|
57
|
+
import { useToggle as ir } from "./hooks/useToggle.js";
|
|
57
58
|
export {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
To as
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
W as
|
|
89
|
-
Y as
|
|
90
|
-
_ as
|
|
91
|
-
oo as
|
|
92
|
-
eo as
|
|
93
|
-
po as
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
59
|
+
n as Alert,
|
|
60
|
+
l as AlertDialog,
|
|
61
|
+
g as Autocomplete,
|
|
62
|
+
c as Badge,
|
|
63
|
+
G as BadgeMultiSelect,
|
|
64
|
+
C as Breadcrumb,
|
|
65
|
+
b as Button,
|
|
66
|
+
D as Card,
|
|
67
|
+
B as Checkbox,
|
|
68
|
+
Mo as Content,
|
|
69
|
+
p as Counter,
|
|
70
|
+
y as DateFilterDropdown,
|
|
71
|
+
P as DatePicker,
|
|
72
|
+
R as Divider,
|
|
73
|
+
f as Dropdown,
|
|
74
|
+
I as DropdownButton,
|
|
75
|
+
k as Filter,
|
|
76
|
+
no as Footer,
|
|
77
|
+
O as ImageUpload,
|
|
78
|
+
V as Input,
|
|
79
|
+
Fo as List,
|
|
80
|
+
q as Loading,
|
|
81
|
+
uo as Logo,
|
|
82
|
+
H as Modal,
|
|
83
|
+
K as MultiSelectDropdown,
|
|
84
|
+
To as Navigation,
|
|
85
|
+
so as NavigationGroup,
|
|
86
|
+
So as NavigationOption,
|
|
87
|
+
ho as NavigationSeparator,
|
|
88
|
+
m as NumberInput,
|
|
89
|
+
W as PhoneNumberInput,
|
|
90
|
+
Y as PieChart,
|
|
91
|
+
_ as ProgressBar,
|
|
92
|
+
oo as Radio,
|
|
93
|
+
eo as RadioCard,
|
|
94
|
+
po as RadioCardGroup,
|
|
95
|
+
xo as RadioGroup,
|
|
96
|
+
ao as Range,
|
|
97
|
+
a as Select,
|
|
98
|
+
vo as Sidebar,
|
|
99
|
+
No as Slider,
|
|
100
|
+
wo as Switch,
|
|
101
|
+
Ao as Table,
|
|
102
|
+
Lo as Tabs,
|
|
103
|
+
Uo as Tag,
|
|
104
|
+
jo as TagSelect,
|
|
105
|
+
Eo as TextArea,
|
|
106
|
+
tr as ThemeContext,
|
|
107
|
+
fr as ThemeProvider,
|
|
108
|
+
Jo as TimePicker,
|
|
109
|
+
Qo as Toast,
|
|
110
|
+
Xo as Tooltip,
|
|
111
|
+
zo as Trigger,
|
|
112
|
+
$o as TruncateText,
|
|
113
|
+
Zo as Typography,
|
|
114
|
+
rr as VirtualizedTable,
|
|
111
115
|
e as cn,
|
|
112
|
-
|
|
113
|
-
|
|
116
|
+
mr as useTheme,
|
|
117
|
+
ir as useToggle
|
|
114
118
|
};
|
package/dist/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@konstructio/ui",
|
|
3
3
|
"description": "A set of reusable and customizable React components built for konstruct.io",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "0.1.2-alpha.
|
|
5
|
+
"version": "0.1.2-alpha.46",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"main": "dist/index.js",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"@radix-ui/react-visually-hidden": "^1.2.4",
|
|
68
68
|
"@react-input/mask": "^2.0.4",
|
|
69
69
|
"@tanstack/react-table": "^8.21.3",
|
|
70
|
-
"@tanstack/react-virtual": "^3.13.
|
|
70
|
+
"@tanstack/react-virtual": "^3.13.18",
|
|
71
71
|
"chart.js": "^4.5.1",
|
|
72
72
|
"class-variance-authority": "^0.7.1",
|
|
73
73
|
"clsx": "^2.1.1",
|
|
@@ -131,8 +131,8 @@
|
|
|
131
131
|
"@types/google-libphonenumber": "^7.4.30",
|
|
132
132
|
"@types/jest-axe": "^3.5.9",
|
|
133
133
|
"@types/js-cookie": "^3.0.6",
|
|
134
|
-
"@types/lodash": "^4.17.
|
|
135
|
-
"@types/react": "^19.2.
|
|
134
|
+
"@types/lodash": "^4.17.23",
|
|
135
|
+
"@types/react": "^19.2.8",
|
|
136
136
|
"@types/react-dom": "^19.2.3",
|
|
137
137
|
"@typescript-eslint/eslint-plugin": "^8.52.0",
|
|
138
138
|
"@typescript-eslint/parser": "^8.52.0",
|