qucoon-components 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/README.md +54 -0
- package/dist/index.cjs.js +545 -0
- package/dist/index.es.js +92168 -0
- package/dist/style.css +1 -0
- package/dist/types/App.d.ts +2 -0
- package/dist/types/assets/data/countryCodes.json.d.ts +1457 -0
- package/dist/types/components/custom/Back.d.ts +2 -0
- package/dist/types/components/custom/BaseDropzone.d.ts +16 -0
- package/dist/types/components/custom/BaseFileUpload.d.ts +20 -0
- package/dist/types/components/custom/CopyToClipboard.d.ts +10 -0
- package/dist/types/components/custom/FilePreview.d.ts +13 -0
- package/dist/types/components/custom/FormikDropzone.d.ts +11 -0
- package/dist/types/components/custom/IconWrapper.d.ts +29 -0
- package/dist/types/components/custom/StatusIndicator.d.ts +9 -0
- package/dist/types/components/custom/TextDecorator.d.ts +4 -0
- package/dist/types/components/custom/TodoList.d.ts +12 -0
- package/dist/types/components/custom/index.d.ts +25 -0
- package/dist/types/components/custom/reduxProvider.d.ts +6 -0
- package/dist/types/components/icon/AddImageIcon.d.ts +3 -0
- package/dist/types/components/icon/AngleLeftIcon.d.ts +3 -0
- package/dist/types/components/icon/AngleRightIcon.d.ts +3 -0
- package/dist/types/components/icon/ApprovedInvoiceCascadingTabsIcon.d.ts +3 -0
- package/dist/types/components/icon/BillIcon.d.ts +3 -0
- package/dist/types/components/icon/BlurredEllipseBgIcon.d.ts +5 -0
- package/dist/types/components/icon/CalendarIcon.d.ts +3 -0
- package/dist/types/components/icon/CardIcon.d.ts +3 -0
- package/dist/types/components/icon/CircledLeftArrowIcon.d.ts +3 -0
- package/dist/types/components/icon/CloseIcon.d.ts +5 -0
- package/dist/types/components/icon/CloudUploadIcon.d.ts +3 -0
- package/dist/types/components/icon/CompanyLogo.d.ts +3 -0
- package/dist/types/components/icon/CopyIcon.d.ts +3 -0
- package/dist/types/components/icon/CreateInvoiceCascadingTabsIcon.d.ts +3 -0
- package/dist/types/components/icon/CubeIcon.d.ts +3 -0
- package/dist/types/components/icon/CustomerServiceIcon.d.ts +3 -0
- package/dist/types/components/icon/CustomersIcon.d.ts +3 -0
- package/dist/types/components/icon/DownloadIcon.d.ts +3 -0
- package/dist/types/components/icon/DropdownAltIcon.d.ts +5 -0
- package/dist/types/components/icon/DropdownIcon.d.ts +5 -0
- package/dist/types/components/icon/EditIcon.d.ts +3 -0
- package/dist/types/components/icon/EditInvoiceLandingPageIcon.d.ts +3 -0
- package/dist/types/components/icon/EditInvoiceLandingPageServicesIcon.d.ts +3 -0
- package/dist/types/components/icon/EmailIcon.d.ts +3 -0
- package/dist/types/components/icon/ExitIcon.d.ts +3 -0
- package/dist/types/components/icon/ExportNoteIcon.d.ts +3 -0
- package/dist/types/components/icon/EyeVisibleIcon.d.ts +5 -0
- package/dist/types/components/icon/FacebookIcon.d.ts +3 -0
- package/dist/types/components/icon/FileFolderIcon.d.ts +3 -0
- package/dist/types/components/icon/FileFormatsIcon.d.ts +6 -0
- package/dist/types/components/icon/FilterIcon.d.ts +2 -0
- package/dist/types/components/icon/FirsBadgeIcon.d.ts +3 -0
- package/dist/types/components/icon/FlagIcon.d.ts +3 -0
- package/dist/types/components/icon/HamburgerMenuIcon.d.ts +3 -0
- package/dist/types/components/icon/HeroSectionBgIcon.d.ts +3 -0
- package/dist/types/components/icon/HomeIcon.d.ts +3 -0
- package/dist/types/components/icon/InfoCircledIcon.d.ts +3 -0
- package/dist/types/components/icon/InstagramIcon.d.ts +3 -0
- package/dist/types/components/icon/InvoiceHistoryCascadingTabsIcon.d.ts +3 -0
- package/dist/types/components/icon/InvoiceHistoryLandingPageServicesIcon.d.ts +3 -0
- package/dist/types/components/icon/InvoiceIcon.d.ts +3 -0
- package/dist/types/components/icon/KiteIcon.d.ts +3 -0
- package/dist/types/components/icon/LightningIcon.d.ts +3 -0
- package/dist/types/components/icon/LightningQuickIcon.d.ts +3 -0
- package/dist/types/components/icon/LinkedInIcon.d.ts +3 -0
- package/dist/types/components/icon/MenuUnfoldIcon.d.ts +3 -0
- package/dist/types/components/icon/NotFoundTableIcon.d.ts +3 -0
- package/dist/types/components/icon/NoteIcon.d.ts +3 -0
- package/dist/types/components/icon/NotificationBellIcon.d.ts +3 -0
- package/dist/types/components/icon/OutgoingCircledIcon.d.ts +3 -0
- package/dist/types/components/icon/PaddedErrorIcon.d.ts +3 -0
- package/dist/types/components/icon/PaddedWarningIcon.d.ts +3 -0
- package/dist/types/components/icon/PadlockIcon.d.ts +3 -0
- package/dist/types/components/icon/PhoneIcon.d.ts +3 -0
- package/dist/types/components/icon/PlayIcon.d.ts +3 -0
- package/dist/types/components/icon/PlusIcon.d.ts +3 -0
- package/dist/types/components/icon/ReceivedInvoiceLandingPageIcon.d.ts +3 -0
- package/dist/types/components/icon/RefreshAltIcon.d.ts +3 -0
- package/dist/types/components/icon/RefreshIcon.d.ts +3 -0
- package/dist/types/components/icon/RequiredIcon.d.ts +2 -0
- package/dist/types/components/icon/RightArrowIcon.d.ts +3 -0
- package/dist/types/components/icon/SafeguardIcon.d.ts +3 -0
- package/dist/types/components/icon/SearchIcon.d.ts +3 -0
- package/dist/types/components/icon/SettingsIcon.d.ts +3 -0
- package/dist/types/components/icon/SlideToOpenIcon.d.ts +3 -0
- package/dist/types/components/icon/StarTickIcon.d.ts +3 -0
- package/dist/types/components/icon/SuccessFilledTickIcon.d.ts +3 -0
- package/dist/types/components/icon/SuccessTickIcon.d.ts +3 -0
- package/dist/types/components/icon/ThreeDotsMenuIcon.d.ts +3 -0
- package/dist/types/components/icon/TrashIcon.d.ts +3 -0
- package/dist/types/components/icon/TwitterNowXIcon.d.ts +3 -0
- package/dist/types/components/icon/UserAvatarIcon.d.ts +3 -0
- package/dist/types/components/icon/UserIcon.d.ts +3 -0
- package/dist/types/components/icon/WalletIcon.d.ts +3 -0
- package/dist/types/components/icon/index.d.ts +151 -0
- package/dist/types/components/index.d.ts +7 -0
- package/dist/types/components/layouts/AuthLayout.d.ts +10 -0
- package/dist/types/components/layouts/BaseFormLayout.d.ts +3 -0
- package/dist/types/components/layouts/BaseModalLayout.d.ts +21 -0
- package/dist/types/components/layouts/DashboardPageLayout.d.ts +15 -0
- package/dist/types/components/layouts/confirmationModalLayout.d.ts +11 -0
- package/dist/types/components/layouts/index.d.ts +15 -0
- package/dist/types/components/layouts/notificationModalLayout.d.ts +11 -0
- package/dist/types/components/ui/accordion/BaseAccordion.d.ts +23 -0
- package/dist/types/components/ui/accordion/index.d.ts +5 -0
- package/dist/types/components/ui/avatar/BaseAvatar.d.ts +4 -0
- package/dist/types/components/ui/avatar/index.d.ts +5 -0
- package/dist/types/components/ui/badge/BaseBadge.d.ts +7 -0
- package/dist/types/components/ui/badge/index.d.ts +5 -0
- package/dist/types/components/ui/breadcrumbs/BreadCrumbs.d.ts +10 -0
- package/dist/types/components/ui/breadcrumbs/index.d.ts +5 -0
- package/dist/types/components/ui/button/BaseButton.d.ts +22 -0
- package/dist/types/components/ui/button/IconButton.d.ts +10 -0
- package/dist/types/components/ui/button/index.d.ts +7 -0
- package/dist/types/components/ui/calendar/BaseCalendar.d.ts +12 -0
- package/dist/types/components/ui/calendar/index.d.ts +5 -0
- package/dist/types/components/ui/card/BaseRubiesCard.d.ts +8 -0
- package/dist/types/components/ui/card/CustomerBusinessCard.d.ts +2 -0
- package/dist/types/components/ui/card/ErrorCard.d.ts +5 -0
- package/dist/types/components/ui/card/GetSupportCard.d.ts +42 -0
- package/dist/types/components/ui/card/NewFeatureCard.d.ts +5 -0
- package/dist/types/components/ui/card/SelectRubiesSignupCard.d.ts +8 -0
- package/dist/types/components/ui/card/TitleSubtitleCard.d.ts +9 -0
- package/dist/types/components/ui/card/index.d.ts +17 -0
- package/dist/types/components/ui/checkbox/BaseCheckbox.d.ts +21 -0
- package/dist/types/components/ui/checkbox/BaseCheckboxGroup.d.ts +22 -0
- package/dist/types/components/ui/checkbox/index.d.ts +7 -0
- package/dist/types/components/ui/chip/BaseChip.d.ts +14 -0
- package/dist/types/components/ui/chip/index.d.ts +5 -0
- package/dist/types/components/ui/container/BaseContainer.d.ts +5 -0
- package/dist/types/components/ui/container/index.d.ts +5 -0
- package/dist/types/components/ui/datepicker/BaseDatePicker.d.ts +24 -0
- package/dist/types/components/ui/datepicker/BaseDateRangePicker.d.ts +28 -0
- package/dist/types/components/ui/datepicker/FormikDateRangePicker.d.ts +9 -0
- package/dist/types/components/ui/datepicker/index.d.ts +9 -0
- package/dist/types/components/ui/form/dashboard/CreateOrUpdateDummyForm.d.ts +11 -0
- package/dist/types/components/ui/form/dashboard/index.d.ts +5 -0
- package/dist/types/components/ui/form/index.d.ts +4 -0
- package/dist/types/components/ui/index.d.ts +27 -0
- package/dist/types/components/ui/input/BaseInput.d.ts +39 -0
- package/dist/types/components/ui/input/BaseOtpInput.d.ts +14 -0
- package/dist/types/components/ui/input/BasePhoneNumberInput.d.ts +37 -0
- package/dist/types/components/ui/input/index.d.ts +9 -0
- package/dist/types/components/ui/label/EnhancedLabel.d.ts +44 -0
- package/dist/types/components/ui/label/FormLabel.d.ts +11 -0
- package/dist/types/components/ui/label/index.d.ts +7 -0
- package/dist/types/components/ui/menu/BaseSidebar.d.ts +64 -0
- package/dist/types/components/ui/menu/Footer.d.ts +2 -0
- package/dist/types/components/ui/menu/Header.d.ts +6 -0
- package/dist/types/components/ui/menu/WebsiteSidebar.d.ts +6 -0
- package/dist/types/components/ui/menu/index.d.ts +11 -0
- package/dist/types/components/ui/modal/BaseModal.d.ts +19 -0
- package/dist/types/components/ui/modal/DeleteDummyConfirmationModal.d.ts +2 -0
- package/dist/types/components/ui/modal/GlobalModal.d.ts +2 -0
- package/dist/types/components/ui/modal/ModalRenderer.d.ts +6 -0
- package/dist/types/components/ui/modal/UpdateDummyModal.d.ts +2 -0
- package/dist/types/components/ui/modal/ViewDummyModal.d.ts +2 -0
- package/dist/types/components/ui/modal/confirmationModal.d.ts +4 -0
- package/dist/types/components/ui/modal/index.d.ts +19 -0
- package/dist/types/components/ui/modal/notificationModal.d.ts +4 -0
- package/dist/types/components/ui/popup/BasePopup.d.ts +10 -0
- package/dist/types/components/ui/popup/BasePopupContainer.d.ts +15 -0
- package/dist/types/components/ui/popup/MenuOptionsPopup.d.ts +12 -0
- package/dist/types/components/ui/popup/NotificationPopup.d.ts +4 -0
- package/dist/types/components/ui/popup/index.d.ts +11 -0
- package/dist/types/components/ui/progress/BaseProgress.d.ts +10 -0
- package/dist/types/components/ui/progress/index.d.ts +5 -0
- package/dist/types/components/ui/radio/BaseRadio.d.ts +19 -0
- package/dist/types/components/ui/radio/BaseRadioGroup.d.ts +22 -0
- package/dist/types/components/ui/radio/index.d.ts +7 -0
- package/dist/types/components/ui/select/BaseSelect.d.ts +32 -0
- package/dist/types/components/ui/select/ModernSelect.d.ts +36 -0
- package/dist/types/components/ui/select/SearchableSelect.d.ts +41 -0
- package/dist/types/components/ui/select/index.d.ts +9 -0
- package/dist/types/components/ui/switch/BaseSwitch.d.ts +4 -0
- package/dist/types/components/ui/switch/index.d.ts +5 -0
- package/dist/types/components/ui/table/BaseDataGrid.d.ts +123 -0
- package/dist/types/components/ui/table/BaseTable.d.ts +4 -0
- package/dist/types/components/ui/table/Table.d.ts +81 -0
- package/dist/types/components/ui/table/components/CustomDateComponent.d.ts +2 -0
- package/dist/types/components/ui/table/components/CustomTableActionRenderer.d.ts +3 -0
- package/dist/types/components/ui/table/components/CustomTableEmptyState.d.ts +10 -0
- package/dist/types/components/ui/table/components/DateRangeFilter.d.ts +2 -0
- package/dist/types/components/ui/table/components/index.d.ts +11 -0
- package/dist/types/components/ui/table/index.d.ts +12 -0
- package/dist/types/components/ui/table/renderers/BaseActionRenderer.d.ts +13 -0
- package/dist/types/components/ui/table/renderers/DateCellRenderer.d.ts +10 -0
- package/dist/types/components/ui/table/renderers/DeleteActionRenderer.d.ts +7 -0
- package/dist/types/components/ui/table/renderers/EditActionRenderer.d.ts +7 -0
- package/dist/types/components/ui/table/renderers/RowOptionsActionRenderer.d.ts +8 -0
- package/dist/types/components/ui/table/renderers/StatusRenderer.d.ts +18 -0
- package/dist/types/components/ui/table/renderers/SubscribeActionRenderer.d.ts +6 -0
- package/dist/types/components/ui/table/renderers/ViewActionRenderer.d.ts +6 -0
- package/dist/types/components/ui/table/renderers/index.d.ts +19 -0
- package/dist/types/components/ui/table/tablePanels/BaseTableHeaderControls.d.ts +26 -0
- package/dist/types/components/ui/table/tablePanels/BaseTablePaginationPanel.d.ts +11 -0
- package/dist/types/components/ui/table/tablePanels/index.d.ts +7 -0
- package/dist/types/components/ui/toast/BaseToast.d.ts +9 -0
- package/dist/types/components/ui/toast/BaseToastContainer.d.ts +4 -0
- package/dist/types/components/ui/toast/index.d.ts +7 -0
- package/dist/types/components/ui/typography/index.d.ts +5 -0
- package/dist/types/components/ui/typography/typography.d.ts +12 -0
- package/dist/types/configs/appConfig.d.ts +6 -0
- package/dist/types/configs/serviceConfig.d.ts +3 -0
- package/dist/types/configs/themeConfig.d.ts +97 -0
- package/dist/types/importLcDetailsSection.d.ts +2 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/main.d.ts +0 -0
- package/dist/types/stores/index.d.ts +2 -0
- package/dist/types/utilities/baseUtil.d.ts +3 -0
- package/dist/types/utilities/constants/index.d.ts +4 -0
- package/dist/types/utilities/constants/routeConstant.d.ts +33 -0
- package/dist/types/utilities/context/checkboxContext.d.ts +10 -0
- package/dist/types/utilities/context/index.d.ts +6 -0
- package/dist/types/utilities/context/modalContext.d.ts +25 -0
- package/dist/types/utilities/context/radioContext.d.ts +9 -0
- package/dist/types/utilities/data/index.d.ts +4 -0
- package/dist/types/utilities/data/sidebarData.d.ts +3 -0
- package/dist/types/utilities/enums/baseEnum.d.ts +5 -0
- package/dist/types/utilities/enums/baseTableIdEnum.d.ts +10 -0
- package/dist/types/utilities/enums/documentStatusEnum.d.ts +5 -0
- package/dist/types/utilities/enums/index.d.ts +8 -0
- package/dist/types/utilities/enums/modalEnum.d.ts +4 -0
- package/dist/types/utilities/enums/popupEnum.d.ts +3 -0
- package/dist/types/utilities/factory/index.d.ts +4 -0
- package/dist/types/utilities/factory/modalFactory.d.ts +7 -0
- package/dist/types/utilities/formUtil.d.ts +17 -0
- package/dist/types/utilities/hooks/index.d.ts +23 -0
- package/dist/types/utilities/hooks/useFetchOnStageChange.d.ts +2 -0
- package/dist/types/utilities/hooks/useFirstRender.d.ts +2 -0
- package/dist/types/utilities/hooks/useModal.d.ts +18 -0
- package/dist/types/utilities/hooks/useModalContext.d.ts +4 -0
- package/dist/types/utilities/hooks/useModalRegistration.d.ts +7 -0
- package/dist/types/utilities/hooks/useModalRegistrations.d.ts +3 -0
- package/dist/types/utilities/hooks/useNotification.d.ts +22 -0
- package/dist/types/utilities/hooks/useOnClickOutside.d.ts +2 -0
- package/dist/types/utilities/hooks/usePopup.d.ts +24 -0
- package/dist/types/utilities/hooks/useTableDataSync.d.ts +23 -0
- package/dist/types/utilities/index.d.ts +18 -0
- package/dist/types/utilities/modalRegistrationUtil.d.ts +18 -0
- package/dist/types/utilities/modalUtil.d.ts +33 -0
- package/dist/types/utilities/routerUtil.d.ts +13 -0
- package/dist/types/utilities/stringUtil.d.ts +17 -0
- package/dist/types/utilities/theme/index.d.ts +4 -0
- package/dist/types/utilities/theme/themeProvider.d.ts +7 -0
- package/dist/types/utilities/timeUtil.d.ts +38 -0
- package/dist/types/utilities/types/formTypes.d.ts +2 -0
- package/dist/types/utilities/types/index.d.ts +6 -0
- package/dist/types/utilities/types/modalTypes.d.ts +33 -0
- package/dist/types/utilities/types/themeTypes.d.ts +27 -0
- package/dist/vite.svg +1 -0
- package/package.json +87 -0
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { default as React, CSSProperties } from 'react';
|
|
2
|
+
import { FormikProps, FormikValues } from 'formik';
|
|
3
|
+
import { EnhancedLabelProps } from '../label/EnhancedLabel';
|
|
4
|
+
export type ModernSelectOption = {
|
|
5
|
+
value: string;
|
|
6
|
+
label: string;
|
|
7
|
+
startImage?: string;
|
|
8
|
+
startImageUrl?: string;
|
|
9
|
+
endImage?: string;
|
|
10
|
+
endImageUrl?: string;
|
|
11
|
+
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
12
|
+
labelStyle?: CSSProperties;
|
|
13
|
+
optionContainerStyle?: CSSProperties;
|
|
14
|
+
};
|
|
15
|
+
export type ModernSelectProps<T extends FormikValues = any> = {
|
|
16
|
+
placeholderLabel?: string;
|
|
17
|
+
selectOptions: ModernSelectOption[];
|
|
18
|
+
onOptionSelect?: (option: string, prevSelectedOption?: string) => void;
|
|
19
|
+
theme?: "dark" | "light";
|
|
20
|
+
size?: "x-small" | "small" | "medium" | "large";
|
|
21
|
+
error?: string;
|
|
22
|
+
name?: string;
|
|
23
|
+
label?: string;
|
|
24
|
+
labelStyle?: CSSProperties;
|
|
25
|
+
labelProps?: EnhancedLabelProps;
|
|
26
|
+
helperText?: string;
|
|
27
|
+
helperTextProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> & {
|
|
28
|
+
isLoading?: boolean;
|
|
29
|
+
};
|
|
30
|
+
containerStyle?: CSSProperties;
|
|
31
|
+
formik?: FormikProps<T>;
|
|
32
|
+
value?: string;
|
|
33
|
+
addDefaultSelectOption?: boolean;
|
|
34
|
+
} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
35
|
+
export declare const ModernSelect: <T extends FormikValues>({ selectOptions, onOptionSelect, placeholderLabel, theme, size, label, labelStyle, labelProps, helperText, helperTextProps, formik, name, error, addDefaultSelectOption, value, ...props }: ModernSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export default ModernSelect;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { default as React, CSSProperties } from 'react';
|
|
2
|
+
import { FormikProps, FormikValues } from 'formik';
|
|
3
|
+
import { EnhancedLabelProps } from '../label/EnhancedLabel';
|
|
4
|
+
export type SearchableSelectOption = {
|
|
5
|
+
value: string;
|
|
6
|
+
label: string;
|
|
7
|
+
labelDescription?: string;
|
|
8
|
+
startImage?: React.ReactNode;
|
|
9
|
+
startImageUrl?: string;
|
|
10
|
+
endImage?: React.ReactNode;
|
|
11
|
+
endImageUrl?: string;
|
|
12
|
+
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
13
|
+
labelStyle?: CSSProperties;
|
|
14
|
+
labelDescriptionStyle?: CSSProperties;
|
|
15
|
+
optionContainerStyle?: CSSProperties;
|
|
16
|
+
};
|
|
17
|
+
export type SearchableSelectProps<T extends FormikValues> = {
|
|
18
|
+
placeholderLabel?: string;
|
|
19
|
+
label?: string;
|
|
20
|
+
labelStyle?: CSSProperties;
|
|
21
|
+
labelProps?: EnhancedLabelProps;
|
|
22
|
+
helperText?: string;
|
|
23
|
+
helperTextProps?: React.HTMLAttributes<HTMLParagraphElement> & {
|
|
24
|
+
isLoading?: boolean;
|
|
25
|
+
};
|
|
26
|
+
selectOptions: SearchableSelectOption[];
|
|
27
|
+
onOptionSelect?: (option: SearchableSelectOption | SearchableSelectOption[]) => void;
|
|
28
|
+
theme?: "dark" | "light";
|
|
29
|
+
size?: "x-small" | "small" | "medium" | "large";
|
|
30
|
+
error?: string;
|
|
31
|
+
selectMultiple?: boolean;
|
|
32
|
+
value?: string | string[];
|
|
33
|
+
defaultValue?: string | string[];
|
|
34
|
+
onChange?: (value: string | string[]) => void;
|
|
35
|
+
searchTerm?: string;
|
|
36
|
+
name?: string;
|
|
37
|
+
onSearchTermChange?: (searchTerm: string) => void;
|
|
38
|
+
formik?: FormikProps<T>;
|
|
39
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
40
|
+
declare const SearchableSelect: <T extends FormikValues>({ placeholderLabel, label, labelStyle, labelProps, helperText, helperTextProps, selectOptions, onOptionSelect, theme, size, error, selectMultiple, value, defaultValue, onChange, searchTerm: externalSearchTerm, onSearchTermChange, formik, name, ...props }: SearchableSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
export default SearchableSelect;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Auto-generated barrel for src/components/ui/select
|
|
3
|
+
*/
|
|
4
|
+
export { default as BaseSelect } from './BaseSelect';
|
|
5
|
+
export * from './BaseSelect';
|
|
6
|
+
export { default as ModernSelect } from './ModernSelect';
|
|
7
|
+
export * from './ModernSelect';
|
|
8
|
+
export { default as SearchableSelect } from './SearchableSelect';
|
|
9
|
+
export * from './SearchableSelect';
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { ColDef, GridOptions } from 'ag-grid-community';
|
|
2
|
+
import { CSSProperties } from 'react';
|
|
3
|
+
import { DeleteActionRendererProps, EditActionRendererProps, HeaderControlsProps } from '../..';
|
|
4
|
+
import { ViewActionRendererProps } from './renderers/ViewActionRenderer';
|
|
5
|
+
export type ColumnType = Omit<ColDef, "field"> & {
|
|
6
|
+
field: string;
|
|
7
|
+
style?: React.CSSProperties;
|
|
8
|
+
onClick?: (data: any) => void;
|
|
9
|
+
path?: string;
|
|
10
|
+
isCurrency?: boolean;
|
|
11
|
+
isDate?: boolean;
|
|
12
|
+
statusIndicator?: "fail" | "success" | "normal";
|
|
13
|
+
sortable?: boolean;
|
|
14
|
+
filterable?: boolean;
|
|
15
|
+
filterType?: 'text' | 'number' | 'date' | 'select' | 'boolean';
|
|
16
|
+
filterOptions?: {
|
|
17
|
+
label: string;
|
|
18
|
+
value: any;
|
|
19
|
+
}[];
|
|
20
|
+
filterPlaceholder?: string;
|
|
21
|
+
};
|
|
22
|
+
export type ServerSideParams = {
|
|
23
|
+
pageNumber: number;
|
|
24
|
+
pageSize: number;
|
|
25
|
+
search?: string;
|
|
26
|
+
sortBy?: string;
|
|
27
|
+
sortDir?: 'ASC' | 'DESC';
|
|
28
|
+
filters?: Record<string, any>;
|
|
29
|
+
dateFilters?: Record<string, {
|
|
30
|
+
from?: string;
|
|
31
|
+
to?: string;
|
|
32
|
+
}>;
|
|
33
|
+
};
|
|
34
|
+
export type FilterState = {
|
|
35
|
+
searchText: string;
|
|
36
|
+
columnFilters: Record<string, any>;
|
|
37
|
+
dateFilters: Record<string, {
|
|
38
|
+
from?: string;
|
|
39
|
+
to?: string;
|
|
40
|
+
}>;
|
|
41
|
+
sort: {
|
|
42
|
+
field: string;
|
|
43
|
+
direction: "ASC" | "DESC";
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
export type FilterActions = {
|
|
47
|
+
setSearchText: (text: string) => void;
|
|
48
|
+
setColumnFilter: (field: string, value: any) => void;
|
|
49
|
+
setDateFilter: (field: string, range: {
|
|
50
|
+
from?: string;
|
|
51
|
+
to?: string;
|
|
52
|
+
}) => void;
|
|
53
|
+
setSort: (field: string, direction: "ASC" | "DESC") => void;
|
|
54
|
+
resetFilters: () => void;
|
|
55
|
+
applyFilters: () => void;
|
|
56
|
+
};
|
|
57
|
+
export type FilterPanelProps = FilterState & FilterActions & {
|
|
58
|
+
availableFields: Array<{
|
|
59
|
+
field: string;
|
|
60
|
+
label: string;
|
|
61
|
+
type: 'text' | 'select' | 'date';
|
|
62
|
+
options?: string[];
|
|
63
|
+
}>;
|
|
64
|
+
onClose?: () => void;
|
|
65
|
+
showGlobalSearch?: boolean;
|
|
66
|
+
showColumnFilters?: boolean;
|
|
67
|
+
showSortingControls?: boolean;
|
|
68
|
+
};
|
|
69
|
+
export type ServerSideOperations = "refresh" | "search" | "filter" | "sort" | "pagination";
|
|
70
|
+
export type ServerSideOperationsConfig = Partial<Record<ServerSideOperations, {
|
|
71
|
+
fetchRows?: (params: ServerSideParams) => Promise<DataGridRows>;
|
|
72
|
+
onFetchRowsSuccess?: (response: DataGridRows) => void;
|
|
73
|
+
onFetchRowsError?: (error: unknown) => void;
|
|
74
|
+
}>>;
|
|
75
|
+
export type DataGridRows<T = any> = {
|
|
76
|
+
data: T[];
|
|
77
|
+
pageNumber?: number;
|
|
78
|
+
pageSize?: number;
|
|
79
|
+
totalPages?: number;
|
|
80
|
+
totalRecords?: number;
|
|
81
|
+
};
|
|
82
|
+
export type DefaultPaginationConfig = {
|
|
83
|
+
isPageZeroIndexed?: boolean;
|
|
84
|
+
pageNumber?: number;
|
|
85
|
+
pageSize?: number;
|
|
86
|
+
totalRecords?: number;
|
|
87
|
+
totalPages?: number;
|
|
88
|
+
};
|
|
89
|
+
export type BaseDataGridProps = {
|
|
90
|
+
title?: string;
|
|
91
|
+
uniqueRowId: string;
|
|
92
|
+
rows?: Record<string, any>[];
|
|
93
|
+
columns?: ColumnType[];
|
|
94
|
+
fetchRows?: (params: ServerSideParams) => Promise<DataGridRows>;
|
|
95
|
+
onFetchRowsSuccess?: (response: DataGridRows) => void;
|
|
96
|
+
onFetchRowsError?: (error: unknown) => void;
|
|
97
|
+
showServerSideFilters?: boolean;
|
|
98
|
+
serverSideOperationsConfig?: ServerSideOperationsConfig;
|
|
99
|
+
isLoading?: boolean;
|
|
100
|
+
autogenerateColumns?: boolean;
|
|
101
|
+
shouldFetchRowsOnGridMount?: boolean;
|
|
102
|
+
defaultPaginationConfig?: DefaultPaginationConfig;
|
|
103
|
+
customRowRenderer?: React.FC<any>;
|
|
104
|
+
customHeaderRenderer?: React.FC<any>;
|
|
105
|
+
colActions?: {
|
|
106
|
+
view?: boolean | ViewActionRendererProps;
|
|
107
|
+
edit?: boolean | EditActionRendererProps;
|
|
108
|
+
delete?: boolean | DeleteActionRendererProps;
|
|
109
|
+
};
|
|
110
|
+
showSerialNumberColumn?: boolean;
|
|
111
|
+
rowOptions?: {
|
|
112
|
+
optionName: string;
|
|
113
|
+
onClick: (data: any) => void;
|
|
114
|
+
optionStyle?: CSSProperties;
|
|
115
|
+
}[];
|
|
116
|
+
renderFilterPanel?: React.FC<FilterPanelProps>;
|
|
117
|
+
availableFilterFields?: FilterPanelProps["availableFields"];
|
|
118
|
+
defaultHeaderProps?: HeaderControlsProps;
|
|
119
|
+
defaultFilterPanelProps?: FilterPanelProps;
|
|
120
|
+
gridOptions?: GridOptions;
|
|
121
|
+
};
|
|
122
|
+
declare const BaseDataGrid: (props: BaseDataGridProps) => import("react/jsx-runtime").JSX.Element;
|
|
123
|
+
export default BaseDataGrid;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { ColDef } from 'ag-grid-community';
|
|
3
|
+
import { ModernSelectProps } from '../select/ModernSelect';
|
|
4
|
+
import { BaseSelectProps } from '../select/BaseSelect';
|
|
5
|
+
import { BaseButtonProps } from '../button/BaseButton';
|
|
6
|
+
import { Formik } from '../../../utilities/types/formTypes';
|
|
7
|
+
import { EditActionRendererProps } from './renderers/EditActionRenderer';
|
|
8
|
+
import { DeleteActionRendererProps } from './renderers/DeleteActionRenderer';
|
|
9
|
+
export type FieldType = ColDef & {
|
|
10
|
+
label: string;
|
|
11
|
+
key: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
onClick?: (data: any) => void;
|
|
15
|
+
path?: string;
|
|
16
|
+
isCurrency?: boolean;
|
|
17
|
+
isDate?: boolean;
|
|
18
|
+
statusIndicator?: "fail" | "success" | "normal";
|
|
19
|
+
hide?: boolean;
|
|
20
|
+
};
|
|
21
|
+
export type CustomTableActionBaseButtonProps = BaseButtonProps & {
|
|
22
|
+
actionType: "baseButton";
|
|
23
|
+
};
|
|
24
|
+
export type CustomTableActionBaseSelectProps = BaseSelectProps<Formik> & {
|
|
25
|
+
actionType: "baseSelect";
|
|
26
|
+
};
|
|
27
|
+
export type CustomTableActionModernSelectProps = ModernSelectProps<Formik> & {
|
|
28
|
+
actionType: "modernSelect";
|
|
29
|
+
};
|
|
30
|
+
export type CustomTableActions = (CustomTableActionBaseButtonProps | CustomTableActionModernSelectProps | CustomTableActionBaseSelectProps);
|
|
31
|
+
export type ExportFormat = "csv" | "excel";
|
|
32
|
+
export type TableProps = {
|
|
33
|
+
title: string;
|
|
34
|
+
tableId: string;
|
|
35
|
+
fields?: FieldType[];
|
|
36
|
+
items?: object[];
|
|
37
|
+
showAllFields?: boolean;
|
|
38
|
+
showSerialNumberColumn?: boolean;
|
|
39
|
+
itemIdKey: string;
|
|
40
|
+
selectable?: boolean;
|
|
41
|
+
loading?: boolean;
|
|
42
|
+
refreshPage?: (pageNo: number, pageSize: number) => Promise<any>;
|
|
43
|
+
onDataFetchSuccess?: (response: any) => object[];
|
|
44
|
+
onDataFetchError?: (error: any) => void;
|
|
45
|
+
tableActions?: {
|
|
46
|
+
general?: {
|
|
47
|
+
export?: boolean;
|
|
48
|
+
exportSelectProps?: Partial<ModernSelectProps>;
|
|
49
|
+
dateFilter?: boolean;
|
|
50
|
+
};
|
|
51
|
+
custom?: CustomTableActions[];
|
|
52
|
+
};
|
|
53
|
+
colActions?: {
|
|
54
|
+
view?: boolean;
|
|
55
|
+
edit?: boolean | EditActionRendererProps;
|
|
56
|
+
delete?: boolean | DeleteActionRendererProps;
|
|
57
|
+
};
|
|
58
|
+
customColActions?: ColDef[];
|
|
59
|
+
rowOptions?: {
|
|
60
|
+
optionName: string;
|
|
61
|
+
onClick: (data: any) => void;
|
|
62
|
+
optionStyle?: CSSProperties;
|
|
63
|
+
}[] | ((rowData: any) => {
|
|
64
|
+
optionName: string;
|
|
65
|
+
onClick: (data: any) => void;
|
|
66
|
+
optionStyle?: CSSProperties;
|
|
67
|
+
}[]);
|
|
68
|
+
mainDateColumnFilterKey?: string;
|
|
69
|
+
navigateOnActionClick?: {
|
|
70
|
+
view?: string;
|
|
71
|
+
edit?: string;
|
|
72
|
+
subscribe?: string;
|
|
73
|
+
close?: string;
|
|
74
|
+
add?: string;
|
|
75
|
+
rowOptions?: string;
|
|
76
|
+
};
|
|
77
|
+
customRowRenderer?: React.FC<any>;
|
|
78
|
+
customHeaderRenderer?: React.FC<any>;
|
|
79
|
+
};
|
|
80
|
+
export declare function Table(baseTableType: TableProps): import("react/jsx-runtime").JSX.Element;
|
|
81
|
+
export default Table;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type CustomTableEmptyStateProps = {
|
|
2
|
+
error?: {
|
|
3
|
+
message?: string;
|
|
4
|
+
code?: string;
|
|
5
|
+
};
|
|
6
|
+
totalRecords?: number;
|
|
7
|
+
onRefresh?: () => void;
|
|
8
|
+
} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
9
|
+
declare function CustomTableEmptyState(props: CustomTableEmptyStateProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default CustomTableEmptyState;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Auto-generated barrel for src/components/ui/table/components
|
|
3
|
+
*/
|
|
4
|
+
export { default as CustomDateComponent } from './CustomDateComponent';
|
|
5
|
+
export * from './CustomDateComponent';
|
|
6
|
+
export { default as CustomTableActionRenderer } from './CustomTableActionRenderer';
|
|
7
|
+
export * from './CustomTableActionRenderer';
|
|
8
|
+
export { default as CustomTableEmptyState } from './CustomTableEmptyState';
|
|
9
|
+
export * from './CustomTableEmptyState';
|
|
10
|
+
export { default as DateRangeFilter } from './DateRangeFilter';
|
|
11
|
+
export * from './DateRangeFilter';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Auto-generated barrel for src/components/ui/table
|
|
3
|
+
*/
|
|
4
|
+
export { default as BaseDataGrid } from './BaseDataGrid';
|
|
5
|
+
export * from './BaseDataGrid';
|
|
6
|
+
export { default as BaseTable } from './BaseTable';
|
|
7
|
+
export * from './BaseTable';
|
|
8
|
+
export { default as Table } from './Table';
|
|
9
|
+
export * from './Table';
|
|
10
|
+
export * from './components';
|
|
11
|
+
export * from './renderers';
|
|
12
|
+
export * from './tablePanels';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ColDef, ICellRendererParams } from 'ag-grid-community';
|
|
2
|
+
export type ClickableActionRendererProps = {
|
|
3
|
+
title: string;
|
|
4
|
+
value: string;
|
|
5
|
+
data?: any;
|
|
6
|
+
onClick?: (data: any) => void;
|
|
7
|
+
path?: string;
|
|
8
|
+
isCurrency?: boolean;
|
|
9
|
+
isDate?: boolean;
|
|
10
|
+
statusIndicator?: "fail" | "success" | "normal";
|
|
11
|
+
} & ICellRendererParams & ColDef;
|
|
12
|
+
export declare function BaseActionRenderer(baseActionRendererProps: ClickableActionRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export default BaseActionRenderer;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ICellRendererParams } from 'ag-grid-community';
|
|
2
|
+
export type DateCellRendererProps = ICellRendererParams & {
|
|
3
|
+
title: string;
|
|
4
|
+
data: any;
|
|
5
|
+
value: string;
|
|
6
|
+
onClick?: (data: any) => void;
|
|
7
|
+
path?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare function DateCellRenderer(dateCellRendererProps: DateCellRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default DateCellRenderer;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type DeleteActionRendererProps = {
|
|
2
|
+
title?: string;
|
|
3
|
+
data?: any;
|
|
4
|
+
onClick?: (value?: any) => Promise<void>;
|
|
5
|
+
};
|
|
6
|
+
export declare function DeleteActionRenderer(deleteActionRendererProps: DeleteActionRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default DeleteActionRenderer;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type EditActionRendererProps = {
|
|
2
|
+
title?: string;
|
|
3
|
+
data?: any;
|
|
4
|
+
onClick?: (value?: any) => Promise<void>;
|
|
5
|
+
};
|
|
6
|
+
export declare function EditActionRenderer(editActionRendererProps: EditActionRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default EditActionRenderer;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ICellRendererParams } from 'ag-grid-community';
|
|
3
|
+
import { MenuOptionsPopupProps } from '../../popup/MenuOptionsPopup';
|
|
4
|
+
export type RowOptionsActionRendererProps = ICellRendererParams & {
|
|
5
|
+
rowOptions: MenuOptionsPopupProps["menuOptions"];
|
|
6
|
+
};
|
|
7
|
+
declare const RowOptionsActionRenderer: React.FC<RowOptionsActionRendererProps>;
|
|
8
|
+
export default RowOptionsActionRenderer;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ICellRendererParams } from 'ag-grid-community';
|
|
3
|
+
export type StatusMap = {
|
|
4
|
+
[status: string]: {
|
|
5
|
+
color: string;
|
|
6
|
+
backgroundColor: string;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
export type StatusRendererProps = {
|
|
10
|
+
status: string;
|
|
11
|
+
showIndicator?: boolean;
|
|
12
|
+
customStatusMap?: StatusMap;
|
|
13
|
+
onClick?: () => void;
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
} & ICellRendererParams;
|
|
17
|
+
declare const StatusRenderer: React.FC<StatusRendererProps>;
|
|
18
|
+
export default StatusRenderer;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export type SubscribeActionRendererProps = {
|
|
2
|
+
title: string;
|
|
3
|
+
data: any;
|
|
4
|
+
};
|
|
5
|
+
export declare function SubscribeActionRenderer(subscribeActionRendererProps: SubscribeActionRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default SubscribeActionRenderer;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export type ViewActionRendererProps = {
|
|
2
|
+
data?: object;
|
|
3
|
+
onClick?: (value?: any) => void;
|
|
4
|
+
};
|
|
5
|
+
export declare function ViewActionRenderer(viewActionRendererProps: ViewActionRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default ViewActionRenderer;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Auto-generated barrel for src/components/ui/table/renderers
|
|
3
|
+
*/
|
|
4
|
+
export { default as BaseActionRenderer } from './BaseActionRenderer';
|
|
5
|
+
export * from './BaseActionRenderer';
|
|
6
|
+
export { default as DateCellRenderer } from './DateCellRenderer';
|
|
7
|
+
export * from './DateCellRenderer';
|
|
8
|
+
export { default as DeleteActionRenderer } from './DeleteActionRenderer';
|
|
9
|
+
export * from './DeleteActionRenderer';
|
|
10
|
+
export { default as EditActionRenderer } from './EditActionRenderer';
|
|
11
|
+
export * from './EditActionRenderer';
|
|
12
|
+
export { default as RowOptionsActionRenderer } from './RowOptionsActionRenderer';
|
|
13
|
+
export * from './RowOptionsActionRenderer';
|
|
14
|
+
export { default as StatusRenderer } from './StatusRenderer';
|
|
15
|
+
export * from './StatusRenderer';
|
|
16
|
+
export { default as SubscribeActionRenderer } from './SubscribeActionRenderer';
|
|
17
|
+
export * from './SubscribeActionRenderer';
|
|
18
|
+
export { default as ViewActionRenderer } from './ViewActionRenderer';
|
|
19
|
+
export * from './ViewActionRenderer';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ExportFormat } from '../../..';
|
|
2
|
+
import { GridOptions } from 'ag-grid-community';
|
|
3
|
+
export type HeaderControlsProps = {
|
|
4
|
+
title?: string;
|
|
5
|
+
onRefresh?: () => void;
|
|
6
|
+
onFilterClick?: () => void;
|
|
7
|
+
onCreateClick?: () => Promise<void>;
|
|
8
|
+
onExport?: (format: ExportFormat) => void;
|
|
9
|
+
dateFilterSelectOptions?: {
|
|
10
|
+
label: string;
|
|
11
|
+
value: string;
|
|
12
|
+
}[];
|
|
13
|
+
mainDateColumnFilterKeyOptions?: {
|
|
14
|
+
label: string;
|
|
15
|
+
value: string;
|
|
16
|
+
}[];
|
|
17
|
+
onDateFilterChange?: (val: string) => void;
|
|
18
|
+
onDateColumnChange?: (val: string) => void;
|
|
19
|
+
searchValue?: string;
|
|
20
|
+
onSearchChange?: (val: string) => void;
|
|
21
|
+
resultCount?: number;
|
|
22
|
+
gridOptions?: GridOptions;
|
|
23
|
+
onSelectRows?: (selectedRows: any[]) => void;
|
|
24
|
+
selectedRows?: any[];
|
|
25
|
+
};
|
|
26
|
+
export default function BaseTableHeaderControls({ title, onRefresh, onExport, onCreateClick, onFilterClick, onSelectRows, selectedRows, }: HeaderControlsProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type BaseTablePaginationPanelProps = {
|
|
3
|
+
currentPage: number;
|
|
4
|
+
totalPages: number;
|
|
5
|
+
onPrevPage: () => void;
|
|
6
|
+
onNextPage: () => void;
|
|
7
|
+
onGoToPage?: (pageNo: number) => void;
|
|
8
|
+
isZeroBasedIndex?: boolean;
|
|
9
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
10
|
+
declare const BaseTablePaginationPanel: React.FC<BaseTablePaginationPanelProps>;
|
|
11
|
+
export default BaseTablePaginationPanel;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Auto-generated barrel for src/components/ui/table/tablePanels
|
|
3
|
+
*/
|
|
4
|
+
export { default as BaseTableHeaderControls } from './BaseTableHeaderControls';
|
|
5
|
+
export * from './BaseTableHeaderControls';
|
|
6
|
+
export { default as BaseTablePaginationPanel } from './BaseTablePaginationPanel';
|
|
7
|
+
export * from './BaseTablePaginationPanel';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ToastOptions } from 'react-toastify';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
type BaseToastProps = {
|
|
4
|
+
message: string | ReactNode;
|
|
5
|
+
type?: 'success' | 'error' | 'info' | 'warning' | 'default';
|
|
6
|
+
options?: ToastOptions;
|
|
7
|
+
};
|
|
8
|
+
declare const BaseToast: ({ message, type, options }: BaseToastProps) => import('react-toastify').Id;
|
|
9
|
+
export default BaseToast;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
export type TypographyProps = {
|
|
3
|
+
variant?: "display" | "text";
|
|
4
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
5
|
+
weight?: "regular" | "medium" | "semibold" | "bold";
|
|
6
|
+
color?: "primary" | "secondary" | "error" | "warning" | "success" | "white" | CSSProperties["color"];
|
|
7
|
+
component?: "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
style?: CSSProperties;
|
|
10
|
+
} & Omit<React.HTMLProps<HTMLParagraphElement>, "size">;
|
|
11
|
+
export declare function Typography({ variant, size, weight, color, component, children, style, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default Typography;
|