@teamturing/react-kit 2.38.7 → 2.39.0
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/core/GradientText/index.d.ts +6 -6
- package/dist/core/IconButton/index.d.ts +1 -1
- package/dist/core/Pagination/index.d.ts +17 -17
- package/dist/core/SearchSelectInput/index.d.ts +2 -2
- package/dist/core/Spinner/index.d.ts +21 -21
- package/dist/core/_UnstyledTable/UnstyledTableBody.d.ts +6 -0
- package/dist/core/_UnstyledTable/UnstyledTableCell.d.ts +6 -0
- package/dist/core/_UnstyledTable/UnstyledTableHead.d.ts +6 -0
- package/dist/core/_UnstyledTable/UnstyledTableRow.d.ts +6 -0
- package/dist/core/_UnstyledTable/index.d.ts +15 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +31 -2
- package/esm/core/_UnstyledTable/UnstyledTableBody.js +8 -0
- package/esm/core/_UnstyledTable/UnstyledTableCell.js +8 -0
- package/esm/core/_UnstyledTable/UnstyledTableHead.js +8 -0
- package/esm/core/_UnstyledTable/UnstyledTableRow.js +8 -0
- package/esm/core/_UnstyledTable/index.js +20 -0
- package/esm/index.js +1 -0
- package/package.json +2 -2
|
@@ -48,12 +48,12 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
|
|
|
48
48
|
itemRef?: string | undefined;
|
|
49
49
|
results?: number | undefined;
|
|
50
50
|
security?: string | undefined;
|
|
51
|
-
unselectable?: "
|
|
52
|
-
inputMode?: "none" | "
|
|
51
|
+
unselectable?: "on" | "off" | undefined;
|
|
52
|
+
inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
|
|
53
53
|
is?: string | undefined;
|
|
54
54
|
"aria-activedescendant"?: string | undefined;
|
|
55
55
|
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
56
|
-
"aria-autocomplete"?: "none" | "
|
|
56
|
+
"aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
|
|
57
57
|
"aria-braillelabel"?: string | undefined;
|
|
58
58
|
"aria-brailleroledescription"?: string | undefined;
|
|
59
59
|
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
@@ -63,17 +63,17 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
|
|
|
63
63
|
"aria-colindextext"?: string | undefined;
|
|
64
64
|
"aria-colspan"?: number | undefined;
|
|
65
65
|
"aria-controls"?: string | undefined;
|
|
66
|
-
"aria-current"?: boolean | "page" | "
|
|
66
|
+
"aria-current"?: boolean | "page" | "false" | "true" | "step" | "time" | "date" | "location" | undefined;
|
|
67
67
|
"aria-describedby"?: string | undefined;
|
|
68
68
|
"aria-description"?: string | undefined;
|
|
69
69
|
"aria-details"?: string | undefined;
|
|
70
70
|
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
71
|
-
"aria-dropeffect"?: "none" | "
|
|
71
|
+
"aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
|
|
72
72
|
"aria-errormessage"?: string | undefined;
|
|
73
73
|
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
74
74
|
"aria-flowto"?: string | undefined;
|
|
75
75
|
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
76
|
-
"aria-haspopup"?: boolean | "grid" | "
|
|
76
|
+
"aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
|
|
77
77
|
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
78
78
|
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
79
79
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -48,6 +48,6 @@ declare const IconButton: import("react").ForwardRefExoticComponent<{
|
|
|
48
48
|
* 로딩 상태를 정의합니다.
|
|
49
49
|
*/
|
|
50
50
|
loading?: boolean | undefined;
|
|
51
|
-
} & Pick<UnstyledButtonProps, "
|
|
51
|
+
} & Pick<UnstyledButtonProps, "tabIndex" | "onClick" | "sx" | "type"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
52
52
|
export default IconButton;
|
|
53
53
|
export type { Props as IconButtonProps };
|
|
@@ -44,17 +44,6 @@ declare const _default: (<T extends {
|
|
|
44
44
|
translate?: "yes" | "no" | undefined;
|
|
45
45
|
hidden?: boolean | undefined;
|
|
46
46
|
property?: string | undefined;
|
|
47
|
-
type?: "button" | "reset" | "submit" | undefined;
|
|
48
|
-
disabled?: boolean | undefined;
|
|
49
|
-
form?: string | undefined;
|
|
50
|
-
formAction?: string | undefined;
|
|
51
|
-
formEncType?: string | undefined;
|
|
52
|
-
formMethod?: string | undefined;
|
|
53
|
-
formNoValidate?: boolean | undefined;
|
|
54
|
-
formTarget?: string | undefined;
|
|
55
|
-
name?: string | undefined;
|
|
56
|
-
value?: string | number | readonly string[] | undefined;
|
|
57
|
-
onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
|
|
58
47
|
defaultChecked?: boolean | undefined;
|
|
59
48
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
60
49
|
suppressContentEditableWarning?: boolean | undefined;
|
|
@@ -95,12 +84,12 @@ declare const _default: (<T extends {
|
|
|
95
84
|
itemRef?: string | undefined;
|
|
96
85
|
results?: number | undefined;
|
|
97
86
|
security?: string | undefined;
|
|
98
|
-
unselectable?: "
|
|
99
|
-
inputMode?: "none" | "
|
|
87
|
+
unselectable?: "on" | "off" | undefined;
|
|
88
|
+
inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
|
|
100
89
|
is?: string | undefined;
|
|
101
90
|
"aria-activedescendant"?: string | undefined;
|
|
102
91
|
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
103
|
-
"aria-autocomplete"?: "none" | "
|
|
92
|
+
"aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
|
|
104
93
|
"aria-braillelabel"?: string | undefined;
|
|
105
94
|
"aria-brailleroledescription"?: string | undefined;
|
|
106
95
|
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
@@ -110,17 +99,17 @@ declare const _default: (<T extends {
|
|
|
110
99
|
"aria-colindextext"?: string | undefined;
|
|
111
100
|
"aria-colspan"?: number | undefined;
|
|
112
101
|
"aria-controls"?: string | undefined;
|
|
113
|
-
"aria-current"?: boolean | "page" | "
|
|
102
|
+
"aria-current"?: boolean | "page" | "false" | "true" | "step" | "time" | "date" | "location" | undefined;
|
|
114
103
|
"aria-describedby"?: string | undefined;
|
|
115
104
|
"aria-description"?: string | undefined;
|
|
116
105
|
"aria-details"?: string | undefined;
|
|
117
106
|
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
118
|
-
"aria-dropeffect"?: "none" | "
|
|
107
|
+
"aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
|
|
119
108
|
"aria-errormessage"?: string | undefined;
|
|
120
109
|
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
121
110
|
"aria-flowto"?: string | undefined;
|
|
122
111
|
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
123
|
-
"aria-haspopup"?: boolean | "grid" | "
|
|
112
|
+
"aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
|
|
124
113
|
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
125
114
|
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
126
115
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -171,6 +160,7 @@ declare const _default: (<T extends {
|
|
|
171
160
|
onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
|
|
172
161
|
onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
|
|
173
162
|
onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
|
|
163
|
+
onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
|
|
174
164
|
onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
|
|
175
165
|
onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
|
|
176
166
|
onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -316,6 +306,16 @@ declare const _default: (<T extends {
|
|
|
316
306
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
317
307
|
sx?: BetterSystemStyleObject | undefined;
|
|
318
308
|
key?: import("react").Key | null | undefined;
|
|
309
|
+
type?: "button" | "reset" | "submit" | undefined;
|
|
310
|
+
disabled?: boolean | undefined;
|
|
311
|
+
form?: string | undefined;
|
|
312
|
+
formAction?: string | undefined;
|
|
313
|
+
formEncType?: string | undefined;
|
|
314
|
+
formMethod?: string | undefined;
|
|
315
|
+
formNoValidate?: boolean | undefined;
|
|
316
|
+
formTarget?: string | undefined;
|
|
317
|
+
name?: string | undefined;
|
|
318
|
+
value?: string | number | readonly string[] | undefined;
|
|
319
319
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
320
320
|
}>;
|
|
321
321
|
TruncationIndicator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SxProp>>;
|
|
@@ -50,11 +50,11 @@ declare const _default: <T>(props: {
|
|
|
50
50
|
closeOverlay: () => void;
|
|
51
51
|
}) => ReactNode;
|
|
52
52
|
overlayProps?: Pick<OverlayProps, "maxHeight" | "size"> | undefined;
|
|
53
|
-
searchInputProps?: Pick<TextInputProps, "
|
|
53
|
+
searchInputProps?: Pick<TextInputProps, "onChange" | "placeholder" | "trailingVisual" | "trailingAction"> | undefined;
|
|
54
54
|
value?: T | undefined;
|
|
55
55
|
renderValue?: ((value: T) => ReactNode) | undefined;
|
|
56
56
|
onChange?: ((item: T) => void) | undefined;
|
|
57
|
-
} & Pick<OverlayPopperProps, "onClose" | "focusZoneSettings" | "focusTrapSettings" | "onOpen"> & Pick<InputHTMLAttributes<HTMLInputElement>, "
|
|
57
|
+
} & Pick<OverlayPopperProps, "onClose" | "focusZoneSettings" | "focusTrapSettings" | "onOpen"> & Pick<InputHTMLAttributes<HTMLInputElement>, "id" | "onClick" | "disabled" | "placeholder"> & {
|
|
58
58
|
ref?: Ref<HTMLInputElement> | undefined;
|
|
59
59
|
}) => ReturnType<typeof SearchSelectInput>;
|
|
60
60
|
export default _default;
|
|
@@ -35,7 +35,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
35
35
|
offset?: string | number | undefined;
|
|
36
36
|
overflow?: string | number | undefined;
|
|
37
37
|
textDecoration?: string | number | undefined;
|
|
38
|
-
alignmentBaseline?: "inherit" | "auto" | "
|
|
38
|
+
alignmentBaseline?: "inherit" | "auto" | "baseline" | "middle" | "after-edge" | "alphabetic" | "before-edge" | "central" | "hanging" | "ideographic" | "mathematical" | "text-after-edge" | "text-before-edge" | undefined;
|
|
39
39
|
baselineShift?: string | number | undefined;
|
|
40
40
|
clip?: string | number | undefined;
|
|
41
41
|
clipRule?: string | number | undefined;
|
|
@@ -66,11 +66,6 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
66
66
|
textAnchor?: string | undefined;
|
|
67
67
|
vectorEffect?: string | number | undefined;
|
|
68
68
|
azimuth?: string | number | undefined;
|
|
69
|
-
type?: string | undefined;
|
|
70
|
-
max?: string | number | undefined;
|
|
71
|
-
min?: string | number | undefined;
|
|
72
|
-
name?: string | undefined;
|
|
73
|
-
onChange?: import("react").FormEventHandler<SVGSVGElement> | undefined;
|
|
74
69
|
suppressHydrationWarning?: boolean | undefined;
|
|
75
70
|
className?: string | undefined;
|
|
76
71
|
id?: string | undefined;
|
|
@@ -80,7 +75,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
80
75
|
role?: import("react").AriaRole | undefined;
|
|
81
76
|
"aria-activedescendant"?: string | undefined;
|
|
82
77
|
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
83
|
-
"aria-autocomplete"?: "none" | "
|
|
78
|
+
"aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
|
|
84
79
|
"aria-braillelabel"?: string | undefined;
|
|
85
80
|
"aria-brailleroledescription"?: string | undefined;
|
|
86
81
|
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
@@ -90,17 +85,17 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
90
85
|
"aria-colindextext"?: string | undefined;
|
|
91
86
|
"aria-colspan"?: number | undefined;
|
|
92
87
|
"aria-controls"?: string | undefined;
|
|
93
|
-
"aria-current"?: boolean | "page" | "
|
|
88
|
+
"aria-current"?: boolean | "page" | "false" | "true" | "step" | "time" | "date" | "location" | undefined;
|
|
94
89
|
"aria-describedby"?: string | undefined;
|
|
95
90
|
"aria-description"?: string | undefined;
|
|
96
91
|
"aria-details"?: string | undefined;
|
|
97
92
|
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
98
|
-
"aria-dropeffect"?: "none" | "
|
|
93
|
+
"aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
|
|
99
94
|
"aria-errormessage"?: string | undefined;
|
|
100
95
|
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
101
96
|
"aria-flowto"?: string | undefined;
|
|
102
97
|
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
103
|
-
"aria-haspopup"?: boolean | "grid" | "
|
|
98
|
+
"aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
|
|
104
99
|
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
105
100
|
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
106
101
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -151,6 +146,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
151
146
|
onFocusCapture?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
|
|
152
147
|
onBlur?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
|
|
153
148
|
onBlurCapture?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
|
|
149
|
+
onChange?: import("react").FormEventHandler<SVGSVGElement> | undefined;
|
|
154
150
|
onChangeCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
|
|
155
151
|
onBeforeInput?: import("react").FormEventHandler<SVGSVGElement> | undefined;
|
|
156
152
|
onBeforeInputCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
|
|
@@ -294,17 +290,29 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
294
290
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
|
|
295
291
|
onTransitionEnd?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
|
|
296
292
|
onTransitionEndCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
|
|
297
|
-
path?: string | undefined;
|
|
298
293
|
key?: import("react").Key | null | undefined;
|
|
294
|
+
end?: string | number | undefined;
|
|
295
|
+
accumulate?: "none" | "sum" | undefined;
|
|
296
|
+
local?: string | number | undefined;
|
|
297
|
+
unicode?: string | number | undefined;
|
|
298
|
+
x?: string | number | undefined;
|
|
299
|
+
y?: string | number | undefined;
|
|
300
|
+
alphabetic?: string | number | undefined;
|
|
301
|
+
hanging?: string | number | undefined;
|
|
302
|
+
ideographic?: string | number | undefined;
|
|
303
|
+
mathematical?: string | number | undefined;
|
|
304
|
+
type?: string | undefined;
|
|
305
|
+
max?: string | number | undefined;
|
|
306
|
+
min?: string | number | undefined;
|
|
307
|
+
name?: string | undefined;
|
|
308
|
+
path?: string | undefined;
|
|
299
309
|
media?: string | undefined;
|
|
300
310
|
method?: string | undefined;
|
|
301
311
|
target?: string | undefined;
|
|
302
312
|
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
|
303
313
|
accentHeight?: string | number | undefined;
|
|
304
|
-
accumulate?: "none" | "sum" | undefined;
|
|
305
314
|
additive?: "replace" | "sum" | undefined;
|
|
306
315
|
allowReorder?: "yes" | "no" | undefined;
|
|
307
|
-
alphabetic?: string | number | undefined;
|
|
308
316
|
amplitude?: string | number | undefined;
|
|
309
317
|
arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined;
|
|
310
318
|
ascent?: string | number | undefined;
|
|
@@ -337,7 +345,6 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
337
345
|
edgeMode?: string | number | undefined;
|
|
338
346
|
elevation?: string | number | undefined;
|
|
339
347
|
enableBackground?: string | number | undefined;
|
|
340
|
-
end?: string | number | undefined;
|
|
341
348
|
exponent?: string | number | undefined;
|
|
342
349
|
externalResourcesRequired?: (boolean | "false" | "true") | undefined;
|
|
343
350
|
filterRes?: string | number | undefined;
|
|
@@ -355,11 +362,9 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
355
362
|
glyphRef?: string | number | undefined;
|
|
356
363
|
gradientTransform?: string | undefined;
|
|
357
364
|
gradientUnits?: string | undefined;
|
|
358
|
-
hanging?: string | number | undefined;
|
|
359
365
|
horizAdvX?: string | number | undefined;
|
|
360
366
|
horizOriginX?: string | number | undefined;
|
|
361
367
|
href?: string | undefined;
|
|
362
|
-
ideographic?: string | number | undefined;
|
|
363
368
|
in2?: string | number | undefined;
|
|
364
369
|
in?: string | undefined;
|
|
365
370
|
intercept?: string | number | undefined;
|
|
@@ -376,13 +381,11 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
376
381
|
keyTimes?: string | number | undefined;
|
|
377
382
|
lengthAdjust?: string | number | undefined;
|
|
378
383
|
limitingConeAngle?: string | number | undefined;
|
|
379
|
-
local?: string | number | undefined;
|
|
380
384
|
markerHeight?: string | number | undefined;
|
|
381
385
|
markerUnits?: string | number | undefined;
|
|
382
386
|
markerWidth?: string | number | undefined;
|
|
383
387
|
maskContentUnits?: string | number | undefined;
|
|
384
388
|
maskUnits?: string | number | undefined;
|
|
385
|
-
mathematical?: string | number | undefined;
|
|
386
389
|
mode?: string | number | undefined;
|
|
387
390
|
numOctaves?: string | number | undefined;
|
|
388
391
|
operator?: string | number | undefined;
|
|
@@ -441,7 +444,6 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
441
444
|
u2?: string | number | undefined;
|
|
442
445
|
underlinePosition?: string | number | undefined;
|
|
443
446
|
underlineThickness?: string | number | undefined;
|
|
444
|
-
unicode?: string | number | undefined;
|
|
445
447
|
unicodeRange?: string | number | undefined;
|
|
446
448
|
unitsPerEm?: string | number | undefined;
|
|
447
449
|
vAlphabetic?: string | number | undefined;
|
|
@@ -458,7 +460,6 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
458
460
|
widths?: string | number | undefined;
|
|
459
461
|
x1?: string | number | undefined;
|
|
460
462
|
x2?: string | number | undefined;
|
|
461
|
-
x?: string | number | undefined;
|
|
462
463
|
xChannelSelector?: string | undefined;
|
|
463
464
|
xHeight?: string | number | undefined;
|
|
464
465
|
xlinkActuate?: string | undefined;
|
|
@@ -475,7 +476,6 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
475
476
|
xmlSpace?: string | undefined;
|
|
476
477
|
y1?: string | number | undefined;
|
|
477
478
|
y2?: string | number | undefined;
|
|
478
|
-
y?: string | number | undefined;
|
|
479
479
|
yChannelSelector?: string | undefined;
|
|
480
480
|
z?: string | number | undefined;
|
|
481
481
|
zoomAndPan?: string | undefined;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { SxProp } from '../../utils/styled-system';
|
|
3
|
+
type Props = {} & HTMLAttributes<HTMLTableSectionElement> & SxProp;
|
|
4
|
+
declare const UnstyledTableBody: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, Props>>;
|
|
5
|
+
export default UnstyledTableBody;
|
|
6
|
+
export type { Props as UnstyledTableBodyProps };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { TdHTMLAttributes } from 'react';
|
|
2
|
+
import { SxProp } from '../../utils/styled-system';
|
|
3
|
+
type Props = {} & TdHTMLAttributes<HTMLTableCellElement> & SxProp;
|
|
4
|
+
declare const UnstyledTableCell: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, Props>>;
|
|
5
|
+
export default UnstyledTableCell;
|
|
6
|
+
export type { Props as UnstyledTableCellProps };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { SxProp } from '../../utils/styled-system';
|
|
3
|
+
type Props = {} & HTMLAttributes<HTMLTableSectionElement> & SxProp;
|
|
4
|
+
declare const UnstyledTableHead: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, Props>>;
|
|
5
|
+
export default UnstyledTableHead;
|
|
6
|
+
export type { Props as UnstyledTableHeadProps };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { SxProp } from '../../utils/styled-system';
|
|
3
|
+
type Props = {} & HTMLAttributes<HTMLTableRowElement> & SxProp;
|
|
4
|
+
declare const UnstyledTableRow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, Props>>;
|
|
5
|
+
export default UnstyledTableRow;
|
|
6
|
+
export type { Props as UnstyledTableRowProps };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { TableHTMLAttributes } from 'react';
|
|
2
|
+
import { SxProp } from '../../utils/styled-system';
|
|
3
|
+
import { UnstyledTableBodyProps } from './UnstyledTableBody';
|
|
4
|
+
import { UnstyledTableCellProps } from './UnstyledTableCell';
|
|
5
|
+
import { UnstyledTableHeadProps } from './UnstyledTableHead';
|
|
6
|
+
import { UnstyledTableRowProps } from './UnstyledTableRow';
|
|
7
|
+
type Props = {} & TableHTMLAttributes<HTMLTableElement> & SxProp;
|
|
8
|
+
declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, Props>> & {
|
|
9
|
+
Head: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, UnstyledTableHeadProps>>;
|
|
10
|
+
Body: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, UnstyledTableBodyProps>>;
|
|
11
|
+
Row: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, UnstyledTableRowProps>>;
|
|
12
|
+
Cell: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, UnstyledTableCellProps>>;
|
|
13
|
+
};
|
|
14
|
+
export default _default;
|
|
15
|
+
export type { Props as UnstyledTableProps, UnstyledTableHeadProps, UnstyledTableBodyProps, UnstyledTableRowProps, UnstyledTableCellProps, };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* core components
|
|
3
3
|
*/
|
|
4
|
+
export { default as UnstyledTable } from './core/_UnstyledTable';
|
|
5
|
+
export type { UnstyledTableProps, UnstyledTableHeadProps, UnstyledTableBodyProps, UnstyledTableRowProps, UnstyledTableCellProps, } from './core/_UnstyledTable';
|
|
4
6
|
export { default as ActionList } from './core/ActionList';
|
|
5
7
|
export type { ActionListProps, ActionListItemProps, ActionListSectionDividerProps, ActionListSectionHeaderProps, } from './core/ActionList';
|
|
6
8
|
export { default as AnimatePresence } from './core/AnimatePresence';
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var React = require('react');
|
|
4
3
|
var styled = require('styled-components');
|
|
4
|
+
var React = require('react');
|
|
5
5
|
var ReactTextareaAutosize = require('react-textarea-autosize');
|
|
6
6
|
|
|
7
7
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -24,8 +24,8 @@ function _interopNamespace(e) {
|
|
|
24
24
|
return Object.freeze(n);
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
28
27
|
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
28
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
29
29
|
var ReactTextareaAutosize__default = /*#__PURE__*/_interopDefault(ReactTextareaAutosize);
|
|
30
30
|
|
|
31
31
|
function _extends$1() {
|
|
@@ -1063,6 +1063,34 @@ const lineClamp = system({
|
|
|
1063
1063
|
}
|
|
1064
1064
|
});
|
|
1065
1065
|
|
|
1066
|
+
const UnstyledTableBody = styled__default.default.tbody`
|
|
1067
|
+
${sx}
|
|
1068
|
+
`;
|
|
1069
|
+
|
|
1070
|
+
const UnstyledTableCell = styled__default.default.td`
|
|
1071
|
+
${sx}
|
|
1072
|
+
`;
|
|
1073
|
+
|
|
1074
|
+
const UnstyledTableHead = styled__default.default.thead`
|
|
1075
|
+
${sx}
|
|
1076
|
+
`;
|
|
1077
|
+
|
|
1078
|
+
const UnstyledTableRow = styled__default.default.tr`
|
|
1079
|
+
${sx}
|
|
1080
|
+
`;
|
|
1081
|
+
|
|
1082
|
+
const UnstyledTable = styled__default.default.table`
|
|
1083
|
+
border-collapse: collapse;
|
|
1084
|
+
|
|
1085
|
+
${sx}
|
|
1086
|
+
`;
|
|
1087
|
+
var index$e = Object.assign(UnstyledTable, {
|
|
1088
|
+
Head: UnstyledTableHead,
|
|
1089
|
+
Body: UnstyledTableBody,
|
|
1090
|
+
Row: UnstyledTableRow,
|
|
1091
|
+
Cell: UnstyledTableCell
|
|
1092
|
+
});
|
|
1093
|
+
|
|
1066
1094
|
function _extends() {
|
|
1067
1095
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
1068
1096
|
for (var i = 1; i < arguments.length; i++) {
|
|
@@ -39888,6 +39916,7 @@ exports.ThemeProvider = ThemeProvider;
|
|
|
39888
39916
|
exports.Toast = Toast;
|
|
39889
39917
|
exports.Tooltip = Tooltip$1;
|
|
39890
39918
|
exports.UnstyledButton = UnstyledButton;
|
|
39919
|
+
exports.UnstyledTable = index$e;
|
|
39891
39920
|
exports.View = View;
|
|
39892
39921
|
exports.lineClamp = lineClamp;
|
|
39893
39922
|
exports.sx = sx;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
import { sx } from '../../utils/styled-system/index.js';
|
|
3
|
+
import UnstyledTableBody from './UnstyledTableBody.js';
|
|
4
|
+
import UnstyledTableCell from './UnstyledTableCell.js';
|
|
5
|
+
import UnstyledTableHead from './UnstyledTableHead.js';
|
|
6
|
+
import UnstyledTableRow from './UnstyledTableRow.js';
|
|
7
|
+
|
|
8
|
+
const UnstyledTable = styled.table`
|
|
9
|
+
border-collapse: collapse;
|
|
10
|
+
|
|
11
|
+
${sx}
|
|
12
|
+
`;
|
|
13
|
+
var index = Object.assign(UnstyledTable, {
|
|
14
|
+
Head: UnstyledTableHead,
|
|
15
|
+
Body: UnstyledTableBody,
|
|
16
|
+
Row: UnstyledTableRow,
|
|
17
|
+
Cell: UnstyledTableCell
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
export { index as default };
|
package/esm/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { default as UnstyledTable } from './core/_UnstyledTable/index.js';
|
|
1
2
|
export { default as ActionList } from './core/ActionList/index.js';
|
|
2
3
|
export { default as Avatar } from './core/Avatar/index.js';
|
|
3
4
|
export { default as BadgeAttacher } from './core/BadgeAttacher/index.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/react-kit",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.39.0",
|
|
4
4
|
"description": "React components, hooks for create teamturing web application",
|
|
5
5
|
"author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
|
|
6
6
|
"homepage": "https://github.com/weareteamturing/bombe#readme",
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"react-textarea-autosize": "^8.5.3",
|
|
67
67
|
"styled-system": "^5.1.5"
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "2877e4b16462df0327f646c7c7f47e64ffdf97ac"
|
|
70
70
|
}
|