@openway/ui 1.0.1 → 1.0.3
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/LICENSE +21 -21
- package/dist/chunk-XM7AABEU.js +3 -0
- package/dist/chunk-XM7AABEU.js.map +1 -0
- package/dist/index.cjs +5 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +160 -348
- package/dist/index.d.ts +160 -348
- package/dist/index.js +6 -3
- package/dist/index.js.map +1 -1
- package/dist/query.cjs +1 -1
- package/dist/query.cjs.map +1 -1
- package/dist/query.d.cts +133 -3
- package/dist/query.d.ts +133 -3
- package/dist/query.js +1 -1
- package/dist/query.js.map +1 -1
- package/dist/styles.css +424 -0
- package/dist/{useInfiniteScroll-DAlgjUN4.d.cts → useInfiniteScroll-C5t7bvLu.d.cts} +313 -10
- package/dist/{useInfiniteScroll-DAlgjUN4.d.ts → useInfiniteScroll-C5t7bvLu.d.ts} +313 -10
- package/docs/AGENTS.md +0 -2
- package/docs/README.md +0 -1
- package/docs/components/carousel.md +5 -5
- package/docs/components/input.md +0 -6
- package/docs/components/select.md +2 -2
- package/docs/components/slider.md +2 -2
- package/docs/components/table.md +114 -1
- package/docs/hooks/useInfiniteScroll.md +1 -1
- package/docs/hooks/useMutationApp.md +242 -0
- package/docs/hooks/useTableQuery.md +5 -0
- package/package.json +3 -2
- package/dist/chunk-CJQNI3QX.js +0 -3
- package/dist/chunk-CJQNI3QX.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import react, { ButtonHTMLAttributes, Ref, ReactNode, HTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, SVGProps, ReactElement, CSSProperties, HTMLProps, RefObject, MouseEvent, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
3
3
|
import { TextareaAutosizeProps } from 'react-textarea-autosize';
|
|
4
|
-
import {
|
|
4
|
+
import { A as AlertProps, T as ToasterProps, a as ToastOptions, b as ToastPromiseOptions, E as EmptyProps, c as EmptyPresetImage, S as SelectProps, M as MultiSelectProps, d as SelectOptionItem, e as SelectSize, f as SelectVariant, g as SelectColor, h as SelectRadius, i as SelectSearchPlacement, j as SelectFilterField, k as SelectFilterLayout } from './useInfiniteScroll-C5t7bvLu.js';
|
|
5
|
+
export { l as AlertColor, m as AlertRadius, n as AlertSize, o as AlertVariant, B as BaseSelectProps, p as EmptyLayout, q as EmptySize, r as SelectFilterType, s as SelectSearchMode, t as SingleSelectProps, u as ToastMessageObject, v as ToastMessageResult, w as ToastPosition, x as ToastPromiseFunction, U as UseInfiniteScrollOptions, y as UseInfiniteScrollReturn, z as useInfiniteScroll } from './useInfiniteScroll-C5t7bvLu.js';
|
|
5
6
|
import { Placement, ExtendedRefs, ReferenceType, FloatingContext } from '@floating-ui/react';
|
|
6
|
-
import { E as EmptyProps, a as EmptyPresetImage, S as SelectProps, M as MultiSelectProps, b as SelectOptionItem, c as SelectSize, d as SelectVariant, e as SelectColor, f as SelectRadius, g as SelectSearchPlacement, h as SelectFilterField, i as SelectFilterLayout } from './useInfiniteScroll-DAlgjUN4.js';
|
|
7
|
-
export { B as BaseSelectProps, j as EmptyLayout, k as EmptySize, l as SelectFilterType, m as SelectSearchMode, n as SingleSelectProps, U as UseInfiniteScrollOptions, o as UseInfiniteScrollReturn, u as useInfiniteScroll } from './useInfiniteScroll-DAlgjUN4.js';
|
|
8
7
|
import { Accept, DropzoneRootProps } from 'react-dropzone';
|
|
9
8
|
import { ImageProps } from 'next/image';
|
|
10
9
|
import * as _tanstack_react_table from '@tanstack/react-table';
|
|
11
|
-
import { TableFeatures, FilterFn, RowData, TableOptions, ColumnHelper, ReactTable, ColumnDef, Row, PaginationState, OnChangeFn, SortingState, RowSelectionState, ColumnVisibilityState, FilterFnOption, ColumnFiltersState, Header, Column } from '@tanstack/react-table';
|
|
12
|
-
export { Column, ColumnDef, ColumnFiltersState, ColumnHelper, ColumnVisibilityState, Header, OnChangeFn, PaginationState, ReactTable, Row, RowData, RowSelectionState, SortingState } from '@tanstack/react-table';
|
|
10
|
+
import { TableFeatures, FilterFn, RowData, TableOptions, ColumnHelper, ReactTable, ColumnDef, Row, PaginationState, OnChangeFn, SortingState, RowSelectionState, ColumnVisibilityState, FilterFnOption, ColumnFiltersState, ExpandedState, Header, Column } from '@tanstack/react-table';
|
|
11
|
+
export { Column, ColumnDef, ColumnFiltersState, ColumnHelper, ColumnVisibilityState, ExpandedState, FilterFnOption, Header, OnChangeFn, PaginationState, ReactTable, Row, RowData, RowSelectionState, SortingState } from '@tanstack/react-table';
|
|
13
12
|
import { RankingInfo } from '@tanstack/match-sorter-utils';
|
|
14
13
|
export { RankingInfo } from '@tanstack/match-sorter-utils';
|
|
14
|
+
import 'sonner';
|
|
15
15
|
|
|
16
16
|
type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
17
17
|
type ButtonVariant = "filled" | "soft" | "ghost" | "text" | "outline" | "other";
|
|
@@ -239,7 +239,7 @@ interface InputConfig {
|
|
|
239
239
|
isClearable?: boolean;
|
|
240
240
|
/**
|
|
241
241
|
* Mở rộng chiều rộng 100% của container chứa
|
|
242
|
-
* @default
|
|
242
|
+
* @default true
|
|
243
243
|
*/
|
|
244
244
|
isFullWidth?: boolean;
|
|
245
245
|
}
|
|
@@ -294,11 +294,6 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
|
|
|
294
294
|
* @default 'floating'
|
|
295
295
|
*/
|
|
296
296
|
labelPlacement?: LabelPlacement;
|
|
297
|
-
/**
|
|
298
|
-
* Đánh dấu trường bắt buộc nhập (hiển thị dấu * đỏ cạnh label)
|
|
299
|
-
* @default false
|
|
300
|
-
*/
|
|
301
|
-
isRequired?: boolean;
|
|
302
297
|
/**
|
|
303
298
|
* Đoạn văn bản hướng dẫn/chú thích bên dưới input
|
|
304
299
|
*/
|
|
@@ -307,21 +302,6 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
|
|
|
307
302
|
* Thông báo lỗi hiển thị bên dưới input (khi có errorMessage sẽ tự động kích hoạt trạng thái báo lỗi)
|
|
308
303
|
*/
|
|
309
304
|
errorMessage?: ReactNode;
|
|
310
|
-
/**
|
|
311
|
-
* Trạng thái báo lỗi (viền đỏ, aria-invalid="true")
|
|
312
|
-
* @default false
|
|
313
|
-
*/
|
|
314
|
-
isInvalid?: boolean;
|
|
315
|
-
/**
|
|
316
|
-
* Trạng thái đang tải (vô hiệu hóa tương tác)
|
|
317
|
-
* @default false
|
|
318
|
-
*/
|
|
319
|
-
isLoading?: boolean;
|
|
320
|
-
/**
|
|
321
|
-
* Hiển thị biểu tượng xoay spinner khi đang ở trạng thái loading
|
|
322
|
-
* @default false
|
|
323
|
-
*/
|
|
324
|
-
showSpinner?: boolean;
|
|
325
305
|
/**
|
|
326
306
|
* Icon hoặc phần tử hiển thị ở đầu ô input
|
|
327
307
|
*/
|
|
@@ -338,20 +318,10 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
|
|
|
338
318
|
* Addon / suffix cố định hiển thị ở cuối ô input (vd: '.com', 'kg')
|
|
339
319
|
*/
|
|
340
320
|
rightAddon?: ReactNode;
|
|
341
|
-
/**
|
|
342
|
-
* Hiển thị nút xóa nhanh nội dung khi input có giá trị
|
|
343
|
-
* @default false
|
|
344
|
-
*/
|
|
345
|
-
isClearable?: boolean;
|
|
346
321
|
/**
|
|
347
322
|
* Callback khi người dùng nhấn nút xóa nội dung
|
|
348
323
|
*/
|
|
349
324
|
onClear?: () => void;
|
|
350
|
-
/**
|
|
351
|
-
* Mở rộng chiều rộng 100% của container chứa
|
|
352
|
-
* @default false
|
|
353
|
-
*/
|
|
354
|
-
isFullWidth?: boolean;
|
|
355
325
|
/**
|
|
356
326
|
* Tùy biến className cho container bọc toàn bộ (bao gồm label, input wrapper, helper/error text)
|
|
357
327
|
*/
|
|
@@ -663,7 +633,7 @@ interface MultiInputConfig {
|
|
|
663
633
|
isClearable?: boolean;
|
|
664
634
|
/**
|
|
665
635
|
* Chiếm toàn bộ chiều rộng 100% của container cha
|
|
666
|
-
* @default
|
|
636
|
+
* @default true
|
|
667
637
|
*/
|
|
668
638
|
isFullWidth?: boolean;
|
|
669
639
|
}
|
|
@@ -991,7 +961,7 @@ interface TextAreaConfig {
|
|
|
991
961
|
showCount?: boolean;
|
|
992
962
|
/**
|
|
993
963
|
* Chiếm toàn bộ chiều rộng 100% của container cha
|
|
994
|
-
* @default
|
|
964
|
+
* @default true
|
|
995
965
|
*/
|
|
996
966
|
isFullWidth?: boolean;
|
|
997
967
|
}
|
|
@@ -1036,10 +1006,10 @@ interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
|
|
|
1036
1006
|
label?: ReactNode;
|
|
1037
1007
|
/**
|
|
1038
1008
|
* Vị trí của nhãn:
|
|
1039
|
-
* - '
|
|
1009
|
+
* - 'floating': nằm cố định chính giữa viền trên (mặc định)
|
|
1010
|
+
* - 'top': nằm phía trên textarea
|
|
1040
1011
|
* - 'left': nằm bên trái textarea
|
|
1041
|
-
*
|
|
1042
|
-
* @default 'top'
|
|
1012
|
+
* @default 'floating'
|
|
1043
1013
|
*/
|
|
1044
1014
|
labelPlacement?: TextAreaLabelPlacement;
|
|
1045
1015
|
/**
|
|
@@ -1962,280 +1932,8 @@ declare function ArrowDownIcon({ width, height, className, ...props }: SVGProps<
|
|
|
1962
1932
|
|
|
1963
1933
|
declare function SlidersHorizontalIcon({ width, height, className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
1964
1934
|
|
|
1965
|
-
/**
|
|
1966
|
-
* Các kích cỡ tiêu chuẩn của Alert:
|
|
1967
|
-
* - 'xs': Siêu nhỏ (text-xs, padding p-2)
|
|
1968
|
-
* - 'sm': Nhỏ (text-xs, title text-sm, padding p-2.5)
|
|
1969
|
-
* - 'md': Vừa - mặc định (text-sm, padding p-3.5)
|
|
1970
|
-
* - 'lg': Lớn (text-base, padding p-4)
|
|
1971
|
-
* - 'xl': Rất lớn (text-lg, padding p-5)
|
|
1972
|
-
*/
|
|
1973
|
-
type AlertSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
1974
|
-
/**
|
|
1975
|
-
* Các biến thể giao diện và phong cách hiển thị màu sắc của Alert:
|
|
1976
|
-
* - 'soft': Nền nhạt pastel, viền mờ 2px, chữ đậm (mặc định)
|
|
1977
|
-
* - 'filled': Nền màu đậm, chữ trắng tương phản cao
|
|
1978
|
-
* - 'outline': Nền trắng, viền rõ nét theo màu chủ đề
|
|
1979
|
-
* - 'accent-left': Nền pastel kèm viền nhấn dày 4px bên trái
|
|
1980
|
-
* - 'ghost': Nền và viền trong suốt
|
|
1981
|
-
* - 'other': Bỏ qua màu mặc định, tự do styling qua className
|
|
1982
|
-
*/
|
|
1983
|
-
type AlertVariant = "soft" | "filled" | "outline" | "accent-left" | "ghost" | "other";
|
|
1984
|
-
/**
|
|
1985
|
-
* 7 chủ đề màu sắc theo Design System:
|
|
1986
|
-
* - 'primary': Màu chủ đạo
|
|
1987
|
-
* - 'secondary': Màu phụ
|
|
1988
|
-
* - 'neutral': Màu trung tính
|
|
1989
|
-
* - 'error': Màu đỏ cảnh báo lỗi nguy cấp
|
|
1990
|
-
* - 'success': Màu xanh lá thông báo thành công
|
|
1991
|
-
* - 'warning': Màu vàng/cam cảnh báo
|
|
1992
|
-
* - 'info': Màu xanh dương thông tin (mặc định)
|
|
1993
|
-
*/
|
|
1994
|
-
type AlertColor = "primary" | "secondary" | "neutral" | "error" | "success" | "warning" | "info";
|
|
1995
|
-
/**
|
|
1996
|
-
* Độ bo góc của khung thông báo Alert:
|
|
1997
|
-
* - 'none': Góc vuông phẳng (rounded-none)
|
|
1998
|
-
* - 'sm': Bo góc nhỏ (rounded-sm)
|
|
1999
|
-
* - 'md': Bo góc vừa (rounded-md)
|
|
2000
|
-
* - 'lg': Bo góc lớn (rounded-lg - mặc định)
|
|
2001
|
-
* - 'xl': Bo góc rất lớn (rounded-xl)
|
|
2002
|
-
* - 'full': Bo tròn hoàn toàn (rounded-2xl)
|
|
2003
|
-
*/
|
|
2004
|
-
type AlertRadius = "none" | "sm" | "md" | "lg" | "xl" | "full";
|
|
2005
|
-
/**
|
|
2006
|
-
* Props cho component `Alert`.
|
|
2007
|
-
*/
|
|
2008
|
-
interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
|
|
2009
|
-
/**
|
|
2010
|
-
* Ref chuyển tiếp đến phần tử HTML div của Alert
|
|
2011
|
-
*/
|
|
2012
|
-
ref?: Ref<HTMLDivElement>;
|
|
2013
|
-
/**
|
|
2014
|
-
* Kích cỡ của Alert (5 sizes: xs, sm, md, lg, xl)
|
|
2015
|
-
* @default 'md'
|
|
2016
|
-
*/
|
|
2017
|
-
size?: AlertSize;
|
|
2018
|
-
/**
|
|
2019
|
-
* Biến thể giao diện của Alert:
|
|
2020
|
-
* - 'soft': nền nhạt pastel, viền mờ, chữ đậm tương ứng (mặc định)
|
|
2021
|
-
* - 'filled': nền màu đậm, chữ tương phản cao
|
|
2022
|
-
* - 'outline': nền trắng, viền rõ nét theo màu chủ đề
|
|
2023
|
-
* - 'accent-left': viền nhấn dày bên trái, nền pastel
|
|
2024
|
-
* - 'ghost': nền và viền trong suốt
|
|
2025
|
-
* - 'other': không áp dụng style màu mặc định, tự do tùy biến qua className
|
|
2026
|
-
* @default 'soft'
|
|
2027
|
-
*/
|
|
2028
|
-
variant?: AlertVariant;
|
|
2029
|
-
/**
|
|
2030
|
-
* Chủ đề màu sắc (primary, secondary, neutral, error, success, warning, info)
|
|
2031
|
-
* @default 'info'
|
|
2032
|
-
*/
|
|
2033
|
-
color?: AlertColor;
|
|
2034
|
-
/**
|
|
2035
|
-
* Tùy chỉnh độ bo góc:
|
|
2036
|
-
* - 'none': góc vuông 0px
|
|
2037
|
-
* - 'sm': bo góc nhỏ
|
|
2038
|
-
* - 'md': bo góc vừa
|
|
2039
|
-
* - 'lg': bo góc lớn (mặc định)
|
|
2040
|
-
* - 'xl': bo góc rất lớn
|
|
2041
|
-
* - 'full': bo tròn hoàn toàn
|
|
2042
|
-
* @default 'lg'
|
|
2043
|
-
*/
|
|
2044
|
-
radius?: AlertRadius;
|
|
2045
|
-
/**
|
|
2046
|
-
* Tiêu đề của Alert
|
|
2047
|
-
*/
|
|
2048
|
-
title?: ReactNode;
|
|
2049
|
-
/**
|
|
2050
|
-
* Nội dung mô tả chi tiết của Alert (có thể truyền qua prop description hoặc children)
|
|
2051
|
-
*/
|
|
2052
|
-
description?: ReactNode;
|
|
2053
|
-
/**
|
|
2054
|
-
* Icon hiển thị ở đầu thông báo:
|
|
2055
|
-
* - `true` (hoặc không truyền): tự động hiển thị icon theo `color`
|
|
2056
|
-
* - `false`: ẩn icon
|
|
2057
|
-
* - `ReactNode`: icon tùy chỉnh
|
|
2058
|
-
* @default true
|
|
2059
|
-
*/
|
|
2060
|
-
icon?: ReactNode | boolean;
|
|
2061
|
-
/**
|
|
2062
|
-
* Phần tử hành động phụ (Action slot, ví dụ: Nút bấm, liên kết thao tác)
|
|
2063
|
-
*/
|
|
2064
|
-
action?: ReactNode;
|
|
2065
|
-
/**
|
|
2066
|
-
* Hiển thị nút đóng (Close button x) để người dùng có thể tắt thông báo. Tự động ẩn Alert khi click.
|
|
2067
|
-
* @default true
|
|
2068
|
-
*/
|
|
2069
|
-
closable?: boolean;
|
|
2070
|
-
/**
|
|
2071
|
-
* Callback khi người dùng bấm nút đóng
|
|
2072
|
-
*/
|
|
2073
|
-
onClose?: () => void;
|
|
2074
|
-
/**
|
|
2075
|
-
* Nhãn accessibility cho nút đóng
|
|
2076
|
-
* @default 'Close alert'
|
|
2077
|
-
*/
|
|
2078
|
-
closeAriaLabel?: string;
|
|
2079
|
-
/**
|
|
2080
|
-
* Chế độ Banner: Full width, không bo góc (`rounded-none`), không viền 2 bên (`border-x-0`), thích hợp gắn cố định trên cùng màn hình
|
|
2081
|
-
* @default false
|
|
2082
|
-
*/
|
|
2083
|
-
banner?: boolean;
|
|
2084
|
-
/**
|
|
2085
|
-
* Class tùy biến cho phần tiêu đề (title)
|
|
2086
|
-
*/
|
|
2087
|
-
titleClassName?: string;
|
|
2088
|
-
/**
|
|
2089
|
-
* Class tùy biến cho phần nội dung mô tả (description / children)
|
|
2090
|
-
*/
|
|
2091
|
-
descriptionClassName?: string;
|
|
2092
|
-
/**
|
|
2093
|
-
* Class tùy biến cho vùng action slot
|
|
2094
|
-
*/
|
|
2095
|
-
actionClassName?: string;
|
|
2096
|
-
/**
|
|
2097
|
-
* Class tùy biến cho icon wrapper
|
|
2098
|
-
*/
|
|
2099
|
-
iconClassName?: string;
|
|
2100
|
-
/**
|
|
2101
|
-
* Class tùy biến cho nút đóng
|
|
2102
|
-
*/
|
|
2103
|
-
closeButtonClassName?: string;
|
|
2104
|
-
/**
|
|
2105
|
-
* Class tùy biến cho container bao ngoài
|
|
2106
|
-
*/
|
|
2107
|
-
className?: string;
|
|
2108
|
-
/**
|
|
2109
|
-
* Nội dung tùy biến bên trong Alert
|
|
2110
|
-
*/
|
|
2111
|
-
children?: ReactNode;
|
|
2112
|
-
}
|
|
2113
|
-
|
|
2114
1935
|
declare function Alert({ size, variant, color, radius, title, description, icon, action, closable, onClose, closeAriaLabel, banner, titleClassName, descriptionClassName, actionClassName, iconClassName, closeButtonClassName, className, children, role, ref, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
2115
1936
|
|
|
2116
|
-
/**
|
|
2117
|
-
* Vị trí hiển thị của danh sách thông báo Toast trên màn hình.
|
|
2118
|
-
*/
|
|
2119
|
-
type ToastPosition = "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center";
|
|
2120
|
-
/**
|
|
2121
|
-
* Cấu hình tùy chọn cho từng thông báo Toast đơn lẻ:
|
|
2122
|
-
* - Dạng gọi hàm chuẩn: `toast.success(title, description?, options?)`
|
|
2123
|
-
*/
|
|
2124
|
-
interface ToastOptions extends Omit<AlertProps, "title" | "description"> {
|
|
2125
|
-
/**
|
|
2126
|
-
* Thời gian hiển thị thông báo trước khi tự động đóng (miliseconds). Mặc định 4000ms.
|
|
2127
|
-
* @default 4000
|
|
2128
|
-
*/
|
|
2129
|
-
duration?: number;
|
|
2130
|
-
/**
|
|
2131
|
-
* Vị trí hiển thị riêng cho thông báo này trên màn hình.
|
|
2132
|
-
*/
|
|
2133
|
-
position?: ToastPosition;
|
|
2134
|
-
/**
|
|
2135
|
-
* Callback được gọi khi thông báo bị đóng/gỡ bỏ khỏi màn hình.
|
|
2136
|
-
*/
|
|
2137
|
-
onDismiss?: (toast: ToastT) => void;
|
|
2138
|
-
/**
|
|
2139
|
-
* Callback được gọi khi thông báo tự động đóng do hết thời gian duration.
|
|
2140
|
-
*/
|
|
2141
|
-
onAutoClose?: (toast: ToastT) => void;
|
|
2142
|
-
}
|
|
2143
|
-
/**
|
|
2144
|
-
* Cấu trúc thông báo dạng Object chi tiết cho `toast.promise`.
|
|
2145
|
-
*/
|
|
2146
|
-
interface ToastMessageObject {
|
|
2147
|
-
title?: ReactNode;
|
|
2148
|
-
description?: ReactNode;
|
|
2149
|
-
color?: AlertColor;
|
|
2150
|
-
variant?: AlertVariant;
|
|
2151
|
-
}
|
|
2152
|
-
/**
|
|
2153
|
-
* Kiểu dữ liệu linh hoạt cho nội dung thông báo trả về trong `toast.promise`:
|
|
2154
|
-
* - `ReactNode`: Chuỗi text hoặc phần tử JSX thông thường.
|
|
2155
|
-
* - `ToastMessageObject`: Object chi tiết gồm `{ title, description, color, variant }`.
|
|
2156
|
-
*/
|
|
2157
|
-
type ToastMessageResult = ReactNode | ToastMessageObject;
|
|
2158
|
-
/**
|
|
2159
|
-
* Hàm tạo nội dung thông báo thành công động dựa theo dữ liệu `data: T` trả về từ Promise.
|
|
2160
|
-
*/
|
|
2161
|
-
type ToastPromiseFunction<T> = (data: T) => ToastMessageResult;
|
|
2162
|
-
/**
|
|
2163
|
-
* Cấu hình các trạng thái cho `toast.promise(promise, options)`.
|
|
2164
|
-
*/
|
|
2165
|
-
interface ToastPromiseOptions<T = unknown> {
|
|
2166
|
-
/**
|
|
2167
|
-
* Nội dung hiển thị trong lúc Promise đang thực thi (Loading state).
|
|
2168
|
-
*/
|
|
2169
|
-
loading: ToastMessageResult;
|
|
2170
|
-
/**
|
|
2171
|
-
* Nội dung hiển thị khi Promise thực thi thành công (Resolve state).
|
|
2172
|
-
* Có thể truyền trực tiếp nội dung hoặc một hàm nhận `data: T`.
|
|
2173
|
-
*/
|
|
2174
|
-
success: ToastMessageResult | ToastPromiseFunction<T>;
|
|
2175
|
-
/**
|
|
2176
|
-
* Nội dung hiển thị khi Promise gặp lỗi (Reject state).
|
|
2177
|
-
* Có thể truyền trực tiếp nội dung hoặc một hàm nhận `error: unknown`.
|
|
2178
|
-
*/
|
|
2179
|
-
error: ToastMessageResult | ((error: unknown) => ToastMessageResult);
|
|
2180
|
-
/**
|
|
2181
|
-
* Callback chạy sau khi Promise hoàn tất (cả khi resolve hoặc reject).
|
|
2182
|
-
*/
|
|
2183
|
-
finally?: () => void | Promise<void>;
|
|
2184
|
-
/**
|
|
2185
|
-
* Thời gian hiển thị thông báo kết quả (ms). Mặc định 4000ms.
|
|
2186
|
-
* @default 4000
|
|
2187
|
-
*/
|
|
2188
|
-
duration?: number;
|
|
2189
|
-
/**
|
|
2190
|
-
* Kích cỡ của Alert hiển thị trong Toast.
|
|
2191
|
-
*/
|
|
2192
|
-
size?: AlertSize;
|
|
2193
|
-
/**
|
|
2194
|
-
* Biến thể giao diện của Alert hiển thị trong Toast.
|
|
2195
|
-
*/
|
|
2196
|
-
variant?: AlertVariant;
|
|
2197
|
-
/**
|
|
2198
|
-
* Tùy chỉnh độ bo góc của Alert hiển thị trong Toast.
|
|
2199
|
-
*/
|
|
2200
|
-
radius?: AlertRadius;
|
|
2201
|
-
}
|
|
2202
|
-
/**
|
|
2203
|
-
* Props cho component `<Toaster />` được mount tại root layout của ứng dụng.
|
|
2204
|
-
*/
|
|
2205
|
-
interface ToasterProps extends ToasterProps$1 {
|
|
2206
|
-
/**
|
|
2207
|
-
* Vị trí mặc định của toàn bộ danh sách toasts trên màn hình.
|
|
2208
|
-
* @default 'top-right'
|
|
2209
|
-
*/
|
|
2210
|
-
position?: ToastPosition;
|
|
2211
|
-
/**
|
|
2212
|
-
* Số lượng toast tối đa hiển thị cùng lúc trước khi tự động xếp chồng 3D (stack).
|
|
2213
|
-
* @default 3
|
|
2214
|
-
*/
|
|
2215
|
-
visibleToasts?: number;
|
|
2216
|
-
/**
|
|
2217
|
-
* Mở rộng toàn bộ danh sách toasts thay vì gộp lại thành 1 stack 3D.
|
|
2218
|
-
* - `false` (mặc định): Tự động gộp thẻ 3D, chỉ bung ra khi hover chuột.
|
|
2219
|
-
* - `true`: Luôn luôn mở rộng trải dài toàn bộ danh sách.
|
|
2220
|
-
* @default false
|
|
2221
|
-
*/
|
|
2222
|
-
expand?: boolean;
|
|
2223
|
-
/**
|
|
2224
|
-
* Thời gian hiển thị mặc định của các toasts (miliseconds).
|
|
2225
|
-
* @default 4000
|
|
2226
|
-
*/
|
|
2227
|
-
duration?: number;
|
|
2228
|
-
/**
|
|
2229
|
-
* Cho phép hiển thị nút đóng `(X)` trên các toasts.
|
|
2230
|
-
* @default true
|
|
2231
|
-
*/
|
|
2232
|
-
closeButton?: boolean;
|
|
2233
|
-
/**
|
|
2234
|
-
* Tùy biến className bao ngoài container của Toaster.
|
|
2235
|
-
*/
|
|
2236
|
-
className?: string;
|
|
2237
|
-
}
|
|
2238
|
-
|
|
2239
1937
|
declare function Toaster({ position, visibleToasts, expand, duration, closeButton, className, toastOptions, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
|
|
2240
1938
|
|
|
2241
1939
|
/**
|
|
@@ -4574,7 +4272,7 @@ interface DatePickerConfig {
|
|
|
4574
4272
|
isClearable?: boolean;
|
|
4575
4273
|
/**
|
|
4576
4274
|
* Chiếm toàn bộ 100% chiều rộng container
|
|
4577
|
-
* @default
|
|
4275
|
+
* @default true
|
|
4578
4276
|
*/
|
|
4579
4277
|
isFullWidth?: boolean;
|
|
4580
4278
|
/**
|
|
@@ -4693,7 +4391,7 @@ interface DatePickerProps {
|
|
|
4693
4391
|
label?: ReactNode;
|
|
4694
4392
|
/**
|
|
4695
4393
|
* Vị trí hiển thị của label ('top' | 'left' | 'floating')
|
|
4696
|
-
* @default '
|
|
4394
|
+
* @default 'floating'
|
|
4697
4395
|
*/
|
|
4698
4396
|
labelPlacement?: LabelPlacement;
|
|
4699
4397
|
/**
|
|
@@ -5136,7 +4834,7 @@ interface DateRangePickerConfig {
|
|
|
5136
4834
|
isClearable?: boolean;
|
|
5137
4835
|
/**
|
|
5138
4836
|
* Mở rộng chiếm toàn bộ 100% chiều ngang container cha
|
|
5139
|
-
* @default
|
|
4837
|
+
* @default true
|
|
5140
4838
|
*/
|
|
5141
4839
|
isFullWidth?: boolean;
|
|
5142
4840
|
/**
|
|
@@ -5260,7 +4958,7 @@ interface DateRangePickerProps {
|
|
|
5260
4958
|
label?: ReactNode;
|
|
5261
4959
|
/**
|
|
5262
4960
|
* Vị trí hiển thị của nhãn tiêu đề
|
|
5263
|
-
* @default "
|
|
4961
|
+
* @default "floating"
|
|
5264
4962
|
*/
|
|
5265
4963
|
labelPlacement?: LabelPlacement;
|
|
5266
4964
|
/**
|
|
@@ -5487,7 +5185,10 @@ interface TimePickerConfig {
|
|
|
5487
5185
|
showSpinner?: boolean;
|
|
5488
5186
|
/** Hiển thị nút xóa nhanh thời gian đã chọn */
|
|
5489
5187
|
isClearable?: boolean;
|
|
5490
|
-
/**
|
|
5188
|
+
/**
|
|
5189
|
+
* Mở rộng chiều ngang 100% container cha
|
|
5190
|
+
* @default true
|
|
5191
|
+
*/
|
|
5491
5192
|
isFullWidth?: boolean;
|
|
5492
5193
|
/** Tự động đóng popover sau khi người dùng chọn xong */
|
|
5493
5194
|
closeOnSelect?: boolean;
|
|
@@ -5540,7 +5241,10 @@ interface TimePickerProps {
|
|
|
5540
5241
|
radius?: TimePickerRadius;
|
|
5541
5242
|
/** Nhãn tiêu đề hiển thị cho ô nhập */
|
|
5542
5243
|
label?: ReactNode;
|
|
5543
|
-
/**
|
|
5244
|
+
/**
|
|
5245
|
+
* Vị trí đặt nhãn tiêu đề
|
|
5246
|
+
* @default 'floating'
|
|
5247
|
+
*/
|
|
5544
5248
|
labelPlacement?: LabelPlacement;
|
|
5545
5249
|
/** Văn bản giữ chỗ khi ô input rỗng */
|
|
5546
5250
|
placeholder?: string;
|
|
@@ -5562,8 +5266,6 @@ interface TimePickerProps {
|
|
|
5562
5266
|
onClear?: () => void;
|
|
5563
5267
|
/** Vị trí hiển thị của popover chọn giờ */
|
|
5564
5268
|
placement?: Placement;
|
|
5565
|
-
/** Render popover qua FloatingPortal vào body (mặc định true) */
|
|
5566
|
-
portal?: boolean;
|
|
5567
5269
|
/** Class CSS tùy biến cho thẻ input */
|
|
5568
5270
|
className?: string;
|
|
5569
5271
|
/** Class CSS tùy biến cho wrapper ngoài cùng */
|
|
@@ -5722,7 +5424,10 @@ interface TimeRangePickerConfig {
|
|
|
5722
5424
|
showSpinner?: boolean;
|
|
5723
5425
|
/** Hiển thị nút xóa nhanh khoảng thời gian đã chọn */
|
|
5724
5426
|
isClearable?: boolean;
|
|
5725
|
-
/**
|
|
5427
|
+
/**
|
|
5428
|
+
* Mở rộng chiều ngang 100% container cha
|
|
5429
|
+
* @default true
|
|
5430
|
+
*/
|
|
5726
5431
|
isFullWidth?: boolean;
|
|
5727
5432
|
/** Tự động đóng popover sau khi người dùng chọn xong cả 2 mốc */
|
|
5728
5433
|
closeOnSelect?: boolean;
|
|
@@ -5781,7 +5486,10 @@ interface TimeRangePickerProps {
|
|
|
5781
5486
|
radius?: TimeRangePickerRadius;
|
|
5782
5487
|
/** Nhãn tiêu đề hiển thị cho ô nhập */
|
|
5783
5488
|
label?: ReactNode;
|
|
5784
|
-
/**
|
|
5489
|
+
/**
|
|
5490
|
+
* Vị trí đặt nhãn tiêu đề
|
|
5491
|
+
* @default 'floating'
|
|
5492
|
+
*/
|
|
5785
5493
|
labelPlacement?: LabelPlacement;
|
|
5786
5494
|
/** Văn bản giữ chỗ khi ô input rỗng */
|
|
5787
5495
|
placeholder?: string;
|
|
@@ -5805,8 +5513,6 @@ interface TimeRangePickerProps {
|
|
|
5805
5513
|
onClear?: () => void;
|
|
5806
5514
|
/** Vị trí hiển thị của popover */
|
|
5807
5515
|
placement?: Placement;
|
|
5808
|
-
/** Render popover qua FloatingPortal vào body (mặc định true) */
|
|
5809
|
-
portal?: boolean;
|
|
5810
5516
|
/** Class CSS tùy biến cho thẻ input */
|
|
5811
5517
|
className?: string;
|
|
5812
5518
|
/** Class CSS tùy biến cho wrapper ngoài cùng */
|
|
@@ -5898,7 +5604,7 @@ interface DateTimePickerConfig {
|
|
|
5898
5604
|
isClearable?: boolean;
|
|
5899
5605
|
/**
|
|
5900
5606
|
* Chiếm toàn bộ 100% chiều rộng container
|
|
5901
|
-
* @default
|
|
5607
|
+
* @default true
|
|
5902
5608
|
*/
|
|
5903
5609
|
isFullWidth?: boolean;
|
|
5904
5610
|
/**
|
|
@@ -6057,7 +5763,7 @@ interface DateTimePickerProps {
|
|
|
6057
5763
|
label?: ReactNode;
|
|
6058
5764
|
/**
|
|
6059
5765
|
* Vị trí nhãn ('top' | 'left' | 'floating')
|
|
6060
|
-
* @default '
|
|
5766
|
+
* @default 'floating'
|
|
6061
5767
|
*/
|
|
6062
5768
|
labelPlacement?: LabelPlacement;
|
|
6063
5769
|
/**
|
|
@@ -6176,7 +5882,7 @@ interface DateTimeRangePickerConfig {
|
|
|
6176
5882
|
isClearable?: boolean;
|
|
6177
5883
|
/**
|
|
6178
5884
|
* Chiếm toàn bộ 100% chiều rộng container
|
|
6179
|
-
* @default
|
|
5885
|
+
* @default true
|
|
6180
5886
|
*/
|
|
6181
5887
|
isFullWidth?: boolean;
|
|
6182
5888
|
/**
|
|
@@ -6350,7 +6056,7 @@ interface DateTimeRangePickerProps {
|
|
|
6350
6056
|
label?: ReactNode;
|
|
6351
6057
|
/**
|
|
6352
6058
|
* Vị trí nhãn ('top' | 'left' | 'floating')
|
|
6353
|
-
* @default '
|
|
6059
|
+
* @default 'floating'
|
|
6354
6060
|
*/
|
|
6355
6061
|
labelPlacement?: LabelPlacement;
|
|
6356
6062
|
/**
|
|
@@ -6421,9 +6127,9 @@ interface EmptyIllustrationProps extends SVGProps<SVGSVGElement> {
|
|
|
6421
6127
|
}
|
|
6422
6128
|
declare function EmptyIllustration({ preset, ...props }: EmptyIllustrationProps): react_jsx_runtime.JSX.Element;
|
|
6423
6129
|
|
|
6424
|
-
declare function Select<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>>({ ref, options, value, defaultValue, onChange, size, variant, color, radius, id: idProp, label, labelPlacement, placeholder, helperText, errorMessage,
|
|
6130
|
+
declare function Select<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>>({ ref, options, value, defaultValue, onChange, size, variant, color, radius, id: idProp, label, labelPlacement, placeholder, helperText, errorMessage, isDisabled, readOnly, name, searchable, searchMode, searchPlacement, searchPlaceholder, searchField, searchValue: searchValueProp, onSearchChange, menuFilters, menuFilterValues: controlledFilterValues, menuFilterLayout, menuFilterGridCols, showResetFilters, resetFiltersText, onMenuFilterChange, menuHeader, menuFooter, listFooter, onSearch, debounceMs, filterFn, emptyText, emptyProps, portal, portalRoot, placement, maxMenuHeight, animated, animationDuration, startContent, endContent, renderValue, renderOption, config, className, triggerClassName, menuClassName, labelClassName, helperClassName, ...props }: SelectProps<TData, TFilters>): react_jsx_runtime.JSX.Element;
|
|
6425
6131
|
|
|
6426
|
-
declare function MultiSelect<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>>({ ref, options, value: valueProp, defaultValue, onChange, size, variant, color, radius, id: idProp, label, labelPlacement, placeholder, helperText, errorMessage,
|
|
6132
|
+
declare function MultiSelect<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>>({ ref, options, value: valueProp, defaultValue, onChange, size, variant, color, radius, id: idProp, label, labelPlacement, placeholder, helperText, errorMessage, isDisabled, readOnly, name, maxTagCount, searchable, searchMode, searchPlacement, searchPlaceholder, searchField, preserveSelected, searchValue: searchValueProp, onSearchChange, menuFilters, menuFilterValues: controlledFilterValues, menuFilterLayout, menuFilterGridCols, showResetFilters, resetFiltersText, onMenuFilterChange, menuHeader, menuFooter, listFooter, onSearch, debounceMs, filterFn, emptyText, emptyProps, portal, portalRoot, placement, maxMenuHeight, animated, animationDuration, startContent, endContent, renderValue, renderOption, config, className, triggerClassName, menuClassName, labelClassName, helperClassName, ...props }: MultiSelectProps<TData, TFilters>): react_jsx_runtime.JSX.Element;
|
|
6427
6133
|
|
|
6428
6134
|
interface SingleSelectTriggerProps<TData = unknown> {
|
|
6429
6135
|
id?: string;
|
|
@@ -6444,6 +6150,7 @@ interface SingleSelectTriggerProps<TData = unknown> {
|
|
|
6444
6150
|
onClear?: (e: react.MouseEvent) => void;
|
|
6445
6151
|
clearable?: boolean;
|
|
6446
6152
|
isLoading?: boolean;
|
|
6153
|
+
showSpinner?: boolean;
|
|
6447
6154
|
startContent?: ReactNode;
|
|
6448
6155
|
endContent?: ReactNode;
|
|
6449
6156
|
renderValue?: (selected: SelectOptionItem<TData>) => ReactNode;
|
|
@@ -6452,7 +6159,7 @@ interface SingleSelectTriggerProps<TData = unknown> {
|
|
|
6452
6159
|
onKeyDown?: (e: react.KeyboardEvent<HTMLInputElement>) => void;
|
|
6453
6160
|
className?: string;
|
|
6454
6161
|
}
|
|
6455
|
-
declare function SingleSelectTrigger<TData = unknown>({ id, selectedOption, isOpen, size, variant, color, radius, placeholder, disabled, readOnly, isInvalid, searchable, searchPlacement, searchValue, onSearchChange, onClear, clearable, isLoading, startContent, endContent, renderValue, triggerRef, getReferenceProps, onKeyDown, className, }: SingleSelectTriggerProps<TData>): react_jsx_runtime.JSX.Element;
|
|
6162
|
+
declare function SingleSelectTrigger<TData = unknown>({ id, selectedOption, isOpen, size, variant, color, radius, placeholder, disabled, readOnly, isInvalid, searchable, searchPlacement, searchValue, onSearchChange, onClear, clearable, isLoading, showSpinner, startContent, endContent, renderValue, triggerRef, getReferenceProps, onKeyDown, className, }: SingleSelectTriggerProps<TData>): react_jsx_runtime.JSX.Element;
|
|
6456
6163
|
|
|
6457
6164
|
interface MultiSelectTriggerProps<TData = unknown> {
|
|
6458
6165
|
id?: string;
|
|
@@ -6475,6 +6182,7 @@ interface MultiSelectTriggerProps<TData = unknown> {
|
|
|
6475
6182
|
onClear?: (e: react.MouseEvent) => void;
|
|
6476
6183
|
clearable?: boolean;
|
|
6477
6184
|
isLoading?: boolean;
|
|
6185
|
+
showSpinner?: boolean;
|
|
6478
6186
|
startContent?: ReactNode;
|
|
6479
6187
|
endContent?: ReactNode;
|
|
6480
6188
|
renderValue?: (selected: SelectOptionItem<TData>[]) => ReactNode;
|
|
@@ -6483,7 +6191,7 @@ interface MultiSelectTriggerProps<TData = unknown> {
|
|
|
6483
6191
|
onKeyDown?: (e: react.KeyboardEvent<HTMLInputElement>) => void;
|
|
6484
6192
|
className?: string;
|
|
6485
6193
|
}
|
|
6486
|
-
declare function MultiSelectTrigger<TData = unknown>({ id, selectedOptions, isOpen, size, variant, color, radius, placeholder, disabled, readOnly, isInvalid, maxTagCount, searchable, searchPlacement, searchValue, onSearchChange, onRemoveTag, onClear, clearable, isLoading, startContent, endContent, renderValue, triggerRef, getReferenceProps, onKeyDown, className, }: MultiSelectTriggerProps<TData>): react_jsx_runtime.JSX.Element;
|
|
6194
|
+
declare function MultiSelectTrigger<TData = unknown>({ id, selectedOptions, isOpen, size, variant, color, radius, placeholder, disabled, readOnly, isInvalid, maxTagCount, searchable, searchPlacement, searchValue, onSearchChange, onRemoveTag, onClear, clearable, isLoading, showSpinner, startContent, endContent, renderValue, triggerRef, getReferenceProps, onKeyDown, className, }: MultiSelectTriggerProps<TData>): react_jsx_runtime.JSX.Element;
|
|
6487
6195
|
|
|
6488
6196
|
interface SelectMenuProps<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>> {
|
|
6489
6197
|
isOpen: boolean;
|
|
@@ -6498,6 +6206,7 @@ interface SelectMenuProps<TData = unknown, TFilters extends Record<string, unkno
|
|
|
6498
6206
|
radius?: SelectRadius;
|
|
6499
6207
|
isLoading?: boolean;
|
|
6500
6208
|
portal?: boolean;
|
|
6209
|
+
portalRoot?: HTMLElement | null | react.RefObject<HTMLElement | null>;
|
|
6501
6210
|
maxMenuHeight?: number | string;
|
|
6502
6211
|
emptyText?: ReactNode;
|
|
6503
6212
|
emptyProps?: Partial<EmptyProps>;
|
|
@@ -6524,7 +6233,7 @@ interface SelectMenuProps<TData = unknown, TFilters extends Record<string, unkno
|
|
|
6524
6233
|
listElementsRef: react.RefObject<(HTMLElement | null)[]>;
|
|
6525
6234
|
className?: string;
|
|
6526
6235
|
}
|
|
6527
|
-
declare function SelectMenu<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>>({ isOpen, isMounted, animated, transitionStyles, options, selectedValues, activeIndex, size, color, radius, isLoading, portal, maxMenuHeight, emptyText, emptyProps, menuHeader, menuFooter, listFooter, menuFilters, menuFilterValues, menuFilterLayout, menuFilterGridCols, showResetFilters, resetFiltersText, onMenuFilterChange, onResetFilters, renderOption, onSelectOption, onOptionMouseEnter, floatingStyles, floatingRef, getFloatingProps, listElementsRef, className, }: SelectMenuProps<TData, TFilters>): react_jsx_runtime.JSX.Element | null;
|
|
6236
|
+
declare function SelectMenu<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>>({ isOpen, isMounted, animated, transitionStyles, options, selectedValues, activeIndex, size, color, radius, isLoading, portal, portalRoot, maxMenuHeight, emptyText, emptyProps, menuHeader, menuFooter, listFooter, menuFilters, menuFilterValues, menuFilterLayout, menuFilterGridCols, showResetFilters, resetFiltersText, onMenuFilterChange, onResetFilters, renderOption, onSelectOption, onOptionMouseEnter, floatingStyles, floatingRef, getFloatingProps, listElementsRef, className, }: SelectMenuProps<TData, TFilters>): react_jsx_runtime.JSX.Element | null;
|
|
6528
6237
|
|
|
6529
6238
|
interface SelectMenuFilterProps<TFilters extends Record<string, unknown> = Record<string, unknown>> {
|
|
6530
6239
|
filters: SelectFilterField<unknown>[];
|
|
@@ -6819,6 +6528,14 @@ interface ModalContainerProps extends HTMLAttributes<HTMLDialogElement> {
|
|
|
6819
6528
|
* Class tùy biến CSS cho container bao ngoài dialog
|
|
6820
6529
|
*/
|
|
6821
6530
|
className?: string;
|
|
6531
|
+
/**
|
|
6532
|
+
* Tự động nhúng Toaster bên trong Modal (Top Layer) để hiển thị thông báo toast nổi trên modal.
|
|
6533
|
+
* - `true` (mặc định): Tự động hiển thị Toaster ở góc trên bên phải (top-right).
|
|
6534
|
+
* - `false`: Tắt Toaster bên trong modal.
|
|
6535
|
+
* - `ToasterProps`: Truyền cấu hình tùy biến cho Toaster.
|
|
6536
|
+
* @default true
|
|
6537
|
+
*/
|
|
6538
|
+
toaster?: boolean | ToasterProps;
|
|
6822
6539
|
/**
|
|
6823
6540
|
* Nội dung bên trong container (thường là component `<Modal>`)
|
|
6824
6541
|
*/
|
|
@@ -8606,6 +8323,14 @@ interface ConfirmContainerProps extends HTMLAttributes<HTMLDialogElement> {
|
|
|
8606
8323
|
* Class tùy biến CSS cho container bao ngoài dialog
|
|
8607
8324
|
*/
|
|
8608
8325
|
className?: string;
|
|
8326
|
+
/**
|
|
8327
|
+
* Tự động nhúng Toaster bên trong Confirm dialog (Top Layer) để hiển thị thông báo toast nổi trên confirm.
|
|
8328
|
+
* - `true` (mặc định): Tự động hiển thị Toaster ở góc trên bên phải (top-right).
|
|
8329
|
+
* - `false`: Tắt Toaster bên trong confirm dialog.
|
|
8330
|
+
* - `ToasterProps`: Truyền cấu hình tùy biến cho Toaster.
|
|
8331
|
+
* @default true
|
|
8332
|
+
*/
|
|
8333
|
+
toaster?: boolean | ToasterProps;
|
|
8609
8334
|
/**
|
|
8610
8335
|
* Nội dung bên trong container (thường là component `<Confirm>`)
|
|
8611
8336
|
*/
|
|
@@ -8633,7 +8358,7 @@ interface ConfirmCloseProps extends HTMLAttributes<HTMLElement> {
|
|
|
8633
8358
|
*/
|
|
8634
8359
|
declare function Confirm({ size, radius, className, children, ref, ...props }: ConfirmProps): react_jsx_runtime.JSX.Element;
|
|
8635
8360
|
|
|
8636
|
-
declare function ConfirmContainer({ open, size, color, isLoading, closeOnOverlayClick, closeOnEsc, lockScroll, overlayClassName, className, children, onClose, ...props }: ConfirmContainerProps): react_jsx_runtime.JSX.Element | null;
|
|
8361
|
+
declare function ConfirmContainer({ open, size, color, isLoading, closeOnOverlayClick, closeOnEsc, lockScroll, overlayClassName, className, toaster, children, onClose, ...props }: ConfirmContainerProps): react_jsx_runtime.JSX.Element | null;
|
|
8637
8362
|
|
|
8638
8363
|
/**
|
|
8639
8364
|
* Phần đầu của hộp thoại Confirm (Hiển thị icon badge, tiêu đề và nút đóng X)
|
|
@@ -8677,6 +8402,10 @@ interface ConfirmContextValue {
|
|
|
8677
8402
|
* Chủ đề màu sắc của Confirm
|
|
8678
8403
|
*/
|
|
8679
8404
|
color?: ConfirmColor;
|
|
8405
|
+
/**
|
|
8406
|
+
* Ref trỏ tới phần tử dialog HTML của ConfirmContainer
|
|
8407
|
+
*/
|
|
8408
|
+
dialogRef?: React.RefObject<HTMLDialogElement | null>;
|
|
8680
8409
|
}
|
|
8681
8410
|
/**
|
|
8682
8411
|
* Hook truy xuất context của Confirm từ bên trong `<ConfirmContainer>` hoặc `<Confirm>`
|
|
@@ -8685,7 +8414,7 @@ declare const useConfirmContext: () => ConfirmContextValue | null;
|
|
|
8685
8414
|
|
|
8686
8415
|
declare function Modal({ size, radius, className, children, ref, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
8687
8416
|
|
|
8688
|
-
declare function ModalContainer({ open, id, size, isLoading, closeOnOverlayClick, closeOnEsc, lockScroll, overlayClassName, className, children, onClose, ...props }: ModalContainerProps): react_jsx_runtime.JSX.Element | null;
|
|
8417
|
+
declare function ModalContainer({ open, id, size, isLoading, closeOnOverlayClick, closeOnEsc, lockScroll, overlayClassName, className, toaster, children, onClose, ...props }: ModalContainerProps): react_jsx_runtime.JSX.Element | null;
|
|
8689
8418
|
|
|
8690
8419
|
declare function ModalHeader({ size, title, description, titleClassName, descriptionClassName, showCloseButton, onClose, closeButtonClassName, className, children, ...props }: ModalHeaderProps): react_jsx_runtime.JSX.Element;
|
|
8691
8420
|
|
|
@@ -8699,6 +8428,7 @@ interface ModalContextValue {
|
|
|
8699
8428
|
onClose: () => void;
|
|
8700
8429
|
isLoading?: boolean;
|
|
8701
8430
|
size?: ModalSize;
|
|
8431
|
+
dialogRef?: React.RefObject<HTMLDialogElement | null>;
|
|
8702
8432
|
}
|
|
8703
8433
|
declare const useModalContext: () => ModalContextValue | null;
|
|
8704
8434
|
|
|
@@ -8859,22 +8589,13 @@ interface FuzzyFilterMeta {
|
|
|
8859
8589
|
type FuzzyFeatures = TableFeatures & {
|
|
8860
8590
|
filterMeta: FuzzyFilterMeta;
|
|
8861
8591
|
};
|
|
8862
|
-
/**
|
|
8863
|
-
* Thuật toán lọc Fuzzy (Fuzzy Filter) sử dụng `@tanstack/match-sorter-utils`.
|
|
8864
|
-
*
|
|
8865
|
-
* Tính năng:
|
|
8866
|
-
* - Chuẩn hóa và so khớp gần đúng (Equal, StartsWith, WordStartsWith, Contains, Acronym, Matches)
|
|
8867
|
-
* - Tự động loại bỏ dấu tiếng Việt / diacritics
|
|
8868
|
-
* - Không phân biệt chữ hoa / chữ thường (Case-insensitive)
|
|
8869
|
-
* - Đính kèm thông tin `RankingInfo` vào metadata qua `addMeta` để hỗ trợ sắp xếp theo độ liên quan
|
|
8870
|
-
*/
|
|
8871
8592
|
declare const fuzzyFilter: FilterFn<FuzzyFeatures, RowData>;
|
|
8872
8593
|
|
|
8873
8594
|
/**
|
|
8874
8595
|
* Bộ features tiêu chuẩn của @openway/ui dành cho TanStack Table v9.
|
|
8875
8596
|
* Bao gồm: Sắp xếp (Sorting), Phân trang (Pagination), Chọn dòng (Row Selection),
|
|
8876
8597
|
* Lọc cột & Lọc toàn bảng (Column & Global Filtering), Ẩn/hiện cột (Visibility),
|
|
8877
|
-
* Ghim cột (Pinning),
|
|
8598
|
+
* Ghim cột (Pinning), Sắp xếp thứ tự cột (Column Ordering), và Mở rộng dòng (Row Expanding).
|
|
8878
8599
|
*/
|
|
8879
8600
|
declare const defaultTableFeatures: {
|
|
8880
8601
|
rowSortingFeature: _tanstack_react_table.TableFeature;
|
|
@@ -8885,9 +8606,11 @@ declare const defaultTableFeatures: {
|
|
|
8885
8606
|
columnVisibilityFeature: _tanstack_react_table.TableFeature;
|
|
8886
8607
|
columnPinningFeature: _tanstack_react_table.TableFeature;
|
|
8887
8608
|
columnOrderingFeature: _tanstack_react_table.TableFeature;
|
|
8609
|
+
rowExpandingFeature: _tanstack_react_table.TableFeature;
|
|
8888
8610
|
sortedRowModel: (table: _tanstack_react_table.Table<any, any>) => () => _tanstack_react_table.RowModel<any, any>;
|
|
8889
8611
|
paginatedRowModel: (table: _tanstack_react_table.Table<any, any>) => () => _tanstack_react_table.RowModel<any, any>;
|
|
8890
8612
|
filteredRowModel: (table: _tanstack_react_table.Table<any, any>) => () => _tanstack_react_table.RowModel<any, any>;
|
|
8613
|
+
expandedRowModel: (table: _tanstack_react_table.Table<any, any>) => () => _tanstack_react_table.RowModel<any, any>;
|
|
8891
8614
|
filterFns: {
|
|
8892
8615
|
fuzzy: _tanstack_react_table.FilterFn<FuzzyFeatures, RowData>;
|
|
8893
8616
|
};
|
|
@@ -9194,6 +8917,10 @@ interface TableFilterDef<TValue = unknown> {
|
|
|
9194
8917
|
* Thuộc tính tùy biến truyền bổ sung vào component editor (DateRangePicker, DatePicker, CheckboxGroup...)
|
|
9195
8918
|
*/
|
|
9196
8919
|
props?: Record<string, unknown>;
|
|
8920
|
+
/**
|
|
8921
|
+
* Thời gian trì hoãn debounce (ms) riêng cho trường lọc này ở chế độ server (tùy chọn)
|
|
8922
|
+
*/
|
|
8923
|
+
debounceMs?: number;
|
|
9197
8924
|
/**
|
|
9198
8925
|
* Hàm render component tùy biến khi `type: 'custom'`
|
|
9199
8926
|
*/
|
|
@@ -9385,6 +9112,13 @@ interface DataTableProps<TData extends RowData = RowData> {
|
|
|
9385
9112
|
* @default false
|
|
9386
9113
|
*/
|
|
9387
9114
|
manualFiltering?: boolean;
|
|
9115
|
+
/**
|
|
9116
|
+
* Thời gian trì hoãn debounce (ms) khi thay đổi bộ lọc hoặc tìm kiếm ở chế độ server (`manualFiltering: true`).
|
|
9117
|
+
* Áp dụng cho toàn bộ các trường Input, NumberInput, DatePicker, DateRangePicker, CheckboxGroup/Select, custom và tìm kiếm toàn bảng.
|
|
9118
|
+
* Đặt 0 để tắt debounce (gọi ngay lập tức).
|
|
9119
|
+
* @default 300
|
|
9120
|
+
*/
|
|
9121
|
+
debounceMs?: number;
|
|
9388
9122
|
/**
|
|
9389
9123
|
* Tổng số trang trả về từ máy chủ (bắt buộc khi dùng `manualPagination={true}`)
|
|
9390
9124
|
*/
|
|
@@ -9458,6 +9192,84 @@ interface DataTableProps<TData extends RowData = RowData> {
|
|
|
9458
9192
|
* Callback khi trạng thái bộ lọc cột thay đổi (trả về mảng ColumnFiltersState của TanStack Table)
|
|
9459
9193
|
*/
|
|
9460
9194
|
onColumnFiltersChange?: ((filters: ColumnFiltersState) => void) | OnChangeFn<ColumnFiltersState>;
|
|
9195
|
+
/**
|
|
9196
|
+
* Bật tính năng mở rộng dòng (tự động bật nếu có `renderExpandedRow`, `getSubRows`, hoặc `expanded`)
|
|
9197
|
+
* @default false
|
|
9198
|
+
*/
|
|
9199
|
+
enableExpanding?: boolean;
|
|
9200
|
+
/**
|
|
9201
|
+
* Bật hiệu ứng mở rộng mượt mà (smooth slide down, fade in và hiệu ứng chuyển động)
|
|
9202
|
+
* @default true
|
|
9203
|
+
*/
|
|
9204
|
+
enableExpandingAnimation?: boolean;
|
|
9205
|
+
/**
|
|
9206
|
+
* Trạng thái dòng mở rộng điều khiển ngoài (Controlled state): `Record<rowId, boolean> | true`
|
|
9207
|
+
*/
|
|
9208
|
+
expanded?: ExpandedState;
|
|
9209
|
+
/**
|
|
9210
|
+
* Callback khi trạng thái mở rộng dòng thay đổi
|
|
9211
|
+
*/
|
|
9212
|
+
onExpandedChange?: ((expanded: ExpandedState) => void) | OnChangeFn<ExpandedState>;
|
|
9213
|
+
/**
|
|
9214
|
+
* Hàm trích xuất dữ liệu con cho cấu trúc cây phân cấp (Tree Data đa tầng)
|
|
9215
|
+
*/
|
|
9216
|
+
getSubRows?: (originalRow: TData, index: number) => undefined | TData[];
|
|
9217
|
+
/**
|
|
9218
|
+
* Điều kiện tùy biến xác định dòng nào có thể mở rộng được
|
|
9219
|
+
*/
|
|
9220
|
+
getRowCanExpand?: (row: Row<DefaultTableFeatures, TData>) => boolean;
|
|
9221
|
+
/**
|
|
9222
|
+
* Bật chế độ mở rộng thủ công từ máy chủ (Server-side expanding)
|
|
9223
|
+
* @default false
|
|
9224
|
+
*/
|
|
9225
|
+
manualExpanding?: boolean;
|
|
9226
|
+
/**
|
|
9227
|
+
* Tự động thu gọn các dòng đã mở rộng khi dữ liệu thay đổi hoặc phân trang
|
|
9228
|
+
* @default true
|
|
9229
|
+
*/
|
|
9230
|
+
autoResetExpanded?: boolean;
|
|
9231
|
+
/**
|
|
9232
|
+
* Phân trang các dòng con cùng với các dòng chính của bảng
|
|
9233
|
+
* @default true
|
|
9234
|
+
*/
|
|
9235
|
+
paginateExpandedRows?: boolean;
|
|
9236
|
+
/**
|
|
9237
|
+
* Hàm render giao diện tùy biến (Detail Panel gộp colSpan) bên dưới dòng cha khi mở rộng
|
|
9238
|
+
*/
|
|
9239
|
+
renderExpandedRow?: (row: Row<DefaultTableFeatures, TData>) => ReactNode;
|
|
9240
|
+
/**
|
|
9241
|
+
* Tự động hiển thị nút mở rộng dòng
|
|
9242
|
+
* @default true (khi tính năng expanding được kích hoạt)
|
|
9243
|
+
*/
|
|
9244
|
+
showExpandColumn?: boolean;
|
|
9245
|
+
/**
|
|
9246
|
+
* Chế độ hiển thị nút mở rộng dòng:
|
|
9247
|
+
* - 'integrated': Tích hợp trực tiếp nút mở rộng và thụt lề vào cột dữ liệu đầu tiên (mặc định, không tách riêng cột)
|
|
9248
|
+
* - 'standalone': Tách thành một cột riêng biệt `_expand`
|
|
9249
|
+
* - 'none': Không tự động render UI nút mở rộng
|
|
9250
|
+
* @default 'integrated'
|
|
9251
|
+
*/
|
|
9252
|
+
expandColumnMode?: "integrated" | "standalone" | "none";
|
|
9253
|
+
/**
|
|
9254
|
+
* ID cột được tích hợp nút mở rộng khi dùng chế độ `expandColumnMode='integrated'`.
|
|
9255
|
+
* Mặc định tự động gắn vào cột nội dung đầu tiên (sau cột `_select`).
|
|
9256
|
+
*/
|
|
9257
|
+
expandColumnId?: string;
|
|
9258
|
+
/**
|
|
9259
|
+
* Vị trí đặt cột nút mở rộng dòng khi ở chế độ `expandColumnMode='standalone'` ('start' ở đầu bảng, 'end' ở cuối bảng)
|
|
9260
|
+
* @default 'start'
|
|
9261
|
+
*/
|
|
9262
|
+
expandColumnPosition?: "start" | "end";
|
|
9263
|
+
/**
|
|
9264
|
+
* Mức độ thụt đầu dòng tối đa cho dữ liệu dạng cây (tránh thụt quá sâu làm vỡ layout)
|
|
9265
|
+
* @default 4
|
|
9266
|
+
*/
|
|
9267
|
+
maxIndentDepth?: number;
|
|
9268
|
+
/**
|
|
9269
|
+
* Khoảng cách thụt lề cho mỗi cấp độ sâu (tính bằng rem)
|
|
9270
|
+
* @default 1.25
|
|
9271
|
+
*/
|
|
9272
|
+
indentSize?: number;
|
|
9461
9273
|
/**
|
|
9462
9274
|
* Callback được kích hoạt khi người dùng click vào một dòng trong bảng
|
|
9463
9275
|
*/
|
|
@@ -9504,6 +9316,6 @@ declare function TablePagination<TData extends RowData = RowData>({ table, pageS
|
|
|
9504
9316
|
|
|
9505
9317
|
declare function TableToolbar<TData extends RowData = RowData>({ table, searchPlaceholder, enableGlobalFilter, enableColumnVisibility, isRefresh, onRefresh, actions, selectedActions, filters, filterValues, onFilterChange, onFilterReset, className, }: TableToolbarProps<TData>): react_jsx_runtime.JSX.Element;
|
|
9506
9318
|
|
|
9507
|
-
declare function DataTable<TData extends RowData = RowData>({ columns, data, variant, size, isLoading, isRefresh, onRefresh, loadingRowsCount, emptyText, emptyIllustration, enableSorting, enableFiltering, enablePagination, enableRowSelection, enableColumnVisibility, enableColumnOrdering, filters, searchPlaceholder, toolbarActions, renderBulkActions, pageSizeOptions, initialPageSize, manualPagination, manualSorting, manualFiltering, pageCount, rowCount, pagination: controlledPagination, onPaginationChange, sorting: controlledSorting, onSortingChange, rowSelection: controlledRowSelection, onRowSelectionChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, columnOrder: controlledColumnOrder, onColumnOrderChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, globalFilterFn: controlledGlobalFilterFn, columnFilters: controlledColumnFilters, onColumnFiltersChange, onRowClick, className, containerClassName, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
|
|
9319
|
+
declare function DataTable<TData extends RowData = RowData>({ columns, data, variant, size, isLoading, isRefresh, onRefresh, loadingRowsCount, emptyText, emptyIllustration, enableSorting, enableFiltering, enablePagination, enableRowSelection, enableColumnVisibility, enableColumnOrdering, enableExpanding, enableExpandingAnimation, expanded: controlledExpanded, onExpandedChange, getSubRows, getRowCanExpand, manualExpanding, autoResetExpanded, paginateExpandedRows, renderExpandedRow, showExpandColumn, expandColumnMode, expandColumnId, expandColumnPosition, maxIndentDepth, indentSize, filters, searchPlaceholder, toolbarActions, renderBulkActions, pageSizeOptions, initialPageSize, manualPagination, manualSorting, manualFiltering, pageCount, rowCount, debounceMs, pagination: controlledPagination, onPaginationChange, sorting: controlledSorting, onSortingChange, rowSelection: controlledRowSelection, onRowSelectionChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, columnOrder: controlledColumnOrder, onColumnOrderChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, globalFilterFn: controlledGlobalFilterFn, columnFilters: controlledColumnFilters, onColumnFiltersChange, onRowClick, className, containerClassName, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
|
|
9508
9320
|
|
|
9509
|
-
export { AUDIO_EXTENSIONS, Alert, AlertCircleIcon, type AlertColor, type AlertProps, type AlertRadius, type AlertSize, AlertTriangleIcon, type AlertVariant, ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon, AvatarIcon, type AvatarIconProps, Badge, type BadgeColor, type BadgeProps, type BadgeRadius, type BadgeSize, type BadgeVariant, Button, type ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Calendar, type CalendarDay, CalendarHeader, type CalendarHeaderProps, CalendarIcon, type CalendarProps, type CalendarView, Carousel, type CarouselArrowPosition, CarouselContent, type CarouselContentProps, type CarouselContextValue, type CarouselNavigationProps, type CarouselNavigationVariant, CarouselNext, CarouselPagination, type CarouselPaginationProps, type CarouselPaginationType, CarouselPrevious, type CarouselProps, type CarouselRadius, type CarouselSize, CarouselSlide, type CarouselSlideProps, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxColor, type CheckboxConfig, CheckboxGroup, type CheckboxGroupConfig, type CheckboxGroupOrientation, type CheckboxGroupProps, type CheckboxLabelPlacement, type CheckboxOptionItem, type CheckboxProps, type CheckboxRadius, type CheckboxSearchMode, type CheckboxSize, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockIcon, CloseIcon, Collapse, type CollapseActiveKey, type CollapseColor, CollapseContent, type CollapseContentProps, type CollapseContextValue$1 as CollapseContextValue, type CollapseExpandIconPosition, CollapseHeader, type CollapseHeaderProps, CollapsePanel, type CollapsePanelContextValue$1 as CollapsePanelContextValue, type CollapsePanelProps, type CollapseProps, type CollapseRadius, type CollapseSize, type CollapseVariant, Collapsible, type CollapsibleProps, type ColumnOrderState, Confirm, ConfirmBody, type ConfirmBodyProps, ConfirmClose, type ConfirmCloseProps, type ConfirmColor, ConfirmContainer, type ConfirmContainerProps, ConfirmFooter, type ConfirmFooterProps, ConfirmHeader, type ConfirmHeaderProps, type ConfirmProps, type ConfirmRadius, type ConfirmSize, CropIcon, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_TOAST_DURATION, DOCUMENT_EXTENSIONS, DataTable, type DataTableProps, DatePicker, type DatePickerColor, type DatePickerConfig, type DatePickerProps, type DatePickerRadius, type DatePickerSize, type DatePickerVariant, type DateRange, DateRangeCalendar, type DateRangeCalendarDay, type DateRangeCalendarProps, DateRangeDayGrid, type DateRangeDayGridProps, DateRangeHeader, type DateRangeHeaderProps, DateRangeMonthGrid, type DateRangeMonthGridProps, DateRangePicker, type DateRangePickerColor, type DateRangePickerConfig, type DateRangePickerProps, type DateRangePickerRadius, type DateRangePickerSize, type DateRangePickerVariant, type DateRangeValue, DateRangeYearGrid, type DateRangeYearGridProps, DateTimePicker, type DateTimePickerColor, type DateTimePickerConfig, type DateTimePickerLayout, type DateTimePickerProps, type DateTimePickerRadius, type DateTimePickerSize, type DateTimePickerVariant, type DateTimeRange, DateTimeRangePicker, type DateTimeRangePickerColor, type DateTimeRangePickerConfig, type DateTimeRangePickerLayout, type DateTimeRangePickerProps, type DateTimeRangePickerRadius, type DateTimeRangePickerSize, type DateTimeRangePickerVariant, type DateTimeRangeValue, type DateTimeValue, type DateValue, DayGrid, type DayGridProps, type DefaultTableFeatures, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadIcon, type DraggableTableHeadProps, Dropdown, type DropdownColor, type DropdownContextValue, DropdownGroup, type DropdownGroupProps, DropdownHeader, type DropdownHeaderProps, DropdownItem, type DropdownItemProps, DropdownMenu, type DropdownMenuProps, type DropdownPlacement, type DropdownProps, type DropdownRadius, DropdownSeparator, type DropdownSeparatorProps, type DropdownSize, DropdownTrigger, type DropdownTriggerProps, type DropdownTriggerType, Empty, EmptyDefaultIcon, EmptyErrorIcon, EmptyFolderIcon, EmptyIllustration, EmptyPresetImage, EmptyProps, EmptySearchIcon, EmptySimpleIcon, EyeIcon, type FileCategory, FileContainer, type FileContainerProps, FileIcon, type FileIconProps, FilePreview, type FilePreviewProps, type FileType, FlipHorizontalIcon, IMAGE_EXTENSIONS, IconButton, type IconButtonProps, ImageIcon, type ImageItem, ImagePreview, type ImagePreviewProps, ImagePreviewToolbar, type ImagePreviewToolbarProps, InfoCircleIcon, Input, type InputColor, type InputConfig, type InputProps, type InputRadius, type InputSize, type InputVariant, type LabelPlacement, LoadingImage, type LoadingImageProps, type LocaleConfig, MinusIcon, Modal, ModalBody, type ModalBodyProps, ModalClose, type ModalCloseProps, ModalContainer, type ModalContainerProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, type ModalRadius, type ModalSize, MonthGrid, type MonthGridProps, MultiInput, type MultiInputConfig, type MultiInputProps, MultiSelect, MultiSelectProps, MultiSelectTrigger, NumberInput, type NumberInputProps, OtpInput, type OtpInputConfig, type OtpInputProps, type OtpInputRef, type OtpInputType, PDF_EXTENSIONS, PasswordInput, type PasswordInputProps, PlusIcon, Popover, PopoverBody, type PopoverBodyProps, PopoverClose, type PopoverCloseProps, type PopoverColor, PopoverContent, type PopoverContentProps, type PopoverContextValue, PopoverFooter, type PopoverFooterProps, PopoverHeader, type PopoverHeaderProps, type PopoverPlacement, type PopoverProps, type PopoverRadius, type PopoverSize, PopoverTrigger, type PopoverTriggerProps, type PopoverTriggerType, type PreviewFile, Radio, type RadioColor, type RadioConfig, RadioDotIcon, RadioGroup, type RadioGroupConfig, type RadioGroupOrientation, type RadioGroupProps, type RadioLabelPlacement, type RadioOptionItem, type RadioProps, type RadioSearchMode, type RadioSize, type RadioVariant, ResetIcon, RotateCcwIcon, RotateCwIcon, SearchIcon, Select, SelectColor, Select as SelectComponent, SelectFilterField, SelectFilterLayout, SelectMenu, SelectMenuFilter, SelectOption, SelectOptionItem, SelectProps, SelectRadius, SelectSearchPlacement, SelectSize, SingleSelectTrigger as SelectTrigger, SelectVariant, type ServerFile, SingleSelectTrigger, Skeleton, type SkeletonObjectFit, type SkeletonProps, type SkeletonRadius, type SkeletonShape, type SkeletonVariant, Slider, type SliderColor, type SliderConfig, type SliderLabelPlacement, type SliderMark, SliderMarks, type SliderOrientation, type SliderProps, type SliderRadius, type SliderSize, SliderStepDots, SliderThumb, type SliderTooltipMode, type SliderTooltipPlacement, type SliderValue, type SliderVariant, SlidersHorizontalIcon, Spinner, Tab, type TabColor, TabList, type TabListProps, type TabOrientation, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabPlacement, type TabProps, type TabRadius, type TabSize, type TabVariant, Table, type TableAlign, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableColumnHeader, type TableColumnHeaderProps, type TableFilterDef, type TableFilterOption, type TableFilterType, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, type TableSize, TableToolbar, type TableToolbarProps, type TableVariant, Tabs, type TabsProps, type TagRenderProps, TextArea, type TextAreaColor, type TextAreaConfig, type TextAreaLabelPlacement, type TextAreaProps, type TextAreaRadius, type TextAreaResize, type TextAreaSize, type TextAreaVariant, TimeColumn, type TimeColumnItem, type TimeColumnProps, type TimeObject, type TimePeriod, TimePicker, type TimePickerColor, type TimePickerConfig, type TimePickerProps, type TimePickerRadius, type TimePickerSize, type TimePickerVariant, type TimeRange, TimeRangePicker, type TimeRangePickerColor, type TimeRangePickerConfig, type TimeRangePickerProps, type TimeRangePickerRadius, type TimeRangePickerSize, type TimeRangePickerVariant, type TimeRangeValue, type TimeValue, TimeView, type TimeViewProps, type ToastMessageObject, type ToastMessageResult, type ToastOptions, type ToastPosition, type ToastPromiseFunction, type ToastPromiseOptions, Toaster, type ToasterProps, Toggle, type ToggleColor, type ToggleConfig, type ToggleLabelPlacement, type ToggleProps, type ToggleRadius, type ToggleSize, type ToggleVariant, type ToolbarToolsConfig, Tooltip, type TooltipColor, type TooltipPlacement, type TooltipProps, type TooltipRadius, type TooltipSize, type TooltipVariant, TrashIcon, UploadAvatar, type UploadAvatarColor, type UploadAvatarConfig, UploadAvatarCropContent, UploadAvatarCropModal, type UploadAvatarCropOptions, type UploadAvatarLabelPlacement, type UploadAvatarProps, type UploadAvatarRadius, type UploadAvatarShape, type UploadAvatarSize, type UploadAvatarVariant, UploadFile, type UploadFileColor, type UploadFileConfig, type UploadFileDragStatus, UploadFileDropzone, type UploadFileDropzoneProps, UploadFileItemRow, type UploadFileItemRowProps, UploadFileList, type UploadFileListProps, type UploadFileListType, type UploadFileProps, type UploadFileRadius, type UploadFileShape, type UploadFileSize, type UploadFileVariant, type UploadFileViewMode, UploadIcon, UploadImage, type UploadImageColor, type UploadImageDragStatus, UploadImageDropzone, type UploadImageDropzoneProps, UploadImageList, type UploadImageListProps, type UploadImageObjectFit, type UploadImageProps, type UploadImageRadius, type UploadImageShape, type UploadImageSize, type UploadImageVariant, type UploadImageViewMode, type UseDataTableOptions, type UseFloatingTransitionOptions, VIDEO_EXTENSIONS, YearGrid, type YearGridProps, ZoomInIcon, ZoomOutIcon, checkIsDisabled, clamp, combineDateTime, createDateWithTime, createTableColumnHelper, defaultTableFeatures, downloadFile, formatBytes, formatDate, formatDateTime, formatNumberString, formatTime, fuzzyFilter, generateCalendarGrid, generateRangeCalendarGrid, getDefaultDateTimeFormat, getDefaultFormat, getFileCategory, getFileExtension, getFileName, getFileType, getISOWeekNumber, getPercentage, getSafeConfig, isDateAfter, isDateBefore, isSameDay, isSameMonth, isSameTime, isTimeAfter, isTimeBefore, isTimeInRange, isValidOtpChar, normalizePreviewFile, padZero, parseDate, parseDateTime, parseNumber, parseRawNumberString, parseTimeToDate, rankAndFilterItems, resolveLocale, sanitizeOtpString, splitTagsFromText, toDate, toDateTime, toTimeObject, toast, useAnimatedError, useCarousel, useCarouselContext, useCollapseContext, useCollapsePanelContext, useConfirmContext, useDataTable, useDebounce, useDebouncedCallback, useDropdownContext, useFileContext, useFloatingTransition, useModalContext, usePopoverContext, useTableStyles, useTabsContext };
|
|
9321
|
+
export { AUDIO_EXTENSIONS, Alert, AlertCircleIcon, AlertProps, AlertTriangleIcon, ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon, AvatarIcon, type AvatarIconProps, Badge, type BadgeColor, type BadgeProps, type BadgeRadius, type BadgeSize, type BadgeVariant, Button, type ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Calendar, type CalendarDay, CalendarHeader, type CalendarHeaderProps, CalendarIcon, type CalendarProps, type CalendarView, Carousel, type CarouselArrowPosition, CarouselContent, type CarouselContentProps, type CarouselContextValue, type CarouselNavigationProps, type CarouselNavigationVariant, CarouselNext, CarouselPagination, type CarouselPaginationProps, type CarouselPaginationType, CarouselPrevious, type CarouselProps, type CarouselRadius, type CarouselSize, CarouselSlide, type CarouselSlideProps, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxColor, type CheckboxConfig, CheckboxGroup, type CheckboxGroupConfig, type CheckboxGroupOrientation, type CheckboxGroupProps, type CheckboxLabelPlacement, type CheckboxOptionItem, type CheckboxProps, type CheckboxRadius, type CheckboxSearchMode, type CheckboxSize, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockIcon, CloseIcon, Collapse, type CollapseActiveKey, type CollapseColor, CollapseContent, type CollapseContentProps, type CollapseContextValue$1 as CollapseContextValue, type CollapseExpandIconPosition, CollapseHeader, type CollapseHeaderProps, CollapsePanel, type CollapsePanelContextValue$1 as CollapsePanelContextValue, type CollapsePanelProps, type CollapseProps, type CollapseRadius, type CollapseSize, type CollapseVariant, Collapsible, type CollapsibleProps, type ColumnOrderState, Confirm, ConfirmBody, type ConfirmBodyProps, ConfirmClose, type ConfirmCloseProps, type ConfirmColor, ConfirmContainer, type ConfirmContainerProps, ConfirmFooter, type ConfirmFooterProps, ConfirmHeader, type ConfirmHeaderProps, type ConfirmProps, type ConfirmRadius, type ConfirmSize, CropIcon, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_TOAST_DURATION, DOCUMENT_EXTENSIONS, DataTable, type DataTableProps, DatePicker, type DatePickerColor, type DatePickerConfig, type DatePickerProps, type DatePickerRadius, type DatePickerSize, type DatePickerVariant, type DateRange, DateRangeCalendar, type DateRangeCalendarDay, type DateRangeCalendarProps, DateRangeDayGrid, type DateRangeDayGridProps, DateRangeHeader, type DateRangeHeaderProps, DateRangeMonthGrid, type DateRangeMonthGridProps, DateRangePicker, type DateRangePickerColor, type DateRangePickerConfig, type DateRangePickerProps, type DateRangePickerRadius, type DateRangePickerSize, type DateRangePickerVariant, type DateRangeValue, DateRangeYearGrid, type DateRangeYearGridProps, DateTimePicker, type DateTimePickerColor, type DateTimePickerConfig, type DateTimePickerLayout, type DateTimePickerProps, type DateTimePickerRadius, type DateTimePickerSize, type DateTimePickerVariant, type DateTimeRange, DateTimeRangePicker, type DateTimeRangePickerColor, type DateTimeRangePickerConfig, type DateTimeRangePickerLayout, type DateTimeRangePickerProps, type DateTimeRangePickerRadius, type DateTimeRangePickerSize, type DateTimeRangePickerVariant, type DateTimeRangeValue, type DateTimeValue, type DateValue, DayGrid, type DayGridProps, type DefaultTableFeatures, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadIcon, type DraggableTableHeadProps, Dropdown, type DropdownColor, type DropdownContextValue, DropdownGroup, type DropdownGroupProps, DropdownHeader, type DropdownHeaderProps, DropdownItem, type DropdownItemProps, DropdownMenu, type DropdownMenuProps, type DropdownPlacement, type DropdownProps, type DropdownRadius, DropdownSeparator, type DropdownSeparatorProps, type DropdownSize, DropdownTrigger, type DropdownTriggerProps, type DropdownTriggerType, Empty, EmptyDefaultIcon, EmptyErrorIcon, EmptyFolderIcon, EmptyIllustration, EmptyPresetImage, EmptyProps, EmptySearchIcon, EmptySimpleIcon, EyeIcon, type FileCategory, FileContainer, type FileContainerProps, FileIcon, type FileIconProps, FilePreview, type FilePreviewProps, type FileType, FlipHorizontalIcon, IMAGE_EXTENSIONS, IconButton, type IconButtonProps, ImageIcon, type ImageItem, ImagePreview, type ImagePreviewProps, ImagePreviewToolbar, type ImagePreviewToolbarProps, InfoCircleIcon, Input, type InputColor, type InputConfig, type InputProps, type InputRadius, type InputSize, type InputVariant, type LabelPlacement, LoadingImage, type LoadingImageProps, type LocaleConfig, MinusIcon, Modal, ModalBody, type ModalBodyProps, ModalClose, type ModalCloseProps, ModalContainer, type ModalContainerProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, type ModalRadius, type ModalSize, MonthGrid, type MonthGridProps, MultiInput, type MultiInputConfig, type MultiInputProps, MultiSelect, MultiSelectProps, MultiSelectTrigger, NumberInput, type NumberInputProps, OtpInput, type OtpInputConfig, type OtpInputProps, type OtpInputRef, type OtpInputType, PDF_EXTENSIONS, PasswordInput, type PasswordInputProps, PlusIcon, Popover, PopoverBody, type PopoverBodyProps, PopoverClose, type PopoverCloseProps, type PopoverColor, PopoverContent, type PopoverContentProps, type PopoverContextValue, PopoverFooter, type PopoverFooterProps, PopoverHeader, type PopoverHeaderProps, type PopoverPlacement, type PopoverProps, type PopoverRadius, type PopoverSize, PopoverTrigger, type PopoverTriggerProps, type PopoverTriggerType, type PreviewFile, Radio, type RadioColor, type RadioConfig, RadioDotIcon, RadioGroup, type RadioGroupConfig, type RadioGroupOrientation, type RadioGroupProps, type RadioLabelPlacement, type RadioOptionItem, type RadioProps, type RadioSearchMode, type RadioSize, type RadioVariant, ResetIcon, RotateCcwIcon, RotateCwIcon, SearchIcon, Select, SelectColor, Select as SelectComponent, SelectFilterField, SelectFilterLayout, SelectMenu, SelectMenuFilter, SelectOption, SelectOptionItem, SelectProps, SelectRadius, SelectSearchPlacement, SelectSize, SingleSelectTrigger as SelectTrigger, SelectVariant, type ServerFile, SingleSelectTrigger, Skeleton, type SkeletonObjectFit, type SkeletonProps, type SkeletonRadius, type SkeletonShape, type SkeletonVariant, Slider, type SliderColor, type SliderConfig, type SliderLabelPlacement, type SliderMark, SliderMarks, type SliderOrientation, type SliderProps, type SliderRadius, type SliderSize, SliderStepDots, SliderThumb, type SliderTooltipMode, type SliderTooltipPlacement, type SliderValue, type SliderVariant, SlidersHorizontalIcon, Spinner, Tab, type TabColor, TabList, type TabListProps, type TabOrientation, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabPlacement, type TabProps, type TabRadius, type TabSize, type TabVariant, Table, type TableAlign, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableColumnHeader, type TableColumnHeaderProps, type TableFilterDef, type TableFilterOption, type TableFilterType, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, type TableSize, TableToolbar, type TableToolbarProps, type TableVariant, Tabs, type TabsProps, type TagRenderProps, TextArea, type TextAreaColor, type TextAreaConfig, type TextAreaLabelPlacement, type TextAreaProps, type TextAreaRadius, type TextAreaResize, type TextAreaSize, type TextAreaVariant, TimeColumn, type TimeColumnItem, type TimeColumnProps, type TimeObject, type TimePeriod, TimePicker, type TimePickerColor, type TimePickerConfig, type TimePickerProps, type TimePickerRadius, type TimePickerSize, type TimePickerVariant, type TimeRange, TimeRangePicker, type TimeRangePickerColor, type TimeRangePickerConfig, type TimeRangePickerProps, type TimeRangePickerRadius, type TimeRangePickerSize, type TimeRangePickerVariant, type TimeRangeValue, type TimeValue, TimeView, type TimeViewProps, ToastOptions, ToastPromiseOptions, Toaster, ToasterProps, Toggle, type ToggleColor, type ToggleConfig, type ToggleLabelPlacement, type ToggleProps, type ToggleRadius, type ToggleSize, type ToggleVariant, type ToolbarToolsConfig, Tooltip, type TooltipColor, type TooltipPlacement, type TooltipProps, type TooltipRadius, type TooltipSize, type TooltipVariant, TrashIcon, UploadAvatar, type UploadAvatarColor, type UploadAvatarConfig, UploadAvatarCropContent, UploadAvatarCropModal, type UploadAvatarCropOptions, type UploadAvatarLabelPlacement, type UploadAvatarProps, type UploadAvatarRadius, type UploadAvatarShape, type UploadAvatarSize, type UploadAvatarVariant, UploadFile, type UploadFileColor, type UploadFileConfig, type UploadFileDragStatus, UploadFileDropzone, type UploadFileDropzoneProps, UploadFileItemRow, type UploadFileItemRowProps, UploadFileList, type UploadFileListProps, type UploadFileListType, type UploadFileProps, type UploadFileRadius, type UploadFileShape, type UploadFileSize, type UploadFileVariant, type UploadFileViewMode, UploadIcon, UploadImage, type UploadImageColor, type UploadImageDragStatus, UploadImageDropzone, type UploadImageDropzoneProps, UploadImageList, type UploadImageListProps, type UploadImageObjectFit, type UploadImageProps, type UploadImageRadius, type UploadImageShape, type UploadImageSize, type UploadImageVariant, type UploadImageViewMode, type UseDataTableOptions, type UseFloatingTransitionOptions, VIDEO_EXTENSIONS, YearGrid, type YearGridProps, ZoomInIcon, ZoomOutIcon, checkIsDisabled, clamp, combineDateTime, createDateWithTime, createTableColumnHelper, defaultTableFeatures, downloadFile, formatBytes, formatDate, formatDateTime, formatNumberString, formatTime, fuzzyFilter, generateCalendarGrid, generateRangeCalendarGrid, getDefaultDateTimeFormat, getDefaultFormat, getFileCategory, getFileExtension, getFileName, getFileType, getISOWeekNumber, getPercentage, getSafeConfig, isDateAfter, isDateBefore, isSameDay, isSameMonth, isSameTime, isTimeAfter, isTimeBefore, isTimeInRange, isValidOtpChar, normalizePreviewFile, padZero, parseDate, parseDateTime, parseNumber, parseRawNumberString, parseTimeToDate, rankAndFilterItems, resolveLocale, sanitizeOtpString, splitTagsFromText, toDate, toDateTime, toTimeObject, toast, useAnimatedError, useCarousel, useCarouselContext, useCollapseContext, useCollapsePanelContext, useConfirmContext, useDataTable, useDebounce, useDebouncedCallback, useDropdownContext, useFileContext, useFloatingTransition, useModalContext, usePopoverContext, useTableStyles, useTabsContext };
|