@tipp/ui 0.1.17 → 0.1.18

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.
Files changed (135) hide show
  1. package/dist/atoms/alert-dialog.d.cts +1 -0
  2. package/dist/atoms/alert-dialog.d.ts +1 -0
  3. package/dist/atoms/aspect-ratio.d.cts +1 -0
  4. package/dist/atoms/aspect-ratio.d.ts +1 -0
  5. package/dist/atoms/avatar.d.cts +11 -0
  6. package/dist/atoms/avatar.d.ts +11 -0
  7. package/dist/atoms/badge.d.cts +13 -0
  8. package/dist/atoms/badge.d.ts +13 -0
  9. package/dist/atoms/blockquote.d.cts +1 -0
  10. package/dist/atoms/blockquote.d.ts +1 -0
  11. package/dist/atoms/box.d.cts +1 -0
  12. package/dist/atoms/box.d.ts +1 -0
  13. package/dist/atoms/button.d.cts +11 -0
  14. package/dist/atoms/button.d.ts +11 -0
  15. package/dist/atoms/call-out.d.cts +1 -0
  16. package/dist/atoms/call-out.d.ts +1 -0
  17. package/dist/atoms/card.d.cts +1 -0
  18. package/dist/atoms/card.d.ts +1 -0
  19. package/dist/atoms/check-box-card.d.cts +1 -0
  20. package/dist/atoms/check-box-card.d.ts +1 -0
  21. package/dist/atoms/check-box-group.d.cts +11 -0
  22. package/dist/atoms/check-box-group.d.ts +11 -0
  23. package/dist/atoms/check-box.d.cts +11 -0
  24. package/dist/atoms/check-box.d.ts +11 -0
  25. package/dist/atoms/code.d.cts +1 -0
  26. package/dist/atoms/code.d.ts +1 -0
  27. package/dist/atoms/collapse.d.cts +10 -0
  28. package/dist/atoms/collapse.d.ts +10 -0
  29. package/dist/atoms/container.d.cts +1 -0
  30. package/dist/atoms/container.d.ts +1 -0
  31. package/dist/atoms/data-list.d.cts +1 -0
  32. package/dist/atoms/data-list.d.ts +1 -0
  33. package/dist/atoms/date-picker/index.d.cts +7 -0
  34. package/dist/atoms/date-picker/index.d.ts +7 -0
  35. package/dist/atoms/dialog.d.cts +1 -0
  36. package/dist/atoms/dialog.d.ts +1 -0
  37. package/dist/atoms/dropdown-menu.d.cts +1 -0
  38. package/dist/atoms/dropdown-menu.d.ts +1 -0
  39. package/dist/atoms/em.d.cts +1 -0
  40. package/dist/atoms/em.d.ts +1 -0
  41. package/dist/atoms/flex.d.cts +1 -0
  42. package/dist/atoms/flex.d.ts +1 -0
  43. package/dist/atoms/grid.d.cts +1 -0
  44. package/dist/atoms/grid.d.ts +1 -0
  45. package/dist/atoms/heading.d.cts +9 -0
  46. package/dist/atoms/heading.d.ts +9 -0
  47. package/dist/atoms/hover-card.d.cts +1 -0
  48. package/dist/atoms/hover-card.d.ts +1 -0
  49. package/dist/atoms/icon-button.d.cts +1 -0
  50. package/dist/atoms/icon-button.d.ts +1 -0
  51. package/dist/atoms/index.d.cts +14 -0
  52. package/dist/atoms/index.d.ts +14 -0
  53. package/dist/atoms/index.js +14 -14
  54. package/dist/atoms/inset.d.cts +1 -0
  55. package/dist/atoms/inset.d.ts +1 -0
  56. package/dist/atoms/kbd.d.cts +1 -0
  57. package/dist/atoms/kbd.d.ts +1 -0
  58. package/dist/atoms/link.d.cts +9 -0
  59. package/dist/atoms/link.d.ts +9 -0
  60. package/dist/atoms/pagination.d.cts +15 -0
  61. package/dist/atoms/pagination.d.ts +15 -0
  62. package/dist/atoms/popover.d.cts +1 -0
  63. package/dist/atoms/popover.d.ts +1 -0
  64. package/dist/atoms/progress.d.cts +1 -0
  65. package/dist/atoms/progress.d.ts +1 -0
  66. package/dist/atoms/quote.d.cts +1 -0
  67. package/dist/atoms/quote.d.ts +1 -0
  68. package/dist/atoms/radio-cards.d.cts +1 -0
  69. package/dist/atoms/radio-cards.d.ts +1 -0
  70. package/dist/atoms/radio-group.d.cts +1 -0
  71. package/dist/atoms/radio-group.d.ts +1 -0
  72. package/dist/atoms/radio.d.cts +1 -0
  73. package/dist/atoms/radio.d.ts +1 -0
  74. package/dist/atoms/scroll-area.d.cts +1 -0
  75. package/dist/atoms/scroll-area.d.ts +1 -0
  76. package/dist/atoms/section.d.cts +1 -0
  77. package/dist/atoms/section.d.ts +1 -0
  78. package/dist/atoms/segmented-control.d.cts +1 -0
  79. package/dist/atoms/segmented-control.d.ts +1 -0
  80. package/dist/atoms/select.d.cts +1 -0
  81. package/dist/atoms/select.d.ts +1 -0
  82. package/dist/atoms/separator.d.cts +1 -0
  83. package/dist/atoms/separator.d.ts +1 -0
  84. package/dist/atoms/skeleton.d.cts +1 -0
  85. package/dist/atoms/skeleton.d.ts +1 -0
  86. package/dist/atoms/spinner.d.cts +1 -0
  87. package/dist/atoms/spinner.d.ts +1 -0
  88. package/dist/atoms/strong.d.cts +1 -0
  89. package/dist/atoms/strong.d.ts +1 -0
  90. package/dist/atoms/switch.d.cts +1 -0
  91. package/dist/atoms/switch.d.ts +1 -0
  92. package/dist/atoms/tab-nav.d.cts +1 -0
  93. package/dist/atoms/tab-nav.d.ts +1 -0
  94. package/dist/atoms/tabs.d.cts +1 -0
  95. package/dist/atoms/tabs.d.ts +1 -0
  96. package/dist/atoms/text-area.d.cts +1 -0
  97. package/dist/atoms/text-area.d.ts +1 -0
  98. package/dist/atoms/text-field.d.cts +1 -0
  99. package/dist/atoms/text-field.d.ts +1 -0
  100. package/dist/atoms/tooltip.d.cts +1 -0
  101. package/dist/atoms/tooltip.d.ts +1 -0
  102. package/dist/atoms/typo.d.cts +9 -0
  103. package/dist/atoms/typo.d.ts +9 -0
  104. package/dist/chart/chart.d.cts +7 -0
  105. package/dist/chart/chart.d.ts +7 -0
  106. package/dist/icon.d.cts +3 -0
  107. package/dist/icon.d.ts +3 -0
  108. package/dist/icons/down.d.cts +6 -0
  109. package/dist/icons/down.d.ts +6 -0
  110. package/dist/icons/types.d.cts +6 -0
  111. package/dist/icons/types.d.ts +6 -0
  112. package/dist/icons/up.d.cts +6 -0
  113. package/dist/icons/up.d.ts +6 -0
  114. package/dist/index.css +1 -0
  115. package/dist/index.d.cts +21 -0
  116. package/dist/index.d.ts +21 -0
  117. package/dist/index.js +15 -15
  118. package/dist/molecules/expand-table/index.d.cts +21 -0
  119. package/dist/molecules/expand-table/index.d.ts +21 -0
  120. package/dist/molecules/expand-table/index.js +6 -6
  121. package/dist/molecules/expand-table/row.d.cts +16 -0
  122. package/dist/molecules/expand-table/row.d.ts +16 -0
  123. package/dist/molecules/expand-table/row.js +6 -6
  124. package/dist/molecules/index.d.cts +4 -0
  125. package/dist/molecules/index.d.ts +4 -0
  126. package/dist/molecules/index.js +6 -6
  127. package/dist/theme/theme-provider.d.cts +10 -0
  128. package/dist/theme/theme-provider.d.ts +10 -0
  129. package/dist/theme/use-theme.d.cts +1 -0
  130. package/dist/theme/use-theme.d.ts +1 -0
  131. package/dist/types/react-table.d.d.cts +17 -0
  132. package/dist/types/react-table.d.d.ts +17 -0
  133. package/dist/ui-props/index.d.cts +2 -0
  134. package/dist/ui-props/index.d.ts +2 -0
  135. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ export { TextField } from '@radix-ui/themes';
@@ -0,0 +1 @@
1
+ export { TextField } from '@radix-ui/themes';
@@ -0,0 +1 @@
1
+ export { Tooltip, TooltipProps } from '@radix-ui/themes';
@@ -0,0 +1 @@
1
+ export { Tooltip, TooltipProps } from '@radix-ui/themes';
@@ -0,0 +1,9 @@
1
+ import { TextProps } from '@radix-ui/themes';
2
+ import React__default from 'react';
3
+
4
+ type TypoProps = TextProps & {
5
+ variant?: 'body' | 'caption' | 'subtitle';
6
+ };
7
+ declare const Typo: React__default.ForwardRefExoticComponent<TypoProps & React__default.RefAttributes<HTMLSpanElement>>;
8
+
9
+ export { Typo, type TypoProps };
@@ -0,0 +1,9 @@
1
+ import { TextProps } from '@radix-ui/themes';
2
+ import React__default from 'react';
3
+
4
+ type TypoProps = TextProps & {
5
+ variant?: 'body' | 'caption' | 'subtitle';
6
+ };
7
+ declare const Typo: React__default.ForwardRefExoticComponent<TypoProps & React__default.RefAttributes<HTMLSpanElement>>;
8
+
9
+ export { Typo, type TypoProps };
@@ -0,0 +1,7 @@
1
+ import React__default from 'react';
2
+ import ReactECharts from 'echarts-for-react';
3
+
4
+ type ChartProps = React__default.ComponentProps<typeof ReactECharts>;
5
+ declare function Chart(props: ChartProps): JSX.Element;
6
+
7
+ export { Chart, type ChartProps };
@@ -0,0 +1,7 @@
1
+ import React__default from 'react';
2
+ import ReactECharts from 'echarts-for-react';
3
+
4
+ type ChartProps = React__default.ComponentProps<typeof ReactECharts>;
5
+ declare function Chart(props: ChartProps): JSX.Element;
6
+
7
+ export { Chart, type ChartProps };
@@ -0,0 +1,3 @@
1
+ export { BookmarkFilledIcon, BookmarkIcon, ChatBubbleIcon, ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon, ExclamationTriangleIcon, ExitIcon, InfoCircledIcon, MagnifyingGlassIcon, MixerHorizontalIcon, PlusIcon } from '@radix-ui/react-icons';
2
+ import '@radix-ui/themes';
3
+ import '@radix-ui/themes/dist/cjs/props/index.js';
package/dist/icon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export { BookmarkFilledIcon, BookmarkIcon, ChatBubbleIcon, ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon, ExclamationTriangleIcon, ExitIcon, InfoCircledIcon, MagnifyingGlassIcon, MixerHorizontalIcon, PlusIcon } from '@radix-ui/react-icons';
2
+ import '@radix-ui/themes';
3
+ import '@radix-ui/themes/dist/cjs/props/index.js';
@@ -0,0 +1,6 @@
1
+ import * as React from 'react';
2
+ import { IconProps } from './types.cjs';
3
+
4
+ declare const TriangleArrowDownIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
5
+
6
+ export { TriangleArrowDownIcon };
@@ -0,0 +1,6 @@
1
+ import * as React from 'react';
2
+ import { IconProps } from './types.js';
3
+
4
+ declare const TriangleArrowDownIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
5
+
6
+ export { TriangleArrowDownIcon };
@@ -0,0 +1,6 @@
1
+ interface IconProps extends React.SVGAttributes<SVGElement> {
2
+ children?: never;
3
+ color?: string;
4
+ }
5
+
6
+ export type { IconProps };
@@ -0,0 +1,6 @@
1
+ interface IconProps extends React.SVGAttributes<SVGElement> {
2
+ children?: never;
3
+ color?: string;
4
+ }
5
+
6
+ export type { IconProps };
@@ -0,0 +1,6 @@
1
+ import * as React from 'react';
2
+ import { IconProps } from './types.cjs';
3
+
4
+ declare const TriangleArrowUpIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
5
+
6
+ export { TriangleArrowUpIcon };
@@ -0,0 +1,6 @@
1
+ import * as React from 'react';
2
+ import { IconProps } from './types.js';
3
+
4
+ declare const TriangleArrowUpIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
5
+
6
+ export { TriangleArrowUpIcon };
package/dist/index.css CHANGED
@@ -27810,6 +27810,7 @@ h2.react-datepicker__current-month{
27810
27810
  flex-direction: row;
27811
27811
  background-color: var(--default-white);
27812
27812
  border: none;
27813
+ align-items: center;
27813
27814
  }
27814
27815
  .expand-table .tbody .tr-wrapper .tr .td{
27815
27816
  font-size: var(--font-size-2);
@@ -0,0 +1,21 @@
1
+ export { AlertDialog, AspectRatio, Blockquote, BlockquoteProps, Box, BoxProps, Callout, Card, CardProps, CheckboxCards, Code, CodeProps, Container, ContainerProps, DataList, Dialog, DropdownMenu, Em, EmProps, Flex, FlexProps, Grid, GridProps, HoverCard, IconButton, IconButtonProps, Inset, InsetProps, Kbd, KbdProps, Popover, Progress, ProgressProps, Quote, QuoteProps, Radio, RadioCards, RadioGroup, RadioProps, Heading as RadixHeading, ScrollArea, ScrollAreaProps, Section, SectionProps, SegmentedControl, Select, Separator, SeparatorProps, Skeleton, SkeletonProps, Spinner, SpinnerProps, Strong, StrongProps, Switch, SwitchProps, TabNav, Tabs, TextArea, TextAreaProps, TextField, Tooltip, TooltipProps, useThemeContext } from '@radix-ui/themes';
2
+ export { Avatar, AvatarProps } from './atoms/avatar.cjs';
3
+ export { Badge, BadgeProps } from './atoms/badge.cjs';
4
+ export { Button, ButtonProps } from './atoms/button.cjs';
5
+ export { Checkbox, CheckboxProps } from './atoms/check-box.cjs';
6
+ export { CheckboxGroup } from './atoms/check-box-group.cjs';
7
+ export { DatePicker, DatePickerProps } from './atoms/date-picker/index.cjs';
8
+ export { Heading, HeadingProps } from './atoms/heading.cjs';
9
+ export { Link, LinkProps } from './atoms/link.cjs';
10
+ export { Typo, TypoProps } from './atoms/typo.cjs';
11
+ export { Collapse, CollapseProps } from './atoms/collapse.cjs';
12
+ export { Pagination, PaginationProps } from './atoms/pagination.cjs';
13
+ export { ExpandTable, ExpandTableProps } from './molecules/expand-table/index.cjs';
14
+ export { ThemeProvider } from './theme/theme-provider.cjs';
15
+ import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
16
+ export { index_js as uiProps };
17
+ export { BookmarkFilledIcon, BookmarkIcon, ChatBubbleIcon, ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon, ExclamationTriangleIcon, ExitIcon, InfoCircledIcon, MagnifyingGlassIcon, MixerHorizontalIcon, PlusIcon } from '@radix-ui/react-icons';
18
+ export { ExpandComp, OnRowClick } from './molecules/expand-table/row.cjs';
19
+ export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
20
+ import 'react';
21
+ import 'react-datepicker';
@@ -0,0 +1,21 @@
1
+ export { AlertDialog, AspectRatio, Blockquote, BlockquoteProps, Box, BoxProps, Callout, Card, CardProps, CheckboxCards, Code, CodeProps, Container, ContainerProps, DataList, Dialog, DropdownMenu, Em, EmProps, Flex, FlexProps, Grid, GridProps, HoverCard, IconButton, IconButtonProps, Inset, InsetProps, Kbd, KbdProps, Popover, Progress, ProgressProps, Quote, QuoteProps, Radio, RadioCards, RadioGroup, RadioProps, Heading as RadixHeading, ScrollArea, ScrollAreaProps, Section, SectionProps, SegmentedControl, Select, Separator, SeparatorProps, Skeleton, SkeletonProps, Spinner, SpinnerProps, Strong, StrongProps, Switch, SwitchProps, TabNav, Tabs, TextArea, TextAreaProps, TextField, Tooltip, TooltipProps, useThemeContext } from '@radix-ui/themes';
2
+ export { Avatar, AvatarProps } from './atoms/avatar.js';
3
+ export { Badge, BadgeProps } from './atoms/badge.js';
4
+ export { Button, ButtonProps } from './atoms/button.js';
5
+ export { Checkbox, CheckboxProps } from './atoms/check-box.js';
6
+ export { CheckboxGroup } from './atoms/check-box-group.js';
7
+ export { DatePicker, DatePickerProps } from './atoms/date-picker/index.js';
8
+ export { Heading, HeadingProps } from './atoms/heading.js';
9
+ export { Link, LinkProps } from './atoms/link.js';
10
+ export { Typo, TypoProps } from './atoms/typo.js';
11
+ export { Collapse, CollapseProps } from './atoms/collapse.js';
12
+ export { Pagination, PaginationProps } from './atoms/pagination.js';
13
+ export { ExpandTable, ExpandTableProps } from './molecules/expand-table/index.js';
14
+ export { ThemeProvider } from './theme/theme-provider.js';
15
+ import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
16
+ export { index_js as uiProps };
17
+ export { BookmarkFilledIcon, BookmarkIcon, ChatBubbleIcon, ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon, ExclamationTriangleIcon, ExitIcon, InfoCircledIcon, MagnifyingGlassIcon, MixerHorizontalIcon, PlusIcon } from '@radix-ui/react-icons';
18
+ export { ExpandComp, OnRowClick } from './molecules/expand-table/row.js';
19
+ export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
20
+ import 'react';
21
+ import 'react-datepicker';
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
- import "./chunk-WWCWPFEJ.js";
2
1
  import {
3
2
  ThemeProvider
4
3
  } from "./chunk-PL3Q4UVY.js";
5
4
  import {
6
5
  useThemeContext
7
6
  } from "./chunk-MMGP4GEQ.js";
7
+ import "./chunk-WWCWPFEJ.js";
8
8
  import {
9
9
  uiProps
10
10
  } from "./chunk-NVKNDAIN.js";
@@ -19,9 +19,6 @@ import "./chunk-SQ5HD7LD.js";
19
19
  import {
20
20
  DatePicker
21
21
  } from "./chunk-IIBITN2G.js";
22
- import {
23
- Tabs
24
- } from "./chunk-5ZITU5L7.js";
25
22
  import {
26
23
  TextArea
27
24
  } from "./chunk-ILRUXI2E.js";
@@ -31,9 +28,6 @@ import {
31
28
  import {
32
29
  Tooltip
33
30
  } from "./chunk-ACVANQJ4.js";
34
- import {
35
- SegmentedControl
36
- } from "./chunk-TVDKGMBI.js";
37
31
  import {
38
32
  Select
39
33
  } from "./chunk-355MU6BH.js";
@@ -56,8 +50,8 @@ import {
56
50
  TabNav
57
51
  } from "./chunk-YJ7ZFOYL.js";
58
52
  import {
59
- Popover
60
- } from "./chunk-5AVBYDPB.js";
53
+ Tabs
54
+ } from "./chunk-5ZITU5L7.js";
61
55
  import {
62
56
  Progress
63
57
  } from "./chunk-365QMK4D.js";
@@ -80,8 +74,8 @@ import {
80
74
  Section
81
75
  } from "./chunk-MUNMDHRF.js";
82
76
  import {
83
- Heading
84
- } from "./chunk-HLOY6BIP.js";
77
+ SegmentedControl
78
+ } from "./chunk-TVDKGMBI.js";
85
79
  import {
86
80
  HoverCard
87
81
  } from "./chunk-O3T3TM3V.js";
@@ -104,8 +98,8 @@ import {
104
98
  IconButton
105
99
  } from "./chunk-O3DNDMV3.js";
106
100
  import {
107
- Collapse
108
- } from "./chunk-OCJNQGHN.js";
101
+ Popover
102
+ } from "./chunk-5AVBYDPB.js";
109
103
  import {
110
104
  Container
111
105
  } from "./chunk-Q37G2GS6.js";
@@ -128,8 +122,8 @@ import {
128
122
  Grid
129
123
  } from "./chunk-EGEQY3KT.js";
130
124
  import {
131
- Box
132
- } from "./chunk-4Y5BEXVN.js";
125
+ Heading
126
+ } from "./chunk-HLOY6BIP.js";
133
127
  import {
134
128
  Button
135
129
  } from "./chunk-RET725VL.js";
@@ -151,6 +145,9 @@ import {
151
145
  import {
152
146
  Code
153
147
  } from "./chunk-OHMOP5PV.js";
148
+ import {
149
+ Collapse
150
+ } from "./chunk-OCJNQGHN.js";
154
151
  import {
155
152
  BookmarkFilledIcon,
156
153
  BookmarkIcon,
@@ -180,6 +177,9 @@ import {
180
177
  import {
181
178
  Blockquote
182
179
  } from "./chunk-YGL6SWKN.js";
180
+ import {
181
+ Box
182
+ } from "./chunk-4Y5BEXVN.js";
183
183
  import "./chunk-N552FDTV.js";
184
184
  export {
185
185
  AlertDialog,
@@ -0,0 +1,21 @@
1
+ import { RowData, ColumnDef } from '@tanstack/react-table';
2
+ export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
3
+ import React__default, { CSSProperties } from 'react';
4
+ import { ExpandComp, OnRowClick } from './row.cjs';
5
+
6
+ interface ExpandTableProps<Datum extends RowData> {
7
+ /** 렌더할 데이터 배열 */
8
+ data?: Datum[];
9
+ /** 테이블 컬럼의 메타 데이터 */
10
+ columns: ColumnDef<Datum>[];
11
+ /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */
12
+ ExpandComp?: ExpandComp<Datum>;
13
+ /** 데이테가 없을 시 화면에 표시할 컴포넌트 */
14
+ placeholder?: React__default.ReactNode;
15
+ /** 행 클릭 시 실행할 콜백 */
16
+ onRowClick?: OnRowClick<Datum>;
17
+ rowStyle?: CSSProperties;
18
+ }
19
+ declare function ExpandTable<Datum extends RowData>(props: ExpandTableProps<Datum>): React__default.ReactNode;
20
+
21
+ export { ExpandComp, ExpandTable, type ExpandTableProps, OnRowClick };
@@ -0,0 +1,21 @@
1
+ import { RowData, ColumnDef } from '@tanstack/react-table';
2
+ export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
3
+ import React__default, { CSSProperties } from 'react';
4
+ import { ExpandComp, OnRowClick } from './row.js';
5
+
6
+ interface ExpandTableProps<Datum extends RowData> {
7
+ /** 렌더할 데이터 배열 */
8
+ data?: Datum[];
9
+ /** 테이블 컬럼의 메타 데이터 */
10
+ columns: ColumnDef<Datum>[];
11
+ /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */
12
+ ExpandComp?: ExpandComp<Datum>;
13
+ /** 데이테가 없을 시 화면에 표시할 컴포넌트 */
14
+ placeholder?: React__default.ReactNode;
15
+ /** 행 클릭 시 실행할 콜백 */
16
+ onRowClick?: OnRowClick<Datum>;
17
+ rowStyle?: CSSProperties;
18
+ }
19
+ declare function ExpandTable<Datum extends RowData>(props: ExpandTableProps<Datum>): React__default.ReactNode;
20
+
21
+ export { ExpandComp, ExpandTable, type ExpandTableProps, OnRowClick };
@@ -7,11 +7,9 @@ import "../../chunk-BSTJBBEX.js";
7
7
  import "../../chunk-NDUKDKGB.js";
8
8
  import "../../chunk-SQ5HD7LD.js";
9
9
  import "../../chunk-IIBITN2G.js";
10
- import "../../chunk-5ZITU5L7.js";
11
10
  import "../../chunk-ILRUXI2E.js";
12
11
  import "../../chunk-JPIZP2PZ.js";
13
12
  import "../../chunk-ACVANQJ4.js";
14
- import "../../chunk-TVDKGMBI.js";
15
13
  import "../../chunk-355MU6BH.js";
16
14
  import "../../chunk-HYITAA4J.js";
17
15
  import "../../chunk-5H3YPCZK.js";
@@ -19,7 +17,7 @@ import "../../chunk-FR2GDOU2.js";
19
17
  import "../../chunk-74DX4CU7.js";
20
18
  import "../../chunk-OYM4XCHQ.js";
21
19
  import "../../chunk-YJ7ZFOYL.js";
22
- import "../../chunk-5AVBYDPB.js";
20
+ import "../../chunk-5ZITU5L7.js";
23
21
  import "../../chunk-365QMK4D.js";
24
22
  import "../../chunk-YO3BQW6S.js";
25
23
  import "../../chunk-6IVCARWS.js";
@@ -27,7 +25,7 @@ import "../../chunk-6DJOIRMF.js";
27
25
  import "../../chunk-FPD73OHW.js";
28
26
  import "../../chunk-ZKZDVS7G.js";
29
27
  import "../../chunk-MUNMDHRF.js";
30
- import "../../chunk-HLOY6BIP.js";
28
+ import "../../chunk-TVDKGMBI.js";
31
29
  import "../../chunk-O3T3TM3V.js";
32
30
  import "../../chunk-XQOL7UBI.js";
33
31
  import "../../chunk-TULWX7D6.js";
@@ -35,7 +33,7 @@ import "../../chunk-XQOZWYUA.js";
35
33
  import "../../chunk-P66OQ4ZQ.js";
36
34
  import "../../chunk-I3ZZQ6QJ.js";
37
35
  import "../../chunk-O3DNDMV3.js";
38
- import "../../chunk-OCJNQGHN.js";
36
+ import "../../chunk-5AVBYDPB.js";
39
37
  import "../../chunk-Q37G2GS6.js";
40
38
  import "../../chunk-VTJZMOSP.js";
41
39
  import "../../chunk-P6B2PNYI.js";
@@ -43,7 +41,7 @@ import "../../chunk-YTZSKMX3.js";
43
41
  import "../../chunk-2DZ2Y3JI.js";
44
42
  import "../../chunk-25HMMI7R.js";
45
43
  import "../../chunk-EGEQY3KT.js";
46
- import "../../chunk-4Y5BEXVN.js";
44
+ import "../../chunk-HLOY6BIP.js";
47
45
  import "../../chunk-RET725VL.js";
48
46
  import "../../chunk-B6XJN6EC.js";
49
47
  import "../../chunk-FYEASFUU.js";
@@ -51,12 +49,14 @@ import "../../chunk-MIMJ7LON.js";
51
49
  import "../../chunk-IQEEPHOY.js";
52
50
  import "../../chunk-JEHDCZQU.js";
53
51
  import "../../chunk-OHMOP5PV.js";
52
+ import "../../chunk-OCJNQGHN.js";
54
53
  import "../../chunk-MMAV5BRZ.js";
55
54
  import "../../chunk-J242TTFH.js";
56
55
  import "../../chunk-EAXUQEO5.js";
57
56
  import "../../chunk-CZEGRZBK.js";
58
57
  import "../../chunk-ALOPZ54P.js";
59
58
  import "../../chunk-YGL6SWKN.js";
59
+ import "../../chunk-4Y5BEXVN.js";
60
60
  import "../../chunk-N552FDTV.js";
61
61
  export {
62
62
  ExpandTable,
@@ -0,0 +1,16 @@
1
+ import { Row as Row$1, RowData } from '@tanstack/react-table';
2
+ import React__default from 'react';
3
+
4
+ type ExpandComp<Datum> = React__default.FC<{
5
+ row: Row$1<Datum>;
6
+ }>;
7
+ type OnRowClick<Datum> = (data: Datum) => void;
8
+ interface RowProps<Datum extends RowData> {
9
+ row: Row$1<Datum>;
10
+ ExpandComp?: ExpandComp<Datum>;
11
+ onRowClick?: OnRowClick<Datum>;
12
+ gridColTemp: string;
13
+ }
14
+ declare function Row<Datum extends RowData>(props: RowProps<Datum>): React__default.ReactNode;
15
+
16
+ export { type ExpandComp, type OnRowClick, Row };
@@ -0,0 +1,16 @@
1
+ import { Row as Row$1, RowData } from '@tanstack/react-table';
2
+ import React__default from 'react';
3
+
4
+ type ExpandComp<Datum> = React__default.FC<{
5
+ row: Row$1<Datum>;
6
+ }>;
7
+ type OnRowClick<Datum> = (data: Datum) => void;
8
+ interface RowProps<Datum extends RowData> {
9
+ row: Row$1<Datum>;
10
+ ExpandComp?: ExpandComp<Datum>;
11
+ onRowClick?: OnRowClick<Datum>;
12
+ gridColTemp: string;
13
+ }
14
+ declare function Row<Datum extends RowData>(props: RowProps<Datum>): React__default.ReactNode;
15
+
16
+ export { type ExpandComp, type OnRowClick, Row };
@@ -3,11 +3,9 @@ import {
3
3
  } from "../../chunk-PBPRWY2V.js";
4
4
  import "../../chunk-SQ5HD7LD.js";
5
5
  import "../../chunk-IIBITN2G.js";
6
- import "../../chunk-5ZITU5L7.js";
7
6
  import "../../chunk-ILRUXI2E.js";
8
7
  import "../../chunk-JPIZP2PZ.js";
9
8
  import "../../chunk-ACVANQJ4.js";
10
- import "../../chunk-TVDKGMBI.js";
11
9
  import "../../chunk-355MU6BH.js";
12
10
  import "../../chunk-HYITAA4J.js";
13
11
  import "../../chunk-5H3YPCZK.js";
@@ -15,7 +13,7 @@ import "../../chunk-FR2GDOU2.js";
15
13
  import "../../chunk-74DX4CU7.js";
16
14
  import "../../chunk-OYM4XCHQ.js";
17
15
  import "../../chunk-YJ7ZFOYL.js";
18
- import "../../chunk-5AVBYDPB.js";
16
+ import "../../chunk-5ZITU5L7.js";
19
17
  import "../../chunk-365QMK4D.js";
20
18
  import "../../chunk-YO3BQW6S.js";
21
19
  import "../../chunk-6IVCARWS.js";
@@ -23,7 +21,7 @@ import "../../chunk-6DJOIRMF.js";
23
21
  import "../../chunk-FPD73OHW.js";
24
22
  import "../../chunk-ZKZDVS7G.js";
25
23
  import "../../chunk-MUNMDHRF.js";
26
- import "../../chunk-HLOY6BIP.js";
24
+ import "../../chunk-TVDKGMBI.js";
27
25
  import "../../chunk-O3T3TM3V.js";
28
26
  import "../../chunk-XQOL7UBI.js";
29
27
  import "../../chunk-TULWX7D6.js";
@@ -31,7 +29,7 @@ import "../../chunk-XQOZWYUA.js";
31
29
  import "../../chunk-P66OQ4ZQ.js";
32
30
  import "../../chunk-I3ZZQ6QJ.js";
33
31
  import "../../chunk-O3DNDMV3.js";
34
- import "../../chunk-OCJNQGHN.js";
32
+ import "../../chunk-5AVBYDPB.js";
35
33
  import "../../chunk-Q37G2GS6.js";
36
34
  import "../../chunk-VTJZMOSP.js";
37
35
  import "../../chunk-P6B2PNYI.js";
@@ -39,7 +37,7 @@ import "../../chunk-YTZSKMX3.js";
39
37
  import "../../chunk-2DZ2Y3JI.js";
40
38
  import "../../chunk-25HMMI7R.js";
41
39
  import "../../chunk-EGEQY3KT.js";
42
- import "../../chunk-4Y5BEXVN.js";
40
+ import "../../chunk-HLOY6BIP.js";
43
41
  import "../../chunk-RET725VL.js";
44
42
  import "../../chunk-B6XJN6EC.js";
45
43
  import "../../chunk-FYEASFUU.js";
@@ -47,12 +45,14 @@ import "../../chunk-MIMJ7LON.js";
47
45
  import "../../chunk-IQEEPHOY.js";
48
46
  import "../../chunk-JEHDCZQU.js";
49
47
  import "../../chunk-OHMOP5PV.js";
48
+ import "../../chunk-OCJNQGHN.js";
50
49
  import "../../chunk-MMAV5BRZ.js";
51
50
  import "../../chunk-J242TTFH.js";
52
51
  import "../../chunk-EAXUQEO5.js";
53
52
  import "../../chunk-CZEGRZBK.js";
54
53
  import "../../chunk-ALOPZ54P.js";
55
54
  import "../../chunk-YGL6SWKN.js";
55
+ import "../../chunk-4Y5BEXVN.js";
56
56
  import "../../chunk-N552FDTV.js";
57
57
  export {
58
58
  Row
@@ -0,0 +1,4 @@
1
+ export { ExpandTable, ExpandTableProps } from './expand-table/index.cjs';
2
+ export { ExpandComp, OnRowClick } from './expand-table/row.cjs';
3
+ export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
4
+ import 'react';
@@ -0,0 +1,4 @@
1
+ export { ExpandTable, ExpandTableProps } from './expand-table/index.js';
2
+ export { ExpandComp, OnRowClick } from './expand-table/row.js';
3
+ export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
4
+ import 'react';
@@ -8,11 +8,9 @@ import "../chunk-BSTJBBEX.js";
8
8
  import "../chunk-NDUKDKGB.js";
9
9
  import "../chunk-SQ5HD7LD.js";
10
10
  import "../chunk-IIBITN2G.js";
11
- import "../chunk-5ZITU5L7.js";
12
11
  import "../chunk-ILRUXI2E.js";
13
12
  import "../chunk-JPIZP2PZ.js";
14
13
  import "../chunk-ACVANQJ4.js";
15
- import "../chunk-TVDKGMBI.js";
16
14
  import "../chunk-355MU6BH.js";
17
15
  import "../chunk-HYITAA4J.js";
18
16
  import "../chunk-5H3YPCZK.js";
@@ -20,7 +18,7 @@ import "../chunk-FR2GDOU2.js";
20
18
  import "../chunk-74DX4CU7.js";
21
19
  import "../chunk-OYM4XCHQ.js";
22
20
  import "../chunk-YJ7ZFOYL.js";
23
- import "../chunk-5AVBYDPB.js";
21
+ import "../chunk-5ZITU5L7.js";
24
22
  import "../chunk-365QMK4D.js";
25
23
  import "../chunk-YO3BQW6S.js";
26
24
  import "../chunk-6IVCARWS.js";
@@ -28,7 +26,7 @@ import "../chunk-6DJOIRMF.js";
28
26
  import "../chunk-FPD73OHW.js";
29
27
  import "../chunk-ZKZDVS7G.js";
30
28
  import "../chunk-MUNMDHRF.js";
31
- import "../chunk-HLOY6BIP.js";
29
+ import "../chunk-TVDKGMBI.js";
32
30
  import "../chunk-O3T3TM3V.js";
33
31
  import "../chunk-XQOL7UBI.js";
34
32
  import "../chunk-TULWX7D6.js";
@@ -36,7 +34,7 @@ import "../chunk-XQOZWYUA.js";
36
34
  import "../chunk-P66OQ4ZQ.js";
37
35
  import "../chunk-I3ZZQ6QJ.js";
38
36
  import "../chunk-O3DNDMV3.js";
39
- import "../chunk-OCJNQGHN.js";
37
+ import "../chunk-5AVBYDPB.js";
40
38
  import "../chunk-Q37G2GS6.js";
41
39
  import "../chunk-VTJZMOSP.js";
42
40
  import "../chunk-P6B2PNYI.js";
@@ -44,7 +42,7 @@ import "../chunk-YTZSKMX3.js";
44
42
  import "../chunk-2DZ2Y3JI.js";
45
43
  import "../chunk-25HMMI7R.js";
46
44
  import "../chunk-EGEQY3KT.js";
47
- import "../chunk-4Y5BEXVN.js";
45
+ import "../chunk-HLOY6BIP.js";
48
46
  import "../chunk-RET725VL.js";
49
47
  import "../chunk-B6XJN6EC.js";
50
48
  import "../chunk-FYEASFUU.js";
@@ -52,12 +50,14 @@ import "../chunk-MIMJ7LON.js";
52
50
  import "../chunk-IQEEPHOY.js";
53
51
  import "../chunk-JEHDCZQU.js";
54
52
  import "../chunk-OHMOP5PV.js";
53
+ import "../chunk-OCJNQGHN.js";
55
54
  import "../chunk-MMAV5BRZ.js";
56
55
  import "../chunk-J242TTFH.js";
57
56
  import "../chunk-EAXUQEO5.js";
58
57
  import "../chunk-CZEGRZBK.js";
59
58
  import "../chunk-ALOPZ54P.js";
60
59
  import "../chunk-YGL6SWKN.js";
60
+ import "../chunk-4Y5BEXVN.js";
61
61
  import "../chunk-N552FDTV.js";
62
62
  export {
63
63
  ExpandTable,
@@ -0,0 +1,10 @@
1
+ import React__default from 'react';
2
+ import { Theme } from '@radix-ui/themes';
3
+
4
+ type ThemeProps = React__default.ComponentProps<typeof Theme>;
5
+ interface ThemeProviderProps extends ThemeProps {
6
+ children: React__default.ReactNode;
7
+ }
8
+ declare function ThemeProvider(props: ThemeProviderProps): React__default.ReactNode;
9
+
10
+ export { ThemeProvider };
@@ -0,0 +1,10 @@
1
+ import React__default from 'react';
2
+ import { Theme } from '@radix-ui/themes';
3
+
4
+ type ThemeProps = React__default.ComponentProps<typeof Theme>;
5
+ interface ThemeProviderProps extends ThemeProps {
6
+ children: React__default.ReactNode;
7
+ }
8
+ declare function ThemeProvider(props: ThemeProviderProps): React__default.ReactNode;
9
+
10
+ export { ThemeProvider };
@@ -0,0 +1 @@
1
+ export { useThemeContext } from '@radix-ui/themes';
@@ -0,0 +1 @@
1
+ export { useThemeContext } from '@radix-ui/themes';
@@ -0,0 +1,17 @@
1
+ declare module '@tanstack/react-table' {
2
+ type ExpandButtonComp = <Data extends RowData>(props: {
3
+ open: boolean;
4
+ setIsOpen: (value: boolean) => void;
5
+ data: Data;
6
+ }) => React.ReactNode;
7
+
8
+ /** OpenBtn을 전달한 경우 open과 setIsOpen 상태 관리 props를 전달해 렌더함 */
9
+
10
+ interface ColumnMeta {
11
+ OpenBtn?: ExpandButtonComp;
12
+ /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.
13
+ * 테이블 당 하나의 셀에만 사용하기를 권장
14
+ */
15
+ autoSize?: boolean;
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ declare module '@tanstack/react-table' {
2
+ type ExpandButtonComp = <Data extends RowData>(props: {
3
+ open: boolean;
4
+ setIsOpen: (value: boolean) => void;
5
+ data: Data;
6
+ }) => React.ReactNode;
7
+
8
+ /** OpenBtn을 전달한 경우 open과 setIsOpen 상태 관리 props를 전달해 렌더함 */
9
+
10
+ interface ColumnMeta {
11
+ OpenBtn?: ExpandButtonComp;
12
+ /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.
13
+ * 테이블 당 하나의 셀에만 사용하기를 권장
14
+ */
15
+ autoSize?: boolean;
16
+ }
17
+ }
@@ -0,0 +1,2 @@
1
+ import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
2
+ export { index_js as uiProps };
@@ -0,0 +1,2 @@
1
+ import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
2
+ export { index_js as uiProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tipp/ui",
3
- "version": "0.1.17",
3
+ "version": "0.1.18",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "exports": {