@povio/ui 0.0.1
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 +17 -0
- package/povio-ui-0.0.1.tgz +0 -0
- package/src/assets/icons/AlignCenter.d.ts +2 -0
- package/src/assets/icons/AlignLeft.d.ts +2 -0
- package/src/assets/icons/AlignLeftRight.d.ts +2 -0
- package/src/assets/icons/AlignRight.d.ts +2 -0
- package/src/assets/icons/ArrowDropDown.d.ts +2 -0
- package/src/assets/icons/ArrowDropUp.d.ts +2 -0
- package/src/assets/icons/ArrowLeft.d.ts +2 -0
- package/src/assets/icons/ArrowRight.d.ts +2 -0
- package/src/assets/icons/Bold.d.ts +2 -0
- package/src/assets/icons/BulletedList.d.ts +2 -0
- package/src/assets/icons/Calendar.d.ts +2 -0
- package/src/assets/icons/Check.d.ts +2 -0
- package/src/assets/icons/CheckCircle.d.ts +2 -0
- package/src/assets/icons/CheckboxCheckmark.d.ts +2 -0
- package/src/assets/icons/CheckboxIndeterminate.d.ts +2 -0
- package/src/assets/icons/ChevronDown.d.ts +2 -0
- package/src/assets/icons/ChevronLeft.d.ts +2 -0
- package/src/assets/icons/ChevronRight.d.ts +2 -0
- package/src/assets/icons/ChevronUp.d.ts +2 -0
- package/src/assets/icons/ChevronsLeft.d.ts +2 -0
- package/src/assets/icons/ChevronsRight.d.ts +2 -0
- package/src/assets/icons/Clock.d.ts +2 -0
- package/src/assets/icons/Close.d.ts +2 -0
- package/src/assets/icons/DateTime.d.ts +2 -0
- package/src/assets/icons/Drag.d.ts +2 -0
- package/src/assets/icons/File.d.ts +2 -0
- package/src/assets/icons/Highlight.d.ts +2 -0
- package/src/assets/icons/HighlightOn.d.ts +6 -0
- package/src/assets/icons/Info.d.ts +2 -0
- package/src/assets/icons/Italic.d.ts +2 -0
- package/src/assets/icons/Link.d.ts +2 -0
- package/src/assets/icons/Menu.d.ts +2 -0
- package/src/assets/icons/NumberedList.d.ts +2 -0
- package/src/assets/icons/PointerHorizontal.d.ts +2 -0
- package/src/assets/icons/PointerVertical.d.ts +2 -0
- package/src/assets/icons/Send.d.ts +2 -0
- package/src/assets/icons/Strikethrough.d.ts +2 -0
- package/src/assets/icons/TextColor.d.ts +6 -0
- package/src/assets/icons/Today.d.ts +2 -0
- package/src/assets/icons/Underlined.d.ts +2 -0
- package/src/assets/icons/Upload.d.ts +2 -0
- package/src/assets/icons/View.d.ts +2 -0
- package/src/assets/icons/ViewOff.d.ts +2 -0
- package/src/assets/icons/Warningfilled.d.ts +2 -0
- package/src/components/Menu/Menu.d.ts +14 -0
- package/src/components/Menu/MenuDesktop.d.ts +2 -0
- package/src/components/Menu/MenuItem.d.ts +5 -0
- package/src/components/Menu/MenuMobile.d.ts +2 -0
- package/src/components/Menu/MenuPopover.d.ts +5 -0
- package/src/components/buttons/Button/Button.d.ts +27 -0
- package/src/components/buttons/Button/button.cva.d.ts +30 -0
- package/src/components/buttons/IconButton/IconButton.d.ts +10 -0
- package/src/components/buttons/InlineIconButton/InlineIconButton.d.ts +11 -0
- package/src/components/buttons/PillButton/PillButton.d.ts +11 -0
- package/src/components/buttons/PillButton/pillButton.cva.d.ts +14 -0
- package/src/components/buttons/SplitButton/SplitButton.d.ts +10 -0
- package/src/components/buttons/TextButton/TextButton.d.ts +11 -0
- package/src/components/buttons/ToggleButton/ToggleButton.d.ts +9 -0
- package/src/components/buttons/shared/ButtonContent.d.ts +16 -0
- package/src/components/buttons/shared/buttonContent.cva.d.ts +6 -0
- package/src/components/inputs/Checkbox/Checkbox.d.ts +17 -0
- package/src/components/inputs/Checkbox/CheckboxCheckmark.d.ts +9 -0
- package/src/components/inputs/Checkbox/checkbox.cva.d.ts +11 -0
- package/src/components/inputs/DateTime/DatePicker/DatePicker.d.ts +24 -0
- package/src/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts +32 -0
- package/src/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts +22 -0
- package/src/components/inputs/DateTime/TimePicker/TimePicker.d.ts +20 -0
- package/src/components/inputs/DateTime/shared/Calendar.d.ts +20 -0
- package/src/components/inputs/DateTime/shared/CalendarCell.d.ts +20 -0
- package/src/components/inputs/DateTime/shared/CalendarGrid.d.ts +25 -0
- package/src/components/inputs/DateTime/shared/CalendarHeader.d.ts +16 -0
- package/src/components/inputs/DateTime/shared/CalendarSelectHeader.d.ts +17 -0
- package/src/components/inputs/DateTime/shared/DateField.d.ts +12 -0
- package/src/components/inputs/DateTime/shared/DatePickerInput.d.ts +20 -0
- package/src/components/inputs/DateTime/shared/DateSegmentItem.d.ts +11 -0
- package/src/components/inputs/DateTime/shared/DateTimeDialog.d.ts +15 -0
- package/src/components/inputs/DateTime/shared/DateTimeDialogFooter.d.ts +7 -0
- package/src/components/inputs/DateTime/shared/MonthPicker.d.ts +7 -0
- package/src/components/inputs/DateTime/shared/RangeCalendar.d.ts +26 -0
- package/src/components/inputs/DateTime/shared/TimeField.d.ts +12 -0
- package/src/components/inputs/DateTime/shared/TimePickerForm.d.ts +10 -0
- package/src/components/inputs/DateTime/shared/TimePickerInput.d.ts +18 -0
- package/src/components/inputs/DateTime/shared/YearPicker.d.ts +8 -0
- package/src/components/inputs/File/FileUpload.d.ts +4 -0
- package/src/components/inputs/File/FileUploadContainer.d.ts +3 -0
- package/src/components/inputs/File/InputUpload.d.ts +4 -0
- package/src/components/inputs/File/fileUpload.types.d.ts +79 -0
- package/src/components/inputs/File/index.d.ts +9 -0
- package/src/components/inputs/File/inputUpload.types.d.ts +30 -0
- package/src/components/inputs/File/shared/FileCard.d.ts +9 -0
- package/src/components/inputs/File/shared/FileCardList.d.ts +9 -0
- package/src/components/inputs/File/shared/FileProgressBar.d.ts +3 -0
- package/src/components/inputs/File/shared/FileUploadContent.d.ts +10 -0
- package/src/components/inputs/File/shared/FileUploadContentEmpty.d.ts +9 -0
- package/src/components/inputs/File/shared/FileUploadContentError.d.ts +11 -0
- package/src/components/inputs/File/shared/FileUploadContentFilled.d.ts +11 -0
- package/src/components/inputs/File/shared/FileUploadContentLoading.d.ts +9 -0
- package/src/components/inputs/File/shared/InputUploadContent.d.ts +8 -0
- package/src/components/inputs/File/shared/InputUploadFilled.d.ts +7 -0
- package/src/components/inputs/File/shared/fileUpload.cva.d.ts +11 -0
- package/src/components/inputs/File/shared/inputUploadButton.cva.d.ts +10 -0
- package/src/components/inputs/FormField/FormField.d.ts +17 -0
- package/src/components/inputs/FormField/FormFieldError.d.ts +7 -0
- package/src/components/inputs/FormField/FormFieldHeader.d.ts +14 -0
- package/src/components/inputs/FormField/FormFieldHeaderClose.d.ts +5 -0
- package/src/components/inputs/FormField/FormFieldLabel.d.ts +11 -0
- package/src/components/inputs/Input/NumberInput/NumberInput.d.ts +18 -0
- package/src/components/inputs/Input/PasswordInput/PasswordInput.d.ts +7 -0
- package/src/components/inputs/Input/TextArea/TextArea.d.ts +17 -0
- package/src/components/inputs/Input/TextInput/TextInput.d.ts +19 -0
- package/src/components/inputs/Input/shared/InputContent.d.ts +27 -0
- package/src/components/inputs/Inputs/Form.d.ts +26 -0
- package/src/components/inputs/Inputs/InputItem.d.ts +73 -0
- package/src/components/inputs/Inputs/Inputs.d.ts +10 -0
- package/src/components/inputs/RadioGroup/RadioGroup.d.ts +18 -0
- package/src/components/inputs/RadioGroup/radio.cva.d.ts +11 -0
- package/src/components/inputs/Selection/Autocomplete/Autocomplete.d.ts +8 -0
- package/src/components/inputs/Selection/Autocomplete/QueryAutocomplete.d.ts +19 -0
- package/src/components/inputs/Selection/Select/Select.d.ts +8 -0
- package/src/components/inputs/Selection/shared/SelectBase.d.ts +24 -0
- package/src/components/inputs/Selection/shared/SelectDesktop.d.ts +5 -0
- package/src/components/inputs/Selection/shared/SelectInput.d.ts +15 -0
- package/src/components/inputs/Selection/shared/SelectListBox.d.ts +9 -0
- package/src/components/inputs/Selection/shared/SelectListBoxItem.d.ts +8 -0
- package/src/components/inputs/Selection/shared/SelectListBoxItemSelectAll.d.ts +4 -0
- package/src/components/inputs/Selection/shared/SelectListBoxLoadingItem.d.ts +6 -0
- package/src/components/inputs/Selection/shared/SelectListBoxSelectionBar.d.ts +5 -0
- package/src/components/inputs/Selection/shared/SelectMobile.d.ts +5 -0
- package/src/components/inputs/Selection/shared/select.context.d.ts +30 -0
- package/src/components/inputs/Selection/shared/select.types.d.ts +55 -0
- package/src/components/inputs/Selection/shared/useSelectItems.d.ts +23 -0
- package/src/components/inputs/Slider/Slider.d.ts +18 -0
- package/src/components/inputs/TextEditor/TextEditor.d.ts +20 -0
- package/src/components/inputs/TextEditor/Toolbar/ColorPicker.d.ts +7 -0
- package/src/components/inputs/TextEditor/Toolbar/ColorPickerDropdown.d.ts +10 -0
- package/src/components/inputs/TextEditor/Toolbar/HyperlinkAction.d.ts +2 -0
- package/src/components/inputs/TextEditor/Toolbar/TextAlignSelect.d.ts +2 -0
- package/src/components/inputs/TextEditor/Toolbar/TextColorSelect.d.ts +2 -0
- package/src/components/inputs/TextEditor/Toolbar/TextEditorToolbar.d.ts +6 -0
- package/src/components/inputs/TextEditor/Toolbar/TextHighlightSelect.d.ts +2 -0
- package/src/components/inputs/TextEditor/Toolbar/TextListActions.d.ts +2 -0
- package/src/components/inputs/TextEditor/Toolbar/TextMarksActions.d.ts +2 -0
- package/src/components/inputs/TextEditor/Toolbar/TextStyleSelect.d.ts +2 -0
- package/src/components/inputs/TextEditor/textEditor.types.d.ts +5 -0
- package/src/components/inputs/Toggle/Toggle.d.ts +14 -0
- package/src/components/inputs/Toggle/toggle.cva.d.ts +10 -0
- package/src/components/inputs/shared/CheckContent.d.ts +7 -0
- package/src/components/inputs/shared/InputClear.d.ts +6 -0
- package/src/components/inputs/shared/form.types.d.ts +12 -0
- package/src/components/inputs/shared/input.cva.d.ts +22 -0
- package/src/components/inputs/shared/label.cva.d.ts +10 -0
- package/src/components/outline.clsx.d.ts +2 -0
- package/src/components/overlays/ActionModal/ActionModal.d.ts +19 -0
- package/src/components/overlays/BottomSheet/BottomSheet.d.ts +21 -0
- package/src/components/overlays/Drawer/Drawer.d.ts +13 -0
- package/src/components/overlays/Modal/Modal.d.ts +11 -0
- package/src/components/overlays/Modal/modal.cva.d.ts +12 -0
- package/src/components/overlays/ResponsivePopover/ResponsivePopover.d.ts +10 -0
- package/src/components/overlays/Tooltip/Tooltip.d.ts +9 -0
- package/src/components/overlays/Tooltip/TooltipEllipsis.d.ts +7 -0
- package/src/components/segment/Segment.d.ts +4 -0
- package/src/components/segment/SegmentItem.d.ts +2 -0
- package/src/components/segment/segment.types.d.ts +34 -0
- package/src/components/shared/pagination/Pagination.d.ts +9 -0
- package/src/components/shared/pagination/PaginationList.d.ts +15 -0
- package/src/components/shared/pagination/minWidth.cva.d.ts +3 -0
- package/src/components/status/Alert/Alert.d.ts +11 -0
- package/src/components/status/Alert/alert.cva.d.ts +7 -0
- package/src/components/status/Loader/Loader.d.ts +5 -0
- package/src/components/status/Loader/loader.cva.d.ts +9 -0
- package/src/components/status/Toast/Toast.d.ts +14 -0
- package/src/components/status/Toast/toast.cva.d.ts +18 -0
- package/src/components/status/Toast/useToast.d.ts +12 -0
- package/src/components/status/shared/status.cva.d.ts +8 -0
- package/src/components/table/CellText.d.ts +7 -0
- package/src/components/table/ColumnConfig.d.ts +10 -0
- package/src/components/table/HeaderText.d.ts +5 -0
- package/src/components/table/InfiniteTable.d.ts +9 -0
- package/src/components/table/PaginatedTable.d.ts +11 -0
- package/src/components/table/Table.d.ts +37 -0
- package/src/components/table/table.cva.d.ts +15 -0
- package/src/components/text/Link/Link.d.ts +7 -0
- package/src/components/text/Link/link.cva.d.ts +6 -0
- package/src/components/text/Tag/Tag.d.ts +10 -0
- package/src/components/text/Tag/tag.cva.d.ts +6 -0
- package/src/components/text/Typography/Typography.d.ts +11 -0
- package/src/components/text/Typography/typography.cva.d.ts +8 -0
- package/src/config/confirmation.context.d.ts +20 -0
- package/src/config/i18n.d.ts +315 -0
- package/src/config/router.context.d.ts +20 -0
- package/src/config/uiConfig.context.d.ts +28 -0
- package/src/config/uiStyle.context.d.ts +84 -0
- package/src/helpers/dynamicColumns.d.ts +44 -0
- package/src/helpers/dynamicInputs.d.ts +83 -0
- package/src/hooks/useAutosave.d.ts +9 -0
- package/src/hooks/useBreakpoint.d.ts +3 -0
- package/src/hooks/useDebounceCallback.d.ts +6 -0
- package/src/hooks/useDeepCompare.d.ts +4 -0
- package/src/hooks/useFilters.d.ts +7 -0
- package/src/hooks/useForm.d.ts +18 -0
- package/src/hooks/useFormAutosave.d.ts +13 -0
- package/src/hooks/useIntersectionObserver.d.ts +7 -0
- package/src/hooks/useLocalStorage.d.ts +13 -0
- package/src/hooks/useLongPressRepeat.d.ts +9 -0
- package/src/hooks/usePagination.d.ts +7 -0
- package/src/hooks/useScrollableListBox.d.ts +3 -0
- package/src/hooks/useSingletonMutation.d.ts +2 -0
- package/src/hooks/useSorting.d.ts +6 -0
- package/src/hooks/useStateAndRef.d.ts +4 -0
- package/src/hooks/useTableColumnConfig.d.ts +16 -0
- package/src/hooks/useTableNav.d.ts +84 -0
- package/src/hooks/useTranslationMemo.d.ts +4 -0
- package/src/index.d.ts +205 -0
- package/src/types/common.d.ts +12 -0
- package/src/types/react-query.d.ts +6 -0
- package/src/utils/array.utils.d.ts +3 -0
- package/src/utils/array.utils.spec.d.ts +1 -0
- package/src/utils/compoundMapper.d.ts +19 -0
- package/src/utils/compoundMapper.spec.d.ts +1 -0
- package/src/utils/date-time.utils.d.ts +14 -0
- package/src/utils/date-time.utils.spec.d.ts +1 -0
- package/src/utils/date.utils.d.ts +3 -0
- package/src/utils/date.utils.spec.d.ts +1 -0
- package/src/utils/dom.utils.d.ts +5 -0
- package/src/utils/file.utils.d.ts +9 -0
- package/src/utils/isEqual.d.ts +1 -0
- package/src/utils/logger.d.ts +7 -0
- package/src/utils/object.utils.d.ts +10 -0
- package/src/utils/queries.utils.d.ts +4 -0
- package/src/utils/rest/interceptors/logging.interceptor.d.ts +2 -0
- package/src/utils/rest/interceptors/response.interceptor.d.ts +2 -0
- package/src/utils/rest/interceptors/rest-interceptor.d.ts +8 -0
- package/src/utils/rest/rest-client.d.ts +29 -0
- package/src/utils/rest/rest.utils.d.ts +10 -0
- package/src/utils/routing.utils.d.ts +3 -0
- package/src/utils/string.utils.d.ts +4 -0
- package/src/utils/vendor/error-handling.d.ts +21 -0
- package/src/utils/zod.utils.d.ts +19 -0
- package/styles/editor.css +47 -0
- package/styles/index.css +1 -0
- package/vite.config.d.ts +2 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Control, FieldPath, FieldPathValue, FieldValues } from 'react-hook-form';
|
|
2
|
+
export type ControlKeys<TProps, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = TValueProp | "onChange" | "onBlur";
|
|
3
|
+
export interface FormControl<TFieldValues extends FieldValues, TType> {
|
|
4
|
+
control: Control<TFieldValues>;
|
|
5
|
+
name: {
|
|
6
|
+
[K in FieldPath<TFieldValues>]: FieldPathValue<TFieldValues, K> extends TType ? K : never;
|
|
7
|
+
}[FieldPath<TFieldValues>];
|
|
8
|
+
}
|
|
9
|
+
export type FormControlProps<TProps, TFieldValues extends FieldValues, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = {
|
|
10
|
+
formControl: FormControl<TFieldValues, TProps[TValueProp] | null>;
|
|
11
|
+
} & Omit<TProps, ControlKeys<TProps, TValueProp>> & Partial<Record<ControlKeys<TProps, TValueProp>, never>>;
|
|
12
|
+
export type ControlProps<TProps, TFieldValues extends FieldValues, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = FormControlProps<TProps, TFieldValues, TValueProp> | TProps;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
3
|
+
export declare const inputBase: (props?: ({
|
|
4
|
+
variant?: "outlined" | "filled" | null | undefined;
|
|
5
|
+
as?: "default" | "filter" | "inline" | "floating" | null | undefined;
|
|
6
|
+
} & ClassProp) | undefined) => string;
|
|
7
|
+
export interface InputBaseProps extends VariantProps<typeof inputBase> {
|
|
8
|
+
}
|
|
9
|
+
export declare const inputSize: (props?: ({
|
|
10
|
+
size?: "default" | "small" | "extra-small" | "large" | null | undefined;
|
|
11
|
+
} & ClassProp) | undefined) => string;
|
|
12
|
+
export interface InputSizeProps extends VariantProps<typeof inputSize> {
|
|
13
|
+
}
|
|
14
|
+
export declare const inputSide: (props?: ({
|
|
15
|
+
size?: "default" | "small" | "extra-small" | "large" | null | undefined;
|
|
16
|
+
type?: "left" | "right" | "var" | null | undefined;
|
|
17
|
+
} & ClassProp) | undefined) => string;
|
|
18
|
+
export interface InputSideProps extends VariantProps<typeof inputSide> {
|
|
19
|
+
}
|
|
20
|
+
export interface InputVariantProps extends InputBaseProps, InputSizeProps {
|
|
21
|
+
}
|
|
22
|
+
export declare const useInputCva: () => ({ className, ...rest }: InputVariantProps & ClassProp) => string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { TypographyVariantProps } from '#ui/components/text/Typography/typography.cva';
|
|
3
|
+
export declare const labelBase: (props?: ({
|
|
4
|
+
as?: "default" | "filter" | "inline" | "floating" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export interface LabelBaseProps extends VariantProps<typeof labelBase> {
|
|
7
|
+
}
|
|
8
|
+
export declare const labelTypography: (props: {
|
|
9
|
+
as?: "default" | "filter" | "inline" | "floating" | null | undefined;
|
|
10
|
+
}) => TypographyVariantProps | undefined;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ButtonVariantProps } from '#ui/components/buttons/Button/button.cva';
|
|
2
|
+
import { ModalProps } from '#ui/components/overlays/Modal/Modal';
|
|
3
|
+
interface ActionModalAction {
|
|
4
|
+
label: string;
|
|
5
|
+
onPress: () => void;
|
|
6
|
+
className?: string;
|
|
7
|
+
variant?: ButtonVariantProps["variant"];
|
|
8
|
+
color?: ButtonVariantProps["color"];
|
|
9
|
+
}
|
|
10
|
+
export interface ActionModalProps extends ModalProps {
|
|
11
|
+
heading: string;
|
|
12
|
+
description: string;
|
|
13
|
+
primaryAction: ActionModalAction;
|
|
14
|
+
secondaryAction?: ActionModalAction;
|
|
15
|
+
buttonSize?: ButtonVariantProps["size"];
|
|
16
|
+
textAlign?: "left" | "center" | "right";
|
|
17
|
+
}
|
|
18
|
+
export declare const ActionModal: ({ heading, description, primaryAction, secondaryAction, buttonSize, textAlign, modalClassName, ...modalProps }: ActionModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ReactNode, RefObject } from 'react';
|
|
2
|
+
type BottomSheetState = "closed" | "opening" | "opened" | "closing";
|
|
3
|
+
interface BottomSheetBaseProps {
|
|
4
|
+
isOpen?: boolean;
|
|
5
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
6
|
+
onStateChange?: (state: BottomSheetState) => void;
|
|
7
|
+
isDismissable?: boolean;
|
|
8
|
+
isScrollable?: boolean;
|
|
9
|
+
height?: "auto" | "full";
|
|
10
|
+
label?: string;
|
|
11
|
+
portalContainerRef?: RefObject<HTMLElement>;
|
|
12
|
+
children: ReactNode | ((close: () => void) => ReactNode);
|
|
13
|
+
footer?: ReactNode;
|
|
14
|
+
sheetMarginTop?: number;
|
|
15
|
+
sheetMarginBottom?: number;
|
|
16
|
+
}
|
|
17
|
+
export interface BottomSheetProps extends BottomSheetBaseProps {
|
|
18
|
+
trigger?: ReactNode;
|
|
19
|
+
}
|
|
20
|
+
export declare const BottomSheet: ({ isOpen, portalContainerRef, onOpenChange, trigger, children, ...rest }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode, RefObject } from 'react';
|
|
2
|
+
export interface DrawerProps {
|
|
3
|
+
isOpen?: boolean;
|
|
4
|
+
portalContainerRef?: RefObject<HTMLElement>;
|
|
5
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
6
|
+
trigger?: ReactNode;
|
|
7
|
+
children: (close: () => void) => ReactNode;
|
|
8
|
+
isDismissable?: boolean;
|
|
9
|
+
overlayClassName?: string;
|
|
10
|
+
dialogClassName?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const Drawer: ({ isOpen, portalContainerRef, onOpenChange, trigger, children, isDismissable, overlayClassName, dialogClassName, className, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { PropsWithChildren, RefObject } from 'react';
|
|
2
|
+
import { ModalVariantProps } from '#ui/components/overlays/Modal/modal.cva';
|
|
3
|
+
export interface ModalProps extends ModalVariantProps {
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
portalContainerRef?: RefObject<HTMLElement>;
|
|
6
|
+
onClose: () => void;
|
|
7
|
+
modalClassName?: string;
|
|
8
|
+
showCloseIcon?: boolean;
|
|
9
|
+
isDismissable?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const Modal: ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, showCloseIcon, isDismissable, }: PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export interface ModalVariantProps extends VariantProps<typeof modalContent> {
|
|
3
|
+
}
|
|
4
|
+
export declare const modalContent: (props?: ({
|
|
5
|
+
aside?: "left" | "right" | "center" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export declare const modalOverlay: (props?: ({
|
|
8
|
+
aside?: "left" | "right" | "center" | null | undefined;
|
|
9
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
10
|
+
export declare const modalMain: (props?: ({
|
|
11
|
+
aside?: "left" | "right" | "center" | null | undefined;
|
|
12
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
|
+
export interface ResponsivePopoverProps {
|
|
3
|
+
trigger: ReactElement;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
isOpen: boolean;
|
|
6
|
+
onOpenChange: (isOpen: boolean) => void;
|
|
7
|
+
popoverClassName?: string;
|
|
8
|
+
sheetLabel: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const ResponsivePopover: ({ trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel, }: ResponsivePopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
import { TooltipProps as AriaTooltipProps } from 'react-aria-components';
|
|
3
|
+
export interface TooltipProps extends PropsWithChildren<AriaTooltipProps> {
|
|
4
|
+
text: ReactNode;
|
|
5
|
+
isDisabled?: boolean;
|
|
6
|
+
delay?: number;
|
|
7
|
+
closeDelay?: number;
|
|
8
|
+
}
|
|
9
|
+
export declare const Tooltip: ({ children, text, isDisabled, delay, closeDelay, ...tooltipProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { JSX, Ref } from 'react';
|
|
2
|
+
export interface TooltipEllipsisProps {
|
|
3
|
+
text: string;
|
|
4
|
+
children: (ref: Ref<HTMLHeadingElement> | undefined) => JSX.Element;
|
|
5
|
+
isDisabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const TooltipEllipsis: ({ text, children, isDisabled }: TooltipEllipsisProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { Key } from 'react-aria-components';
|
|
2
|
+
import { FieldValues } from 'react-hook-form';
|
|
3
|
+
import { ControlledSegmentProps } from './segment.types';
|
|
4
|
+
export declare const Segment: <TFieldValues extends FieldValues, TKey extends Key = Key>(props: ControlledSegmentProps<TFieldValues, TKey>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { FC, ReactElement, Ref, SVGProps } from 'react';
|
|
2
|
+
import { Key, ToggleButtonGroupProps, ToggleButtonProps } from 'react-aria-components';
|
|
3
|
+
import { FieldValues } from 'react-hook-form';
|
|
4
|
+
import { ControlProps } from '#ui/components/inputs/shared/form.types';
|
|
5
|
+
export interface SegmentItem<TKey extends Key = Key> extends ToggleButtonProps {
|
|
6
|
+
id: TKey;
|
|
7
|
+
label?: string;
|
|
8
|
+
icon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
|
|
9
|
+
}
|
|
10
|
+
export interface SingleSegmentProps<TKey extends Key = Key> {
|
|
11
|
+
selectionMode?: "single";
|
|
12
|
+
value?: TKey | undefined | null;
|
|
13
|
+
onChange?: (value: TKey | null) => void;
|
|
14
|
+
defaultValue?: TKey | null;
|
|
15
|
+
}
|
|
16
|
+
export interface MultiSegmentProps<TKey extends Key = Key> {
|
|
17
|
+
selectionMode: "multiple";
|
|
18
|
+
value?: TKey[];
|
|
19
|
+
onChange?: (value: TKey[]) => void;
|
|
20
|
+
defaultValue?: TKey[] | null;
|
|
21
|
+
}
|
|
22
|
+
export type GroupedSegmentProps<TKey extends Key = Key> = MultiSegmentProps<TKey> | SingleSegmentProps<TKey>;
|
|
23
|
+
export type GroupedSegmentControlProps<TFieldValues extends FieldValues, TKey extends Key = Key> = ({
|
|
24
|
+
selectionMode: MultiSegmentProps["selectionMode"];
|
|
25
|
+
} & ControlProps<MultiSegmentProps<TKey>, TFieldValues>) | ({
|
|
26
|
+
selectionMode?: SingleSegmentProps["selectionMode"];
|
|
27
|
+
} & ControlProps<SingleSegmentProps<TKey>, TFieldValues>);
|
|
28
|
+
export type SegmentProps<TKey extends Key = Key> = Omit<ToggleButtonGroupProps, "children" | "onSelectionChange" | "selectedKeys" | "defaultSelectedKeys"> & {
|
|
29
|
+
ref?: Ref<HTMLElement>;
|
|
30
|
+
items: SegmentItem<TKey>[];
|
|
31
|
+
className?: string;
|
|
32
|
+
error?: string;
|
|
33
|
+
} & GroupedSegmentProps<TKey>;
|
|
34
|
+
export type ControlledSegmentProps<TFieldValues extends FieldValues, TKey extends Key = Key> = SegmentProps<TKey> & GroupedSegmentControlProps<TFieldValues, TKey>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { PaginationListProps } from './PaginationList';
|
|
2
|
+
export interface PaginationProps extends Omit<PaginationListProps, "totalPages"> {
|
|
3
|
+
totalItems: number;
|
|
4
|
+
pageSize: number;
|
|
5
|
+
totalPages?: number;
|
|
6
|
+
className?: string;
|
|
7
|
+
onPageSizeChange?: (pageSize: number) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const Pagination: ({ size, variant, color, page, totalItems, totalPages, pageSize, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange, onPageSizeChange, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ButtonProps } from '#ui/components/buttons/Button/Button';
|
|
2
|
+
export interface PaginationListProps {
|
|
3
|
+
page: number;
|
|
4
|
+
totalPages: number;
|
|
5
|
+
hideText?: boolean;
|
|
6
|
+
hideFirstLast?: boolean;
|
|
7
|
+
hidePrevNext?: boolean;
|
|
8
|
+
hideNumbers?: boolean;
|
|
9
|
+
size?: ButtonProps["size"];
|
|
10
|
+
color?: ButtonProps["color"];
|
|
11
|
+
variant?: ButtonProps["variant"];
|
|
12
|
+
className?: string;
|
|
13
|
+
onPageChange?: (page: number) => void;
|
|
14
|
+
}
|
|
15
|
+
export declare const PaginationList: ({ page, totalPages, size, color, variant, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange, }: PaginationListProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FC, ReactNode, SVGProps } from 'react';
|
|
2
|
+
import { AlertVariantProps } from '#ui/components/status/Alert/alert.cva';
|
|
3
|
+
export interface AlertProps extends AlertVariantProps {
|
|
4
|
+
text: string;
|
|
5
|
+
isLoading?: boolean;
|
|
6
|
+
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
7
|
+
rightContent?: ReactNode;
|
|
8
|
+
hasSeparator?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const Alert: ({ variant, color, text, isLoading, rightContent, hasSeparator, icon: Icon, className, }: AlertProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const alert: (props?: ({
|
|
3
|
+
variant?: "contained" | "outlined" | null | undefined;
|
|
4
|
+
color?: "success" | "warning" | "error" | "neutral" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export interface AlertVariantProps extends VariantProps<typeof alert> {
|
|
7
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { SVGProps } from 'react';
|
|
2
|
+
import { LoaderVariantProps } from '#ui/components/status/Loader/loader.cva';
|
|
3
|
+
export interface LoaderProps extends LoaderVariantProps, SVGProps<SVGSVGElement> {
|
|
4
|
+
}
|
|
5
|
+
export declare const Loader: ({ size, className, ...props }: Omit<LoaderProps, "color">) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const loaderWrapper: (props?: ({
|
|
3
|
+
size?: "default" | "l" | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
+
export declare const loader: (props?: ({
|
|
6
|
+
size?: "default" | "l" | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
export interface LoaderVariantProps extends VariantProps<typeof loader> {
|
|
9
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FC, ReactNode, SVGProps } from 'react';
|
|
2
|
+
import { ToastVariantProps } from '#ui/components/status/Toast/toast.cva';
|
|
3
|
+
export interface ToastAction {
|
|
4
|
+
text: string;
|
|
5
|
+
onPress: () => void;
|
|
6
|
+
}
|
|
7
|
+
export interface ToastProps extends ToastVariantProps {
|
|
8
|
+
text: ReactNode;
|
|
9
|
+
isLoading?: boolean;
|
|
10
|
+
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
11
|
+
actions?: ToastAction[];
|
|
12
|
+
}
|
|
13
|
+
export declare const Toast: ({ text, isLoading, actions, icon: Icon, ...props }: ToastProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const ToastContainer: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ButtonVariantProps } from '#ui/components/buttons/Button/button.cva';
|
|
3
|
+
export declare const toastContainer: (props?: ({
|
|
4
|
+
position?: "bottom-right" | "bottom-left" | "top-right" | "top-left" | "bottom-center" | "top-center" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export declare const toastWrapper: string;
|
|
7
|
+
export declare const toast: (props?: ({
|
|
8
|
+
variant?: "contained" | "outlined" | null | undefined;
|
|
9
|
+
color?: "success" | "warning" | "error" | "neutral" | null | undefined;
|
|
10
|
+
position?: "bottom-right" | "bottom-left" | "top-right" | "top-left" | "bottom-center" | "top-center" | null | undefined;
|
|
11
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
12
|
+
export interface ToastVariantProps extends VariantProps<typeof toast> {
|
|
13
|
+
}
|
|
14
|
+
export declare const buttonColorVariant: (props: {
|
|
15
|
+
color?: "success" | "warning" | "error" | "neutral" | null | undefined;
|
|
16
|
+
variant?: "contained" | "outlined" | null | undefined;
|
|
17
|
+
position?: "bottom-right" | "bottom-left" | "top-right" | "top-left" | "bottom-center" | "top-center" | null | undefined;
|
|
18
|
+
}) => Pick<ButtonVariantProps, "color" | "inverted"> | undefined;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ToastPosition } from 'react-toastify';
|
|
2
|
+
import { ToastProps } from './Toast';
|
|
3
|
+
type IShowToast = Omit<ToastProps, "color"> & {
|
|
4
|
+
position?: ToastPosition;
|
|
5
|
+
};
|
|
6
|
+
export declare const useToast: () => {
|
|
7
|
+
successToast: (params: IShowToast) => void;
|
|
8
|
+
errorToast: (params: IShowToast) => void;
|
|
9
|
+
warningToast: (params: IShowToast) => void;
|
|
10
|
+
neutralToast: (params: IShowToast) => void;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const statusIcon: (props?: ({
|
|
2
|
+
variant?: "contained" | "outlined" | null | undefined;
|
|
3
|
+
color?: "success" | "warning" | "error" | "neutral" | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
+
export declare const statusSeparator: (props?: ({
|
|
6
|
+
variant?: "contained" | "outlined" | null | undefined;
|
|
7
|
+
color?: "success" | "warning" | "error" | "neutral" | null | undefined;
|
|
8
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ColumnDef, ColumnOrderState, VisibilityState } from '@tanstack/react-table';
|
|
2
|
+
export interface ColumnConfigModalProps<TData, TValue> {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
configColumns: ColumnDef<TData, TValue>[];
|
|
6
|
+
visibleColumns: VisibilityState;
|
|
7
|
+
onVisibilityChange: (visibleColumns: VisibilityState) => void;
|
|
8
|
+
onOrderChange: (columnOrder: ColumnOrderState) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare function ColumnConfigModal<TData, TValue>({ isOpen, onClose, configColumns, visibleColumns, onVisibilityChange, onOrderChange, }: ColumnConfigModalProps<TData, TValue>): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TableProps } from './Table';
|
|
2
|
+
export interface InfiniteTableWrapperProps<T> extends Omit<InfiniteTableProps<T>, "columns"> {
|
|
3
|
+
}
|
|
4
|
+
export interface InfiniteTableProps<T> extends TableProps<T> {
|
|
5
|
+
hasNextPage: boolean;
|
|
6
|
+
isFetchingNextPage?: boolean;
|
|
7
|
+
fetchNextPage: () => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const InfiniteTable: <T>({ hasNextPage, isFetchingNextPage, fetchNextPage, ...rest }: InfiniteTableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { PaginationState } from '@tanstack/react-table';
|
|
2
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
3
|
+
import { TableProps } from './Table';
|
|
4
|
+
export interface PaginatedTableWrapperProps<T> extends Omit<PaginatedTableProps<T>, "columns"> {
|
|
5
|
+
}
|
|
6
|
+
export interface PaginatedTableProps<T> extends TableProps<T> {
|
|
7
|
+
totalItems: number;
|
|
8
|
+
pagination: PaginationState;
|
|
9
|
+
setPagination: Dispatch<SetStateAction<PaginationState>>;
|
|
10
|
+
}
|
|
11
|
+
export declare const PaginatedTable: <T>({ pagination, setPagination, items, totalItems, ...rest }: PaginatedTableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { DragEndEvent, UniqueIdentifier } from '@dnd-kit/core';
|
|
2
|
+
import { ColumnDef, ColumnOrderState, OnChangeFn, Table as ReactTable, Row, RowSelectionState, SortingState, VisibilityState } from '@tanstack/react-table';
|
|
3
|
+
import { TFunction } from 'i18next';
|
|
4
|
+
import { ComponentType, Dispatch, SetStateAction } from 'react';
|
|
5
|
+
import { TableRowVariantProps } from './table.cva';
|
|
6
|
+
export type BulkSelectionActionsComponent<T> = ComponentType<{
|
|
7
|
+
table: ReactTable<T>;
|
|
8
|
+
}>;
|
|
9
|
+
export interface TableWrapperProps<T> extends Omit<TableProps<T>, "columns"> {
|
|
10
|
+
}
|
|
11
|
+
export interface TableProps<T> extends TableRowVariantProps {
|
|
12
|
+
items: T[];
|
|
13
|
+
columns: ((t: TFunction) => ColumnDef<T>[]) | ColumnDef<T>[];
|
|
14
|
+
showCellBorder?: boolean;
|
|
15
|
+
onRowClick?: (row: T) => void;
|
|
16
|
+
onDoubleClick?: (row: T) => void;
|
|
17
|
+
className?: string;
|
|
18
|
+
sorting?: SortingState;
|
|
19
|
+
setSorting?: Dispatch<SetStateAction<SortingState>>;
|
|
20
|
+
columnOrder?: ColumnOrderState;
|
|
21
|
+
setColumnOrder?: Dispatch<SetStateAction<ColumnOrderState>>;
|
|
22
|
+
columnVisibility?: VisibilityState;
|
|
23
|
+
setColumnVisibility?: Dispatch<SetStateAction<VisibilityState>>;
|
|
24
|
+
bulkSelectionActions?: BulkSelectionActionsComponent<T>;
|
|
25
|
+
enableDragDrop?: boolean;
|
|
26
|
+
onDragEnd?: (event: DragEndEvent) => void;
|
|
27
|
+
onReorder?: (reorderedItems: T[]) => void;
|
|
28
|
+
getRowId?: (row: T) => UniqueIdentifier;
|
|
29
|
+
enableRowSelection?: boolean | ((row: Row<T>) => boolean);
|
|
30
|
+
enableMultiRowSelection?: boolean | ((row: Row<T>) => boolean);
|
|
31
|
+
defaultSelectedRows?: RowSelectionState;
|
|
32
|
+
onRowSelectionChange?: OnChangeFn<RowSelectionState>;
|
|
33
|
+
}
|
|
34
|
+
export declare const RowDragHandleCell: ({ rowId }: {
|
|
35
|
+
rowId: string;
|
|
36
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export declare const Table: <T>({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection, defaultSelectedRows, onRowSelectionChange, ...props }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const tableRow: (props?: ({
|
|
3
|
+
alternatingBackground?: "even" | "odd" | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
+
export interface TableRowVariantProps extends VariantProps<typeof tableRow> {
|
|
6
|
+
}
|
|
7
|
+
export declare const tableHeadRow: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
8
|
+
export interface TableHeadRowVariantProps extends VariantProps<typeof tableHeadRow> {
|
|
9
|
+
}
|
|
10
|
+
export declare const tableData: (props?: ({
|
|
11
|
+
isLast?: boolean | null | undefined;
|
|
12
|
+
hasBorder?: boolean | null | undefined;
|
|
13
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
14
|
+
export interface TableDataVariantProps extends VariantProps<typeof tableDataRow> {
|
|
15
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { LinkProps as AriaLinkProps } from 'react-aria-components';
|
|
3
|
+
import { LinkVariantProps } from '#ui/components/text/Link/link.cva';
|
|
4
|
+
export interface LinkProps extends PropsWithChildren<AriaLinkProps>, LinkVariantProps {
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const Link: ({ variant, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const link: (props?: ({
|
|
3
|
+
variant?: "default" | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
+
export interface LinkVariantProps extends VariantProps<typeof link> {
|
|
6
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ButtonProps as AriaButtonProps } from 'react-aria-components';
|
|
2
|
+
import { TagVariantProps } from '#ui/components/text/Tag/tag.cva';
|
|
3
|
+
export interface TagProps extends TagVariantProps, AriaButtonProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
children: string;
|
|
6
|
+
dismissable?: boolean;
|
|
7
|
+
isDisabled?: boolean;
|
|
8
|
+
onDismiss?: () => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const Tag: ({ color, className, children, dismissable, isDisabled, onDismiss, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const tag: (props?: ({
|
|
3
|
+
color?: "primary" | "secondary" | "success" | "warning" | "error" | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
+
export interface TagVariantProps extends VariantProps<typeof tag> {
|
|
6
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { HTMLAttributes, Ref } from 'react';
|
|
2
|
+
import { TypographyVariantProps } from '#ui/components/text/Typography/typography.cva';
|
|
3
|
+
type TypographyTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
|
|
4
|
+
interface TypographyPropsCva extends Omit<TypographyVariantProps, "size">, Required<Pick<TypographyVariantProps, "size">> {
|
|
5
|
+
}
|
|
6
|
+
export interface TypographyProps extends TypographyPropsCva, HTMLAttributes<HTMLElement> {
|
|
7
|
+
ref?: Ref<HTMLHeadingElement>;
|
|
8
|
+
as?: TypographyTag;
|
|
9
|
+
}
|
|
10
|
+
export declare const Typography: ({ as, className, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const typography: (props?: ({
|
|
3
|
+
size?: "headline-1" | "title-1" | "title-2" | "title-3" | "title-4" | "title-5" | "title-6" | "body-1" | "body-2" | "body-3" | "body-4" | "label-1" | "label-2" | "label-3" | null | undefined;
|
|
4
|
+
sizeMobile?: "headline-1" | "title-1" | "title-2" | "title-3" | "title-4" | "title-5" | "title-6" | "body-1" | "body-2" | "body-3" | "body-4" | "label-1" | "label-2" | "label-3" | null | undefined;
|
|
5
|
+
variant?: "default" | "prominent-1" | "default-italic" | "prominent-1-italic" | "prominent-2" | "prominent-2-italic" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export interface TypographyVariantProps extends VariantProps<typeof typography> {
|
|
8
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { ActionModalProps } from '#ui/components/overlays/ActionModal/ActionModal';
|
|
3
|
+
export declare namespace Confirmation {
|
|
4
|
+
type ContextState = Pick<ActionModalProps, "heading" | "description" | "buttonSize" | "textAlign" | "primaryAction" | "secondaryAction" | "modalClassName"> & {
|
|
5
|
+
isOpen: boolean;
|
|
6
|
+
};
|
|
7
|
+
type ConfirmationInput = Pick<ContextState, "heading" | "description" | "buttonSize" | "textAlign" | "modalClassName"> & {
|
|
8
|
+
cancelLabel?: NonNullable<ContextState["secondaryAction"]>["label"];
|
|
9
|
+
confirmLabel?: NonNullable<ContextState["primaryAction"]>["label"];
|
|
10
|
+
cancelVariant?: NonNullable<ContextState["secondaryAction"]>["variant"];
|
|
11
|
+
cancelColor?: NonNullable<ContextState["secondaryAction"]>["color"];
|
|
12
|
+
confirmVariant?: NonNullable<ContextState["primaryAction"]>["variant"];
|
|
13
|
+
confirmColor?: NonNullable<ContextState["primaryAction"]>["color"];
|
|
14
|
+
};
|
|
15
|
+
interface Options {
|
|
16
|
+
confirm: (input: ConfirmationInput) => Promise<boolean>;
|
|
17
|
+
}
|
|
18
|
+
const Provider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
const useConfirmation: () => Options;
|
|
20
|
+
}
|