@ofgdev/ui-components 1.2.27 → 1.2.29
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/Accordion/Accordion.d.ts +6 -3
- package/dist/Alert/Alert.d.ts +6 -6
- package/dist/Button/Button.d.ts +3 -3
- package/dist/Calendar/Calendar.d.ts +7 -6
- package/dist/Card/Card.d.ts +2 -2
- package/dist/CardButton/CardButton.d.ts +1 -1
- package/dist/CheckBoxInput/CheckBoxInput.d.ts +6 -5
- package/dist/CheckBoxInput/CheckBoxInputGroup.d.ts +3 -2
- package/dist/CheckBoxInput/CheckBoxInputItem.d.ts +1 -1
- package/dist/CheckBoxTab/CheckBoxTabGroup.d.ts +3 -2
- package/dist/CheckBoxTab/CheckBoxTabItem.d.ts +5 -2
- package/dist/DatePicker/DatePicker.d.ts +10 -9
- package/dist/Heading/Heading.d.ts +3 -3
- package/dist/IconButton/IconButton.d.ts +3 -3
- package/dist/ImportFile/ImportFile.d.ts +3 -3
- package/dist/Modal/Modal.d.ts +17 -13
- package/dist/MultiSelect/MultiSelect.d.ts +14 -14
- package/dist/NumberInput/NumberInput.d.ts +10 -9
- package/dist/PhoneNumberInput/PhoneNumberInput.d.ts +8 -7
- package/dist/Popover/Popover.d.ts +4 -4
- package/dist/ProgressBar/ProgressBar.d.ts +1 -1
- package/dist/RadioInput/RadioInput.d.ts +8 -6
- package/dist/Select/Select.d.ts +11 -11
- package/dist/SliderInput/SliderInput.d.ts +16 -15
- package/dist/Spinner/Spinner.d.ts +1 -1
- package/dist/StarRating/StarRating.d.ts +3 -3
- package/dist/Stepper/StepContent.d.ts +2 -2
- package/dist/Stepper/Stepper.d.ts +1 -1
- package/dist/Stepper/SubStep.d.ts +3 -3
- package/dist/Stepper/types.d.ts +6 -6
- package/dist/Table/TableBody.d.ts +1 -1
- package/dist/Table/TableCell.d.ts +2 -2
- package/dist/Table/TableRow.d.ts +2 -2
- package/dist/Text/Text.d.ts +3 -3
- package/dist/TextArea/TextArea.d.ts +6 -5
- package/dist/TextInput/TextInput.d.ts +8 -7
- package/dist/Toast/Toast.d.ts +6 -7
- package/dist/helper/cx.d.ts +1 -1
- package/dist/helper/formatValue.d.ts +1 -1
- package/dist/index.cjs.js +12 -12
- package/dist/index.es.js +2269 -2215
- package/dist/ui-components.css +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
interface AccordionProps {
|
|
3
|
-
className?: string;
|
|
4
3
|
children?: React.ReactNode;
|
|
5
|
-
|
|
4
|
+
className?: string;
|
|
6
5
|
defaultOpen?: boolean;
|
|
6
|
+
label: string;
|
|
7
7
|
}
|
|
8
|
-
export declare const Accordion:
|
|
8
|
+
export declare const Accordion: {
|
|
9
|
+
({ className, children, label, defaultOpen, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
9
12
|
export default Accordion;
|
package/dist/Alert/Alert.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
interface AlertProps {
|
|
3
|
-
variant?: "success" | "error" | "warning" | "info";
|
|
4
|
-
deleteOnClick?: () => void;
|
|
5
3
|
cancelOnClick?: () => void;
|
|
6
|
-
confirmOnClick?: () => void;
|
|
7
|
-
open?: boolean;
|
|
8
|
-
dismissible?: boolean;
|
|
9
|
-
onDismiss?: () => void;
|
|
10
4
|
children?: React.ReactNode;
|
|
11
5
|
className?: string;
|
|
6
|
+
confirmOnClick?: () => void;
|
|
12
7
|
contentText: string;
|
|
8
|
+
deleteOnClick?: () => void;
|
|
9
|
+
dismissible?: boolean;
|
|
10
|
+
onDismiss?: () => void;
|
|
11
|
+
open?: boolean;
|
|
13
12
|
title: string;
|
|
13
|
+
variant?: "error" | "info" | "success" | "warning";
|
|
14
14
|
}
|
|
15
15
|
export declare const Alert: React.FC<AlertProps>;
|
|
16
16
|
export default Alert;
|
package/dist/Button/Button.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
-
variant?: "primary" | "secondary" | "ghost-primary" | "ghost-secondary" | "ghost-tertiary" | "danger";
|
|
4
|
-
size?: "default" | "small";
|
|
5
|
-
className?: string;
|
|
6
3
|
children: React.ReactNode;
|
|
4
|
+
className?: string;
|
|
7
5
|
isLoading?: boolean;
|
|
8
6
|
loadingText?: string;
|
|
7
|
+
size?: "default" | "small";
|
|
8
|
+
variant?: "danger" | "ghost-primary" | "ghost-secondary" | "ghost-tertiary" | "primary" | "secondary";
|
|
9
9
|
}
|
|
10
10
|
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
interface CalendarProps {
|
|
3
|
-
value?: string;
|
|
4
|
-
onChange?: (date: string) => void;
|
|
5
|
-
minDate?: string;
|
|
6
|
-
maxDate?: string;
|
|
7
|
-
disabledDates?: string[];
|
|
8
|
-
show?: boolean;
|
|
9
3
|
className?: string;
|
|
4
|
+
disabledDates?: string[];
|
|
5
|
+
format?: string;
|
|
6
|
+
maxDate?: string;
|
|
7
|
+
minDate?: string;
|
|
8
|
+
onChange?: (date: string) => void;
|
|
10
9
|
paginateYears?: boolean;
|
|
10
|
+
show?: boolean;
|
|
11
|
+
value?: string;
|
|
11
12
|
}
|
|
12
13
|
export declare const Calendar: React.FC<CalendarProps>;
|
|
13
14
|
export {};
|
package/dist/Card/Card.d.ts
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
+
import { HeadingSize } from '../Heading/Heading';
|
|
1
2
|
interface CheckBoxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
description?: string;
|
|
4
|
+
errorMessage?: string;
|
|
2
5
|
label?: string;
|
|
3
|
-
labelSize?:
|
|
6
|
+
labelSize?: HeadingSize;
|
|
4
7
|
labelTop?: string;
|
|
5
|
-
vertical?: boolean;
|
|
6
|
-
errorMessage?: string;
|
|
7
|
-
description?: string;
|
|
8
|
-
required?: boolean;
|
|
9
8
|
optional?: boolean;
|
|
9
|
+
required?: boolean;
|
|
10
|
+
vertical?: boolean;
|
|
10
11
|
}
|
|
11
12
|
export declare const CheckBoxInput: import('react').ForwardRefExoticComponent<CheckBoxInputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
12
13
|
export default CheckBoxInput;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { HeadingSize } from '../Heading/Heading';
|
|
2
3
|
type CheckBoxInputGroupProps = {
|
|
3
4
|
name?: string;
|
|
4
5
|
className?: string;
|
|
@@ -13,14 +14,14 @@ type CheckBoxInputGroupProps = {
|
|
|
13
14
|
required?: boolean;
|
|
14
15
|
optional?: boolean;
|
|
15
16
|
label?: string;
|
|
16
|
-
labelSize?:
|
|
17
|
+
labelSize?: HeadingSize;
|
|
17
18
|
vertical?: boolean;
|
|
18
19
|
};
|
|
19
20
|
interface CheckBoxInputGroupContextType {
|
|
21
|
+
multiple: boolean;
|
|
20
22
|
name?: string;
|
|
21
23
|
selectedItems: string | string[];
|
|
22
24
|
updateSelection: (value: string, checked: boolean) => void;
|
|
23
|
-
multiple: boolean;
|
|
24
25
|
}
|
|
25
26
|
export interface CheckBoxInputGroupRef {
|
|
26
27
|
getSelectedValues: () => string | string[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
type CheckBoxInputItemProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
2
|
+
type CheckBoxInputItemProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked" | "onChange"> & {
|
|
3
3
|
className?: string;
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { HeadingSize } from '../Heading/Heading';
|
|
2
3
|
type CheckBoxTabGroupProps = {
|
|
3
4
|
name?: string;
|
|
4
5
|
className?: string;
|
|
@@ -13,13 +14,13 @@ type CheckBoxTabGroupProps = {
|
|
|
13
14
|
required?: boolean;
|
|
14
15
|
optional?: boolean;
|
|
15
16
|
label?: string;
|
|
16
|
-
labelSize?:
|
|
17
|
+
labelSize?: HeadingSize;
|
|
17
18
|
};
|
|
18
19
|
interface CheckBoxTabGroupContextType {
|
|
20
|
+
multiple: boolean;
|
|
19
21
|
name?: string;
|
|
20
22
|
selectedItems: string | string[];
|
|
21
23
|
updateSelection: (value: string, checked: boolean) => void;
|
|
22
|
-
multiple: boolean;
|
|
23
24
|
}
|
|
24
25
|
export interface CheckBoxTabGroupRef {
|
|
25
26
|
getSelectedValues: () => string | string[];
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
type CheckBoxTabItemProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
2
|
+
type CheckBoxTabItemProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked" | "onChange"> & {
|
|
3
3
|
className?: string;
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
6
6
|
name?: string;
|
|
7
7
|
onChange?: (checked: boolean, value: string) => void;
|
|
8
8
|
};
|
|
9
|
-
export declare const CheckBoxTabItem:
|
|
9
|
+
export declare const CheckBoxTabItem: {
|
|
10
|
+
({ className, label, value, name, onChange, ...props }: CheckBoxTabItemProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
10
13
|
export default CheckBoxTabItem;
|
|
@@ -1,19 +1,20 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { HeadingSize } from '../Heading/Heading';
|
|
2
3
|
interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue"> {
|
|
3
4
|
value?: string;
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
disabledDates?: string[];
|
|
6
|
-
minDate?: string;
|
|
7
|
-
maxDate?: string;
|
|
8
5
|
defaultValue?: string;
|
|
9
|
-
label?: string;
|
|
10
|
-
labelSize?: import('../Heading/Heading').HeadingSize;
|
|
11
|
-
required?: boolean;
|
|
12
|
-
errorMessage?: string;
|
|
13
6
|
description?: string;
|
|
14
|
-
|
|
7
|
+
disabledDates?: string[];
|
|
8
|
+
errorMessage?: string;
|
|
15
9
|
format?: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
labelSize?: HeadingSize;
|
|
12
|
+
maxDate?: string;
|
|
13
|
+
minDate?: string;
|
|
14
|
+
optional?: boolean;
|
|
16
15
|
paginateYears?: boolean;
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
required?: boolean;
|
|
17
18
|
}
|
|
18
19
|
export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
|
|
19
20
|
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
export type HeadingSize = "
|
|
2
|
+
export type HeadingSize = "2xl" | "3xl" | "5xl" | "8xl" | "lg" | "md" | "sm" | "xs" | "xxs";
|
|
3
3
|
export interface HeadingProps {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
size?: HeadingSize;
|
|
6
4
|
as?: keyof React.JSX.IntrinsicElements;
|
|
5
|
+
children: React.ReactNode;
|
|
7
6
|
className?: string;
|
|
7
|
+
size?: HeadingSize;
|
|
8
8
|
}
|
|
9
9
|
export declare const Heading: React.FC<HeadingProps>;
|
|
10
10
|
export default Heading;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
-
variant?: "danger" | "secondary";
|
|
4
|
-
size?: "default" | "small";
|
|
5
|
-
className?: string;
|
|
6
3
|
children: React.ReactNode;
|
|
4
|
+
className?: string;
|
|
7
5
|
isLoading?: boolean;
|
|
8
6
|
loadingText?: string;
|
|
7
|
+
size?: "default" | "small";
|
|
8
|
+
variant?: "danger" | "secondary";
|
|
9
9
|
}
|
|
10
10
|
export declare const IconButton: React.FC<IconButtonProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export interface ImportFileProps {
|
|
2
|
-
value?: File;
|
|
3
|
-
onChange?: (file?: File) => void;
|
|
4
|
-
className?: string;
|
|
5
2
|
accept?: string;
|
|
3
|
+
className?: string;
|
|
4
|
+
onChange?: (file?: File) => void;
|
|
5
|
+
value?: File;
|
|
6
6
|
}
|
|
7
7
|
export declare const ImportFile: import('react').ForwardRefExoticComponent<ImportFileProps & import('react').RefAttributes<HTMLInputElement>>;
|
package/dist/Modal/Modal.d.ts
CHANGED
|
@@ -1,26 +1,30 @@
|
|
|
1
1
|
interface ModalProps {
|
|
2
|
-
className?: string;
|
|
3
2
|
bodyClassName?: string;
|
|
4
3
|
children?: React.ReactNode;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
className?: string;
|
|
5
|
+
contentClassName?: string;
|
|
6
|
+
isOpen?: boolean;
|
|
7
|
+
onClose?: () => void;
|
|
9
8
|
onPrimaryButtonClick?: () => void;
|
|
10
9
|
onSecondaryButtonClick?: () => void;
|
|
11
|
-
secondaryButtonClassName?: string;
|
|
12
10
|
primaryButtonClassName?: string;
|
|
13
11
|
primaryButtonIsLoading?: boolean;
|
|
14
12
|
primaryButtonLoadingMessage?: string;
|
|
15
|
-
|
|
13
|
+
primaryButtonText?: string;
|
|
14
|
+
primaryButtonVariant?: "danger" | "ghost-primary" | "ghost-secondary" | "ghost-tertiary" | "primary" | "secondary";
|
|
15
|
+
secondaryButtonClassName?: string;
|
|
16
|
+
secondaryButtonIsLoading?: boolean;
|
|
17
|
+
secondaryButtonLoadingMessage?: string;
|
|
18
|
+
secondaryButtonText?: string;
|
|
19
|
+
secondaryButtonVariant?: "danger" | "ghost-primary" | "ghost-secondary" | "ghost-tertiary" | "primary" | "secondary";
|
|
16
20
|
showFooter?: boolean;
|
|
17
|
-
|
|
21
|
+
showHeader?: boolean;
|
|
22
|
+
size?: "lg" | "md" | "sm";
|
|
18
23
|
title?: string;
|
|
19
24
|
titleClassName?: string;
|
|
20
|
-
isOpen?: boolean;
|
|
21
|
-
primaryButtonVariant?: "primary" | "secondary" | "ghost-primary" | "ghost-secondary" | "ghost-tertiary" | "danger";
|
|
22
|
-
secondaryButtonVariant?: "primary" | "secondary" | "ghost-primary" | "ghost-secondary" | "ghost-tertiary" | "danger";
|
|
23
|
-
size?: "sm" | "md" | "lg";
|
|
24
25
|
}
|
|
25
|
-
export declare const Modal:
|
|
26
|
+
export declare const Modal: {
|
|
27
|
+
({ className, bodyClassName, contentClassName, primaryButtonText, secondaryButtonText, onPrimaryButtonClick, onSecondaryButtonClick, secondaryButtonClassName, primaryButtonClassName, primaryButtonIsLoading, secondaryButtonIsLoading, children, title, titleClassName, isOpen, primaryButtonLoadingMessage, secondaryButtonLoadingMessage, onClose, size, showHeader, showFooter, primaryButtonVariant, secondaryButtonVariant, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
displayName: string;
|
|
29
|
+
};
|
|
26
30
|
export default Modal;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HeadingSize } from '../Heading/Heading';
|
|
2
2
|
interface Option {
|
|
3
|
-
value: string | number;
|
|
4
3
|
label: string;
|
|
4
|
+
value: number | string;
|
|
5
5
|
}
|
|
6
6
|
interface SelectProps {
|
|
7
|
-
options: Option[];
|
|
8
|
-
value?: (string | number)[];
|
|
9
|
-
defaultValue?: (string | number)[];
|
|
10
|
-
placeholder?: string;
|
|
11
7
|
className?: string;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
labelSize?: import('../Heading/Heading').HeadingSize;
|
|
8
|
+
defaultValue?: (number | string)[];
|
|
9
|
+
description?: string;
|
|
15
10
|
disabled?: boolean;
|
|
16
11
|
errorMessage?: string;
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
label?: string;
|
|
13
|
+
labelSize?: HeadingSize;
|
|
14
|
+
onBlur?: () => void;
|
|
15
|
+
onChange?: (value: (number | string)[]) => void;
|
|
19
16
|
optional?: boolean;
|
|
17
|
+
options: Option[];
|
|
18
|
+
placeholder?: string;
|
|
20
19
|
readOnly?: boolean;
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
required?: boolean;
|
|
21
|
+
searchable?: boolean;
|
|
22
|
+
value?: (number | string)[];
|
|
23
23
|
}
|
|
24
|
-
export declare const MultiSelect:
|
|
24
|
+
export declare const MultiSelect: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
25
25
|
export default MultiSelect;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
+
import { HeadingSize } from '../Heading/Heading';
|
|
1
2
|
interface NumberInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
2
|
-
prefix?: string;
|
|
3
|
-
suffix?: string;
|
|
4
|
-
label?: string;
|
|
5
|
-
labelSize?: import('../Heading/Heading').HeadingSize;
|
|
6
|
-
format?: "currency" | "percentage" | "number";
|
|
7
|
-
formatOnChange?: boolean;
|
|
8
|
-
errorMessage?: string;
|
|
9
3
|
description?: string;
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
errorMessage?: string;
|
|
5
|
+
format?: "currency" | "number" | "percentage";
|
|
6
|
+
formatOnChange?: boolean;
|
|
12
7
|
inputClassName?: string;
|
|
8
|
+
label?: string;
|
|
9
|
+
labelSize?: HeadingSize;
|
|
10
|
+
optional?: boolean;
|
|
11
|
+
prefix?: string;
|
|
12
|
+
required?: boolean;
|
|
13
|
+
suffix?: string;
|
|
13
14
|
}
|
|
14
15
|
export declare const NumberInput: import('react').ForwardRefExoticComponent<NumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
15
16
|
export default NumberInput;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { CountryCode } from './countryCodes';
|
|
2
|
+
import { HeadingSize } from '../Heading/Heading';
|
|
2
3
|
interface PhoneNumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue"> {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
labelSize?: import('../Heading/Heading').HeadingSize;
|
|
6
|
-
errorMessage?: string;
|
|
4
|
+
countryCode?: CountryCode;
|
|
5
|
+
defaultValue?: string;
|
|
7
6
|
description?: string;
|
|
8
|
-
|
|
7
|
+
errorMessage?: string;
|
|
9
8
|
inputClassName?: string;
|
|
9
|
+
label?: string;
|
|
10
|
+
labelSize?: HeadingSize;
|
|
10
11
|
name?: string;
|
|
11
|
-
|
|
12
|
-
|
|
12
|
+
optional?: boolean;
|
|
13
|
+
value?: string;
|
|
13
14
|
}
|
|
14
15
|
export declare const PhoneNumberInput: import('react').ForwardRefExoticComponent<PhoneNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
15
16
|
export default PhoneNumberInput;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export type PopoverPlacement = "
|
|
1
|
+
import { CSSProperties, ReactElement, ReactNode, default as React } from 'react';
|
|
2
|
+
export type PopoverPlacement = "bottom" | "left" | "right" | "top";
|
|
3
3
|
interface PopoverProps {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
className?: string;
|
|
@@ -7,15 +7,15 @@ interface PopoverProps {
|
|
|
7
7
|
}
|
|
8
8
|
interface PopoverTriggerProps {
|
|
9
9
|
children: ReactElement;
|
|
10
|
-
openOn?: "hover" | "click";
|
|
11
10
|
className?: string;
|
|
11
|
+
openOn?: "click" | "hover";
|
|
12
12
|
style?: CSSProperties;
|
|
13
13
|
}
|
|
14
14
|
interface PopoverContentProps {
|
|
15
15
|
children: ReactNode;
|
|
16
16
|
className?: string;
|
|
17
|
-
style?: CSSProperties;
|
|
18
17
|
placement?: PopoverPlacement;
|
|
18
|
+
style?: CSSProperties;
|
|
19
19
|
}
|
|
20
20
|
export declare const Popover: React.FC<PopoverProps>;
|
|
21
21
|
export declare const PopoverTrigger: React.FC<PopoverTriggerProps>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
interface ProgressBarProps {
|
|
2
2
|
className?: string;
|
|
3
|
-
value?: number;
|
|
4
3
|
max?: number;
|
|
5
4
|
min?: number;
|
|
5
|
+
value?: number;
|
|
6
6
|
}
|
|
7
7
|
export declare const ProgressBar: ({ className, value, max, min, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export default ProgressBar;
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
+
import { HeadingSize } from '../Heading/Heading';
|
|
1
2
|
interface Option {
|
|
3
|
+
description?: string;
|
|
4
|
+
label: number | string;
|
|
2
5
|
value: string;
|
|
3
|
-
label: string | number;
|
|
4
6
|
}
|
|
5
7
|
interface RadioInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue"> {
|
|
8
|
+
defaultValue?: number | string;
|
|
9
|
+
description?: string;
|
|
10
|
+
errorMessage?: string;
|
|
6
11
|
label?: string;
|
|
7
|
-
labelSize?:
|
|
12
|
+
labelSize?: HeadingSize;
|
|
13
|
+
optional?: boolean;
|
|
8
14
|
options: Option[];
|
|
9
15
|
vertical?: boolean;
|
|
10
|
-
errorMessage?: string;
|
|
11
|
-
description?: string;
|
|
12
|
-
optional?: boolean;
|
|
13
|
-
defaultValue?: string | number;
|
|
14
16
|
}
|
|
15
17
|
export declare const RadioInput: import('react').ForwardRefExoticComponent<RadioInputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
16
18
|
export {};
|
package/dist/Select/Select.d.ts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { HeadingSize } from '../Heading/Heading';
|
|
2
3
|
interface Option {
|
|
3
|
-
value: string | number;
|
|
4
4
|
label: string;
|
|
5
|
+
value: number | string;
|
|
5
6
|
}
|
|
6
7
|
interface SelectProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
7
|
-
options: Option[];
|
|
8
|
-
value?: string | number;
|
|
9
|
-
placeholder?: string;
|
|
10
8
|
className?: string;
|
|
11
|
-
|
|
12
|
-
label?: string;
|
|
13
|
-
labelSize?: import('../Heading/Heading').HeadingSize;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
errorMessage?: string;
|
|
9
|
+
defaultValue?: number | string;
|
|
16
10
|
description?: string;
|
|
17
|
-
|
|
11
|
+
errorMessage?: string;
|
|
12
|
+
label?: string;
|
|
13
|
+
labelSize?: HeadingSize;
|
|
18
14
|
optional?: boolean;
|
|
19
|
-
|
|
15
|
+
options: Option[];
|
|
16
|
+
placeholder?: string;
|
|
20
17
|
readOnly?: boolean;
|
|
18
|
+
required?: boolean;
|
|
19
|
+
searchable?: boolean;
|
|
20
|
+
value?: number | string;
|
|
21
21
|
}
|
|
22
22
|
export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLInputElement>>;
|
|
23
23
|
export default Select;
|
|
@@ -1,23 +1,24 @@
|
|
|
1
|
+
import { HeadingSize } from '../Heading/Heading';
|
|
1
2
|
interface SliderInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
showLabel?: boolean;
|
|
5
|
-
label?: string;
|
|
6
|
-
labelSize?: import('../Heading/Heading').HeadingSize;
|
|
7
|
-
min?: number;
|
|
8
|
-
max?: number;
|
|
9
|
-
value?: number;
|
|
3
|
+
hideInput?: boolean;
|
|
4
|
+
customLabels?: string[];
|
|
10
5
|
defaultValue?: number;
|
|
6
|
+
description?: string;
|
|
11
7
|
displayValue?: string;
|
|
12
|
-
inputSize?: "sm" | "md" | "lg";
|
|
13
|
-
format?: "currency" | "percentage" | "number";
|
|
14
8
|
errorMessage?: string;
|
|
15
|
-
|
|
16
|
-
required?: boolean;
|
|
17
|
-
optional?: boolean;
|
|
9
|
+
format?: "currency" | "number" | "percentage";
|
|
18
10
|
inputClassName?: string;
|
|
19
|
-
|
|
20
|
-
|
|
11
|
+
inputSize?: "lg" | "md" | "sm";
|
|
12
|
+
label?: string;
|
|
13
|
+
labelSize?: HeadingSize;
|
|
14
|
+
max?: number;
|
|
15
|
+
min?: number;
|
|
16
|
+
optional?: boolean;
|
|
17
|
+
prefix?: string;
|
|
18
|
+
required?: boolean;
|
|
19
|
+
showLabel?: boolean;
|
|
20
|
+
suffix?: string;
|
|
21
|
+
value?: number;
|
|
21
22
|
}
|
|
22
23
|
export declare const SliderInput: import('react').ForwardRefExoticComponent<SliderInputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
23
24
|
export default SliderInput;
|
|
@@ -6,6 +6,6 @@ export declare const Spinner: ({ loadingText, className, isLoading, containerCla
|
|
|
6
6
|
className?: string;
|
|
7
7
|
containerClassName?: string;
|
|
8
8
|
progressBar?: boolean;
|
|
9
|
-
size?: "
|
|
9
|
+
size?: "lg" | "md" | "sm" | "xl";
|
|
10
10
|
duration?: number;
|
|
11
11
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
interface StarRatingProps {
|
|
2
|
-
value?: number;
|
|
3
|
-
onChange?: (value: number) => void;
|
|
4
|
-
maxStars?: number;
|
|
5
2
|
className?: string;
|
|
6
3
|
errorMessage?: string;
|
|
7
4
|
label?: string;
|
|
5
|
+
maxStars?: number;
|
|
6
|
+
onChange?: (value: number) => void;
|
|
8
7
|
required?: boolean;
|
|
8
|
+
value?: number;
|
|
9
9
|
}
|
|
10
10
|
export declare const StarRating: import('react').ForwardRefExoticComponent<StarRatingProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
11
11
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const StepContent: ({ children, step, currentStep, }: {
|
|
2
|
-
step:
|
|
3
|
-
currentStep?:
|
|
2
|
+
step: null | number | string;
|
|
3
|
+
currentStep?: null | number | string;
|
|
4
4
|
children: React.JSX.Element;
|
|
5
5
|
}) => import("react").JSX.Element | null;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export interface StepperProps {
|
|
3
3
|
children: React.ReactNode;
|
|
4
|
+
className?: string;
|
|
4
5
|
currentStep?: number;
|
|
5
6
|
onStepChange?: (config: {
|
|
6
7
|
step?: number | string;
|
|
7
8
|
subStep?: number | string;
|
|
8
9
|
}) => void;
|
|
9
|
-
className?: string;
|
|
10
10
|
}
|
|
11
11
|
export declare const Stepper: React.FC<StepperProps>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export interface SubStepProps {
|
|
3
|
-
label: string;
|
|
4
|
-
current?: boolean;
|
|
5
3
|
completed?: boolean;
|
|
6
|
-
|
|
4
|
+
current?: boolean;
|
|
5
|
+
label: string;
|
|
7
6
|
onClick?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
|
|
7
|
+
position?: string;
|
|
8
8
|
}
|
|
9
9
|
export declare const SubStep: React.FC<SubStepProps>;
|
package/dist/Stepper/types.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
export interface StepComponentProps {
|
|
2
|
-
title: string;
|
|
3
2
|
children?: React.ReactNode;
|
|
3
|
+
completed?: boolean;
|
|
4
|
+
current?: boolean;
|
|
4
5
|
expanded?: boolean;
|
|
5
|
-
onExpand?: (expanded: boolean) => void;
|
|
6
6
|
isLocked?: boolean;
|
|
7
|
-
|
|
8
|
-
current?: boolean;
|
|
9
|
-
completed?: boolean;
|
|
10
|
-
onStepClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
7
|
+
onExpand?: (expanded: boolean) => void;
|
|
11
8
|
onStepChange?: (config: {
|
|
12
9
|
step?: number;
|
|
13
10
|
subStep?: number;
|
|
14
11
|
}) => void;
|
|
12
|
+
onStepClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
13
|
+
stepIndex?: number;
|
|
14
|
+
title: string;
|
|
15
15
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
interface Props extends HTMLAttributes<HTMLTableSectionElement> {
|
|
3
|
-
className?: string;
|
|
4
3
|
children?: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
5
|
}
|
|
6
6
|
export declare const TableBody: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export default TableBody;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
interface Props extends React.TdHTMLAttributes<HTMLTableCellElement> {
|
|
3
|
-
item?: string | number | undefined;
|
|
4
|
-
className?: string;
|
|
5
3
|
children?: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
item?: number | string | undefined;
|
|
6
6
|
}
|
|
7
7
|
export declare const TableCell: ({ item, children, className }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|