@vlrc-fe/components 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ConfirmModal.d.ts +16 -0
- package/dist/ConfirmModal.d.ts.map +1 -0
- package/dist/DataTable/DataTable.d.ts +7 -0
- package/dist/DataTable/DataTable.d.ts.map +1 -0
- package/dist/DataTable/components/DataTablePagination.d.ts +9 -0
- package/dist/DataTable/components/DataTablePagination.d.ts.map +1 -0
- package/dist/DataTable/components/DataTableRowActions.d.ts +6 -0
- package/dist/DataTable/components/DataTableRowActions.d.ts.map +1 -0
- package/dist/DataTable/components/DataTableTable.d.ts +11 -0
- package/dist/DataTable/components/DataTableTable.d.ts.map +1 -0
- package/dist/DataTable/components/DataTableToolbar.d.ts +9 -0
- package/dist/DataTable/components/DataTableToolbar.d.ts.map +1 -0
- package/dist/DataTable/components/DataTableViewOptions.d.ts +6 -0
- package/dist/DataTable/components/DataTableViewOptions.d.ts.map +1 -0
- package/dist/DataTable/index.d.ts +5 -0
- package/dist/DataTable/index.d.ts.map +1 -0
- package/dist/DataTable/render/createColumns.d.ts +6 -0
- package/dist/DataTable/render/createColumns.d.ts.map +1 -0
- package/dist/DataTable/render/defaults.d.ts +10 -0
- package/dist/DataTable/render/defaults.d.ts.map +1 -0
- package/dist/DataTable/types.d.ts +71 -0
- package/dist/DataTable/types.d.ts.map +1 -0
- package/dist/Form/Form.d.ts +14 -0
- package/dist/Form/Form.d.ts.map +1 -0
- package/dist/Form/FormDatePicker/FormDatePicker.d.ts +5 -0
- package/dist/Form/FormDatePicker/FormDatePicker.d.ts.map +1 -0
- package/dist/Form/FormDatePicker/RangeDatePicker.d.ts +21 -0
- package/dist/Form/FormDatePicker/RangeDatePicker.d.ts.map +1 -0
- package/dist/Form/FormDatePicker/SingleDatePicker.d.ts +23 -0
- package/dist/Form/FormDatePicker/SingleDatePicker.d.ts.map +1 -0
- package/dist/Form/FormDatePicker/TimeInput.d.ts +11 -0
- package/dist/Form/FormDatePicker/TimeInput.d.ts.map +1 -0
- package/dist/Form/FormDatePicker/TimePicker.d.ts +10 -0
- package/dist/Form/FormDatePicker/TimePicker.d.ts.map +1 -0
- package/dist/Form/FormDatePicker/index.d.ts +4 -0
- package/dist/Form/FormDatePicker/index.d.ts.map +1 -0
- package/dist/Form/FormDatePicker/types.d.ts +58 -0
- package/dist/Form/FormDatePicker/types.d.ts.map +1 -0
- package/dist/Form/FormDatePicker/useFormDatePicker.d.ts +18 -0
- package/dist/Form/FormDatePicker/useFormDatePicker.d.ts.map +1 -0
- package/dist/Form/FormFileUpload/FileUpload.d.ts +115 -0
- package/dist/Form/FormFileUpload/FileUpload.d.ts.map +1 -0
- package/dist/Form/FormFileUpload/index.d.ts +7 -0
- package/dist/Form/FormFileUpload/index.d.ts.map +1 -0
- package/dist/Form/FormMultiSelect/FormMultiSelect.d.ts +5 -0
- package/dist/Form/FormMultiSelect/FormMultiSelect.d.ts.map +1 -0
- package/dist/Form/FormMultiSelect/index.d.ts +2 -0
- package/dist/Form/FormMultiSelect/index.d.ts.map +1 -0
- package/dist/Form/FormNumberInput/FormNumberInput.d.ts +4 -0
- package/dist/Form/FormNumberInput/FormNumberInput.d.ts.map +1 -0
- package/dist/Form/FormNumberInput/StepperControls.d.ts +9 -0
- package/dist/Form/FormNumberInput/StepperControls.d.ts.map +1 -0
- package/dist/Form/FormNumberInput/index.d.ts +4 -0
- package/dist/Form/FormNumberInput/index.d.ts.map +1 -0
- package/dist/Form/FormNumberInput/types.d.ts +20 -0
- package/dist/Form/FormNumberInput/types.d.ts.map +1 -0
- package/dist/Form/FormNumberInput/useFormNumberInput.d.ts +34 -0
- package/dist/Form/FormNumberInput/useFormNumberInput.d.ts.map +1 -0
- package/dist/Form/FormRadioGroup/FormRadio.d.ts +4 -0
- package/dist/Form/FormRadioGroup/FormRadio.d.ts.map +1 -0
- package/dist/Form/FormRadioGroup/index.d.ts +4 -0
- package/dist/Form/FormRadioGroup/index.d.ts.map +1 -0
- package/dist/Form/FormRadioGroup/types.d.ts +25 -0
- package/dist/Form/FormRadioGroup/types.d.ts.map +1 -0
- package/dist/Form/FormRadioGroup/useFormRadio.d.ts +12 -0
- package/dist/Form/FormRadioGroup/useFormRadio.d.ts.map +1 -0
- package/dist/Form/FormSelect/FormSelect.d.ts +7 -0
- package/dist/Form/FormSelect/FormSelect.d.ts.map +1 -0
- package/dist/Form/FormSelect/index.d.ts +4 -0
- package/dist/Form/FormSelect/index.d.ts.map +1 -0
- package/dist/Form/FormSelect/types.d.ts +43 -0
- package/dist/Form/FormSelect/types.d.ts.map +1 -0
- package/dist/Form/FormSelect/useFormSelect.d.ts +16 -0
- package/dist/Form/FormSelect/useFormSelect.d.ts.map +1 -0
- package/dist/Form/index.d.ts +8 -0
- package/dist/Form/index.d.ts.map +1 -0
- package/dist/Icons/Icons.d.ts +114 -0
- package/dist/Icons/Icons.d.ts.map +1 -0
- package/dist/Icons/index.d.ts +2 -0
- package/dist/Icons/index.d.ts.map +1 -0
- package/dist/Modal.d.ts +16 -0
- package/dist/Modal.d.ts.map +1 -0
- package/dist/MultiSelect/MultiSelect.d.ts +31 -0
- package/dist/MultiSelect/MultiSelect.d.ts.map +1 -0
- package/dist/MultiSelect/index.d.ts +2 -0
- package/dist/MultiSelect/index.d.ts.map +1 -0
- package/dist/MultiSelect/renderers.d.ts +45 -0
- package/dist/MultiSelect/renderers.d.ts.map +1 -0
- package/dist/MultiSelect/type.d.ts +228 -0
- package/dist/MultiSelect/type.d.ts.map +1 -0
- package/dist/MultiSelect/useMultiSelect.d.ts +52 -0
- package/dist/MultiSelect/useMultiSelect.d.ts.map +1 -0
- package/dist/MultiSelect/utils.d.ts +25 -0
- package/dist/MultiSelect/utils.d.ts.map +1 -0
- package/dist/Select/BaseSelect.d.ts +5 -0
- package/dist/Select/BaseSelect.d.ts.map +1 -0
- package/dist/Select/MultiSelectTags.d.ts +13 -0
- package/dist/Select/MultiSelectTags.d.ts.map +1 -0
- package/dist/Select/index.d.ts +3 -0
- package/dist/Select/index.d.ts.map +1 -0
- package/dist/index.d.ts +18 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/lazyLoad.d.ts +5 -0
- package/dist/lazyLoad.d.ts.map +1 -0
- package/dist/ui/accordion.d.ts +8 -0
- package/dist/ui/accordion.d.ts.map +1 -0
- package/dist/ui/badge.d.ts +10 -0
- package/dist/ui/badge.d.ts.map +1 -0
- package/dist/ui/button.d.ts +11 -0
- package/dist/ui/button.d.ts.map +1 -0
- package/dist/ui/calendar.d.ts +9 -0
- package/dist/ui/calendar.d.ts.map +1 -0
- package/dist/ui/card.d.ts +14 -0
- package/dist/ui/card.d.ts.map +1 -0
- package/dist/ui/checkbox.d.ts +5 -0
- package/dist/ui/checkbox.d.ts.map +1 -0
- package/dist/ui/command.d.ts +19 -0
- package/dist/ui/command.d.ts.map +1 -0
- package/dist/ui/dialog.d.ts +16 -0
- package/dist/ui/dialog.d.ts.map +1 -0
- package/dist/ui/dropdown-menu.d.ts +26 -0
- package/dist/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/ui/field.d.ts +26 -0
- package/dist/ui/field.d.ts.map +1 -0
- package/dist/ui/file-upload.d.ts +88 -0
- package/dist/ui/file-upload.d.ts.map +1 -0
- package/dist/ui/form.d.ts +25 -0
- package/dist/ui/form.d.ts.map +1 -0
- package/dist/ui/index.d.ts +27 -0
- package/dist/ui/index.d.ts.map +1 -0
- package/dist/ui/input.d.ts +4 -0
- package/dist/ui/input.d.ts.map +1 -0
- package/dist/ui/item.d.ts +24 -0
- package/dist/ui/item.d.ts.map +1 -0
- package/dist/ui/label.d.ts +5 -0
- package/dist/ui/label.d.ts.map +1 -0
- package/dist/ui/popover.d.ts +8 -0
- package/dist/ui/popover.d.ts.map +1 -0
- package/dist/ui/progress.d.ts +7 -0
- package/dist/ui/progress.d.ts.map +1 -0
- package/dist/ui/radio-group.d.ts +6 -0
- package/dist/ui/radio-group.d.ts.map +1 -0
- package/dist/ui/scroll-area.d.ts +6 -0
- package/dist/ui/scroll-area.d.ts.map +1 -0
- package/dist/ui/select.d.ts +16 -0
- package/dist/ui/select.d.ts.map +1 -0
- package/dist/ui/separator.d.ts +5 -0
- package/dist/ui/separator.d.ts.map +1 -0
- package/dist/ui/sonner.d.ts +4 -0
- package/dist/ui/sonner.d.ts.map +1 -0
- package/dist/ui/spinner.d.ts +3 -0
- package/dist/ui/spinner.d.ts.map +1 -0
- package/dist/ui/table.d.ts +11 -0
- package/dist/ui/table.d.ts.map +1 -0
- package/dist/ui/textarea.d.ts +4 -0
- package/dist/ui/textarea.d.ts.map +1 -0
- package/dist/ui/tooltip.d.ts +8 -0
- package/dist/ui/tooltip.d.ts.map +1 -0
- package/dist/utils.d.ts +3 -0
- package/dist/utils.d.ts.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
export interface ConfirmationDialogProps {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
onConfirm: () => void;
|
|
6
|
+
title: string;
|
|
7
|
+
message: string;
|
|
8
|
+
confirmText?: string;
|
|
9
|
+
cancelText?: string;
|
|
10
|
+
closeLabel?: string;
|
|
11
|
+
processingText?: string;
|
|
12
|
+
type?: 'warning' | 'info' | 'success' | 'danger';
|
|
13
|
+
isLoading?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export default function ConfirmModal({ isOpen, onClose, onConfirm, title, message, confirmText, cancelText, closeLabel, processingText, type, isLoading }: ConfirmationDialogProps): React.JSX.Element | null;
|
|
16
|
+
//# sourceMappingURL=ConfirmModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../src/ConfirmModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,WAAwB,EACxB,UAAkB,EAClB,UAAmB,EACnB,cAAgC,EAChC,IAAgB,EAChB,SAAiB,EAClB,EAAE,uBAAuB,4BAgLzB"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type ColumnDef } from '@tanstack/react-table';
|
|
2
|
+
import type { DataTableProps, DataTableValue } from './types';
|
|
3
|
+
export declare const DataTable: <TData>({ data, columns, initialState, empty, search, pagination: paginationConfig, actions, api, infiniteScroll, expand, className, containerClassName, getRowId, renderToolbarRight }: DataTableProps<TData> & {
|
|
4
|
+
columns: ColumnDef<TData, DataTableValue>[];
|
|
5
|
+
}) => import("react").JSX.Element;
|
|
6
|
+
export default DataTable;
|
|
7
|
+
//# sourceMappingURL=DataTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAQL,KAAK,SAAS,EAEf,MAAM,uBAAuB,CAAC;AAc/B,OAAO,KAAK,EAOV,cAAc,EAGd,cAAc,EACf,MAAM,SAAS,CAAC;AAwBjB,eAAO,MAAM,SAAS,GAAI,KAAK,EAAG,iLAe/B,cAAc,CAAC,KAAK,CAAC,GAAG;IACzB,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,CAAC;CAC7C,gCAiMA,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Table } from '@tanstack/react-table';
|
|
2
|
+
import type { DataTableApiConfig } from '../types';
|
|
3
|
+
export declare const DataTablePagination: <TData>({ table, tableState, pageSizeOptions, apiConfig }: {
|
|
4
|
+
table: Table<TData>;
|
|
5
|
+
tableState: Table<TData>["getState"] extends () => infer S ? S : never;
|
|
6
|
+
pageSizeOptions: number[];
|
|
7
|
+
apiConfig: DataTableApiConfig;
|
|
8
|
+
}) => import("react").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=DataTablePagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTablePagination.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/DataTablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAUnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,eAAO,MAAM,mBAAmB,GAAI,KAAK,EAAG,mDAKzC;IACD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,SAAS,MAAM,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IACvE,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,SAAS,EAAE,kBAAkB,CAAC;CAC/B,gCAuDA,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTableRowActions.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/DataTableRowActions.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAcxD,eAAO,MAAM,mBAAmB,GAAI,KAAK,EAAG,gBAGzC;IACD,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;CACrB,uCAkCA,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type ExpandedState, type Table, type VisibilityState } from '@tanstack/react-table';
|
|
2
|
+
import type { DataTableEmptyConfig, DataTableExpandConfig } from '../types';
|
|
3
|
+
export declare const DataTableTable: <TData>({ table, columnVisibility, expandedState, expandConfig, empty, columnsCount }: {
|
|
4
|
+
table: Table<TData>;
|
|
5
|
+
columnVisibility: VisibilityState;
|
|
6
|
+
expandedState: ExpandedState;
|
|
7
|
+
expandConfig: DataTableExpandConfig<TData>;
|
|
8
|
+
empty: DataTableEmptyConfig;
|
|
9
|
+
columnsCount: number;
|
|
10
|
+
}) => import("react").JSX.Element;
|
|
11
|
+
//# sourceMappingURL=DataTableTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTableTable.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/DataTableTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,KAAK,EACV,KAAK,eAAe,EACrB,MAAM,uBAAuB,CAAC;AAW/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAE5E,eAAO,MAAM,cAAc,GAAI,KAAK,EAAG,+EAOpC;IACD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,gBAAgB,EAAE,eAAe,CAAC;IAClC,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC3C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;CACtB,gCAgEA,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import type { Table } from '@tanstack/react-table';
|
|
3
|
+
export declare const DataTableToolbar: <TData>({ table, placeholder, debounceMs, right }: {
|
|
4
|
+
table: Table<TData>;
|
|
5
|
+
placeholder: string;
|
|
6
|
+
debounceMs: number;
|
|
7
|
+
right: ReactNode;
|
|
8
|
+
}) => import("react").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=DataTableToolbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTableToolbar.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/DataTableToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAInD,eAAO,MAAM,gBAAgB,GAAI,KAAK,EAAG,2CAKtC;IACD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;CAClB,gCA2CA,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Table, VisibilityState } from '@tanstack/react-table';
|
|
2
|
+
export declare const DataTableViewOptions: <TData>({ table, columnVisibility }: {
|
|
3
|
+
table: Table<TData>;
|
|
4
|
+
columnVisibility: VisibilityState;
|
|
5
|
+
}) => import("react").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=DataTableViewOptions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTableViewOptions.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/DataTableViewOptions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAUpE,eAAO,MAAM,oBAAoB,GAAI,KAAK,EAAG,6BAG1C;IACD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,gBAAgB,EAAE,eAAe,CAAC;CACnC,gCAuBA,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { DataTable } from './DataTable';
|
|
2
|
+
export { default } from './DataTable';
|
|
3
|
+
export type { DataTableQuery } from './types';
|
|
4
|
+
export { createSelectionColumn, createRowActionsColumn, createExpanderColumn } from './render/createColumns';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { ColumnDef } from '@tanstack/react-table';
|
|
2
|
+
import type { DataTableValue } from '../types';
|
|
3
|
+
export declare const createSelectionColumn: <TData>() => ColumnDef<TData, DataTableValue>;
|
|
4
|
+
export declare const createExpanderColumn: <TData>() => ColumnDef<TData, DataTableValue>;
|
|
5
|
+
export declare const createRowActionsColumn: <TData>() => ColumnDef<TData, DataTableValue>;
|
|
6
|
+
//# sourceMappingURL=createColumns.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createColumns.d.ts","sourceRoot":"","sources":["../../../src/DataTable/render/createColumns.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAO,MAAM,uBAAuB,CAAC;AAM5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,qBAAqB,GAAI,KAAK,OAAM,SAAS,CAAC,KAAK,EAAE,cAAc,CAqB9E,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,KAAK,OAAM,SAAS,CAAC,KAAK,EAAE,cAAc,CAM7E,CAAC;AAkBH,eAAO,MAAM,sBAAsB,GAAI,KAAK,OAAM,SAAS,CAAC,KAAK,EAAE,cAAc,CAK/E,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { DataTableActionItem, DataTableApiConfig, DataTableEmptyConfig, DataTableInfiniteScrollConfig, DataTablePaginationConfig, DataTableSearchConfig } from '../types';
|
|
2
|
+
export declare const DEFAULT_SEARCH: DataTableSearchConfig;
|
|
3
|
+
export declare const DEFAULT_PAGINATION: DataTablePaginationConfig;
|
|
4
|
+
export declare const DEFAULT_EMPTY: DataTableEmptyConfig;
|
|
5
|
+
export declare const DEFAULT_API: DataTableApiConfig;
|
|
6
|
+
export declare const DEFAULT_INFINITE_SCROLL: DataTableInfiniteScrollConfig;
|
|
7
|
+
export declare const createDefaultActions: <TData>() => {
|
|
8
|
+
getRowActions: () => DataTableActionItem<TData>[];
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=defaults.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/DataTable/render/defaults.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,6BAA6B,EAC7B,yBAAyB,EACzB,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,cAAc,EAAE,qBAG5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,yBAEhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,oBAE3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,kBAKzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,6BAIrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,KAAK,OAAM;IAC9C,aAAa,EAAE,MAAM,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;CAGlD,CAAC"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import type { ColumnDef, ColumnFiltersState, ExpandedState, PaginationState, Row, RowSelectionState, SortingState, Table, VisibilityState } from '@tanstack/react-table';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
export type DataTableMode = 'client' | 'server';
|
|
4
|
+
export type DataTableQuery = {
|
|
5
|
+
pagination: PaginationState;
|
|
6
|
+
sorting: SortingState;
|
|
7
|
+
columnFilters: ColumnFiltersState;
|
|
8
|
+
globalFilter: string;
|
|
9
|
+
};
|
|
10
|
+
export type DataTableEmptyConfig = {
|
|
11
|
+
render: () => ReactNode;
|
|
12
|
+
};
|
|
13
|
+
export type DataTableActionItem<TData> = {
|
|
14
|
+
id: string;
|
|
15
|
+
label: string;
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
onSelect: (row: Row<TData>) => void;
|
|
18
|
+
};
|
|
19
|
+
export type DataTableActionsConfig<TData> = {
|
|
20
|
+
getRowActions: (row: Row<TData>) => DataTableActionItem<TData>[];
|
|
21
|
+
};
|
|
22
|
+
export type DataTableSearchConfig = {
|
|
23
|
+
placeholder: string;
|
|
24
|
+
debounceMs: number;
|
|
25
|
+
};
|
|
26
|
+
export type DataTablePaginationConfig = {
|
|
27
|
+
pageSizeOptions: number[];
|
|
28
|
+
};
|
|
29
|
+
export type DataTableInfiniteScrollConfig = {
|
|
30
|
+
enabled: boolean;
|
|
31
|
+
thresholdPx: number;
|
|
32
|
+
onEndReached: (query: DataTableQuery) => void;
|
|
33
|
+
};
|
|
34
|
+
export type DataTableApiConfig = {
|
|
35
|
+
mode: DataTableMode;
|
|
36
|
+
isFetching: boolean;
|
|
37
|
+
totalRows: number;
|
|
38
|
+
onQueryChange: (query: DataTableQuery) => void;
|
|
39
|
+
};
|
|
40
|
+
export type DataTableExpandConfig<TData> = {
|
|
41
|
+
enabled: boolean;
|
|
42
|
+
renderSubComponent: (row: Row<TData>) => ReactNode;
|
|
43
|
+
getSubRows: (row: TData) => TData[];
|
|
44
|
+
};
|
|
45
|
+
export type DataTableInitialState = {
|
|
46
|
+
sorting: SortingState;
|
|
47
|
+
columnFilters: ColumnFiltersState;
|
|
48
|
+
globalFilter: string;
|
|
49
|
+
columnVisibility: VisibilityState;
|
|
50
|
+
rowSelection: RowSelectionState;
|
|
51
|
+
pagination: PaginationState;
|
|
52
|
+
expanded: ExpandedState;
|
|
53
|
+
};
|
|
54
|
+
export type DataTableValue = string | number | boolean | null | undefined | Date | object;
|
|
55
|
+
export type DataTableProps<TData> = {
|
|
56
|
+
data: TData[];
|
|
57
|
+
columns: ColumnDef<TData, DataTableValue>[];
|
|
58
|
+
initialState?: DataTableInitialState;
|
|
59
|
+
empty?: DataTableEmptyConfig;
|
|
60
|
+
search?: DataTableSearchConfig;
|
|
61
|
+
pagination?: DataTablePaginationConfig;
|
|
62
|
+
actions?: DataTableActionsConfig<TData>;
|
|
63
|
+
api?: DataTableApiConfig;
|
|
64
|
+
infiniteScroll?: DataTableInfiniteScrollConfig;
|
|
65
|
+
expand?: DataTableExpandConfig<TData>;
|
|
66
|
+
className?: string;
|
|
67
|
+
containerClassName?: string;
|
|
68
|
+
getRowId?: (originalRow: TData, index: number, parent: Row<TData> | null) => string;
|
|
69
|
+
renderToolbarRight?: (table: Table<TData>) => ReactNode;
|
|
70
|
+
};
|
|
71
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/DataTable/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { type FieldValues } from 'react-hook-form';
|
|
3
|
+
import type { FormBaseProps, FormControlFunc, FormInputExtraProps } from './types';
|
|
4
|
+
import type { FieldPath } from 'react-hook-form';
|
|
5
|
+
export declare function FormBase<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformedValues = TFieldValues>({ children, label, control, name, htmlType, description, controlFirst, horizontal, rules, className }: FormBaseProps<TFieldValues, TName, TTransformedValues>): import("react").JSX.Element;
|
|
6
|
+
export declare const FormInput: FormControlFunc<FormInputExtraProps>;
|
|
7
|
+
export declare const FormTextarea: FormControlFunc;
|
|
8
|
+
export declare const FormSimpleSelect: FormControlFunc<{
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const FormCheckbox: FormControlFunc<{
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
}>;
|
|
14
|
+
//# sourceMappingURL=Form.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAc,KAAK,WAAW,EAAwB,MAAM,iBAAiB,CAAC;AAarF,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAqCjD,wBAAgB,QAAQ,CACtB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,kBAAkB,GAAG,YAAY,EACjC,EACA,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACV,KAAK,EACL,SAAS,EACV,EAAE,aAAa,CAAC,YAAY,EAAE,KAAK,EAAE,kBAAkB,CAAC,+BAmFxD;AAED,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,mBAAmB,CA0D1D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,eAE1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,eAAe,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAgBrE,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAQhE,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { FieldValues } from 'react-hook-form';
|
|
2
|
+
import type { FormDatePickerProps } from './types';
|
|
3
|
+
declare function FormDatePicker<TFieldValues extends FieldValues>(props: FormDatePickerProps<TFieldValues>): import("react").JSX.Element;
|
|
4
|
+
export default FormDatePicker;
|
|
5
|
+
//# sourceMappingURL=FormDatePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormDatePicker.d.ts","sourceRoot":"","sources":["../../../src/Form/FormDatePicker/FormDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoC,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKrF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,iBAAS,cAAc,CAAC,YAAY,SAAS,WAAW,EACtD,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,+BAsGzC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
|
+
import type { DatePickerSize, DatePickerStatus, TimeConfig } from './types';
|
|
3
|
+
interface RangeDatePickerProps {
|
|
4
|
+
value: [Date | undefined, Date | undefined];
|
|
5
|
+
onChange: (dates: [Date | undefined, Date | undefined]) => void;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
dateFormat: string;
|
|
8
|
+
showTime?: boolean | TimeConfig;
|
|
9
|
+
size?: DatePickerSize;
|
|
10
|
+
status?: DatePickerStatus;
|
|
11
|
+
width?: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
allowClear?: boolean;
|
|
14
|
+
hideValue?: boolean;
|
|
15
|
+
suffixIcon?: ReactNode;
|
|
16
|
+
className?: string;
|
|
17
|
+
disabledDate?: (date: Date) => boolean;
|
|
18
|
+
}
|
|
19
|
+
export declare function RangeDatePicker({ value, onChange, placeholder, dateFormat, showTime, size, status, width, disabled, allowClear, hideValue, suffixIcon, className, disabledDate }: RangeDatePickerProps): React.JSX.Element;
|
|
20
|
+
export default RangeDatePicker;
|
|
21
|
+
//# sourceMappingURL=RangeDatePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../src/Form/FormDatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ9C,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG5E,UAAU,oBAAoB;IAC5B,KAAK,EAAE,CAAC,IAAI,GAAG,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,GAAG,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC,KAAK,IAAI,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAChC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;CACxC;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,WAAiC,EACjC,UAAU,EACV,QAAQ,EACR,IAAc,EACd,MAAM,EACN,KAAc,EACd,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,YAAY,EACb,EAAE,oBAAoB,qBAyFtB;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
|
+
import type { DatePickerSize, DatePickerStatus, DisabledTime, PickerType, TimeConfig } from './types';
|
|
3
|
+
interface SingleDatePickerProps {
|
|
4
|
+
value: Date | undefined;
|
|
5
|
+
onChange: (date: Date | undefined) => void;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
pickerType: PickerType;
|
|
8
|
+
dateFormat: string;
|
|
9
|
+
showTime?: boolean | TimeConfig;
|
|
10
|
+
size?: DatePickerSize;
|
|
11
|
+
status?: DatePickerStatus;
|
|
12
|
+
width?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
allowClear?: boolean;
|
|
15
|
+
hideValue?: boolean;
|
|
16
|
+
suffixIcon?: ReactNode;
|
|
17
|
+
className?: string;
|
|
18
|
+
disabledDate?: (date: Date) => boolean;
|
|
19
|
+
disabledTime?: DisabledTime | ((date: Date) => DisabledTime);
|
|
20
|
+
}
|
|
21
|
+
export declare function SingleDatePicker({ value, onChange, placeholder, pickerType, dateFormat, showTime, size, status, width, disabled, allowClear, hideValue, suffixIcon, className, disabledDate, disabledTime }: SingleDatePickerProps): React.JSX.Element;
|
|
22
|
+
export default SingleDatePicker;
|
|
23
|
+
//# sourceMappingURL=SingleDatePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleDatePicker.d.ts","sourceRoot":"","sources":["../../../src/Form/FormDatePicker/SingleDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ9C,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,UAAU,EACX,MAAM,SAAS,CAAC;AAWjB,UAAU,qBAAqB;IAC7B,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAChC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACvC,YAAY,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,YAAY,CAAC,CAAC;CAC9D;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,WAA2B,EAC3B,UAAU,EACV,UAAU,EACV,QAAQ,EACR,IAAc,EACd,MAAM,EACN,KAAc,EACd,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,YAAY,EACZ,YAAY,EACb,EAAE,qBAAqB,qBA4HvB;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TimeConfig } from './types';
|
|
3
|
+
interface TimeInputProps {
|
|
4
|
+
value: Date | undefined;
|
|
5
|
+
onChange: (date: Date) => void;
|
|
6
|
+
timeConfig?: TimeConfig;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function TimeInput({ value, onChange, timeConfig, className }: TimeInputProps): React.JSX.Element;
|
|
10
|
+
export default TimeInput;
|
|
11
|
+
//# sourceMappingURL=TimeInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../../../src/Form/FormDatePicker/TimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,UAAU,cAAc;IACtB,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,cAAc,qBAgFnF;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { DisabledTime, TimeConfig } from './types';
|
|
2
|
+
interface TimePickerProps {
|
|
3
|
+
value: Date | undefined;
|
|
4
|
+
onChange: (date: Date) => void;
|
|
5
|
+
timeConfig?: TimeConfig;
|
|
6
|
+
disabledTime?: DisabledTime;
|
|
7
|
+
}
|
|
8
|
+
export declare function TimePicker({ value, onChange, timeConfig, disabledTime }: TimePickerProps): import("react").JSX.Element;
|
|
9
|
+
export default TimePicker;
|
|
10
|
+
//# sourceMappingURL=TimePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/Form/FormDatePicker/TimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAExD,UAAU,eAAe;IACvB,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,eAAe,+BAoFxF;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default } from './FormDatePicker';
|
|
2
|
+
export { useFormDatePicker, formatDateValue, getDefaultFormat, buildTimeConfig, buildDisabledTime, buildRangeDisplayValue, getSizeClassName, getStatusClassName } from './useFormDatePicker';
|
|
3
|
+
export type { ConfigType, DatePickerBaseProps, DatePickerSize, DatePickerStatus, DisabledTime, FormDatePickerProps, PickerType, RangeDatePickerProps, SingleDatePickerProps, TimeConfig } from './types';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Form/FormDatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,UAAU,EACV,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,oBAAoB,EACpB,qBAAqB,EACrB,UAAU,EACX,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { Control, FieldPath, FieldPathValue, FieldValues, RegisterOptions } from 'react-hook-form';
|
|
3
|
+
export type PickerType = 'date' | 'time' | 'datetime' | 'month' | 'year';
|
|
4
|
+
export type DatePickerSize = 'small' | 'medium' | 'large';
|
|
5
|
+
export type DatePickerStatus = 'error' | 'warning' | undefined;
|
|
6
|
+
export type ConfigType = Date | null | undefined;
|
|
7
|
+
export type TimeConfig = {
|
|
8
|
+
showHour?: boolean;
|
|
9
|
+
showMinute?: boolean;
|
|
10
|
+
showSecond?: boolean;
|
|
11
|
+
format?: string;
|
|
12
|
+
hourStep?: number;
|
|
13
|
+
minuteStep?: number;
|
|
14
|
+
secondStep?: number;
|
|
15
|
+
defaultValue?: Date;
|
|
16
|
+
};
|
|
17
|
+
export interface DisabledTime {
|
|
18
|
+
disabledHours?: () => number[];
|
|
19
|
+
disabledMinutes?: (selectedHour: number) => number[];
|
|
20
|
+
disabledSeconds?: (selectedHour: number, selectedMinute: number) => number[];
|
|
21
|
+
}
|
|
22
|
+
export interface DatePickerBaseProps<TFieldValues extends FieldValues> {
|
|
23
|
+
name: FieldPath<TFieldValues>;
|
|
24
|
+
control: Control<TFieldValues>;
|
|
25
|
+
label?: ReactNode;
|
|
26
|
+
placeholder?: string;
|
|
27
|
+
status?: DatePickerStatus;
|
|
28
|
+
size?: DatePickerSize;
|
|
29
|
+
width?: string;
|
|
30
|
+
pickerType?: PickerType;
|
|
31
|
+
dateFormat?: string;
|
|
32
|
+
showTime?: boolean | TimeConfig;
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
multiple?: boolean;
|
|
35
|
+
hideValue?: boolean;
|
|
36
|
+
allowClear?: boolean;
|
|
37
|
+
onBlur?: () => void;
|
|
38
|
+
value?: FieldPathValue<TFieldValues, FieldPath<TFieldValues>>;
|
|
39
|
+
rules?: RegisterOptions<TFieldValues, FieldPath<TFieldValues>>;
|
|
40
|
+
hideErrorMessage?: boolean;
|
|
41
|
+
suffixIcon?: ReactNode;
|
|
42
|
+
className?: string;
|
|
43
|
+
disabledDate?: (date: Date) => boolean;
|
|
44
|
+
cellRender?: (date: Date) => ReactNode;
|
|
45
|
+
disabledTime?: DisabledTime | ((date: Date) => DisabledTime);
|
|
46
|
+
}
|
|
47
|
+
export interface SingleDatePickerProps<TFieldValues extends FieldValues> extends DatePickerBaseProps<TFieldValues> {
|
|
48
|
+
isRangePicker?: false;
|
|
49
|
+
onChangeDate?: (date: ConfigType, dateString: string) => void;
|
|
50
|
+
onChangeRange?: never;
|
|
51
|
+
}
|
|
52
|
+
export interface RangeDatePickerProps<TFieldValues extends FieldValues> extends DatePickerBaseProps<TFieldValues> {
|
|
53
|
+
isRangePicker: true;
|
|
54
|
+
onChangeDate?: never;
|
|
55
|
+
onChangeRange?: (dates: [ConfigType, ConfigType], dateStrings: [string, string]) => void;
|
|
56
|
+
}
|
|
57
|
+
export type FormDatePickerProps<TFieldValues extends FieldValues> = SingleDatePickerProps<TFieldValues> | RangeDatePickerProps<TFieldValues>;
|
|
58
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/Form/FormDatePicker/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { ControllerRenderProps, FieldPath, FieldValues, RegisterOptions } from 'react-hook-form';
|
|
2
|
+
import type { DatePickerSize, DatePickerStatus, DisabledTime, FormDatePickerProps, PickerType, TimeConfig } from './types';
|
|
3
|
+
export type UseFormDatePickerParams<TFieldValues extends FieldValues> = Pick<FormDatePickerProps<TFieldValues>, 'pickerType' | 'showTime' | 'dateFormat' | 'rules' | 'onChangeDate' | 'onChangeRange'>;
|
|
4
|
+
export declare function useFormDatePicker<TFieldValues extends FieldValues>(params: UseFormDatePickerParams<TFieldValues>): {
|
|
5
|
+
dateFormat: string;
|
|
6
|
+
isRequired: boolean;
|
|
7
|
+
processedRules: RegisterOptions<TFieldValues, FieldPath<TFieldValues>>;
|
|
8
|
+
handleRangeChange: (field: ControllerRenderProps<TFieldValues, FieldPath<TFieldValues>>, dates: [Date | undefined, Date | undefined]) => void;
|
|
9
|
+
handleSingleChange: (field: ControllerRenderProps<TFieldValues, FieldPath<TFieldValues>>, date: Date | undefined) => void;
|
|
10
|
+
};
|
|
11
|
+
export declare const buildTimeConfig: (showTime: boolean | TimeConfig | undefined, pickerType: PickerType) => TimeConfig | undefined;
|
|
12
|
+
export declare const buildDisabledTime: (value: Date | undefined, disabledTime?: DisabledTime | ((date: Date) => DisabledTime)) => DisabledTime | undefined;
|
|
13
|
+
export declare const buildRangeDisplayValue: (startDate: Date | undefined, endDate: Date | undefined, dateFormat: string) => string;
|
|
14
|
+
export declare const getSizeClassName: (size?: DatePickerSize) => string;
|
|
15
|
+
export declare const getStatusClassName: (status?: DatePickerStatus) => string;
|
|
16
|
+
export declare const getDefaultFormat: (pickerType: PickerType, showTime?: boolean | TimeConfig) => string;
|
|
17
|
+
export declare const formatDateValue: (date: Date | null | undefined, formatStr: string) => string;
|
|
18
|
+
//# sourceMappingURL=useFormDatePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFormDatePicker.d.ts","sourceRoot":"","sources":["../../../src/Form/FormDatePicker/useFormDatePicker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,qBAAqB,EACrB,SAAS,EACT,WAAW,EACX,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAEV,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,UAAU,EACX,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,uBAAuB,CAAC,YAAY,SAAS,WAAW,IAAI,IAAI,CAC1E,mBAAmB,CAAC,YAAY,CAAC,EACjC,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,CACtF,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,YAAY,SAAS,WAAW,EAChE,MAAM,EAAE,uBAAuB,CAAC,YAAY,CAAC,GAC5C;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,eAAe,CAAC,YAAY,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;IACvE,iBAAiB,EAAE,CACjB,KAAK,EAAE,qBAAqB,CAAC,YAAY,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,EACnE,KAAK,EAAE,CAAC,IAAI,GAAG,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC,KACxC,IAAI,CAAC;IACV,kBAAkB,EAAE,CAClB,KAAK,EAAE,qBAAqB,CAAC,YAAY,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,EACnE,IAAI,EAAE,IAAI,GAAG,SAAS,KACnB,IAAI,CAAC;CACX,CA6CA;AAED,eAAO,MAAM,eAAe,GAC1B,UAAU,OAAO,GAAG,UAAU,GAAG,SAAS,EAC1C,YAAY,UAAU,KACrB,UAAU,GAAG,SAKf,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,IAAI,GAAG,SAAS,EACvB,eAAe,YAAY,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,YAAY,CAAC,KAC3D,YAAY,GAAG,SAMjB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,WAAW,IAAI,GAAG,SAAS,EAC3B,SAAS,IAAI,GAAG,SAAS,EACzB,YAAY,MAAM,KACjB,MAOF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,cAAc,KAAG,MAUxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,SAAS,gBAAgB,KAAG,MAS9D,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,YAAY,UAAU,EACtB,WAAW,OAAO,GAAG,UAAU,KAC9B,MAgBF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,GAAG,IAAI,GAAG,SAAS,EAAE,WAAW,MAAM,KAAG,MAQlF,CAAC"}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
type Without<T, U> = {
|
|
2
|
+
[P in Exclude<keyof T, keyof U>]?: never;
|
|
3
|
+
};
|
|
4
|
+
type XOR<T, U> = T | U extends object ? (Without<T, U> & U) | (Without<U, T> & T) : T | U;
|
|
5
|
+
/**
|
|
6
|
+
* Base shared properties for the `FileUpload` component, regardless of upload mode.
|
|
7
|
+
*/
|
|
8
|
+
export type FileUploadBaseProps = {
|
|
9
|
+
/**
|
|
10
|
+
* The current value of the field.
|
|
11
|
+
* - In **manual** mode (`autoUpload: false`): a `File` or `File[]`.
|
|
12
|
+
* - In **auto** mode (`autoUpload: true`): a URL `string` or `string[]` returned by the cloud.
|
|
13
|
+
* - Accepts an initial URL string to pre-populate the component (e.g., an existing avatar URL).
|
|
14
|
+
*/
|
|
15
|
+
value?: string | string[] | File | File[];
|
|
16
|
+
/**
|
|
17
|
+
* Callback fired whenever the field value changes.
|
|
18
|
+
* - In **manual** mode: called with the selected `File` / `File[]` (or `null` when cleared).
|
|
19
|
+
* - In **auto** mode: called with the uploaded URL `string` / `string[]` (or `null` when cleared).
|
|
20
|
+
*/
|
|
21
|
+
onChange?: (value: string | string[] | File | File[] | null) => void;
|
|
22
|
+
/**
|
|
23
|
+
* Maximum number of files the user can select.
|
|
24
|
+
* When set to `1` (default), `onChange` emits a single value instead of an array.
|
|
25
|
+
* @default 1
|
|
26
|
+
*/
|
|
27
|
+
maxFiles?: number;
|
|
28
|
+
/**
|
|
29
|
+
* Maximum allowed file size in bytes.
|
|
30
|
+
* Files exceeding this limit will be rejected before upload.
|
|
31
|
+
* @default 5242880 (5 MB)
|
|
32
|
+
*/
|
|
33
|
+
maxSize?: number;
|
|
34
|
+
/**
|
|
35
|
+
* Accepted MIME types or file extensions, following the same syntax as the
|
|
36
|
+
* HTML `<input accept>` attribute (e.g., `"image/*"`, `".pdf,.docx"`).
|
|
37
|
+
* @default "image/*"
|
|
38
|
+
*/
|
|
39
|
+
accept?: string;
|
|
40
|
+
/** If `true`, the dropzone and trigger will be non-interactive. */
|
|
41
|
+
disabled?: boolean;
|
|
42
|
+
/** Additional CSS classes applied to the root wrapper element. */
|
|
43
|
+
className?: string;
|
|
44
|
+
/** Rendering variant. 'avatar' renders a circular dropzone without a list. */
|
|
45
|
+
variant?: 'default' | 'avatar';
|
|
46
|
+
};
|
|
47
|
+
/**
|
|
48
|
+
* Props variant for **automatic upload** mode.
|
|
49
|
+
* When `autoUpload` is `true`, files are uploaded immediately upon selection
|
|
50
|
+
* and `onChange` will be called with the resulting cloud URL(s) — not the raw `File` objects.
|
|
51
|
+
*
|
|
52
|
+
* Both `autoUpload` and `uploadFile` are **required together** and mutually exclusive
|
|
53
|
+
* with the manual variant (enforced via `XOR`).
|
|
54
|
+
*/
|
|
55
|
+
export type FileUploadAutoProps = {
|
|
56
|
+
/** Enables immediate upload when a file is selected. */
|
|
57
|
+
autoUpload: true;
|
|
58
|
+
/**
|
|
59
|
+
* An async function responsible for uploading a single file to a cloud storage service.
|
|
60
|
+
* It receives the raw `File` object and must return a `Promise` that resolves to the
|
|
61
|
+
* publicly accessible URL string of the uploaded file.
|
|
62
|
+
*
|
|
63
|
+
* @param file The file to upload.
|
|
64
|
+
* @returns A promise resolving to the remote URL of the uploaded file.
|
|
65
|
+
*
|
|
66
|
+
* @example
|
|
67
|
+
* uploadFile={async (file) => {
|
|
68
|
+
* const form = new FormData();
|
|
69
|
+
* form.append('file', file);
|
|
70
|
+
* const res = await fetch('/api/upload', { method: 'POST', body: form });
|
|
71
|
+
* const { url } = await res.json();
|
|
72
|
+
* return url;
|
|
73
|
+
* }}
|
|
74
|
+
*/
|
|
75
|
+
uploadFile: (file: File) => Promise<string>;
|
|
76
|
+
};
|
|
77
|
+
/**
|
|
78
|
+
* Props variant for **manual upload** mode.
|
|
79
|
+
* When `autoUpload` is `false` (or omitted), files are held as `File` objects in local state
|
|
80
|
+
* and `onChange` will be called with the raw `File` / `File[]`.
|
|
81
|
+
* The consumer is responsible for uploading them on form submit.
|
|
82
|
+
*/
|
|
83
|
+
export type FileUploadManualProps = {
|
|
84
|
+
/** Disables automatic upload; files are kept as `File` objects until form submission. */
|
|
85
|
+
autoUpload?: false;
|
|
86
|
+
};
|
|
87
|
+
/**
|
|
88
|
+
* Full props type for the `FileUpload` component.
|
|
89
|
+
* Combines the shared base props with **exactly one** of the two upload modes
|
|
90
|
+
* (auto or manual) enforced via `XOR` — preventing invalid combinations like
|
|
91
|
+
* passing `uploadFile` without `autoUpload: true`.
|
|
92
|
+
*
|
|
93
|
+
* @example Auto-upload mode
|
|
94
|
+
* ```tsx
|
|
95
|
+
* <FileUpload
|
|
96
|
+
* autoUpload
|
|
97
|
+
* uploadFile={async (file) => uploadToS3(file)}
|
|
98
|
+
* value={avatarUrl}
|
|
99
|
+
* onChange={(url) => setAvatarUrl(url as string)}
|
|
100
|
+
* />
|
|
101
|
+
* ```
|
|
102
|
+
*
|
|
103
|
+
* @example Manual mode (upload on submit)
|
|
104
|
+
* ```tsx
|
|
105
|
+
* <FileUpload
|
|
106
|
+
* value={selectedFile}
|
|
107
|
+
* onChange={(file) => setSelectedFile(file as File)}
|
|
108
|
+
* />
|
|
109
|
+
* ```
|
|
110
|
+
*/
|
|
111
|
+
export type FileUploadProps = FileUploadBaseProps & XOR<FileUploadAutoProps, FileUploadManualProps>;
|
|
112
|
+
export declare function FileUpload({ value, onChange, autoUpload, uploadFile, maxFiles, maxSize, // 5MB default
|
|
113
|
+
accept, disabled, className, variant }: FileUploadProps): import("react").JSX.Element;
|
|
114
|
+
export {};
|
|
115
|
+
//# sourceMappingURL=FileUpload.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/Form/FormFileUpload/FileUpload.tsx"],"names":[],"mappings":"AAeA,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI;KAAG,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK;CAAE,CAAC;AAClE,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,MAAM,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE1F;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;IAC1C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,wDAAwD;IACxD,UAAU,EAAE,IAAI,CAAC;IACjB;;;;;;;;;;;;;;;;OAgBG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,yFAAyF;IACzF,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,GAAG,CAAC,mBAAmB,EAAE,qBAAqB,CAAC,CAAC;AA0EpG,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,UAAkB,EAClB,UAAU,EACV,QAAY,EACZ,OAAyB,EAAE,cAAc;AACzC,MAAkB,EAClB,QAAQ,EACR,SAAS,EACT,OAAmB,EACpB,EAAE,eAAe,+BAiIjB"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { FormControlFunc } from '../types';
|
|
2
|
+
import { FileUpload, type FileUploadProps } from './FileUpload';
|
|
3
|
+
export type FormFileUploadExtraProps = Omit<FileUploadProps, 'value' | 'onChange'>;
|
|
4
|
+
export declare const FormFileUpload: FormControlFunc<FormFileUploadExtraProps>;
|
|
5
|
+
export default FormFileUpload;
|
|
6
|
+
export { FileUpload };
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Form/FormFileUpload/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAEnF,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,wBAAwB,CAcpE,CAAC;AAEF,eAAe,cAAc,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { FormControlFunc } from '../types';
|
|
2
|
+
import type { MultiSelectProps } from '../../MultiSelect/type';
|
|
3
|
+
export declare const FormMultiSelect: FormControlFunc<MultiSelectProps & Record<string, unknown>>;
|
|
4
|
+
export default FormMultiSelect;
|
|
5
|
+
//# sourceMappingURL=FormMultiSelect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/Form/FormMultiSelect/FormMultiSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAWvF,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Form/FormMultiSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { FieldPath, FieldValues } from 'react-hook-form';
|
|
2
|
+
import type { FormNumberInputProps } from './types';
|
|
3
|
+
export declare function FormNumberInput<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformedValues = TFieldValues>({ control, name, label, stepper, min, max, minValue, maxValue, thousandSeparator, placeholder, fixedDecimalScale, decimalScale, suffix, prefix, inputClassName, onChange, rules, description, horizontal, controlFirst, ...props }: FormNumberInputProps<TFieldValues, TName, TTransformedValues>): import("react").JSX.Element;
|
|
4
|
+
//# sourceMappingURL=FormNumberInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormNumberInput.d.ts","sourceRoot":"","sources":["../../../src/Form/FormNumberInput/FormNumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAK9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIpD,wBAAgB,eAAe,CAC7B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,kBAAkB,GAAG,YAAY,EACjC,EACA,OAAO,EACP,IAAI,EACJ,KAAK,EACL,OAAW,EACX,GAAS,EACT,GAAW,EACX,QAAmC,EACnC,QAAmC,EACnC,iBAAiB,EACjB,WAAW,EACX,iBAAyB,EACzB,YAAgB,EAChB,MAAM,EACN,MAAM,EACN,cAAc,EACd,QAAQ,EACR,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,YAAY,EAAE,KAAK,EAAE,kBAAkB,CAAC,+BAiE/D"}
|