advi-ui 0.4.0 → 0.5.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/README.md +27 -0
- package/dist/advi-ui.cjs.js +1 -1
- package/dist/advi-ui.cjs.js.map +1 -1
- package/dist/advi-ui.es.js +1734 -1737
- package/dist/advi-ui.es.js.map +1 -1
- package/dist/src/components/Header.d.ts +4 -1
- package/dist/src/components/PageAside.d.ts +2 -1
- package/dist/src/components/SearchInput.d.ts +6 -2
- package/dist/src/components/ui/dialog.d.ts +6 -2
- package/dist/src/components/ui/modal.d.ts +5 -2
- package/dist/src/components/ui/multi-select.d.ts +10 -0
- package/dist/src/components/ui/select.d.ts +10 -0
- package/package.json +1 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
import { Link } from '../../components/ui/link';
|
|
2
3
|
interface HeaderProps {
|
|
3
4
|
logo: {
|
|
@@ -10,6 +11,8 @@ interface HeaderProps {
|
|
|
10
11
|
};
|
|
11
12
|
ctaLinks?: Link[];
|
|
12
13
|
modalRootSelector?: string;
|
|
14
|
+
menuIcon?: ReactNode;
|
|
15
|
+
linkIcon?: ReactNode;
|
|
13
16
|
}
|
|
14
|
-
export declare const Header: ({ logo, ctaLinks, modalRootSelector }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const Header: ({ logo, ctaLinks, modalRootSelector, menuIcon, linkIcon, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
18
|
export {};
|
|
@@ -39,9 +39,10 @@ interface PageAsideProps {
|
|
|
39
39
|
footer?: (open: boolean) => React.ReactNode;
|
|
40
40
|
openWidth?: string;
|
|
41
41
|
className?: string;
|
|
42
|
+
toggleIcon?: (open: boolean) => React.ReactNode;
|
|
42
43
|
}
|
|
43
44
|
declare const PageAside: {
|
|
44
|
-
({ items, open, onToggle, title, footer, openWidth, className, }: PageAsideProps): import("react/jsx-runtime").JSX.Element;
|
|
45
|
+
({ items, open, onToggle, title, footer, openWidth, className, toggleIcon, }: PageAsideProps): import("react/jsx-runtime").JSX.Element;
|
|
45
46
|
displayName: string;
|
|
46
47
|
};
|
|
47
48
|
export { PageAside, AsideBtn, AsideText };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeEvent } from 'react';
|
|
1
|
+
import { ChangeEvent, ReactNode, ReactElement } from 'react';
|
|
2
2
|
interface SearchInputProps {
|
|
3
3
|
value?: string;
|
|
4
4
|
defaultValue?: string;
|
|
@@ -12,6 +12,10 @@ interface SearchInputProps {
|
|
|
12
12
|
onSearch?: (value: string) => void;
|
|
13
13
|
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
14
14
|
onClear?: () => void;
|
|
15
|
+
searchIcon?: ReactElement<{
|
|
16
|
+
className?: string;
|
|
17
|
+
}>;
|
|
18
|
+
clearIcon?: ReactNode;
|
|
15
19
|
}
|
|
16
|
-
export declare const SearchInput: ({ value: controlledValue, defaultValue, placeholder, disabled, loading, debounce: debounceMs, shortcut, showButton, className, onSearch, onChange, onClear, }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const SearchInput: ({ value: controlledValue, defaultValue, placeholder, disabled, loading, debounce: debounceMs, shortcut, showButton, className, onSearch, onChange, onClear, searchIcon, clearIcon, }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
21
|
export {};
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
import { default as React, HTMLAttributes } from 'react';
|
|
1
|
+
import { default as React, HTMLAttributes, ReactElement } from 'react';
|
|
2
2
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
3
3
|
declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
|
|
4
4
|
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
5
|
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
6
6
|
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
7
|
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
-
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> &
|
|
8
|
+
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
|
+
closeIcon?: ReactElement<{
|
|
10
|
+
className?: string;
|
|
11
|
+
}>;
|
|
12
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
9
13
|
declare const DialogHeader: {
|
|
10
14
|
({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
11
15
|
displayName: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { ReactNode, ReactElement } from 'react';
|
|
2
2
|
interface ModalProps {
|
|
3
3
|
open: boolean;
|
|
4
4
|
onOpenChange: (open: boolean) => void;
|
|
@@ -10,6 +10,9 @@ interface ModalProps {
|
|
|
10
10
|
className?: string;
|
|
11
11
|
modalRootSelector?: string;
|
|
12
12
|
duration?: number;
|
|
13
|
+
closeIcon?: ReactElement<{
|
|
14
|
+
className?: string;
|
|
15
|
+
}>;
|
|
13
16
|
}
|
|
14
|
-
export declare const Modal: ({ open, onOpenChange, trigger, title, description, children, footer, className, modalRootSelector, duration, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const Modal: ({ open, onOpenChange, trigger, title, description, children, footer, className, modalRootSelector, duration, closeIcon, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
18
|
export {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
1
2
|
import { SelectOption } from './select';
|
|
2
3
|
export type { SelectOption };
|
|
3
4
|
interface MultiSelectProps {
|
|
@@ -12,5 +13,14 @@ interface MultiSelectProps {
|
|
|
12
13
|
maxCount?: number;
|
|
13
14
|
searchable?: boolean;
|
|
14
15
|
loading?: boolean;
|
|
16
|
+
removeIcon?: ReactElement<{
|
|
17
|
+
className?: string;
|
|
18
|
+
}>;
|
|
19
|
+
chevronIcon?: ReactElement<{
|
|
20
|
+
className?: string;
|
|
21
|
+
}>;
|
|
22
|
+
checkIcon?: ReactElement<{
|
|
23
|
+
className?: string;
|
|
24
|
+
}>;
|
|
15
25
|
}
|
|
16
26
|
export declare const MultiSelect: import('react').ForwardRefExoticComponent<MultiSelectProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
1
2
|
export interface SelectOption {
|
|
2
3
|
value: string;
|
|
3
4
|
label: string;
|
|
@@ -16,6 +17,15 @@ interface SelectProps {
|
|
|
16
17
|
searchable?: boolean;
|
|
17
18
|
loading?: boolean;
|
|
18
19
|
clearable?: boolean;
|
|
20
|
+
clearIcon?: ReactElement<{
|
|
21
|
+
className?: string;
|
|
22
|
+
}>;
|
|
23
|
+
chevronIcon?: ReactElement<{
|
|
24
|
+
className?: string;
|
|
25
|
+
}>;
|
|
26
|
+
checkIcon?: ReactElement<{
|
|
27
|
+
className?: string;
|
|
28
|
+
}>;
|
|
19
29
|
}
|
|
20
30
|
export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
21
31
|
export {};
|