@tipp/ui 0.1.20 → 0.1.22

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 (188) hide show
  1. package/dist/atoms/ellipsis-tooltip.cjs +129 -0
  2. package/dist/atoms/ellipsis-tooltip.cjs.map +1 -0
  3. package/dist/atoms/ellipsis-tooltip.d.cts +11 -0
  4. package/dist/atoms/ellipsis-tooltip.d.ts +11 -0
  5. package/dist/atoms/ellipsis-tooltip.js +10 -0
  6. package/dist/atoms/ellipsis-tooltip.js.map +1 -0
  7. package/dist/atoms/field-error-wrapper.cjs +99 -0
  8. package/dist/atoms/field-error-wrapper.cjs.map +1 -0
  9. package/dist/atoms/field-error-wrapper.d.cts +9 -0
  10. package/dist/atoms/field-error-wrapper.d.ts +9 -0
  11. package/dist/atoms/field-error-wrapper.js +10 -0
  12. package/dist/atoms/field-error-wrapper.js.map +1 -0
  13. package/dist/atoms/index.cjs +58 -0
  14. package/dist/atoms/index.cjs.map +1 -1
  15. package/dist/atoms/index.d.cts +2 -0
  16. package/dist/atoms/index.d.ts +2 -0
  17. package/dist/atoms/index.js +33 -25
  18. package/dist/atoms/pagination.js +2 -2
  19. package/dist/chunk-2A2IJOVV.js +60 -0
  20. package/dist/chunk-2A2IJOVV.js.map +1 -0
  21. package/dist/chunk-2JZ3UQAX.js +48 -0
  22. package/dist/chunk-2JZ3UQAX.js.map +1 -0
  23. package/dist/chunk-2KZSNTY7.js +23 -0
  24. package/dist/chunk-2KZSNTY7.js.map +1 -0
  25. package/dist/chunk-2TGD62PR.js +59 -0
  26. package/dist/chunk-2TGD62PR.js.map +1 -0
  27. package/dist/chunk-3427FUJN.js +46 -0
  28. package/dist/chunk-3427FUJN.js.map +1 -0
  29. package/dist/chunk-34P2PUMC.js +60 -0
  30. package/dist/chunk-34P2PUMC.js.map +1 -0
  31. package/dist/chunk-3I5CDBFN.js +104 -0
  32. package/dist/chunk-3I5CDBFN.js.map +1 -0
  33. package/dist/chunk-3KIARYD6.js +47 -0
  34. package/dist/chunk-3KIARYD6.js.map +1 -0
  35. package/dist/chunk-4IKPNQV5.js +58 -0
  36. package/dist/chunk-4IKPNQV5.js.map +1 -0
  37. package/dist/chunk-4RIBUNMS.js +49 -0
  38. package/dist/chunk-4RIBUNMS.js.map +1 -0
  39. package/dist/chunk-4ZQHR3JI.js +47 -0
  40. package/dist/chunk-4ZQHR3JI.js.map +1 -0
  41. package/dist/chunk-6BXAZV7N.js +63 -0
  42. package/dist/chunk-6BXAZV7N.js.map +1 -0
  43. package/dist/chunk-6GHADQAU.js +59 -0
  44. package/dist/chunk-6GHADQAU.js.map +1 -0
  45. package/dist/chunk-6SGXBZAF.js +62 -0
  46. package/dist/chunk-6SGXBZAF.js.map +1 -0
  47. package/dist/chunk-6ZEM4FBF.js +64 -0
  48. package/dist/chunk-6ZEM4FBF.js.map +1 -0
  49. package/dist/chunk-754LMJ5L.js +48 -0
  50. package/dist/chunk-754LMJ5L.js.map +1 -0
  51. package/dist/chunk-7VCJMEPY.js +60 -0
  52. package/dist/chunk-7VCJMEPY.js.map +1 -0
  53. package/dist/chunk-AD4LGJER.js +60 -0
  54. package/dist/chunk-AD4LGJER.js.map +1 -0
  55. package/dist/chunk-AS6NXGBN.js +59 -0
  56. package/dist/chunk-AS6NXGBN.js.map +1 -0
  57. package/dist/chunk-BH2MBAAY.js +59 -0
  58. package/dist/chunk-BH2MBAAY.js.map +1 -0
  59. package/dist/chunk-C5QSBSVB.js +59 -0
  60. package/dist/chunk-C5QSBSVB.js.map +1 -0
  61. package/dist/chunk-C7BS7VPF.js +46 -0
  62. package/dist/chunk-C7BS7VPF.js.map +1 -0
  63. package/dist/chunk-CC3GT7LT.js +53 -0
  64. package/dist/chunk-CC3GT7LT.js.map +1 -0
  65. package/dist/chunk-CHHLIPDN.js +23 -0
  66. package/dist/chunk-CHHLIPDN.js.map +1 -0
  67. package/dist/chunk-CMPIGFPT.js +60 -0
  68. package/dist/chunk-CMPIGFPT.js.map +1 -0
  69. package/dist/chunk-CNQ7RNNY.js +23 -0
  70. package/dist/chunk-CNQ7RNNY.js.map +1 -0
  71. package/dist/chunk-CODQBUIC.js +59 -0
  72. package/dist/chunk-CODQBUIC.js.map +1 -0
  73. package/dist/chunk-CVOLVQKD.js +60 -0
  74. package/dist/chunk-CVOLVQKD.js.map +1 -0
  75. package/dist/chunk-CXFAL52D.js +60 -0
  76. package/dist/chunk-CXFAL52D.js.map +1 -0
  77. package/dist/chunk-E6EPYWFL.js +53 -0
  78. package/dist/chunk-E6EPYWFL.js.map +1 -0
  79. package/dist/chunk-EJWIO6NJ.js +104 -0
  80. package/dist/chunk-EJWIO6NJ.js.map +1 -0
  81. package/dist/chunk-EM57H7XC.js +48 -0
  82. package/dist/chunk-EM57H7XC.js.map +1 -0
  83. package/dist/chunk-FFC2C2ID.js +1 -0
  84. package/dist/chunk-FFC2C2ID.js.map +1 -0
  85. package/dist/chunk-FHXW7BLD.js +61 -0
  86. package/dist/chunk-FHXW7BLD.js.map +1 -0
  87. package/dist/chunk-FVSPOU5C.js +48 -0
  88. package/dist/chunk-FVSPOU5C.js.map +1 -0
  89. package/dist/chunk-GOKKEO23.js +53 -0
  90. package/dist/chunk-GOKKEO23.js.map +1 -0
  91. package/dist/chunk-HRQSHRGQ.js +59 -0
  92. package/dist/chunk-HRQSHRGQ.js.map +1 -0
  93. package/dist/chunk-HVMWNAXK.js +60 -0
  94. package/dist/chunk-HVMWNAXK.js.map +1 -0
  95. package/dist/chunk-I6D4HPRN.js +60 -0
  96. package/dist/chunk-I6D4HPRN.js.map +1 -0
  97. package/dist/chunk-I7YPDRXO.js +62 -0
  98. package/dist/chunk-I7YPDRXO.js.map +1 -0
  99. package/dist/chunk-JJ5IIAB2.js +119 -0
  100. package/dist/chunk-JJ5IIAB2.js.map +1 -0
  101. package/dist/chunk-K66WIGIV.js +119 -0
  102. package/dist/chunk-K66WIGIV.js.map +1 -0
  103. package/dist/chunk-KACFRYIH.js +23 -0
  104. package/dist/chunk-KACFRYIH.js.map +1 -0
  105. package/dist/chunk-KATXJW5H.js +23 -0
  106. package/dist/chunk-KATXJW5H.js.map +1 -0
  107. package/dist/chunk-KFAG5R3H.js +64 -0
  108. package/dist/chunk-KFAG5R3H.js.map +1 -0
  109. package/dist/chunk-KGN7AVRJ.js +45 -0
  110. package/dist/chunk-KGN7AVRJ.js.map +1 -0
  111. package/dist/chunk-KXJM7U4I.js +47 -0
  112. package/dist/chunk-KXJM7U4I.js.map +1 -0
  113. package/dist/chunk-LA6FLXGE.js +47 -0
  114. package/dist/chunk-LA6FLXGE.js.map +1 -0
  115. package/dist/chunk-LUVANORR.js +23 -0
  116. package/dist/chunk-LUVANORR.js.map +1 -0
  117. package/dist/chunk-MASTHXWN.js +1 -0
  118. package/dist/chunk-MASTHXWN.js.map +1 -0
  119. package/dist/chunk-NFGNQEVV.js +46 -0
  120. package/dist/chunk-NFGNQEVV.js.map +1 -0
  121. package/dist/chunk-O4GMX5TL.js +55 -0
  122. package/dist/chunk-O4GMX5TL.js.map +1 -0
  123. package/dist/chunk-OJ5XUBZN.js +46 -0
  124. package/dist/chunk-OJ5XUBZN.js.map +1 -0
  125. package/dist/chunk-OZLC6KYP.js +104 -0
  126. package/dist/chunk-OZLC6KYP.js.map +1 -0
  127. package/dist/chunk-PLG3AXHM.js +59 -0
  128. package/dist/chunk-PLG3AXHM.js.map +1 -0
  129. package/dist/chunk-PQBRLX37.js +48 -0
  130. package/dist/chunk-PQBRLX37.js.map +1 -0
  131. package/dist/chunk-QIKFIRGO.js +59 -0
  132. package/dist/chunk-QIKFIRGO.js.map +1 -0
  133. package/dist/chunk-RAJAKQXU.js +59 -0
  134. package/dist/chunk-RAJAKQXU.js.map +1 -0
  135. package/dist/chunk-RNB2T5NJ.js +48 -0
  136. package/dist/chunk-RNB2T5NJ.js.map +1 -0
  137. package/dist/chunk-TBXRPM4O.js +59 -0
  138. package/dist/chunk-TBXRPM4O.js.map +1 -0
  139. package/dist/chunk-TJGELI4L.js +53 -0
  140. package/dist/chunk-TJGELI4L.js.map +1 -0
  141. package/dist/chunk-TVJ4Z7MD.js +46 -0
  142. package/dist/chunk-TVJ4Z7MD.js.map +1 -0
  143. package/dist/chunk-UCEASXHW.js +47 -0
  144. package/dist/chunk-UCEASXHW.js.map +1 -0
  145. package/dist/chunk-UGSJR77F.js +48 -0
  146. package/dist/chunk-UGSJR77F.js.map +1 -0
  147. package/dist/chunk-UQPA2QGC.js +45 -0
  148. package/dist/chunk-UQPA2QGC.js.map +1 -0
  149. package/dist/chunk-V2AYMNSS.js +46 -0
  150. package/dist/chunk-V2AYMNSS.js.map +1 -0
  151. package/dist/chunk-VC2TT56B.js +46 -0
  152. package/dist/chunk-VC2TT56B.js.map +1 -0
  153. package/dist/chunk-VCOQG6JF.js +119 -0
  154. package/dist/chunk-VCOQG6JF.js.map +1 -0
  155. package/dist/chunk-VOR32EFU.js +59 -0
  156. package/dist/chunk-VOR32EFU.js.map +1 -0
  157. package/dist/chunk-W6Z2XJJ2.js +45 -0
  158. package/dist/chunk-W6Z2XJJ2.js.map +1 -0
  159. package/dist/chunk-WG7AQQRT.js +59 -0
  160. package/dist/chunk-WG7AQQRT.js.map +1 -0
  161. package/dist/chunk-WZZEI2W4.js +59 -0
  162. package/dist/chunk-WZZEI2W4.js.map +1 -0
  163. package/dist/chunk-XDCANCKF.js +59 -0
  164. package/dist/chunk-XDCANCKF.js.map +1 -0
  165. package/dist/chunk-XZN2SS2K.js +119 -0
  166. package/dist/chunk-XZN2SS2K.js.map +1 -0
  167. package/dist/chunk-YGS4JU4E.js +60 -0
  168. package/dist/chunk-YGS4JU4E.js.map +1 -0
  169. package/dist/chunk-YKEXHUPR.js +48 -0
  170. package/dist/chunk-YKEXHUPR.js.map +1 -0
  171. package/dist/index.cjs +93 -35
  172. package/dist/index.cjs.map +1 -1
  173. package/dist/index.d.cts +2 -0
  174. package/dist/index.d.ts +2 -0
  175. package/dist/index.js +39 -31
  176. package/dist/molecules/expand-table/index.cjs +40 -33
  177. package/dist/molecules/expand-table/index.cjs.map +1 -1
  178. package/dist/molecules/expand-table/index.js +14 -12
  179. package/dist/molecules/expand-table/row.cjs +16 -9
  180. package/dist/molecules/expand-table/row.cjs.map +1 -1
  181. package/dist/molecules/expand-table/row.js +12 -10
  182. package/dist/molecules/index.cjs +40 -33
  183. package/dist/molecules/index.cjs.map +1 -1
  184. package/dist/molecules/index.js +14 -12
  185. package/package.json +1 -1
  186. package/src/atoms/ellipsis-tooltip.tsx +57 -0
  187. package/src/atoms/field-error-wrapper.tsx +24 -0
  188. package/src/atoms/index.ts +3 -1
package/dist/index.cjs CHANGED
@@ -84,10 +84,12 @@ __export(src_exports, {
84
84
  Dialog: () => import_themes16.Dialog,
85
85
  DotsHorizontalIcon: () => import_react_icons.DotsHorizontalIcon,
86
86
  DropdownMenu: () => import_themes17.DropdownMenu,
87
+ EllipsisTooltip: () => EllipsisTooltip,
87
88
  Em: () => import_themes18.Em,
88
89
  ExclamationTriangleIcon: () => import_react_icons.ExclamationTriangleIcon,
89
90
  ExitIcon: () => import_react_icons.ExitIcon,
90
91
  ExpandTable: () => ExpandTable,
92
+ FieldErrorWrapper: () => FieldErrorWrapper,
91
93
  Flex: () => import_themes19.Flex,
92
94
  Grid: () => import_themes20.Grid,
93
95
  Heading: () => Heading2,
@@ -576,17 +578,71 @@ function Pagination(props) {
576
578
  ] });
577
579
  }
578
580
 
581
+ // src/atoms/field-error-wrapper.tsx
582
+ var import_jsx_runtime12 = require("react/jsx-runtime");
583
+ function FieldErrorWrapper({
584
+ children,
585
+ error
586
+ }) {
587
+ return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_themes19.Flex, { direction: "column", gap: "1", children: [
588
+ children,
589
+ error ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typo, { color: "red", variant: "caption", children: error }) : null
590
+ ] });
591
+ }
592
+
593
+ // src/atoms/ellipsis-tooltip.tsx
594
+ var import_react12 = require("react");
595
+ var import_jsx_runtime13 = require("react/jsx-runtime");
596
+ function EllipsisTooltip(props) {
597
+ const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
598
+ const ref = (0, import_react12.useRef)(null);
599
+ const [tooltipDisplay, setTooltipDisplay] = (0, import_react12.useState)(
600
+ "none"
601
+ );
602
+ (0, import_react12.useEffect)(() => {
603
+ if (ref.current) {
604
+ const typo = ref.current;
605
+ const mouseOver = () => {
606
+ if (typo.clientHeight < typo.scrollHeight) {
607
+ setTooltipDisplay("block");
608
+ }
609
+ };
610
+ const mouseOut = () => {
611
+ setTooltipDisplay("none");
612
+ };
613
+ ref.current.addEventListener("mouseenter", mouseOver);
614
+ ref.current.addEventListener("mouseleave", mouseOut);
615
+ }
616
+ }, [children]);
617
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_themes48.Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
618
+ Typo,
619
+ __spreadProps(__spreadValues({}, rest), {
620
+ ref,
621
+ style: __spreadValues({
622
+ width: "100%",
623
+ textOverflow: "ellipsis",
624
+ overflow: "hidden",
625
+ WebkitLineClamp: lineClamp,
626
+ display: "-webkit-box",
627
+ WebkitBoxOrient: "vertical",
628
+ wordBreak: "break-word"
629
+ }, style),
630
+ children
631
+ })
632
+ ) });
633
+ }
634
+
579
635
  // src/molecules/expand-table/index.tsx
580
636
  var import_react_table2 = require("@tanstack/react-table");
581
- var import_react13 = require("react");
637
+ var import_react14 = require("react");
582
638
 
583
639
  // src/icons/down.tsx
584
- var React7 = __toESM(require("react"), 1);
585
- var import_jsx_runtime12 = require("react/jsx-runtime");
586
- var TriangleArrowDownIcon = React7.forwardRef(
640
+ var React8 = __toESM(require("react"), 1);
641
+ var import_jsx_runtime14 = require("react/jsx-runtime");
642
+ var TriangleArrowDownIcon = React8.forwardRef(
587
643
  (_a, forwardedRef) => {
588
644
  var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
589
- return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
645
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
590
646
  "svg",
591
647
  __spreadProps(__spreadValues({
592
648
  fill: "none",
@@ -596,7 +652,7 @@ var TriangleArrowDownIcon = React7.forwardRef(
596
652
  xmlns: "http://www.w3.org/2000/svg"
597
653
  }, props), {
598
654
  ref: forwardedRef,
599
- children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
655
+ children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
600
656
  "path",
601
657
  {
602
658
  d: "M7.10844 0.8125H0.891554C0.197392 0.8125 -0.177096 1.62672 0.274659 2.15377L3.3831 5.78029C3.70737 6.1586 4.29263 6.1586 4.6169 5.78029L7.72534 2.15377C8.1771 1.62672 7.80261 0.8125 7.10844 0.8125Z",
@@ -610,12 +666,12 @@ var TriangleArrowDownIcon = React7.forwardRef(
610
666
  TriangleArrowDownIcon.displayName = "ArrowDownIcon";
611
667
 
612
668
  // src/icons/up.tsx
613
- var React8 = __toESM(require("react"), 1);
614
- var import_jsx_runtime13 = require("react/jsx-runtime");
615
- var TriangleArrowUpIcon = React8.forwardRef(
669
+ var React9 = __toESM(require("react"), 1);
670
+ var import_jsx_runtime15 = require("react/jsx-runtime");
671
+ var TriangleArrowUpIcon = React9.forwardRef(
616
672
  (_a, forwardedRef) => {
617
673
  var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
618
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
674
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
619
675
  "svg",
620
676
  __spreadProps(__spreadValues({
621
677
  fill: "none",
@@ -625,7 +681,7 @@ var TriangleArrowUpIcon = React8.forwardRef(
625
681
  xmlns: "http://www.w3.org/2000/svg"
626
682
  }, props), {
627
683
  ref: forwardedRef,
628
- children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
684
+ children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
629
685
  "path",
630
686
  {
631
687
  d: "M0.891555 6.1875L7.10845 6.1875C7.80261 6.1875 8.1771 5.37328 7.72534 4.84623L4.6169 1.21971C4.29263 0.841403 3.70737 0.841403 3.3831 1.21971L0.274659 4.84623C-0.177095 5.37328 0.197393 6.1875 0.891555 6.1875Z",
@@ -640,22 +696,22 @@ TriangleArrowUpIcon.displayName = "ArrowUpIcon";
640
696
 
641
697
  // src/molecules/expand-table/row.tsx
642
698
  var import_react_table = require("@tanstack/react-table");
643
- var import_react12 = require("react");
644
- var import_jsx_runtime14 = require("react/jsx-runtime");
699
+ var import_react13 = require("react");
700
+ var import_jsx_runtime16 = require("react/jsx-runtime");
645
701
  function Row(props) {
646
702
  const { row, ExpandComp, gridColTemp } = props;
647
- const [open, setOpen] = (0, import_react12.useState)(false);
648
- const onClickRow = (0, import_react12.useCallback)(() => {
703
+ const [open, setOpen] = (0, import_react13.useState)(false);
704
+ const onClickRow = (0, import_react13.useCallback)(() => {
649
705
  var _a;
650
706
  (_a = props.onRowClick) == null ? void 0 : _a.call(props, row.original);
651
707
  setOpen((prev) => !prev);
652
708
  }, [props, row.original]);
653
- return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
709
+ return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
654
710
  "div",
655
711
  {
656
712
  className: `tr-wrapper ${ExpandComp ? "expandable" : ""}`,
657
713
  children: [
658
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
714
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
659
715
  "button",
660
716
  {
661
717
  className: "tr",
@@ -665,7 +721,7 @@ function Row(props) {
665
721
  children: row.getVisibleCells().map((cell) => {
666
722
  var _a, _b;
667
723
  const autoSize = (_a = cell.column.columnDef.meta) == null ? void 0 : _a.autoSize;
668
- return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
724
+ return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
669
725
  "div",
670
726
  {
671
727
  className: "td",
@@ -675,7 +731,7 @@ function Row(props) {
675
731
  },
676
732
  children: [
677
733
  (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()),
678
- ((_b = cell.column.columnDef.meta) == null ? void 0 : _b.OpenBtn) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
734
+ ((_b = cell.column.columnDef.meta) == null ? void 0 : _b.OpenBtn) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
679
735
  cell.column.columnDef.meta.OpenBtn,
680
736
  {
681
737
  data: row.original,
@@ -691,7 +747,7 @@ function Row(props) {
691
747
  },
692
748
  `tr_${row.id}`
693
749
  ),
694
- ExpandComp ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Collapse, { open, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "expand-comp-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ExpandComp, { row }) }) }) : null
750
+ ExpandComp ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Collapse, { open, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "expand-comp-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ExpandComp, { row }) }) }) : null
695
751
  ]
696
752
  },
697
753
  `tr-wrapper_${row.id}`
@@ -699,10 +755,10 @@ function Row(props) {
699
755
  }
700
756
 
701
757
  // src/molecules/expand-table/index.tsx
702
- var import_jsx_runtime15 = require("react/jsx-runtime");
758
+ var import_jsx_runtime17 = require("react/jsx-runtime");
703
759
  function ExpandTable(props) {
704
760
  const { data, columns, ExpandComp, placeholder, onRowClick } = props;
705
- const [sorting, setSorting] = (0, import_react13.useState)([]);
761
+ const [sorting, setSorting] = (0, import_react14.useState)([]);
706
762
  const { getRowModel, getHeaderGroups } = (0, import_react_table2.useReactTable)({
707
763
  data: data || [],
708
764
  columns,
@@ -713,7 +769,7 @@ function ExpandTable(props) {
713
769
  },
714
770
  onSortingChange: setSorting
715
771
  });
716
- const gridColTemp = (0, import_react13.useMemo)(() => {
772
+ const gridColTemp = (0, import_react14.useMemo)(() => {
717
773
  return columns.map((col) => {
718
774
  var _a;
719
775
  if ((_a = col.meta) == null ? void 0 : _a.autoSize)
@@ -722,8 +778,8 @@ function ExpandTable(props) {
722
778
  }).join(" ");
723
779
  }, [columns]);
724
780
  const rowModels = getRowModel();
725
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "expand-table", children: [
726
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
781
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "expand-table", children: [
782
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
727
783
  "div",
728
784
  {
729
785
  className: "tr",
@@ -731,30 +787,30 @@ function ExpandTable(props) {
731
787
  children: headerGroup.headers.map((header) => {
732
788
  const sortable = header.column.getCanSort();
733
789
  const sortedState = header.column.getIsSorted();
734
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "th", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
790
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "th", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
735
791
  "button",
736
792
  {
737
793
  onClick: header.column.getToggleSortingHandler(),
738
794
  style: sortable ? { cursor: "pointer" } : void 0,
739
795
  type: "button",
740
796
  children: [
741
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Typo, { variant: "body", children: (0, import_react_table2.flexRender)(
797
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { variant: "body", children: (0, import_react_table2.flexRender)(
742
798
  header.column.columnDef.header,
743
799
  header.getContext()
744
800
  ) }),
745
- sortable ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
801
+ sortable ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
746
802
  import_themes19.Flex,
747
803
  {
748
804
  direction: "column",
749
805
  style: { marginLeft: "var(--space-2)" },
750
806
  children: [
751
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
807
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
752
808
  TriangleArrowUpIcon,
753
809
  {
754
810
  color: sortedState === "asc" ? "var(--iris-10)" : "var(--iris-6)"
755
811
  }
756
812
  ),
757
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
813
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
758
814
  TriangleArrowDownIcon,
759
815
  {
760
816
  color: sortedState === "desc" ? "var(--iris-10)" : "var(--iris-6)"
@@ -770,10 +826,10 @@ function ExpandTable(props) {
770
826
  },
771
827
  headerGroup.id
772
828
  )) }),
773
- /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "tbody", children: [
774
- rowModels.rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "tr", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes19.Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder"),
829
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "tbody", children: [
830
+ rowModels.rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "tr", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes19.Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder"),
775
831
  rowModels.rows.map((row) => {
776
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
832
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
777
833
  Row,
778
834
  {
779
835
  ExpandComp,
@@ -790,9 +846,9 @@ function ExpandTable(props) {
790
846
 
791
847
  // src/theme/theme-provider.tsx
792
848
  var import_themes50 = require("@radix-ui/themes");
793
- var import_jsx_runtime16 = require("react/jsx-runtime");
849
+ var import_jsx_runtime18 = require("react/jsx-runtime");
794
850
  function ThemeProvider(props) {
795
- return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes50.Theme, __spreadValues({ accentColor: "iris", radius: "large" }, props));
851
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes50.Theme, __spreadValues({ accentColor: "iris", radius: "large" }, props));
796
852
  }
797
853
 
798
854
  // src/theme/use-theme.tsx
@@ -827,10 +883,12 @@ var uiProps = __toESM(require("@radix-ui/themes/dist/cjs/props/index.js"), 1);
827
883
  Dialog,
828
884
  DotsHorizontalIcon,
829
885
  DropdownMenu,
886
+ EllipsisTooltip,
830
887
  Em,
831
888
  ExclamationTriangleIcon,
832
889
  ExitIcon,
833
890
  ExpandTable,
891
+ FieldErrorWrapper,
834
892
  Flex,
835
893
  Grid,
836
894
  Heading,
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/atoms/alert-dialog.tsx","../src/atoms/aspect-ratio.tsx","../src/atoms/avatar.tsx","../src/atoms/badge.tsx","../src/atoms/blockquote.tsx","../src/atoms/box.tsx","../src/atoms/button.tsx","../src/atoms/call-out.tsx","../src/atoms/card.tsx","../src/atoms/check-box.tsx","../src/atoms/check-box-card.tsx","../src/atoms/check-box-group.tsx","../src/atoms/code.tsx","../src/atoms/container.tsx","../src/atoms/data-list.tsx","../src/atoms/date-picker/index.tsx","../src/atoms/dialog.tsx","../src/atoms/dropdown-menu.tsx","../src/atoms/em.tsx","../src/atoms/flex.tsx","../src/atoms/grid.tsx","../src/atoms/heading.tsx","../src/atoms/hover-card.tsx","../src/atoms/icon-button.tsx","../src/atoms/inset.tsx","../src/atoms/kbd.tsx","../src/atoms/link.tsx","../src/atoms/popover.tsx","../src/atoms/progress.tsx","../src/atoms/quote.tsx","../src/atoms/radio.tsx","../src/atoms/radio-cards.tsx","../src/atoms/radio-group.tsx","../src/atoms/scroll-area.tsx","../src/atoms/section.tsx","../src/atoms/segmented-control.tsx","../src/atoms/select.tsx","../src/atoms/separator.tsx","../src/atoms/skeleton.tsx","../src/atoms/strong.tsx","../src/atoms/switch.tsx","../src/atoms/tab-nav.tsx","../src/atoms/tabs.tsx","../src/atoms/text-area.tsx","../src/atoms/typo.tsx","../src/atoms/text-field.tsx","../src/atoms/tooltip.tsx","../src/atoms/collapse.tsx","../src/atoms/spinner.tsx","../src/atoms/pagination.tsx","../src/icon.ts","../src/molecules/expand-table/index.tsx","../src/icons/down.tsx","../src/icons/up.tsx","../src/molecules/expand-table/row.tsx","../src/theme/theme-provider.tsx","../src/theme/use-theme.tsx","../src/ui-props/index.ts"],"sourcesContent":["export * from './atoms';\nexport * from './molecules';\nexport * from './theme/theme-provider';\nexport * from './theme/use-theme';\nexport * from './ui-props';\nexport * from './icon';\n","export { AlertDialog } from '@radix-ui/themes';\n","export { AspectRatio } from '@radix-ui/themes';\n","import {\n Avatar as RadixAvatar,\n type AvatarProps as RadixAvatarProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type AvatarProps = Omit<RadixAvatarProps, 'size'> & {\n size?: 'small' | 'medium' | 'large' | 'full';\n};\n\nexport const Avatar = forwardRef<HTMLImageElement, AvatarProps>(\n (props: AvatarProps, ref): React.ReactNode => {\n const { children, size, variant = 'soft', ...rest } = props;\n const radixSize = useMemo<RadixAvatarProps['size']>(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'medium':\n return '2';\n case 'large':\n return '3';\n case 'full':\n return '4';\n default:\n return size;\n }\n }, [size]);\n\n return (\n <RadixAvatar {...rest} ref={ref} size={radixSize} variant={variant}>\n {children}\n </RadixAvatar>\n );\n }\n);\n\nAvatar.displayName = 'Avatar';\n","import {\n Badge as RadixBadge,\n type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color'> & {\n size: 'small' | 'large';\n color: 'error' | 'accent' | 'neutral' | 'success';\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n (props: BadgeProps, ref): React.ReactNode => {\n const { size, color, ...rest } = props;\n\n const radixSize = useMemo(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'large':\n return '3';\n default:\n return '1';\n }\n }, [size]);\n\n const radixColor = useMemo(() => {\n switch (color) {\n case 'error':\n return 'red';\n case 'neutral':\n return 'gray';\n case 'success':\n return 'green';\n case 'accent':\n default:\n return undefined;\n }\n }, [color]);\n\n return (\n <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n );\n }\n);\n\nBadge.displayName = 'Badge';\n","export { Blockquote, type BlockquoteProps } from '@radix-ui/themes';\n","export { Box, type BoxProps } from '@radix-ui/themes';\n","import {\n Button as RadixButton,\n type ButtonProps as RadixButtonProps,\n} from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\nexport type ButtonProps = Omit<RadixButtonProps, 'size'> & {\n size: 'small' | 'medium' | 'large';\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (props, ref): React.ReactNode => {\n const { size, ...restProps } = props;\n\n const radixSize = useMemo(() => {\n switch (size) {\n case 'small':\n return '2';\n case 'medium':\n return '3';\n case 'large':\n return '4';\n default:\n return '3';\n }\n }, [size]);\n\n return <RadixButton {...restProps} ref={ref} size={radixSize} />;\n }\n);\n\nButton.displayName = 'Button';\n","export { Callout } from '@radix-ui/themes';\n","export { Card, type CardProps } from '@radix-ui/themes';\n","import {\n Checkbox as RadixCheckbox,\n type CheckboxProps as RadixCheckboxProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type CheckboxProps = Omit<RadixCheckboxProps, 'size'> & {\n size?: 'small' | 'medium' | 'large';\n};\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n (props, ref): React.ReactNode => {\n const { size = 'medium', ...rest } = props;\n\n const radixSize = useMemo<RadixCheckboxProps['size']>(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'medium':\n return '2';\n case 'large':\n return '3';\n }\n }, [size]);\n\n return <RadixCheckbox {...rest} ref={ref} size={radixSize} />;\n }\n);\n\nCheckbox.displayName = 'Checkbox';\n","export { CheckboxCards } from '@radix-ui/themes';\n","import { CheckboxGroup as RadixCheckboxGroup } from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\ntype RadixCheckboxGroupProps = React.ComponentPropsWithoutRef<\n typeof RadixCheckboxGroup.Root\n>;\ntype CheckboxGroupProps = Omit<RadixCheckboxGroupProps, 'size'> & {\n size: 'small' | 'medium' | 'large';\n};\n\nconst Root = forwardRef<HTMLDivElement, CheckboxGroupProps>((props, ref) => {\n const { children, size, ...rest } = props;\n\n const groupSize = useMemo<RadixCheckboxGroupProps['size']>(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'large':\n return '3';\n case 'medium':\n default:\n return '2';\n }\n }, [size]);\n\n return (\n <RadixCheckboxGroup.Root {...rest} ref={ref} size={groupSize}>\n {children}\n </RadixCheckboxGroup.Root>\n );\n});\n\nRoot.displayName = 'CheckboxGroup.Root';\n\nexport const CheckboxGroup = {\n Root,\n Item: RadixCheckboxGroup.Item,\n};\n","export { Code, type CodeProps } from '@radix-ui/themes';\n","export { Container, type ContainerProps } from '@radix-ui/themes';\n","export { DataList } from '@radix-ui/themes';\n","import type { ElementRef } from 'react';\nimport React, { forwardRef } from 'react';\nimport type { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';\nimport ReactDatePicker from 'react-datepicker';\n\ntype DatePickerProps = ReactDatePickerProps;\ntype DatePickerRef = ElementRef<typeof ReactDatePicker>;\n\nconst DatePicker = forwardRef<DatePickerRef, DatePickerProps>(\n (props: DatePickerProps, ref): React.ReactNode => {\n return (\n <ReactDatePicker\n {...props}\n // calendarClassName=\"tipp_datepicker__calendar\"\n open\n ref={ref}\n wrapperClassName=\"tipp_datePicker\"\n />\n );\n }\n);\n\nDatePicker.displayName = 'DatePicker';\n\nexport { DatePicker, type DatePickerProps };\n","export { Dialog } from '@radix-ui/themes';\n","export { DropdownMenu } from '@radix-ui/themes';\n","export { Em, type EmProps } from '@radix-ui/themes';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","export { Grid, type GridProps } from '@radix-ui/themes';\n","import {\n Heading as RadixHeading,\n type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport { useMemo } from 'react';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\n\nexport type HeadingProps = RadixHeadingProps & {\n variant?: 'subtitle1' | 'heading1' | 'heading2' | 'heading3';\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n const { size, children, variant, ...rest } = props;\n const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n switch (variant) {\n case 'subtitle1':\n return '4';\n case 'heading1':\n return '7';\n case 'heading2':\n return '6';\n case 'heading3':\n return '5';\n default:\n return size;\n }\n }, [size, variant]);\n\n return (\n <RadixHeading {...rest} size={radixSize}>\n {children}\n </RadixHeading>\n );\n}\n","export { HoverCard } from '@radix-ui/themes';\n","export { IconButton, type IconButtonProps } from '@radix-ui/themes';\n","export { Inset, type InsetProps } from '@radix-ui/themes';\n","export { Kbd, type KbdProps } from '@radix-ui/themes';\n","import {\n Link as RadixLink,\n type LinkProps as RadixLinkProps,\n} from '@radix-ui/themes';\nimport { useMemo } from 'react';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\n\nexport type LinkProps = RadixLinkProps & {\n variant?: 'caption' | 'body' | 'subtitle';\n};\n\nexport function Link(props: LinkProps): React.ReactNode {\n const { size, children, variant, ...rest } = props;\n const radixSize = useMemo<RadixLinkProps['size']>(() => {\n switch (variant) {\n case 'caption':\n return '1';\n case 'body':\n return '2';\n case 'subtitle':\n return '3';\n default:\n return size;\n }\n }, [size, variant]);\n\n return (\n <RadixLink {...rest} size={radixSize}>\n {children}\n </RadixLink>\n );\n}\n","export { Popover } from '@radix-ui/themes';\n","export { Progress, type ProgressProps } from '@radix-ui/themes';\n","export { Quote, type QuoteProps } from '@radix-ui/themes';\n","export { Radio, type RadioProps } from '@radix-ui/themes';\n","export { RadioCards } from '@radix-ui/themes';\n","export { RadioGroup } from '@radix-ui/themes';\n","export { ScrollArea, type ScrollAreaProps } from '@radix-ui/themes';\n","export { Section, type SectionProps } from '@radix-ui/themes';\n","export { SegmentedControl } from '@radix-ui/themes';\n","export { Select } from '@radix-ui/themes';\n","export { Separator, type SeparatorProps } from '@radix-ui/themes';\n","export { Skeleton, type SkeletonProps } from '@radix-ui/themes';\n","export { Strong, type StrongProps } from '@radix-ui/themes';\n","export { Switch, type SwitchProps } from '@radix-ui/themes';\n","export { TabNav } from '@radix-ui/themes';\n","export { Tabs } from '@radix-ui/themes';\n","export { TextArea, type TextAreaProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n (props: TypoProps, ref): React.ReactNode => {\n const { size, variant, children, ...rest } = props;\n\n const radixSize = useMemo<RadixTextProps['size']>(() => {\n if (size !== undefined) return size;\n switch (variant) {\n case 'caption':\n return '1';\n case 'subtitle':\n return '3';\n case 'body':\n default:\n return '2';\n }\n }, [size, variant]);\n\n return (\n <RadixText {...rest} ref={ref} size={radixSize}>\n {children}\n </RadixText>\n );\n }\n);\n\nTypo.displayName = 'Typo';\n","export { TextField } from '@radix-ui/themes';\n","export { Tooltip, type TooltipProps } from '@radix-ui/themes';\n","import React, { useEffect, useRef, useState } from 'react';\n\nexport interface CollapseProps {\n children: React.ReactNode;\n open?: boolean;\n defaultOpen?: boolean;\n}\n\nexport function Collapse(props: CollapseProps): React.ReactNode {\n const { children } = props;\n const [open, setOpen] = useState(() => {\n return props.open || props.defaultOpen || false;\n });\n\n useEffect(() => {\n if (props.open === undefined) return;\n setOpen(props.open);\n }, [props.open]);\n\n const ref = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!ref.current) return;\n ref.current.style.maxHeight = open ? `${ref.current.scrollHeight}px` : '0';\n }, [open]);\n\n return (\n <div className=\"collapse\" ref={ref}>\n {children}\n </div>\n );\n}\n","export { Spinner, type SpinnerProps } from '@radix-ui/themes';\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../icon';\nimport type { IconButtonProps } from './icon-button';\nimport { IconButton } from './icon-button';\nimport { Flex } from './flex';\nimport { Typo } from './typo';\n\nexport interface PaginationProps {\n /** 현재 선택된 페이지 */\n page?: number;\n /** 기본 선택 페이지, page보다 낮은 우선 순위를 갖는다 */\n defaultPage?: number;\n /** 선택한 페이지 변경 이벤트 cb */\n onChange?: (page: number) => void;\n /** 전체 페이지의 수 */\n count?: number;\n}\n\nexport function Pagination(props: PaginationProps): React.ReactNode {\n const { onChange, count = 0 } = props;\n const siblingCount = 2;\n\n const [page, setPage] = useState(() => props.page || props.defaultPage || 1);\n\n const visibleItems = useMemo(() => {\n let start = Math.max(1, page - siblingCount);\n let end = Math.min(count, page + siblingCount);\n if (page - siblingCount <= 0 && end < count) {\n end = Math.min(count, end + Math.abs(page - siblingCount) + 1);\n } else if (page + siblingCount > count && start > 1) {\n start = Math.max(1, start - (page + siblingCount - count));\n }\n\n return Array.from({ length: end - start + 1 }, (_, i) => i + start);\n }, [count, page]);\n\n useEffect(() => {\n onChange?.(page);\n }, [onChange, page]);\n\n useEffect(() => {\n if (props.page) {\n setPage(props.page);\n }\n }, [props.page]);\n\n const onClickPrev = useCallback(() => {\n setPage((prev) => Math.max(1, prev - 1));\n }, []);\n\n const onClickNext = useCallback(() => {\n setPage((prev) => Math.min(count, prev + 1));\n }, [count]);\n\n const moveButtonProps: IconButtonProps = {\n variant: 'ghost',\n size: '3',\n style: { borderRadius: '50%' },\n };\n\n const iconSize = {\n height: 24,\n width: 24,\n };\n\n const prevDisabled = useMemo(() => {\n return page - siblingCount <= 1;\n }, [page]);\n\n const nextDisabled = useMemo(() => {\n return page + siblingCount >= count;\n }, [count, page]);\n\n return (\n <Flex align=\"center\" className=\"tipp-pagination\" gap=\"4\">\n <IconButton\n disabled={prevDisabled}\n onClick={onClickPrev}\n {...moveButtonProps}\n >\n <ChevronLeftIcon {...iconSize} />\n </IconButton>\n <Flex gap=\"1\">\n {visibleItems.map((item) => {\n return (\n <button\n className={`page-button ${item === page ? 'active' : ''}`}\n key={item}\n onClick={() => {\n setPage(item);\n }}\n type=\"button\"\n >\n <Typo variant=\"body\">{item}</Typo>\n </button>\n );\n })}\n </Flex>\n <IconButton\n disabled={nextDisabled}\n onClick={onClickNext}\n {...moveButtonProps}\n >\n <ChevronRightIcon {...iconSize} />\n </IconButton>\n </Flex>\n );\n}\n","export {\n BookmarkIcon,\n ExitIcon,\n InfoCircledIcon,\n ExclamationTriangleIcon,\n MagnifyingGlassIcon,\n DotsHorizontalIcon,\n ChatBubbleIcon,\n PlusIcon,\n BookmarkFilledIcon,\n MixerHorizontalIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n} from '@radix-ui/react-icons';\n","import type { ColumnDef, SortingState, RowData } from '@tanstack/react-table';\nimport type { CSSProperties } from 'react';\nimport {\n flexRender,\n getCoreRowModel,\n useReactTable,\n getSortedRowModel,\n createColumnHelper,\n} from '@tanstack/react-table';\nimport React, { useMemo, useState } from 'react';\nimport { Flex, Typo } from '../../atoms';\nimport { TriangleArrowDownIcon } from '../../icons/down';\nimport { TriangleArrowUpIcon } from '../../icons/up';\nimport { Row, type ExpandComp, type OnRowClick } from './row';\n\nexport type { ExpandComp, OnRowClick, ColumnDef };\nexport { createColumnHelper };\n\nexport interface ExpandTableProps<Datum extends RowData> {\n /** 렌더할 데이터 배열 */\n data?: Datum[];\n /** 테이블 컬럼의 메타 데이터 */\n columns: ColumnDef<Datum>[];\n /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */\n ExpandComp?: ExpandComp<Datum>;\n /** 데이테가 없을 시 화면에 표시할 컴포넌트 */\n placeholder?: React.ReactNode;\n /** 행 클릭 시 실행할 콜백 */\n onRowClick?: OnRowClick<Datum>;\n rowStyle?: CSSProperties;\n}\n\nexport function ExpandTable<Datum extends RowData>(\n props: ExpandTableProps<Datum>\n): React.ReactNode {\n const { data, columns, ExpandComp, placeholder, onRowClick } = props;\n\n const [sorting, setSorting] = useState<SortingState>([]);\n const { getRowModel, getHeaderGroups } = useReactTable({\n data: data || [],\n columns,\n getCoreRowModel: getCoreRowModel(),\n getSortedRowModel: getSortedRowModel(),\n state: {\n sorting,\n },\n onSortingChange: setSorting,\n });\n\n const gridColTemp = useMemo<string>(() => {\n return columns\n .map((col) => {\n if (col.meta?.autoSize) return '1fr';\n return `${col.size || 150}px`;\n })\n .join(' ');\n }, [columns]);\n\n const rowModels = getRowModel();\n\n return (\n <div className=\"expand-table\">\n <div className=\"thead\">\n {getHeaderGroups().map((headerGroup) => (\n <div\n className=\"tr\"\n key={headerGroup.id}\n style={{ gridTemplateColumns: gridColTemp }}\n >\n {headerGroup.headers.map((header) => {\n const sortable = header.column.getCanSort();\n const sortedState = header.column.getIsSorted();\n\n return (\n <div className=\"th\" key={header.id}>\n <button\n onClick={header.column.getToggleSortingHandler()}\n style={sortable ? { cursor: 'pointer' } : undefined}\n type=\"button\"\n >\n <Typo variant=\"body\">\n {flexRender(\n header.column.columnDef.header,\n header.getContext()\n )}\n </Typo>\n {sortable ? (\n <Flex\n direction=\"column\"\n style={{ marginLeft: 'var(--space-2)' }}\n >\n <TriangleArrowUpIcon\n color={\n sortedState === 'asc'\n ? 'var(--iris-10)'\n : 'var(--iris-6)'\n }\n />\n <TriangleArrowDownIcon\n color={\n sortedState === 'desc'\n ? 'var(--iris-10)'\n : 'var(--iris-6)'\n }\n />\n </Flex>\n ) : null}\n </button>\n </div>\n );\n })}\n </div>\n ))}\n </div>\n <div className=\"tbody\">\n {/* 데이터가 없을 시 표시되는 노드 */}\n {rowModels.rows.length === 0 && (\n <div className=\"tr\" key=\"expand_placeholder\">\n <Flex align=\"center\" justify=\"center\">\n {placeholder || (\n <Typo color=\"gray\" mb=\"6\" mt=\"6\" variant=\"body\">\n 데이터가 없습니다\n </Typo>\n )}\n </Flex>\n </div>\n )}\n\n {/* 행을 렌더하는 로직 */}\n {rowModels.rows.map((row) => {\n return (\n <Row\n ExpandComp={ExpandComp}\n gridColTemp={gridColTemp}\n key={`row_${row.id}`}\n onRowClick={onRowClick}\n row={row}\n />\n );\n })}\n </div>\n </div>\n );\n}\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const TriangleArrowDownIcon = React.forwardRef<SVGSVGElement, IconProps>(\n ({ color = 'currentColor', ...props }, forwardedRef) => {\n return (\n <svg\n fill=\"none\"\n height=\"7\"\n viewBox=\"0 0 8 7\"\n width=\"8\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n ref={forwardedRef}\n >\n <path\n d=\"M7.10844 0.8125H0.891554C0.197392 0.8125 -0.177096 1.62672 0.274659 2.15377L3.3831 5.78029C3.70737 6.1586 4.29263 6.1586 4.6169 5.78029L7.72534 2.15377C8.1771 1.62672 7.80261 0.8125 7.10844 0.8125Z\"\n fill={color}\n />\n </svg>\n );\n }\n);\n\nTriangleArrowDownIcon.displayName = 'ArrowDownIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const TriangleArrowUpIcon = React.forwardRef<SVGSVGElement, IconProps>(\n ({ color = 'currentColor', ...props }, forwardedRef) => {\n return (\n <svg\n fill=\"none\"\n height=\"7\"\n viewBox=\"0 0 8 7\"\n width=\"8\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n ref={forwardedRef}\n >\n <path\n d=\"M0.891555 6.1875L7.10845 6.1875C7.80261 6.1875 8.1771 5.37328 7.72534 4.84623L4.6169 1.21971C4.29263 0.841403 3.70737 0.841403 3.3831 1.21971L0.274659 4.84623C-0.177095 5.37328 0.197393 6.1875 0.891555 6.1875Z\"\n fill={color}\n />\n </svg>\n );\n }\n);\n\nTriangleArrowUpIcon.displayName = 'ArrowUpIcon';\n","import {\n type Row as TanstackRow,\n type RowData,\n flexRender,\n} from '@tanstack/react-table';\nimport React, { useCallback, useState } from 'react';\nimport { Collapse } from '../../atoms';\n\nexport type ExpandComp<Datum> = React.FC<{ row: TanstackRow<Datum> }>;\nexport type OnRowClick<Datum> = (data: Datum) => void;\n\ninterface RowProps<Datum extends RowData> {\n row: TanstackRow<Datum>;\n ExpandComp?: ExpandComp<Datum>;\n onRowClick?: OnRowClick<Datum>;\n gridColTemp: string;\n}\n\nexport function Row<Datum extends RowData>(\n props: RowProps<Datum>\n): React.ReactNode {\n const { row, ExpandComp, gridColTemp } = props;\n const [open, setOpen] = useState(false);\n\n const onClickRow = useCallback(() => {\n props.onRowClick?.(row.original);\n setOpen((prev) => !prev);\n }, [props, row.original]);\n\n return (\n <div\n className={`tr-wrapper ${ExpandComp ? 'expandable' : ''}`}\n key={`tr-wrapper_${row.id}`}\n >\n <button\n className=\"tr\"\n key={`tr_${row.id}`}\n onClick={onClickRow}\n style={{ gridTemplateColumns: gridColTemp }}\n type=\"button\"\n >\n {row.getVisibleCells().map((cell) => {\n const autoSize = cell.column.columnDef.meta?.autoSize;\n\n return (\n <div\n className=\"td\"\n key={cell.id}\n style={{\n minWidth: autoSize ? undefined : cell.column.getSize(),\n flexGrow: autoSize ? 1 : undefined,\n }}\n >\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n {cell.column.columnDef.meta?.OpenBtn ? (\n <cell.column.columnDef.meta.OpenBtn\n data={row.original}\n open={open}\n setIsOpen={setOpen}\n />\n ) : null}\n </div>\n );\n })}\n </button>\n {ExpandComp ? (\n <Collapse open={open}>\n <div className=\"expand-comp-wrapper\">\n <ExpandComp row={row} />\n </div>\n </Collapse>\n ) : null}\n </div>\n );\n}\n","import React from 'react';\nimport { Theme } from '@radix-ui/themes';\n\ntype ThemeProps = React.ComponentProps<typeof Theme>;\n\ninterface ThemeProviderProps extends ThemeProps {\n children: React.ReactNode;\n}\n\nexport function ThemeProvider(props: ThemeProviderProps): React.ReactNode {\n return <Theme accentColor=\"iris\" radius=\"large\" {...props} />;\n}\n","export { useThemeContext } from '@radix-ui/themes';\n","import * as uiProps from '@radix-ui/themes/dist/cjs/props/index.js';\n\nexport { uiProps };\n"],"mappings":"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","names":["Heading","import_themes","import_themes","RadixAvatar","import_themes","import_react","import_jsx_runtime","RadixBadge","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","RadixButton","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","RadixCheckbox","import_themes","import_themes","import_react","import_jsx_runtime","RadixCheckboxGroup","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","ReactDatePicker","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","Heading","RadixHeading","import_themes","import_themes","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","RadixLink","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","RadixText","import_themes","import_themes","import_react","import_jsx_runtime","import_themes","import_react","import_jsx_runtime","import_react_table","import_react","React","import_jsx_runtime","React","import_jsx_runtime","import_react","import_jsx_runtime","import_jsx_runtime","import_themes","import_jsx_runtime","import_themes"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/atoms/alert-dialog.tsx","../src/atoms/aspect-ratio.tsx","../src/atoms/avatar.tsx","../src/atoms/badge.tsx","../src/atoms/blockquote.tsx","../src/atoms/box.tsx","../src/atoms/button.tsx","../src/atoms/call-out.tsx","../src/atoms/card.tsx","../src/atoms/check-box.tsx","../src/atoms/check-box-card.tsx","../src/atoms/check-box-group.tsx","../src/atoms/code.tsx","../src/atoms/container.tsx","../src/atoms/data-list.tsx","../src/atoms/date-picker/index.tsx","../src/atoms/dialog.tsx","../src/atoms/dropdown-menu.tsx","../src/atoms/em.tsx","../src/atoms/flex.tsx","../src/atoms/grid.tsx","../src/atoms/heading.tsx","../src/atoms/hover-card.tsx","../src/atoms/icon-button.tsx","../src/atoms/inset.tsx","../src/atoms/kbd.tsx","../src/atoms/link.tsx","../src/atoms/popover.tsx","../src/atoms/progress.tsx","../src/atoms/quote.tsx","../src/atoms/radio.tsx","../src/atoms/radio-cards.tsx","../src/atoms/radio-group.tsx","../src/atoms/scroll-area.tsx","../src/atoms/section.tsx","../src/atoms/segmented-control.tsx","../src/atoms/select.tsx","../src/atoms/separator.tsx","../src/atoms/skeleton.tsx","../src/atoms/strong.tsx","../src/atoms/switch.tsx","../src/atoms/tab-nav.tsx","../src/atoms/tabs.tsx","../src/atoms/text-area.tsx","../src/atoms/typo.tsx","../src/atoms/text-field.tsx","../src/atoms/tooltip.tsx","../src/atoms/collapse.tsx","../src/atoms/spinner.tsx","../src/atoms/pagination.tsx","../src/icon.ts","../src/atoms/field-error-wrapper.tsx","../src/atoms/ellipsis-tooltip.tsx","../src/molecules/expand-table/index.tsx","../src/icons/down.tsx","../src/icons/up.tsx","../src/molecules/expand-table/row.tsx","../src/theme/theme-provider.tsx","../src/theme/use-theme.tsx","../src/ui-props/index.ts"],"sourcesContent":["export * from './atoms';\nexport * from './molecules';\nexport * from './theme/theme-provider';\nexport * from './theme/use-theme';\nexport * from './ui-props';\nexport * from './icon';\n","export { AlertDialog } from '@radix-ui/themes';\n","export { AspectRatio } from '@radix-ui/themes';\n","import {\n Avatar as RadixAvatar,\n type AvatarProps as RadixAvatarProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type AvatarProps = Omit<RadixAvatarProps, 'size'> & {\n size?: 'small' | 'medium' | 'large' | 'full';\n};\n\nexport const Avatar = forwardRef<HTMLImageElement, AvatarProps>(\n (props: AvatarProps, ref): React.ReactNode => {\n const { children, size, variant = 'soft', ...rest } = props;\n const radixSize = useMemo<RadixAvatarProps['size']>(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'medium':\n return '2';\n case 'large':\n return '3';\n case 'full':\n return '4';\n default:\n return size;\n }\n }, [size]);\n\n return (\n <RadixAvatar {...rest} ref={ref} size={radixSize} variant={variant}>\n {children}\n </RadixAvatar>\n );\n }\n);\n\nAvatar.displayName = 'Avatar';\n","import {\n Badge as RadixBadge,\n type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color'> & {\n size: 'small' | 'large';\n color: 'error' | 'accent' | 'neutral' | 'success';\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n (props: BadgeProps, ref): React.ReactNode => {\n const { size, color, ...rest } = props;\n\n const radixSize = useMemo(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'large':\n return '3';\n default:\n return '1';\n }\n }, [size]);\n\n const radixColor = useMemo(() => {\n switch (color) {\n case 'error':\n return 'red';\n case 'neutral':\n return 'gray';\n case 'success':\n return 'green';\n case 'accent':\n default:\n return undefined;\n }\n }, [color]);\n\n return (\n <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n );\n }\n);\n\nBadge.displayName = 'Badge';\n","export { Blockquote, type BlockquoteProps } from '@radix-ui/themes';\n","export { Box, type BoxProps } from '@radix-ui/themes';\n","import {\n Button as RadixButton,\n type ButtonProps as RadixButtonProps,\n} from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\nexport type ButtonProps = Omit<RadixButtonProps, 'size'> & {\n size: 'small' | 'medium' | 'large';\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (props, ref): React.ReactNode => {\n const { size, ...restProps } = props;\n\n const radixSize = useMemo(() => {\n switch (size) {\n case 'small':\n return '2';\n case 'medium':\n return '3';\n case 'large':\n return '4';\n default:\n return '3';\n }\n }, [size]);\n\n return <RadixButton {...restProps} ref={ref} size={radixSize} />;\n }\n);\n\nButton.displayName = 'Button';\n","export { Callout } from '@radix-ui/themes';\n","export { Card, type CardProps } from '@radix-ui/themes';\n","import {\n Checkbox as RadixCheckbox,\n type CheckboxProps as RadixCheckboxProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type CheckboxProps = Omit<RadixCheckboxProps, 'size'> & {\n size?: 'small' | 'medium' | 'large';\n};\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n (props, ref): React.ReactNode => {\n const { size = 'medium', ...rest } = props;\n\n const radixSize = useMemo<RadixCheckboxProps['size']>(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'medium':\n return '2';\n case 'large':\n return '3';\n }\n }, [size]);\n\n return <RadixCheckbox {...rest} ref={ref} size={radixSize} />;\n }\n);\n\nCheckbox.displayName = 'Checkbox';\n","export { CheckboxCards } from '@radix-ui/themes';\n","import { CheckboxGroup as RadixCheckboxGroup } from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\ntype RadixCheckboxGroupProps = React.ComponentPropsWithoutRef<\n typeof RadixCheckboxGroup.Root\n>;\ntype CheckboxGroupProps = Omit<RadixCheckboxGroupProps, 'size'> & {\n size: 'small' | 'medium' | 'large';\n};\n\nconst Root = forwardRef<HTMLDivElement, CheckboxGroupProps>((props, ref) => {\n const { children, size, ...rest } = props;\n\n const groupSize = useMemo<RadixCheckboxGroupProps['size']>(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'large':\n return '3';\n case 'medium':\n default:\n return '2';\n }\n }, [size]);\n\n return (\n <RadixCheckboxGroup.Root {...rest} ref={ref} size={groupSize}>\n {children}\n </RadixCheckboxGroup.Root>\n );\n});\n\nRoot.displayName = 'CheckboxGroup.Root';\n\nexport const CheckboxGroup = {\n Root,\n Item: RadixCheckboxGroup.Item,\n};\n","export { Code, type CodeProps } from '@radix-ui/themes';\n","export { Container, type ContainerProps } from '@radix-ui/themes';\n","export { DataList } from '@radix-ui/themes';\n","import type { ElementRef } from 'react';\nimport React, { forwardRef } from 'react';\nimport type { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';\nimport ReactDatePicker from 'react-datepicker';\n\ntype DatePickerProps = ReactDatePickerProps;\ntype DatePickerRef = ElementRef<typeof ReactDatePicker>;\n\nconst DatePicker = forwardRef<DatePickerRef, DatePickerProps>(\n (props: DatePickerProps, ref): React.ReactNode => {\n return (\n <ReactDatePicker\n {...props}\n // calendarClassName=\"tipp_datepicker__calendar\"\n open\n ref={ref}\n wrapperClassName=\"tipp_datePicker\"\n />\n );\n }\n);\n\nDatePicker.displayName = 'DatePicker';\n\nexport { DatePicker, type DatePickerProps };\n","export { Dialog } from '@radix-ui/themes';\n","export { DropdownMenu } from '@radix-ui/themes';\n","export { Em, type EmProps } from '@radix-ui/themes';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","export { Grid, type GridProps } from '@radix-ui/themes';\n","import {\n Heading as RadixHeading,\n type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport { useMemo } from 'react';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\n\nexport type HeadingProps = RadixHeadingProps & {\n variant?: 'subtitle1' | 'heading1' | 'heading2' | 'heading3';\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n const { size, children, variant, ...rest } = props;\n const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n switch (variant) {\n case 'subtitle1':\n return '4';\n case 'heading1':\n return '7';\n case 'heading2':\n return '6';\n case 'heading3':\n return '5';\n default:\n return size;\n }\n }, [size, variant]);\n\n return (\n <RadixHeading {...rest} size={radixSize}>\n {children}\n </RadixHeading>\n );\n}\n","export { HoverCard } from '@radix-ui/themes';\n","export { IconButton, type IconButtonProps } from '@radix-ui/themes';\n","export { Inset, type InsetProps } from '@radix-ui/themes';\n","export { Kbd, type KbdProps } from '@radix-ui/themes';\n","import {\n Link as RadixLink,\n type LinkProps as RadixLinkProps,\n} from '@radix-ui/themes';\nimport { useMemo } from 'react';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\n\nexport type LinkProps = RadixLinkProps & {\n variant?: 'caption' | 'body' | 'subtitle';\n};\n\nexport function Link(props: LinkProps): React.ReactNode {\n const { size, children, variant, ...rest } = props;\n const radixSize = useMemo<RadixLinkProps['size']>(() => {\n switch (variant) {\n case 'caption':\n return '1';\n case 'body':\n return '2';\n case 'subtitle':\n return '3';\n default:\n return size;\n }\n }, [size, variant]);\n\n return (\n <RadixLink {...rest} size={radixSize}>\n {children}\n </RadixLink>\n );\n}\n","export { Popover } from '@radix-ui/themes';\n","export { Progress, type ProgressProps } from '@radix-ui/themes';\n","export { Quote, type QuoteProps } from '@radix-ui/themes';\n","export { Radio, type RadioProps } from '@radix-ui/themes';\n","export { RadioCards } from '@radix-ui/themes';\n","export { RadioGroup } from '@radix-ui/themes';\n","export { ScrollArea, type ScrollAreaProps } from '@radix-ui/themes';\n","export { Section, type SectionProps } from '@radix-ui/themes';\n","export { SegmentedControl } from '@radix-ui/themes';\n","export { Select } from '@radix-ui/themes';\n","export { Separator, type SeparatorProps } from '@radix-ui/themes';\n","export { Skeleton, type SkeletonProps } from '@radix-ui/themes';\n","export { Strong, type StrongProps } from '@radix-ui/themes';\n","export { Switch, type SwitchProps } from '@radix-ui/themes';\n","export { TabNav } from '@radix-ui/themes';\n","export { Tabs } from '@radix-ui/themes';\n","export { TextArea, type TextAreaProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n (props: TypoProps, ref): React.ReactNode => {\n const { size, variant, children, ...rest } = props;\n\n const radixSize = useMemo<RadixTextProps['size']>(() => {\n if (size !== undefined) return size;\n switch (variant) {\n case 'caption':\n return '1';\n case 'subtitle':\n return '3';\n case 'body':\n default:\n return '2';\n }\n }, [size, variant]);\n\n return (\n <RadixText {...rest} ref={ref} size={radixSize}>\n {children}\n </RadixText>\n );\n }\n);\n\nTypo.displayName = 'Typo';\n","export { TextField } from '@radix-ui/themes';\n","export { Tooltip, type TooltipProps } from '@radix-ui/themes';\n","import React, { useEffect, useRef, useState } from 'react';\n\nexport interface CollapseProps {\n children: React.ReactNode;\n open?: boolean;\n defaultOpen?: boolean;\n}\n\nexport function Collapse(props: CollapseProps): React.ReactNode {\n const { children } = props;\n const [open, setOpen] = useState(() => {\n return props.open || props.defaultOpen || false;\n });\n\n useEffect(() => {\n if (props.open === undefined) return;\n setOpen(props.open);\n }, [props.open]);\n\n const ref = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!ref.current) return;\n ref.current.style.maxHeight = open ? `${ref.current.scrollHeight}px` : '0';\n }, [open]);\n\n return (\n <div className=\"collapse\" ref={ref}>\n {children}\n </div>\n );\n}\n","export { Spinner, type SpinnerProps } from '@radix-ui/themes';\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../icon';\nimport type { IconButtonProps } from './icon-button';\nimport { IconButton } from './icon-button';\nimport { Flex } from './flex';\nimport { Typo } from './typo';\n\nexport interface PaginationProps {\n /** 현재 선택된 페이지 */\n page?: number;\n /** 기본 선택 페이지, page보다 낮은 우선 순위를 갖는다 */\n defaultPage?: number;\n /** 선택한 페이지 변경 이벤트 cb */\n onChange?: (page: number) => void;\n /** 전체 페이지의 수 */\n count?: number;\n}\n\nexport function Pagination(props: PaginationProps): React.ReactNode {\n const { onChange, count = 0 } = props;\n const siblingCount = 2;\n\n const [page, setPage] = useState(() => props.page || props.defaultPage || 1);\n\n const visibleItems = useMemo(() => {\n let start = Math.max(1, page - siblingCount);\n let end = Math.min(count, page + siblingCount);\n if (page - siblingCount <= 0 && end < count) {\n end = Math.min(count, end + Math.abs(page - siblingCount) + 1);\n } else if (page + siblingCount > count && start > 1) {\n start = Math.max(1, start - (page + siblingCount - count));\n }\n\n return Array.from({ length: end - start + 1 }, (_, i) => i + start);\n }, [count, page]);\n\n useEffect(() => {\n onChange?.(page);\n }, [onChange, page]);\n\n useEffect(() => {\n if (props.page) {\n setPage(props.page);\n }\n }, [props.page]);\n\n const onClickPrev = useCallback(() => {\n setPage((prev) => Math.max(1, prev - 1));\n }, []);\n\n const onClickNext = useCallback(() => {\n setPage((prev) => Math.min(count, prev + 1));\n }, [count]);\n\n const moveButtonProps: IconButtonProps = {\n variant: 'ghost',\n size: '3',\n style: { borderRadius: '50%' },\n };\n\n const iconSize = {\n height: 24,\n width: 24,\n };\n\n const prevDisabled = useMemo(() => {\n return page - siblingCount <= 1;\n }, [page]);\n\n const nextDisabled = useMemo(() => {\n return page + siblingCount >= count;\n }, [count, page]);\n\n return (\n <Flex align=\"center\" className=\"tipp-pagination\" gap=\"4\">\n <IconButton\n disabled={prevDisabled}\n onClick={onClickPrev}\n {...moveButtonProps}\n >\n <ChevronLeftIcon {...iconSize} />\n </IconButton>\n <Flex gap=\"1\">\n {visibleItems.map((item) => {\n return (\n <button\n className={`page-button ${item === page ? 'active' : ''}`}\n key={item}\n onClick={() => {\n setPage(item);\n }}\n type=\"button\"\n >\n <Typo variant=\"body\">{item}</Typo>\n </button>\n );\n })}\n </Flex>\n <IconButton\n disabled={nextDisabled}\n onClick={onClickNext}\n {...moveButtonProps}\n >\n <ChevronRightIcon {...iconSize} />\n </IconButton>\n </Flex>\n );\n}\n","export {\n BookmarkIcon,\n ExitIcon,\n InfoCircledIcon,\n ExclamationTriangleIcon,\n MagnifyingGlassIcon,\n DotsHorizontalIcon,\n ChatBubbleIcon,\n PlusIcon,\n BookmarkFilledIcon,\n MixerHorizontalIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n} from '@radix-ui/react-icons';\n","import React from 'react';\nimport { Flex } from './flex';\nimport { Typo } from './typo';\n\nexport interface FieldErrorWrapperProps {\n children?: React.ReactNode;\n error?: React.ReactNode;\n}\n\nexport function FieldErrorWrapper({\n children,\n error,\n}: FieldErrorWrapperProps): JSX.Element {\n return (\n <Flex direction=\"column\" gap=\"1\">\n {children}\n {error ? (\n <Typo color=\"red\" variant=\"caption\">\n {error}\n </Typo>\n ) : null}\n </Flex>\n );\n}\n","import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n lineClamp?: number;\n children?: string;\n};\n\nexport function EllipsisTooltip(props: EllipsisTooltipProps): React.ReactNode {\n const { children, style, lineClamp = 2, ...rest } = props;\n const ref = useRef<HTMLSpanElement>(null);\n\n const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n 'none'\n );\n\n useEffect(() => {\n if (ref.current) {\n const typo = ref.current;\n const mouseOver = (): void => {\n if (typo.clientHeight < typo.scrollHeight) {\n setTooltipDisplay('block');\n }\n };\n\n const mouseOut = (): void => {\n setTooltipDisplay('none');\n };\n\n ref.current.addEventListener('mouseenter', mouseOver);\n ref.current.addEventListener('mouseleave', mouseOut);\n }\n }, [children]);\n\n return (\n <Tooltip content={children} style={{ display: tooltipDisplay }}>\n <Typo\n {...rest}\n ref={ref}\n style={{\n width: '100%',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n WebkitLineClamp: lineClamp,\n\n display: '-webkit-box',\n WebkitBoxOrient: 'vertical',\n wordBreak: 'break-word',\n ...style,\n }}\n >\n {children}\n </Typo>\n </Tooltip>\n );\n}\n","import type { ColumnDef, SortingState, RowData } from '@tanstack/react-table';\nimport type { CSSProperties } from 'react';\nimport {\n flexRender,\n getCoreRowModel,\n useReactTable,\n getSortedRowModel,\n createColumnHelper,\n} from '@tanstack/react-table';\nimport React, { useMemo, useState } from 'react';\nimport { Flex, Typo } from '../../atoms';\nimport { TriangleArrowDownIcon } from '../../icons/down';\nimport { TriangleArrowUpIcon } from '../../icons/up';\nimport { Row, type ExpandComp, type OnRowClick } from './row';\n\nexport type { ExpandComp, OnRowClick, ColumnDef };\nexport { createColumnHelper };\n\nexport interface ExpandTableProps<Datum extends RowData> {\n /** 렌더할 데이터 배열 */\n data?: Datum[];\n /** 테이블 컬럼의 메타 데이터 */\n columns: ColumnDef<Datum>[];\n /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */\n ExpandComp?: ExpandComp<Datum>;\n /** 데이테가 없을 시 화면에 표시할 컴포넌트 */\n placeholder?: React.ReactNode;\n /** 행 클릭 시 실행할 콜백 */\n onRowClick?: OnRowClick<Datum>;\n rowStyle?: CSSProperties;\n}\n\nexport function ExpandTable<Datum extends RowData>(\n props: ExpandTableProps<Datum>\n): React.ReactNode {\n const { data, columns, ExpandComp, placeholder, onRowClick } = props;\n\n const [sorting, setSorting] = useState<SortingState>([]);\n const { getRowModel, getHeaderGroups } = useReactTable({\n data: data || [],\n columns,\n getCoreRowModel: getCoreRowModel(),\n getSortedRowModel: getSortedRowModel(),\n state: {\n sorting,\n },\n onSortingChange: setSorting,\n });\n\n const gridColTemp = useMemo<string>(() => {\n return columns\n .map((col) => {\n if (col.meta?.autoSize) return '1fr';\n return `${col.size || 150}px`;\n })\n .join(' ');\n }, [columns]);\n\n const rowModels = getRowModel();\n\n return (\n <div className=\"expand-table\">\n <div className=\"thead\">\n {getHeaderGroups().map((headerGroup) => (\n <div\n className=\"tr\"\n key={headerGroup.id}\n style={{ gridTemplateColumns: gridColTemp }}\n >\n {headerGroup.headers.map((header) => {\n const sortable = header.column.getCanSort();\n const sortedState = header.column.getIsSorted();\n\n return (\n <div className=\"th\" key={header.id}>\n <button\n onClick={header.column.getToggleSortingHandler()}\n style={sortable ? { cursor: 'pointer' } : undefined}\n type=\"button\"\n >\n <Typo variant=\"body\">\n {flexRender(\n header.column.columnDef.header,\n header.getContext()\n )}\n </Typo>\n {sortable ? (\n <Flex\n direction=\"column\"\n style={{ marginLeft: 'var(--space-2)' }}\n >\n <TriangleArrowUpIcon\n color={\n sortedState === 'asc'\n ? 'var(--iris-10)'\n : 'var(--iris-6)'\n }\n />\n <TriangleArrowDownIcon\n color={\n sortedState === 'desc'\n ? 'var(--iris-10)'\n : 'var(--iris-6)'\n }\n />\n </Flex>\n ) : null}\n </button>\n </div>\n );\n })}\n </div>\n ))}\n </div>\n <div className=\"tbody\">\n {/* 데이터가 없을 시 표시되는 노드 */}\n {rowModels.rows.length === 0 && (\n <div className=\"tr\" key=\"expand_placeholder\">\n <Flex align=\"center\" justify=\"center\">\n {placeholder || (\n <Typo color=\"gray\" mb=\"6\" mt=\"6\" variant=\"body\">\n 데이터가 없습니다\n </Typo>\n )}\n </Flex>\n </div>\n )}\n\n {/* 행을 렌더하는 로직 */}\n {rowModels.rows.map((row) => {\n return (\n <Row\n ExpandComp={ExpandComp}\n gridColTemp={gridColTemp}\n key={`row_${row.id}`}\n onRowClick={onRowClick}\n row={row}\n />\n );\n })}\n </div>\n </div>\n );\n}\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const TriangleArrowDownIcon = React.forwardRef<SVGSVGElement, IconProps>(\n ({ color = 'currentColor', ...props }, forwardedRef) => {\n return (\n <svg\n fill=\"none\"\n height=\"7\"\n viewBox=\"0 0 8 7\"\n width=\"8\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n ref={forwardedRef}\n >\n <path\n d=\"M7.10844 0.8125H0.891554C0.197392 0.8125 -0.177096 1.62672 0.274659 2.15377L3.3831 5.78029C3.70737 6.1586 4.29263 6.1586 4.6169 5.78029L7.72534 2.15377C8.1771 1.62672 7.80261 0.8125 7.10844 0.8125Z\"\n fill={color}\n />\n </svg>\n );\n }\n);\n\nTriangleArrowDownIcon.displayName = 'ArrowDownIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const TriangleArrowUpIcon = React.forwardRef<SVGSVGElement, IconProps>(\n ({ color = 'currentColor', ...props }, forwardedRef) => {\n return (\n <svg\n fill=\"none\"\n height=\"7\"\n viewBox=\"0 0 8 7\"\n width=\"8\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n ref={forwardedRef}\n >\n <path\n d=\"M0.891555 6.1875L7.10845 6.1875C7.80261 6.1875 8.1771 5.37328 7.72534 4.84623L4.6169 1.21971C4.29263 0.841403 3.70737 0.841403 3.3831 1.21971L0.274659 4.84623C-0.177095 5.37328 0.197393 6.1875 0.891555 6.1875Z\"\n fill={color}\n />\n </svg>\n );\n }\n);\n\nTriangleArrowUpIcon.displayName = 'ArrowUpIcon';\n","import {\n type Row as TanstackRow,\n type RowData,\n flexRender,\n} from '@tanstack/react-table';\nimport React, { useCallback, useState } from 'react';\nimport { Collapse } from '../../atoms';\n\nexport type ExpandComp<Datum> = React.FC<{ row: TanstackRow<Datum> }>;\nexport type OnRowClick<Datum> = (data: Datum) => void;\n\ninterface RowProps<Datum extends RowData> {\n row: TanstackRow<Datum>;\n ExpandComp?: ExpandComp<Datum>;\n onRowClick?: OnRowClick<Datum>;\n gridColTemp: string;\n}\n\nexport function Row<Datum extends RowData>(\n props: RowProps<Datum>\n): React.ReactNode {\n const { row, ExpandComp, gridColTemp } = props;\n const [open, setOpen] = useState(false);\n\n const onClickRow = useCallback(() => {\n props.onRowClick?.(row.original);\n setOpen((prev) => !prev);\n }, [props, row.original]);\n\n return (\n <div\n className={`tr-wrapper ${ExpandComp ? 'expandable' : ''}`}\n key={`tr-wrapper_${row.id}`}\n >\n <button\n className=\"tr\"\n key={`tr_${row.id}`}\n onClick={onClickRow}\n style={{ gridTemplateColumns: gridColTemp }}\n type=\"button\"\n >\n {row.getVisibleCells().map((cell) => {\n const autoSize = cell.column.columnDef.meta?.autoSize;\n\n return (\n <div\n className=\"td\"\n key={cell.id}\n style={{\n minWidth: autoSize ? undefined : cell.column.getSize(),\n flexGrow: autoSize ? 1 : undefined,\n }}\n >\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n {cell.column.columnDef.meta?.OpenBtn ? (\n <cell.column.columnDef.meta.OpenBtn\n data={row.original}\n open={open}\n setIsOpen={setOpen}\n />\n ) : null}\n </div>\n );\n })}\n </button>\n {ExpandComp ? (\n <Collapse open={open}>\n <div className=\"expand-comp-wrapper\">\n <ExpandComp row={row} />\n </div>\n </Collapse>\n ) : null}\n </div>\n );\n}\n","import React from 'react';\nimport { Theme } from '@radix-ui/themes';\n\ntype ThemeProps = React.ComponentProps<typeof Theme>;\n\ninterface ThemeProviderProps extends ThemeProps {\n children: React.ReactNode;\n}\n\nexport function ThemeProvider(props: ThemeProviderProps): React.ReactNode {\n return <Theme accentColor=\"iris\" radius=\"large\" {...props} />;\n}\n","export { useThemeContext } from '@radix-ui/themes';\n","import * as uiProps from '@radix-ui/themes/dist/cjs/props/index.js';\n\nexport { uiProps };\n"],"mappings":"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","names":["Heading","import_themes","import_themes","RadixAvatar","import_themes","import_react","import_jsx_runtime","RadixBadge","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","RadixButton","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","RadixCheckbox","import_themes","import_themes","import_react","import_jsx_runtime","RadixCheckboxGroup","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","ReactDatePicker","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","Heading","RadixHeading","import_themes","import_themes","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","RadixLink","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","RadixText","import_themes","import_themes","import_react","import_jsx_runtime","import_themes","import_react","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","import_react_table","import_react","React","import_jsx_runtime","React","import_jsx_runtime","import_react","import_jsx_runtime","import_jsx_runtime","import_themes","import_jsx_runtime","import_themes"]}
package/dist/index.d.cts CHANGED
@@ -10,6 +10,8 @@ export { Link, LinkProps } from './atoms/link.cjs';
10
10
  export { Typo, TypoProps } from './atoms/typo.cjs';
11
11
  export { Collapse, CollapseProps } from './atoms/collapse.cjs';
12
12
  export { Pagination, PaginationProps } from './atoms/pagination.cjs';
13
+ export { FieldErrorWrapper, FieldErrorWrapperProps } from './atoms/field-error-wrapper.cjs';
14
+ export { EllipsisTooltip, EllipsisTooltipProps } from './atoms/ellipsis-tooltip.cjs';
13
15
  export { ExpandTable, ExpandTableProps } from './molecules/expand-table/index.cjs';
14
16
  export { ThemeProvider } from './theme/theme-provider.cjs';
15
17
  import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
package/dist/index.d.ts CHANGED
@@ -10,6 +10,8 @@ export { Link, LinkProps } from './atoms/link.js';
10
10
  export { Typo, TypoProps } from './atoms/typo.js';
11
11
  export { Collapse, CollapseProps } from './atoms/collapse.js';
12
12
  export { Pagination, PaginationProps } from './atoms/pagination.js';
13
+ export { FieldErrorWrapper, FieldErrorWrapperProps } from './atoms/field-error-wrapper.js';
14
+ export { EllipsisTooltip, EllipsisTooltipProps } from './atoms/ellipsis-tooltip.js';
13
15
  export { ExpandTable, ExpandTableProps } from './molecules/expand-table/index.js';
14
16
  export { ThemeProvider } from './theme/theme-provider.js';
15
17
  import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';