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,28 @@
|
|
|
1
|
+
import { default as React, CSSProperties } from 'react';
|
|
2
|
+
import { BaseCalendarProps } from '../calendar/BaseCalendar';
|
|
3
|
+
import { DateRange } from 'react-day-picker';
|
|
4
|
+
import { FormikProps, FormikValues } from 'formik';
|
|
5
|
+
import { EnhancedLabelProps } from '../label/EnhancedLabel';
|
|
6
|
+
export type BaseDateRangePickerProps<T extends FormikValues> = {
|
|
7
|
+
type?: "single" | "double";
|
|
8
|
+
selected?: DateRange;
|
|
9
|
+
onSelect?: (date: DateRange | undefined) => void;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
label?: string;
|
|
13
|
+
labelStyle?: CSSProperties;
|
|
14
|
+
labelProps?: EnhancedLabelProps;
|
|
15
|
+
showPresetRanges?: boolean;
|
|
16
|
+
error?: string;
|
|
17
|
+
name?: string;
|
|
18
|
+
helperText?: string;
|
|
19
|
+
helperTextProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> & {
|
|
20
|
+
isLoading?: boolean;
|
|
21
|
+
};
|
|
22
|
+
formik?: FormikProps<T>;
|
|
23
|
+
startDateField?: string;
|
|
24
|
+
endDateField?: string;
|
|
25
|
+
useTimestamps?: boolean;
|
|
26
|
+
} & Omit<BaseCalendarProps, "selected" | "onSelect" | "mode">;
|
|
27
|
+
declare const BaseDateRangePicker: <T extends FormikValues>({ type, selected, onSelect, placeholder, className, showPresetRanges, label, labelStyle, labelProps, helperText, helperTextProps, formik, name, error, startDateField, endDateField, useTimestamps, ...baseCalendarProps }: BaseDateRangePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export default BaseDateRangePicker;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FormikProps, FormikValues } from 'formik';
|
|
2
|
+
import { BaseDateRangePickerProps } from './BaseDateRangePicker';
|
|
3
|
+
export type FormikDateRangePickerProps<T extends FormikValues> = {
|
|
4
|
+
startDateField: string;
|
|
5
|
+
endDateField: string;
|
|
6
|
+
formik: FormikProps<T>;
|
|
7
|
+
} & Omit<BaseDateRangePickerProps<T>, "selected" | "onSelect" | "formik" | "name">;
|
|
8
|
+
declare const FormikDateRangePicker: <T extends FormikValues>({ startDateField, endDateField, formik, ...otherProps }: FormikDateRangePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default FormikDateRangePicker;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Auto-generated barrel for src/components/ui/datepicker
|
|
3
|
+
*/
|
|
4
|
+
export { default as BaseDatePicker } from './BaseDatePicker';
|
|
5
|
+
export * from './BaseDatePicker';
|
|
6
|
+
export { default as BaseDateRangePicker } from './BaseDateRangePicker';
|
|
7
|
+
export * from './BaseDateRangePicker';
|
|
8
|
+
export { default as FormikDateRangePicker } from './FormikDateRangePicker';
|
|
9
|
+
export * from './FormikDateRangePicker';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BaseButtonProps } from '../../button/BaseButton';
|
|
2
|
+
type DummyFormRequest = unknown;
|
|
3
|
+
export interface CreateOrUpdateDummyFormProps<T extends DummyFormRequest> {
|
|
4
|
+
initialValues: T;
|
|
5
|
+
onSuccessfulSubmission?: () => void;
|
|
6
|
+
submitBtnProps?: BaseButtonProps;
|
|
7
|
+
/** Determines if we're updating (requires ID) */
|
|
8
|
+
isUpdate?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const CreateOrUpdateDummyForm: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default CreateOrUpdateDummyForm;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Auto-generated barrel for src/components/ui
|
|
3
|
+
*/
|
|
4
|
+
export * from './accordion';
|
|
5
|
+
export * from './avatar';
|
|
6
|
+
export * from './badge';
|
|
7
|
+
export * from './breadcrumbs';
|
|
8
|
+
export * from './button';
|
|
9
|
+
export * from './calendar';
|
|
10
|
+
export * from './card';
|
|
11
|
+
export * from './checkbox';
|
|
12
|
+
export * from './chip';
|
|
13
|
+
export * from './container';
|
|
14
|
+
export * from './datepicker';
|
|
15
|
+
export * from './form';
|
|
16
|
+
export * from './input';
|
|
17
|
+
export * from './label';
|
|
18
|
+
export * from './menu';
|
|
19
|
+
export * from './modal';
|
|
20
|
+
export * from './popup';
|
|
21
|
+
export * from './progress';
|
|
22
|
+
export * from './radio';
|
|
23
|
+
export * from './select';
|
|
24
|
+
export * from './switch';
|
|
25
|
+
export * from './table';
|
|
26
|
+
export * from './toast';
|
|
27
|
+
export * from './typography';
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { default as React, CSSProperties, SVGProps } from 'react';
|
|
2
|
+
import { FormikValues } from 'formik';
|
|
3
|
+
import { EnhancedLabelProps } from '../label/EnhancedLabel';
|
|
4
|
+
import { Formik } from '../../../utilities';
|
|
5
|
+
export type BaseInputProps<T extends FormikValues> = {
|
|
6
|
+
startIcon?: React.ReactElement<SVGProps<SVGSVGElement>> | React.FC<SVGProps<SVGSVGElement>> | string;
|
|
7
|
+
endIcon?: React.ReactElement<SVGProps<SVGSVGElement>> | React.FC<SVGProps<SVGSVGElement>> | string;
|
|
8
|
+
startIconProps?: SVGProps<SVGSVGElement>;
|
|
9
|
+
endIconProps?: SVGProps<SVGSVGElement>;
|
|
10
|
+
label?: string;
|
|
11
|
+
labelStyle?: CSSProperties;
|
|
12
|
+
labelProps?: EnhancedLabelProps;
|
|
13
|
+
helperText?: string;
|
|
14
|
+
helperTextProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> & {
|
|
15
|
+
isLoading?: boolean;
|
|
16
|
+
};
|
|
17
|
+
containerStyle?: CSSProperties;
|
|
18
|
+
inputContainerStyle?: CSSProperties;
|
|
19
|
+
error?: string;
|
|
20
|
+
formik?: Formik<T>;
|
|
21
|
+
endIconSize?: string;
|
|
22
|
+
startIconSize?: string;
|
|
23
|
+
copyTextOnly?: boolean;
|
|
24
|
+
inputProps?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
|
|
25
|
+
name?: string;
|
|
26
|
+
multiline?: boolean;
|
|
27
|
+
formatNumberWithCommas?: boolean;
|
|
28
|
+
formatDecimalNumberWithCommas?: boolean;
|
|
29
|
+
decimalPlaces?: number;
|
|
30
|
+
maxNumberValue?: number;
|
|
31
|
+
minNumberValue?: number;
|
|
32
|
+
allowNegative?: boolean;
|
|
33
|
+
textAreaOptions?: React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
|
|
34
|
+
value?: string | number;
|
|
35
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
|
|
36
|
+
onBlur?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
|
|
37
|
+
} & React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
|
|
38
|
+
export declare const BaseInput: <T extends FormikValues>({ startIcon: StartIcon, endIcon: EndIcon, startIconProps, endIconProps, label, labelStyle, labelProps, helperText, helperTextProps, inputProps, containerStyle, inputContainerStyle, endIconSize, startIconSize, error, multiline, formatNumberWithCommas, formatDecimalNumberWithCommas, decimalPlaces, maxNumberValue, minNumberValue, allowNegative, textAreaOptions, copyTextOnly, name, formik, value, onChange, onBlur, ...props }: BaseInputProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
export default BaseInput;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React, CSSProperties } from 'react';
|
|
2
|
+
type OtpInputProps = {
|
|
3
|
+
numberOfInputs?: number;
|
|
4
|
+
onOtpInputsFilled?: (otp: string) => void;
|
|
5
|
+
onOtpValueChange?: (otp: string[]) => void;
|
|
6
|
+
containerStyle?: CSSProperties;
|
|
7
|
+
inputStyle?: CSSProperties;
|
|
8
|
+
disableInputs?: boolean;
|
|
9
|
+
inputText: string[];
|
|
10
|
+
setInputText: React.Dispatch<React.SetStateAction<string[]>>;
|
|
11
|
+
inputProps?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
|
|
12
|
+
};
|
|
13
|
+
export declare const BaseOtpInput: ({ numberOfInputs, containerStyle, onOtpInputsFilled, onOtpValueChange, inputStyle, disableInputs, inputProps, inputText, setInputText, }: OtpInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export default BaseOtpInput;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { FormikValues } from 'formik';
|
|
3
|
+
import { ModernSelect } from '../select/ModernSelect';
|
|
4
|
+
import { BaseInputProps } from './BaseInput';
|
|
5
|
+
import { Formik } from '../../../utilities/types/formTypes';
|
|
6
|
+
import { EnhancedLabelProps } from '../label/EnhancedLabel';
|
|
7
|
+
export type BasePhoneNumberInputProps<T extends FormikValues> = {
|
|
8
|
+
/** The Formik instance */
|
|
9
|
+
formik: Formik<T>;
|
|
10
|
+
/** Single-field approach: the backend wants everything in one field, e.g. '+2347088...' */
|
|
11
|
+
customFullPhoneNumberInputName?: string;
|
|
12
|
+
/** Two‐field approach: the backend has separate fields for code & phone */
|
|
13
|
+
selectInputName?: string;
|
|
14
|
+
inputName?: string;
|
|
15
|
+
/** Label displayed above everything */
|
|
16
|
+
label?: string;
|
|
17
|
+
/** Style for that label */
|
|
18
|
+
labelStyle?: React.CSSProperties;
|
|
19
|
+
labelProps?: EnhancedLabelProps;
|
|
20
|
+
/** Additional props for the code dropdown */
|
|
21
|
+
selectProps?: Omit<React.ComponentProps<typeof ModernSelect>, "selectOptions" | "onOptionSelect">;
|
|
22
|
+
/** Additional props for the phone input */
|
|
23
|
+
baseInputProps?: Omit<BaseInputProps<T>, "formik" | "name">;
|
|
24
|
+
defaultCountryCode?: string;
|
|
25
|
+
/** The placeholder for the phone part (not the code). */
|
|
26
|
+
inputPlaceholder?: string;
|
|
27
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
28
|
+
/**
|
|
29
|
+
* Phone input that can handle either:
|
|
30
|
+
* 1) single field (customFullPhoneNumberInputName), or
|
|
31
|
+
* 2) separate fields (selectInputName, inputName).
|
|
32
|
+
*
|
|
33
|
+
* Internally, we keep local states: selectedCode & localNumber.
|
|
34
|
+
* On every user change, we update the form field(s).
|
|
35
|
+
*/
|
|
36
|
+
export declare function BasePhoneNumberInput<T extends FormikValues>(props: BasePhoneNumberInputProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export default BasePhoneNumberInput;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Auto-generated barrel for src/components/ui/input
|
|
3
|
+
*/
|
|
4
|
+
export { default as BaseInput } from './BaseInput';
|
|
5
|
+
export * from './BaseInput';
|
|
6
|
+
export { default as BaseOtpInput } from './BaseOtpInput';
|
|
7
|
+
export * from './BaseOtpInput';
|
|
8
|
+
export { default as BasePhoneNumberInput } from './BasePhoneNumberInput';
|
|
9
|
+
export * from './BasePhoneNumberInput';
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { default as React, CSSProperties, SVGProps } from 'react';
|
|
2
|
+
import { default as Typography } from '../typography/typography';
|
|
3
|
+
export type DefaultIconType = 'required' | 'info' | 'addition' | 'warning' | 'optional';
|
|
4
|
+
export type EnhancedLabelProps = {
|
|
5
|
+
/** The label text */
|
|
6
|
+
label?: string;
|
|
7
|
+
/** Default icon type - convenient presets */
|
|
8
|
+
defaultIcon?: DefaultIconType;
|
|
9
|
+
/** Position for the default icon */
|
|
10
|
+
defaultIconPosition?: "start" | "end";
|
|
11
|
+
/** Override default icon size */
|
|
12
|
+
defaultIconSize?: string;
|
|
13
|
+
/** Override default icon color */
|
|
14
|
+
defaultIconColor?: string;
|
|
15
|
+
/** Additional props for default icon */
|
|
16
|
+
defaultIconProps?: SVGProps<SVGSVGElement>;
|
|
17
|
+
/** Custom icon to display alongside the label (in addition to default icon) */
|
|
18
|
+
icon?: React.ReactElement<SVGProps<SVGSVGElement>> | React.FC<SVGProps<SVGSVGElement>> | string;
|
|
19
|
+
/** Icon position relative to the label */
|
|
20
|
+
iconPosition?: "start" | "end";
|
|
21
|
+
/** Props for the custom icon */
|
|
22
|
+
iconProps?: SVGProps<SVGSVGElement>;
|
|
23
|
+
/** Custom icon size */
|
|
24
|
+
iconSize?: string;
|
|
25
|
+
/** Custom style for the label container */
|
|
26
|
+
style?: CSSProperties;
|
|
27
|
+
/** Custom style for the label text */
|
|
28
|
+
labelStyle?: CSSProperties;
|
|
29
|
+
/** Additional CSS classes */
|
|
30
|
+
className?: string;
|
|
31
|
+
/** Typography props to pass through */
|
|
32
|
+
typographyProps?: Partial<React.ComponentProps<typeof Typography>>;
|
|
33
|
+
/** Whether to show both default and custom icons */
|
|
34
|
+
showBothIcons?: boolean;
|
|
35
|
+
/** Gap between icons and text */
|
|
36
|
+
iconGap?: string;
|
|
37
|
+
required?: boolean;
|
|
38
|
+
requiredIcon?: React.ReactElement<SVGProps<SVGSVGElement>> | React.FC<SVGProps<SVGSVGElement>>;
|
|
39
|
+
requiredIconSize?: string;
|
|
40
|
+
requiredIconProps?: SVGProps<SVGSVGElement>;
|
|
41
|
+
showRequiredWithIcon?: boolean;
|
|
42
|
+
};
|
|
43
|
+
declare const EnhancedLabel: React.FC<EnhancedLabelProps>;
|
|
44
|
+
export default EnhancedLabel;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type FormLabelProps = {
|
|
3
|
+
label: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
icon?: React.ReactNode;
|
|
6
|
+
iconPosition?: "left" | "right";
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
};
|
|
10
|
+
declare const FormLabel: React.FC<FormLabelProps>;
|
|
11
|
+
export default FormLabel;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { default as React, SVGProps } from 'react';
|
|
2
|
+
import { GetSupportCardProps } from '../card/GetSupportCard';
|
|
3
|
+
export type BaseSidebarModuleItemType = {
|
|
4
|
+
title: string;
|
|
5
|
+
icon?: React.FC<SVGProps<SVGSVGElement>>;
|
|
6
|
+
tabRoute?: string;
|
|
7
|
+
onClick?: () => void;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
badge?: string | number;
|
|
10
|
+
tooltip?: string;
|
|
11
|
+
};
|
|
12
|
+
export type BaseSidebarModuleConfig = {
|
|
13
|
+
moduleName?: string;
|
|
14
|
+
moduleRoute?: string;
|
|
15
|
+
moduleItems?: BaseSidebarModuleItemType[];
|
|
16
|
+
moduleIcon?: React.FC<SVGProps<SVGSVGElement>>;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
defaultOpen?: boolean;
|
|
19
|
+
};
|
|
20
|
+
export type BaseSidebarTheme = 'dark' | 'light' | 'auto';
|
|
21
|
+
export type BaseSidebarSize = 'compact' | 'default' | 'spacious';
|
|
22
|
+
export type BaseSidebarProps = {
|
|
23
|
+
sidebarConfig: BaseSidebarModuleConfig[];
|
|
24
|
+
bottomMenuConfig?: BaseSidebarModuleConfig[];
|
|
25
|
+
navigate: (path: string) => void;
|
|
26
|
+
onLogout?: () => void;
|
|
27
|
+
currentPath: string;
|
|
28
|
+
allowMultiple?: boolean;
|
|
29
|
+
defaultOpenModules?: string[];
|
|
30
|
+
/** Theme customization */
|
|
31
|
+
theme?: BaseSidebarTheme;
|
|
32
|
+
size?: BaseSidebarSize;
|
|
33
|
+
collapsed?: boolean;
|
|
34
|
+
className?: string;
|
|
35
|
+
style?: React.CSSProperties;
|
|
36
|
+
/** Controlled props: if provided, consumer controls open modules */
|
|
37
|
+
openModules?: string[];
|
|
38
|
+
onOpenModulesChange?: (modules: string[]) => void;
|
|
39
|
+
/** Controlled props: if provided, consumer controls search term */
|
|
40
|
+
searchTerm?: string;
|
|
41
|
+
onSearchTermChange?: (term: string) => void;
|
|
42
|
+
/** Optional render prop to override footer section */
|
|
43
|
+
renderFooter?: () => React.ReactNode;
|
|
44
|
+
renderHeader?: () => React.ReactNode;
|
|
45
|
+
/** Optional render prop to override support ad section */
|
|
46
|
+
renderAdSection?: (onClose: () => void) => React.ReactNode;
|
|
47
|
+
allowSearch?: boolean;
|
|
48
|
+
showSupportAd?: boolean;
|
|
49
|
+
/** Support ad configuration */
|
|
50
|
+
supportAdConfig?: {
|
|
51
|
+
title?: string;
|
|
52
|
+
description?: string;
|
|
53
|
+
buttonText?: string;
|
|
54
|
+
supportPath?: string;
|
|
55
|
+
onGetSupport?: () => void;
|
|
56
|
+
variant?: GetSupportCardProps['variant'];
|
|
57
|
+
};
|
|
58
|
+
/** Accessibility props */
|
|
59
|
+
ariaLabel?: string;
|
|
60
|
+
/** Custom CSS variables for advanced theming */
|
|
61
|
+
customTheme?: Record<string, string>;
|
|
62
|
+
};
|
|
63
|
+
declare const BaseSidebar: React.FC<BaseSidebarProps>;
|
|
64
|
+
export default BaseSidebar;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export type HeaderProps = {
|
|
2
|
+
type: "dashboard" | "login" | "signup" | "kyc" | "resetPassword";
|
|
3
|
+
title?: string;
|
|
4
|
+
};
|
|
5
|
+
declare const Header: ({ type, title, ...props }: HeaderProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default Header;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Auto-generated barrel for src/components/ui/menu
|
|
3
|
+
*/
|
|
4
|
+
export { default as BaseSidebar } from './BaseSidebar';
|
|
5
|
+
export * from './BaseSidebar';
|
|
6
|
+
export { default as Footer } from './Footer';
|
|
7
|
+
export * from './Footer';
|
|
8
|
+
export { default as Header } from './Header';
|
|
9
|
+
export * from './Header';
|
|
10
|
+
export { default as WebsiteSidebar } from './WebsiteSidebar';
|
|
11
|
+
export * from './WebsiteSidebar';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
import { ModalPosition } from '../../../utilities/types/modalTypes';
|
|
3
|
+
export interface BaseModalProps {
|
|
4
|
+
ref: React.RefObject<HTMLDivElement>;
|
|
5
|
+
id: string;
|
|
6
|
+
zIndex?: number;
|
|
7
|
+
backdrop?: 'blur' | 'solid' | 'transparent';
|
|
8
|
+
closeOnBackdropClick?: boolean;
|
|
9
|
+
enableBackDrop?: boolean;
|
|
10
|
+
closeOnEscape?: boolean;
|
|
11
|
+
position?: ModalPosition;
|
|
12
|
+
offset?: number;
|
|
13
|
+
animation?: 'fade' | 'slide' | 'scale' | 'none';
|
|
14
|
+
children: ReactNode;
|
|
15
|
+
onClose?: () => void;
|
|
16
|
+
onFocus?: () => void;
|
|
17
|
+
containerClassName?: string;
|
|
18
|
+
}
|
|
19
|
+
export default function BaseModal({ ref, id, zIndex, backdrop, closeOnBackdropClick, enableBackDrop, position, offset, animation, children, onClose, onFocus, containerClassName, }: BaseModalProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ConfirmationModalLayoutProps } from '../../layouts/confirmationModalLayout';
|
|
2
|
+
export type ConfirmationModalProps = ConfirmationModalLayoutProps;
|
|
3
|
+
declare const ConfirmationModal: ({ ...props }: ConfirmationModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default ConfirmationModal;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Auto-generated barrel for src/components/ui/modal
|
|
3
|
+
*/
|
|
4
|
+
export { default as BaseModal } from './BaseModal';
|
|
5
|
+
export * from './BaseModal';
|
|
6
|
+
export { default as DeleteDummyConfirmationModal } from './DeleteDummyConfirmationModal';
|
|
7
|
+
export * from './DeleteDummyConfirmationModal';
|
|
8
|
+
export { default as GlobalModal } from './GlobalModal';
|
|
9
|
+
export * from './GlobalModal';
|
|
10
|
+
export { default as ModalRenderer } from './ModalRenderer';
|
|
11
|
+
export * from './ModalRenderer';
|
|
12
|
+
export { default as UpdateDummyModal } from './UpdateDummyModal';
|
|
13
|
+
export * from './UpdateDummyModal';
|
|
14
|
+
export { default as ViewDummyModal } from './ViewDummyModal';
|
|
15
|
+
export * from './ViewDummyModal';
|
|
16
|
+
export { default as confirmationModal } from './confirmationModal';
|
|
17
|
+
export * from './confirmationModal';
|
|
18
|
+
export { default as notificationModal } from './notificationModal';
|
|
19
|
+
export * from './notificationModal';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { NotificationModalLayoutProps } from '../../layouts/notificationModalLayout';
|
|
2
|
+
export type NotificationModalProps = NotificationModalLayoutProps;
|
|
3
|
+
declare const NotificationModal: ({ ...props }: NotificationModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default NotificationModal;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type BasePopupProps = {
|
|
3
|
+
referenceElement: HTMLElement | null;
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
onClose?: () => void;
|
|
6
|
+
placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'bottom-end';
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
9
|
+
declare const BasePopup: React.FC<BasePopupProps>;
|
|
10
|
+
export default BasePopup;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode, RefObject } from 'react';
|
|
2
|
+
export type BasePopupContainerProps = {
|
|
3
|
+
isOpen?: boolean;
|
|
4
|
+
popperRef: RefObject<any>;
|
|
5
|
+
styles: {
|
|
6
|
+
[p: string]: React.CSSProperties;
|
|
7
|
+
};
|
|
8
|
+
attributes: {
|
|
9
|
+
[p: string]: {
|
|
10
|
+
[p: string]: string;
|
|
11
|
+
} | undefined;
|
|
12
|
+
};
|
|
13
|
+
children: ReactNode;
|
|
14
|
+
};
|
|
15
|
+
export default function BasePopupContainer({ isOpen, popperRef, styles, attributes, children }: BasePopupContainerProps): import('react').ReactPortal | null;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React, CSSProperties } from 'react';
|
|
2
|
+
import { BasePopupProps } from './BasePopup';
|
|
3
|
+
export type MenuOptionsPopupProps = Omit<BasePopupProps, 'children'> & {
|
|
4
|
+
menuOptions: {
|
|
5
|
+
optionName: string;
|
|
6
|
+
onClick: (data: any) => void;
|
|
7
|
+
optionStyle?: CSSProperties;
|
|
8
|
+
}[];
|
|
9
|
+
data: any;
|
|
10
|
+
};
|
|
11
|
+
declare const MenuOptionsPopup: React.FC<MenuOptionsPopupProps>;
|
|
12
|
+
export default MenuOptionsPopup;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Auto-generated barrel for src/components/ui/popup
|
|
3
|
+
*/
|
|
4
|
+
export { default as BasePopup } from './BasePopup';
|
|
5
|
+
export * from './BasePopup';
|
|
6
|
+
export { default as BasePopupContainer } from './BasePopupContainer';
|
|
7
|
+
export * from './BasePopupContainer';
|
|
8
|
+
export { default as MenuOptionsPopup } from './MenuOptionsPopup';
|
|
9
|
+
export * from './MenuOptionsPopup';
|
|
10
|
+
export { default as NotificationPopup } from './NotificationPopup';
|
|
11
|
+
export * from './NotificationPopup';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ProgressBarProps } from '@ramonak/react-progress-bar';
|
|
2
|
+
export type BaseProgressProps = {
|
|
3
|
+
startProgressLabel?: string;
|
|
4
|
+
endProgressLabel?: string;
|
|
5
|
+
currentProgressValue: number;
|
|
6
|
+
maximumProgressValue?: number;
|
|
7
|
+
additionalProgressOptions?: Omit<ProgressBarProps, "completed" | "maxCompleted">;
|
|
8
|
+
};
|
|
9
|
+
declare const BaseProgress: ({ startProgressLabel, endProgressLabel, currentProgressValue, maximumProgressValue, additionalProgressOptions, }: BaseProgressProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default BaseProgress;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React, ChangeEventHandler, CSSProperties, FocusEventHandler } from 'react';
|
|
2
|
+
export type BaseRadioProps = {
|
|
3
|
+
name?: string;
|
|
4
|
+
value: string | number;
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
7
|
+
onBlur?: FocusEventHandler<HTMLInputElement>;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
label?: string;
|
|
10
|
+
subtitle?: string;
|
|
11
|
+
labelStyle?: CSSProperties;
|
|
12
|
+
formik?: {
|
|
13
|
+
values: Record<string, any>;
|
|
14
|
+
handleChange: ChangeEventHandler<HTMLInputElement>;
|
|
15
|
+
handleBlur: FocusEventHandler<HTMLInputElement>;
|
|
16
|
+
};
|
|
17
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
18
|
+
declare const BaseRadio: React.FC<BaseRadioProps>;
|
|
19
|
+
export default BaseRadio;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { default as React, ChangeEventHandler, CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { FormikProps, FormikValues } from 'formik';
|
|
3
|
+
export type BaseRadioGroupProps<T extends FormikValues> = {
|
|
4
|
+
name: string;
|
|
5
|
+
value?: string | number | null;
|
|
6
|
+
defaultValue?: string | number | null;
|
|
7
|
+
onChangeText?: (value: string | number) => void;
|
|
8
|
+
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
label?: string;
|
|
12
|
+
labelStyle?: CSSProperties;
|
|
13
|
+
helperText?: string;
|
|
14
|
+
helperTextProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> & {
|
|
15
|
+
isLoading?: boolean;
|
|
16
|
+
};
|
|
17
|
+
error?: string;
|
|
18
|
+
direction?: "row" | "column";
|
|
19
|
+
formik?: FormikProps<T>;
|
|
20
|
+
};
|
|
21
|
+
declare const BaseRadioGroup: <T extends FormikValues>({ name, value: controlledValue, defaultValue, onChange, onChangeText, disabled, children, label, labelStyle, helperText, helperTextProps, error, formik, direction }: BaseRadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export default BaseRadioGroup;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { FormikValues } from 'formik';
|
|
3
|
+
import { Formik } from '../../../utilities/types/formTypes';
|
|
4
|
+
import { EnhancedLabelProps } from '../label/EnhancedLabel';
|
|
5
|
+
export type BaseSelectOption = {
|
|
6
|
+
label: string;
|
|
7
|
+
value: string | number;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
style?: React.CSSProperties;
|
|
11
|
+
placeholder?: boolean;
|
|
12
|
+
startImage?: string;
|
|
13
|
+
startImageUrl?: string;
|
|
14
|
+
endImage?: string;
|
|
15
|
+
endImageUrl?: string;
|
|
16
|
+
};
|
|
17
|
+
export type BaseSelectProps<T extends FormikValues> = {
|
|
18
|
+
label?: string;
|
|
19
|
+
labelStyle?: React.CSSProperties;
|
|
20
|
+
labelProps?: EnhancedLabelProps;
|
|
21
|
+
helperText?: string;
|
|
22
|
+
helperTextProps?: React.HTMLAttributes<HTMLParagraphElement>;
|
|
23
|
+
error?: string;
|
|
24
|
+
name?: string;
|
|
25
|
+
formik?: Formik<T>;
|
|
26
|
+
selectOptions: BaseSelectOption[];
|
|
27
|
+
size?: "x-small" | "small" | "medium";
|
|
28
|
+
containerStyle?: React.CSSProperties;
|
|
29
|
+
selectInputProps?: React.SelectHTMLAttributes<HTMLSelectElement>;
|
|
30
|
+
};
|
|
31
|
+
export declare const BaseSelect: <T extends FormikValues>({ label, labelStyle, labelProps, helperText, helperTextProps, formik, name, selectOptions, size, containerStyle, selectInputProps, error, }: BaseSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export default BaseSelect;
|