fone-design-system_v2 1.0.213 → 1.0.215
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.
|
@@ -4,30 +4,20 @@ type NumberValue = number | null;
|
|
|
4
4
|
type NumberFieldChangeEvent = React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>;
|
|
5
5
|
type NumberFieldFocusEvent = React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>;
|
|
6
6
|
export interface NumberFieldProps extends Omit<TextField2Props, "value" | "defaultValue" | "onChange" | "type" | "multiline" | "rows" | "minRows" | "maxRows" | "inputProps"> {
|
|
7
|
-
/** 숫자 기준 controlled value */
|
|
8
7
|
value?: NumberValue;
|
|
9
|
-
/** 숫자 기준 uncontrolled defaultValue */
|
|
10
8
|
defaultValue?: NumberValue;
|
|
11
|
-
/** 원본 input change event */
|
|
12
9
|
onChange?: (event: NumberFieldChangeEvent) => void;
|
|
13
|
-
/** 입력 중 숫자값이 바뀔 때 호출 */
|
|
14
10
|
onValueChange?: (value: NumberValue, event: NumberFieldChangeEvent | NumberFieldFocusEvent) => void;
|
|
15
|
-
/** blur 후 최종 확정된 숫자값 */
|
|
16
11
|
onValueCommit?: (value: NumberValue, event: NumberFieldFocusEvent) => void;
|
|
17
|
-
/** blur 시 최소/최대 범위 보정용 */
|
|
18
12
|
min?: number;
|
|
19
13
|
max?: number;
|
|
20
|
-
/** blur 시 step 단위 반올림용 */
|
|
21
14
|
step?: number;
|
|
22
|
-
/** 소수 허용 여부 */
|
|
23
15
|
allowDecimal?: boolean;
|
|
24
|
-
/** 음수 허용 여부 */
|
|
25
16
|
allowNegative?: boolean;
|
|
26
|
-
/** blur 시 min/max 범위로 값 보정 여부 */
|
|
27
17
|
clampOnBlur?: boolean;
|
|
28
|
-
/** blur 시 step 기준 반올림 여부 */
|
|
29
18
|
snapToStepOnBlur?: boolean;
|
|
30
|
-
|
|
19
|
+
controls?: boolean;
|
|
20
|
+
controlButtonStep?: number;
|
|
31
21
|
inputProps?: TextField2Props["inputProps"];
|
|
32
22
|
}
|
|
33
23
|
declare const NumberField: React.ForwardRefExoticComponent<Omit<NumberFieldProps, "ref"> & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Table as ReactTable } from '@tanstack/react-table';
|
|
2
|
+
interface Props<T extends object = any> {
|
|
3
|
+
table: ReactTable<T>;
|
|
4
|
+
footerRowHeight?: number;
|
|
5
|
+
}
|
|
6
|
+
declare const Footer: <T extends object>({ table, footerRowHeight, }: Props<T>) => import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
+
export default Footer;
|
|
@@ -4,6 +4,7 @@ import { Row as tableRow } from '@tanstack/react-table';
|
|
|
4
4
|
interface Props<T extends object = any> {
|
|
5
5
|
row: tableRow<T>;
|
|
6
6
|
onCellClick?: (row: T, rowIndex: number, col: any, colIndex: number) => void;
|
|
7
|
+
onHoverChange?: (rowIndex: number | null) => void;
|
|
7
8
|
selectedCellInfo: {
|
|
8
9
|
rowIndex: number;
|
|
9
10
|
colIndex: number;
|
|
@@ -16,6 +17,7 @@ interface Props<T extends object = any> {
|
|
|
16
17
|
onRowDoubleClick?: (row: T, rowIndex: number) => void;
|
|
17
18
|
isScrollHighlighted?: boolean;
|
|
18
19
|
isRowClicked?: boolean;
|
|
20
|
+
isRowHovered?: boolean;
|
|
19
21
|
rowSelection: Record<string, boolean>;
|
|
20
22
|
isRowActive: boolean;
|
|
21
23
|
radio?: boolean;
|