@tipp/ui 1.0.49 → 1.0.50

package/dist/atoms/drawer.js

@@ -3,9 +3,9 @@ import {
   Drawer,
   Root,
   Trigger
-} from "../chunk-NBJOYJAF.js";
-import "../chunk-BVBX6IJ3.js";
+} from "../chunk-ONYSO7Y2.js";
 import "../chunk-NJ2U2TVS.js";
+import "../chunk-BVBX6IJ3.js";
 import "../chunk-O3DNDMV3.js";
 import "../chunk-N552FDTV.js";
 export {

package/dist/atoms/field-error-wrapper.js

@@ -1,8 +1,8 @@
 import {
   FieldErrorWrapper
-} from "../chunk-CHHLIPDN.js";
-import "../chunk-25HMMI7R.js";
+} from "../chunk-CNQ7RNNY.js";
 import "../chunk-O3XTRD7R.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-N552FDTV.js";
 export {
   FieldErrorWrapper

package/dist/atoms/index.js

@@ -1,4 +1,16 @@
 import "../chunk-2ANGYYEV.js";
+import {
+  TextField
+} from "../chunk-JPIZP2PZ.js";
+import {
+  Separator
+} from "../chunk-HYITAA4J.js";
+import {
+  Skeleton
+} from "../chunk-5H3YPCZK.js";
+import {
+  Spinner
+} from "../chunk-FR2GDOU2.js";
 import {
   Strong
 } from "../chunk-74DX4CU7.js";
@@ -15,8 +27,14 @@ import {
   TextArea
 } from "../chunk-ILRUXI2E.js";
 import {
-  TextField
-} from "../chunk-JPIZP2PZ.js";
+  Quote
+} from "../chunk-YO3BQW6S.js";
+import {
+  RadioCards
+} from "../chunk-6IVCARWS.js";
+import {
+  RadioGroup
+} from "../chunk-6DJOIRMF.js";
 import {
   Radio
 } from "../chunk-FPD73OHW.js";
@@ -33,14 +51,8 @@ import {
   Select
 } from "../chunk-3JRNKBMN.js";
 import {
-  Separator
-} from "../chunk-HYITAA4J.js";
-import {
-  Skeleton
-} from "../chunk-5H3YPCZK.js";
-import {
-  Spinner
-} from "../chunk-FR2GDOU2.js";
+  Inset
+} from "../chunk-XQOL7UBI.js";
 import {
   Kbd
 } from "../chunk-TULWX7D6.js";
@@ -49,7 +61,7 @@ import {
 } from "../chunk-XQOZWYUA.js";
 import {
   Pagination
-} from "../chunk-FQYPUIFX.js";
+} from "../chunk-HXJPG3ZO.js";
 import {
   Popover
 } from "../chunk-5AVBYDPB.js";
@@ -57,14 +69,23 @@ import {
   Progress
 } from "../chunk-365QMK4D.js";
 import {
-  Quote
-} from "../chunk-YO3BQW6S.js";
+  EllipsisTooltip
+} from "../chunk-4IKPNQV5.js";
 import {
-  RadioCards
-} from "../chunk-6IVCARWS.js";
+  Tooltip
+} from "../chunk-ACVANQJ4.js";
 import {
-  RadioGroup
-} from "../chunk-6DJOIRMF.js";
+  Em
+} from "../chunk-2DZ2Y3JI.js";
+import {
+  FieldErrorWrapper
+} from "../chunk-CNQ7RNNY.js";
+import {
+  Typo
+} from "../chunk-O3XTRD7R.js";
+import {
+  Flex
+} from "../chunk-25HMMI7R.js";
 import {
   Form
 } from "../chunk-2CVXGGI5.js";
@@ -78,8 +99,14 @@ import {
   HoverCard
 } from "../chunk-O3T3TM3V.js";
 import {
-  Inset
-} from "../chunk-XQOL7UBI.js";
+  Checkbox
+} from "../chunk-JEHDCZQU.js";
+import {
+  Code
+} from "../chunk-OHMOP5PV.js";
+import {
+  Collapse
+} from "../chunk-KGLIAFTI.js";
 import {
   Container
 } from "../chunk-Q37G2GS6.js";
@@ -94,12 +121,12 @@ import {
   Drawer,
   Root,
   Trigger
-} from "../chunk-NBJOYJAF.js";
-import "../chunk-BVBX6IJ3.js";
+} from "../chunk-ONYSO7Y2.js";
 import {
   ToastContainer,
   toast
 } from "../chunk-NJ2U2TVS.js";
+import "../chunk-BVBX6IJ3.js";
 import {
   IconButton
 } from "../chunk-O3DNDMV3.js";
@@ -107,23 +134,14 @@ import {
   DropdownMenu
 } from "../chunk-4WFMOFN2.js";
 import {
-  EllipsisTooltip
-} from "../chunk-4IKPNQV5.js";
-import {
-  Tooltip
-} from "../chunk-ACVANQJ4.js";
-import {
-  Em
-} from "../chunk-2DZ2Y3JI.js";
-import {
-  FieldErrorWrapper
-} from "../chunk-CHHLIPDN.js";
+  Badge
+} from "../chunk-ALOPZ54P.js";
 import {
-  Flex
-} from "../chunk-25HMMI7R.js";
+  Blockquote
+} from "../chunk-YGL6SWKN.js";
 import {
-  Typo
-} from "../chunk-O3XTRD7R.js";
+  Box
+} from "../chunk-4Y5BEXVN.js";
 import {
   Button
 } from "../chunk-AQX7DQLI.js";
@@ -139,15 +157,6 @@ import {
 import {
   CheckboxGroup
 } from "../chunk-IQEEPHOY.js";
-import {
-  Checkbox
-} from "../chunk-JEHDCZQU.js";
-import {
-  Code
-} from "../chunk-OHMOP5PV.js";
-import {
-  Collapse
-} from "../chunk-KGLIAFTI.js";
 import "../chunk-TSVWEPRP.js";
 import {
   AlertDialog
@@ -158,15 +167,6 @@ import {
 import {
   Avatar
 } from "../chunk-CZEGRZBK.js";
-import {
-  Badge
-} from "../chunk-ALOPZ54P.js";
-import {
-  Blockquote
-} from "../chunk-YGL6SWKN.js";
-import {
-  Box
-} from "../chunk-4Y5BEXVN.js";
 import "../chunk-N552FDTV.js";
 export {
   AlertDialog,

package/dist/atoms/pagination.js

@@ -1,9 +1,9 @@
 import {
   Pagination
-} from "../chunk-FQYPUIFX.js";
-import "../chunk-O3DNDMV3.js";
-import "../chunk-25HMMI7R.js";
+} from "../chunk-HXJPG3ZO.js";
 import "../chunk-O3XTRD7R.js";
+import "../chunk-25HMMI7R.js";
+import "../chunk-O3DNDMV3.js";
 import "../chunk-TSVWEPRP.js";
 import "../chunk-N552FDTV.js";
 export {

package/dist/chunk-KBXRIA7J.js

@@ -0,0 +1,123 @@
+import {
+  Row
+} from "./chunk-MDBFTLD7.js";
+import {
+  Typo
+} from "./chunk-O3XTRD7R.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  TriangleArrowDownIcon
+} from "./chunk-BSTJBBEX.js";
+import {
+  TriangleArrowUpIcon
+} from "./chunk-NDUKDKGB.js";
+
+// src/molecules/expand-table/index.tsx
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+  getSortedRowModel,
+  createColumnHelper
+} from "@tanstack/react-table";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ExpandTable(props) {
+  const { data, columns, ExpandComp, placeholder, onRowClick } = props;
+  const defaultAlign = "left";
+  const [sorting, setSorting] = useState([]);
+  const { getRowModel, getHeaderGroups } = useReactTable({
+    data: data || [],
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    state: {
+      sorting
+    },
+    onSortingChange: setSorting
+  });
+  const gridColTemp = useMemo(() => {
+    return columns.map((col) => {
+      var _a;
+      if ((_a = col.meta) == null ? void 0 : _a.autoSize)
+        return "1fr";
+      return `${col.size || 150}px`;
+    }).join(" ");
+  }, [columns]);
+  const rowModels = getRowModel();
+  return /* @__PURE__ */ jsxs("div", { className: "expand-table", children: [
+    /* @__PURE__ */ jsx("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "tr",
+        style: { gridTemplateColumns: gridColTemp },
+        children: headerGroup.headers.map((header) => {
+          var _a;
+          const sortable = header.column.getCanSort();
+          const sortedState = header.column.getIsSorted();
+          const justifyContent = ((_a = header.column.columnDef.meta) == null ? void 0 : _a.align) || defaultAlign;
+          return /* @__PURE__ */ jsx("div", { className: `${justifyContent} th`, children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: header.column.getToggleSortingHandler(),
+              style: sortable ? { cursor: "pointer" } : void 0,
+              type: "button",
+              children: [
+                /* @__PURE__ */ jsx(Typo, { variant: "body", children: flexRender(
+                  header.column.columnDef.header,
+                  header.getContext()
+                ) }),
+                sortable ? /* @__PURE__ */ jsxs(
+                  Flex,
+                  {
+                    direction: "column",
+                    style: { marginLeft: "var(--space-2)" },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        TriangleArrowUpIcon,
+                        {
+                          color: sortedState === "asc" ? "var(--iris-10)" : "var(--iris-6)"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        TriangleArrowDownIcon,
+                        {
+                          color: sortedState === "desc" ? "var(--iris-10)" : "var(--iris-6)"
+                        }
+                      )
+                    ]
+                  }
+                ) : null
+              ]
+            }
+          ) }, header.id);
+        })
+      },
+      headerGroup.id
+    )) }),
+    /* @__PURE__ */ jsxs("div", { className: "tbody", children: [
+      rowModels.rows.length === 0 && /* @__PURE__ */ jsx("div", { className: "tr", children: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ jsx(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder"),
+      rowModels.rows.map((row) => {
+        return /* @__PURE__ */ jsx(
+          Row,
+          {
+            ExpandComp,
+            defaultAlign,
+            gridColTemp,
+            onRowClick,
+            row
+          },
+          `row_${row.id}`
+        );
+      })
+    ] })
+  ] });
+}
+
+export {
+  createColumnHelper,
+  ExpandTable
+};
+//# sourceMappingURL=chunk-KBXRIA7J.js.map

package/dist/chunk-KBXRIA7J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/expand-table/index.tsx"],"sourcesContent":["import type {\n  ColumnDef,\n  SortingState,\n  RowData,\n  Row as RowType,\n} 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, RowType as Row };\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  const defaultAlign = 'left';\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              const justifyContent =\n                header.column.columnDef.meta?.align || defaultAlign;\n\n              return (\n                <div className={`${justifyContent} 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              defaultAlign={defaultAlign}\n              gridColTemp={gridColTemp}\n              key={`row_${row.id}`}\n              onRowClick={onRowClick}\n              row={row}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAOA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,SAAS,gBAAgB;AAyErB,cAOE,YAPF;AAlDb,SAAS,YACd,OACiB;AACjB,QAAM,EAAE,MAAM,SAAS,YAAY,aAAa,WAAW,IAAI;AAC/D,QAAM,eAAe;AACrB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAuB,CAAC,CAAC;AACvD,QAAM,EAAE,aAAa,gBAAgB,IAAI,cAAc;AAAA,IACrD,MAAM,QAAQ,CAAC;AAAA,IACf;AAAA,IACA,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,kBAAkB;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,EACnB,CAAC;AAED,QAAM,cAAc,QAAgB,MAAM;AACxC,WAAO,QACJ,IAAI,CAAC,QAAQ;AAxDpB;AAyDQ,WAAI,SAAI,SAAJ,mBAAU;AAAU,eAAO;AAC/B,aAAO,GAAG,IAAI,QAAQ,GAAG;AAAA,IAC3B,CAAC,EACA,KAAK,GAAG;AAAA,EACb,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,YAAY,YAAY;AAE9B,SACE,qBAAC,SAAI,WAAU,gBACb;AAAA,wBAAC,SAAI,WAAU,SACZ,0BAAgB,EAAE,IAAI,CAAC,gBACtB;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QAEV,OAAO,EAAE,qBAAqB,YAAY;AAAA,QAEzC,sBAAY,QAAQ,IAAI,CAAC,WAAW;AA1EjD;AA2Ec,gBAAM,WAAW,OAAO,OAAO,WAAW;AAC1C,gBAAM,cAAc,OAAO,OAAO,YAAY;AAC9C,gBAAM,mBACJ,YAAO,OAAO,UAAU,SAAxB,mBAA8B,UAAS;AAEzC,iBACE,oBAAC,SAAI,WAAW,GAAG,cAAc,OAC/B;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,OAAO,OAAO,wBAAwB;AAAA,cAC/C,OAAO,WAAW,EAAE,QAAQ,UAAU,IAAI;AAAA,cAC1C,MAAK;AAAA,cAEL;AAAA,oCAAC,QAAK,SAAQ,QACX;AAAA,kBACC,OAAO,OAAO,UAAU;AAAA,kBACxB,OAAO,WAAW;AAAA,gBACpB,GACF;AAAA,gBACC,WACC;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,EAAE,YAAY,iBAAiB;AAAA,oBAEtC;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,OACE,gBAAgB,QACZ,mBACA;AAAA;AAAA,sBAER;AAAA,sBACA;AAAA,wBAAC;AAAA;AAAA,0BACC,OACE,gBAAgB,SACZ,mBACA;AAAA;AAAA,sBAER;AAAA;AAAA;AAAA,gBACF,IACE;AAAA;AAAA;AAAA,UACN,KAjC2C,OAAO,EAkCpD;AAAA,QAEJ,CAAC;AAAA;AAAA,MA9CI,YAAY;AAAA,IA+CnB,CACD,GACH;AAAA,IACA,qBAAC,SAAI,WAAU,SAEZ;AAAA,gBAAU,KAAK,WAAW,KACzB,oBAAC,SAAI,WAAU,MACb,8BAAC,QAAK,OAAM,UAAS,SAAQ,UAC1B,yBACC,oBAAC,QAAK,OAAM,QAAO,IAAG,KAAI,IAAG,KAAI,SAAQ,QAAO,+DAEhD,GAEJ,KAPsB,oBAQxB;AAAA,MAID,UAAU,KAAK,IAAI,CAAC,QAAQ;AAC3B,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YAEA;AAAA,YACA;AAAA;AAAA,UAFK,OAAO,IAAI,EAAE;AAAA,QAGpB;AAAA,MAEJ,CAAC;AAAA,OACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-NC6QKYLP.js

@@ -0,0 +1,123 @@
+import {
+  Row
+} from "./chunk-MDBFTLD7.js";
+import {
+  TriangleArrowDownIcon
+} from "./chunk-BSTJBBEX.js";
+import {
+  TriangleArrowUpIcon
+} from "./chunk-NDUKDKGB.js";
+import {
+  Typo
+} from "./chunk-O3XTRD7R.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/molecules/expand-table/index.tsx
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+  getSortedRowModel,
+  createColumnHelper
+} from "@tanstack/react-table";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ExpandTable(props) {
+  const { data, columns, ExpandComp, placeholder, onRowClick } = props;
+  const defaultAlign = "left";
+  const [sorting, setSorting] = useState([]);
+  const { getRowModel, getHeaderGroups } = useReactTable({
+    data: data || [],
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    state: {
+      sorting
+    },
+    onSortingChange: setSorting
+  });
+  const gridColTemp = useMemo(() => {
+    return columns.map((col) => {
+      var _a;
+      if ((_a = col.meta) == null ? void 0 : _a.autoSize)
+        return "1fr";
+      return `${col.size || 150}px`;
+    }).join(" ");
+  }, [columns]);
+  const rowModels = getRowModel();
+  return /* @__PURE__ */ jsxs("div", { className: "expand-table", children: [
+    /* @__PURE__ */ jsx("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "tr",
+        style: { gridTemplateColumns: gridColTemp },
+        children: headerGroup.headers.map((header) => {
+          var _a;
+          const sortable = header.column.getCanSort();
+          const sortedState = header.column.getIsSorted();
+          const justifyContent = ((_a = header.column.columnDef.meta) == null ? void 0 : _a.align) || defaultAlign;
+          return /* @__PURE__ */ jsx("div", { className: `${justifyContent} th`, children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: header.column.getToggleSortingHandler(),
+              style: sortable ? { cursor: "pointer" } : void 0,
+              type: "button",
+              children: [
+                /* @__PURE__ */ jsx(Typo, { variant: "body", children: flexRender(
+                  header.column.columnDef.header,
+                  header.getContext()
+                ) }),
+                sortable ? /* @__PURE__ */ jsxs(
+                  Flex,
+                  {
+                    direction: "column",
+                    style: { marginLeft: "var(--space-2)" },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        TriangleArrowUpIcon,
+                        {
+                          color: sortedState === "asc" ? "var(--iris-10)" : "var(--iris-6)"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        TriangleArrowDownIcon,
+                        {
+                          color: sortedState === "desc" ? "var(--iris-10)" : "var(--iris-6)"
+                        }
+                      )
+                    ]
+                  }
+                ) : null
+              ]
+            }
+          ) }, header.id);
+        })
+      },
+      headerGroup.id
+    )) }),
+    /* @__PURE__ */ jsxs("div", { className: "tbody", children: [
+      rowModels.rows.length === 0 && /* @__PURE__ */ jsx("div", { className: "tr", children: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ jsx(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder"),
+      rowModels.rows.map((row) => {
+        return /* @__PURE__ */ jsx(
+          Row,
+          {
+            ExpandComp,
+            defaultAlign,
+            gridColTemp,
+            onRowClick,
+            row
+          },
+          `row_${row.id}`
+        );
+      })
+    ] })
+  ] });
+}
+
+export {
+  createColumnHelper,
+  ExpandTable
+};
+//# sourceMappingURL=chunk-NC6QKYLP.js.map

package/dist/chunk-NC6QKYLP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/expand-table/index.tsx"],"sourcesContent":["import type {\n  ColumnDef,\n  SortingState,\n  RowData,\n  Row as RowType,\n} 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, RowType as Row };\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  const defaultAlign = 'left';\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              const justifyContent =\n                header.column.columnDef.meta?.align || defaultAlign;\n\n              return (\n                <div className={`${justifyContent} 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              defaultAlign={defaultAlign}\n              gridColTemp={gridColTemp}\n              key={`row_${row.id}`}\n              onRowClick={onRowClick}\n              row={row}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAOA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,SAAS,gBAAgB;AAyErB,cAOE,YAPF;AAlDb,SAAS,YACd,OACiB;AACjB,QAAM,EAAE,MAAM,SAAS,YAAY,aAAa,WAAW,IAAI;AAC/D,QAAM,eAAe;AACrB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAuB,CAAC,CAAC;AACvD,QAAM,EAAE,aAAa,gBAAgB,IAAI,cAAc;AAAA,IACrD,MAAM,QAAQ,CAAC;AAAA,IACf;AAAA,IACA,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,kBAAkB;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,EACnB,CAAC;AAED,QAAM,cAAc,QAAgB,MAAM;AACxC,WAAO,QACJ,IAAI,CAAC,QAAQ;AAxDpB;AAyDQ,WAAI,SAAI,SAAJ,mBAAU;AAAU,eAAO;AAC/B,aAAO,GAAG,IAAI,QAAQ,GAAG;AAAA,IAC3B,CAAC,EACA,KAAK,GAAG;AAAA,EACb,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,YAAY,YAAY;AAE9B,SACE,qBAAC,SAAI,WAAU,gBACb;AAAA,wBAAC,SAAI,WAAU,SACZ,0BAAgB,EAAE,IAAI,CAAC,gBACtB;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QAEV,OAAO,EAAE,qBAAqB,YAAY;AAAA,QAEzC,sBAAY,QAAQ,IAAI,CAAC,WAAW;AA1EjD;AA2Ec,gBAAM,WAAW,OAAO,OAAO,WAAW;AAC1C,gBAAM,cAAc,OAAO,OAAO,YAAY;AAC9C,gBAAM,mBACJ,YAAO,OAAO,UAAU,SAAxB,mBAA8B,UAAS;AAEzC,iBACE,oBAAC,SAAI,WAAW,GAAG,cAAc,OAC/B;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,OAAO,OAAO,wBAAwB;AAAA,cAC/C,OAAO,WAAW,EAAE,QAAQ,UAAU,IAAI;AAAA,cAC1C,MAAK;AAAA,cAEL;AAAA,oCAAC,QAAK,SAAQ,QACX;AAAA,kBACC,OAAO,OAAO,UAAU;AAAA,kBACxB,OAAO,WAAW;AAAA,gBACpB,GACF;AAAA,gBACC,WACC;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,EAAE,YAAY,iBAAiB;AAAA,oBAEtC;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,OACE,gBAAgB,QACZ,mBACA;AAAA;AAAA,sBAER;AAAA,sBACA;AAAA,wBAAC;AAAA;AAAA,0BACC,OACE,gBAAgB,SACZ,mBACA;AAAA;AAAA,sBAER;AAAA;AAAA;AAAA,gBACF,IACE;AAAA;AAAA;AAAA,UACN,KAjC2C,OAAO,EAkCpD;AAAA,QAEJ,CAAC;AAAA;AAAA,MA9CI,YAAY;AAAA,IA+CnB,CACD,GACH;AAAA,IACA,qBAAC,SAAI,WAAU,SAEZ;AAAA,gBAAU,KAAK,WAAW,KACzB,oBAAC,SAAI,WAAU,MACb,8BAAC,QAAK,OAAM,UAAS,SAAQ,UAC1B,yBACC,oBAAC,QAAK,OAAM,QAAO,IAAG,KAAI,IAAG,KAAI,SAAQ,QAAO,+DAEhD,GAEJ,KAPsB,oBAQxB;AAAA,MAID,UAAU,KAAK,IAAI,CAAC,QAAQ;AAC3B,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YAEA;AAAA,YACA;AAAA;AAAA,UAFK,OAAO,IAAI,EAAE;AAAA,QAGpB;AAAA,MAEJ,CAAC;AAAA,OACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/index.d.cts

@@ -26,6 +26,7 @@ export { index_js as uiProps };
 export { BarChartIcon, BookmarkFilledIcon, BookmarkIcon, ChatBubbleIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClipboardIcon, Cross1Icon, DotsHorizontalIcon, DotsVerticalIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, ExclamationTriangleIcon, ExitIcon, FileIcon, GearIcon, InfoCircledIcon, Link2Icon, MagnifyingGlassIcon, MixerHorizontalIcon, Pencil1Icon, PersonIcon, PlusIcon, TrashIcon } from '@radix-ui/react-icons';
 export { HorizontalBarChart, HorizontalBarChartProps } from './charts/horizontal-bar-chart.cjs';
 export { EchartDefaultProps } from './charts/chart-default-props.cjs';
+export { CellAlign, CellDataType, getCellAlign } from './utils/get-cell-align.cjs';
 export { toast } from 'react-toastify';
 export { ExpandComp, OnRowClick } from './molecules/expand-table/row.cjs';
 export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';

package/dist/index.d.ts

@@ -26,6 +26,7 @@ export { index_js as uiProps };
 export { BarChartIcon, BookmarkFilledIcon, BookmarkIcon, ChatBubbleIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClipboardIcon, Cross1Icon, DotsHorizontalIcon, DotsVerticalIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, ExclamationTriangleIcon, ExitIcon, FileIcon, GearIcon, InfoCircledIcon, Link2Icon, MagnifyingGlassIcon, MixerHorizontalIcon, Pencil1Icon, PersonIcon, PlusIcon, TrashIcon } from '@radix-ui/react-icons';
 export { HorizontalBarChart, HorizontalBarChartProps } from './charts/horizontal-bar-chart.js';
 export { EchartDefaultProps } from './charts/chart-default-props.js';
+export { CellAlign, CellDataType, getCellAlign } from './utils/get-cell-align.js';
 export { toast } from 'react-toastify';
 export { ExpandComp, OnRowClick } from './molecules/expand-table/row.js';
 export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';

package/dist/index.js

@@ -1,35 +1,40 @@
 import {
   useThemeContext
 } from "./chunk-MMGP4GEQ.js";
-import {
-  uiProps
-} from "./chunk-NVKNDAIN.js";
-import "./chunk-PL37KFRJ.js";
-import {
-  getCellAlign
-} from "./chunk-T6KADTJZ.js";
-import "./chunk-PSINRHYW.js";
-import {
-  EchartDefaultProps
-} from "./chunk-2QFSCWES.js";
-import {
-  HorizontalBarChart
-} from "./chunk-SGMO4KBC.js";
 import "./chunk-KHHXN3CH.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "./chunk-N4GN6CKE.js";
+} from "./chunk-NC6QKYLP.js";
 import "./chunk-MDBFTLD7.js";
 import {
   Navigation
-} from "./chunk-RKLEKAON.js";
+} from "./chunk-7A7J457W.js";
+import {
+  uiProps
+} from "./chunk-NVKNDAIN.js";
+import "./chunk-PL37KFRJ.js";
+import {
+  getCellAlign
+} from "./chunk-T6KADTJZ.js";
 import {
   DatePicker
-} from "./chunk-Z2PA5PMV.js";
+} from "./chunk-G4FN6FJG.js";
 import "./chunk-BSTJBBEX.js";
 import "./chunk-NDUKDKGB.js";
 import "./chunk-2ANGYYEV.js";
+import {
+  TextField
+} from "./chunk-JPIZP2PZ.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Skeleton
+} from "./chunk-5H3YPCZK.js";
+import {
+  Spinner
+} from "./chunk-FR2GDOU2.js";
 import {
   Strong
 } from "./chunk-74DX4CU7.js";
@@ -46,8 +51,14 @@ import {
   TextArea
 } from "./chunk-ILRUXI2E.js";
 import {
-  TextField
-} from "./chunk-JPIZP2PZ.js";
+  Quote
+} from "./chunk-YO3BQW6S.js";
+import {
+  RadioCards
+} from "./chunk-6IVCARWS.js";
+import {
+  RadioGroup
+} from "./chunk-6DJOIRMF.js";
 import {
   Radio
 } from "./chunk-FPD73OHW.js";
@@ -64,14 +75,8 @@ import {
   Select
 } from "./chunk-3JRNKBMN.js";
 import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Skeleton
-} from "./chunk-5H3YPCZK.js";
-import {
-  Spinner
-} from "./chunk-FR2GDOU2.js";
+  Inset
+} from "./chunk-XQOL7UBI.js";
 import {
   Kbd
 } from "./chunk-TULWX7D6.js";
@@ -80,7 +85,7 @@ import {
 } from "./chunk-XQOZWYUA.js";
 import {
   Pagination
-} from "./chunk-FQYPUIFX.js";
+} from "./chunk-HXJPG3ZO.js";
 import {
   Popover
 } from "./chunk-5AVBYDPB.js";
@@ -88,14 +93,23 @@ import {
   Progress
 } from "./chunk-365QMK4D.js";
 import {
-  Quote
-} from "./chunk-YO3BQW6S.js";
+  EllipsisTooltip
+} from "./chunk-4IKPNQV5.js";
 import {
-  RadioCards
-} from "./chunk-6IVCARWS.js";
+  Tooltip
+} from "./chunk-ACVANQJ4.js";
 import {
-  RadioGroup
-} from "./chunk-6DJOIRMF.js";
+  Em
+} from "./chunk-2DZ2Y3JI.js";
+import {
+  FieldErrorWrapper
+} from "./chunk-CNQ7RNNY.js";
+import {
+  Typo
+} from "./chunk-O3XTRD7R.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
 import {
   Form
 } from "./chunk-2CVXGGI5.js";
@@ -109,8 +123,14 @@ import {
   HoverCard
 } from "./chunk-O3T3TM3V.js";
 import {
-  Inset
-} from "./chunk-XQOL7UBI.js";
+  Checkbox
+} from "./chunk-JEHDCZQU.js";
+import {
+  Code
+} from "./chunk-OHMOP5PV.js";
+import {
+  Collapse
+} from "./chunk-KGLIAFTI.js";
 import {
   Container
 } from "./chunk-Q37G2GS6.js";
@@ -125,14 +145,14 @@ import {
   Drawer,
   Root,
   Trigger
-} from "./chunk-NBJOYJAF.js";
-import {
-  ThemeProvider
-} from "./chunk-BVBX6IJ3.js";
+} from "./chunk-ONYSO7Y2.js";
 import {
   ToastContainer,
   toast
 } from "./chunk-NJ2U2TVS.js";
+import {
+  ThemeProvider
+} from "./chunk-BVBX6IJ3.js";
 import {
   IconButton
 } from "./chunk-O3DNDMV3.js";
@@ -140,23 +160,14 @@ import {
   DropdownMenu
 } from "./chunk-4WFMOFN2.js";
 import {
-  EllipsisTooltip
-} from "./chunk-4IKPNQV5.js";
-import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
-import {
-  Em
-} from "./chunk-2DZ2Y3JI.js";
-import {
-  FieldErrorWrapper
-} from "./chunk-CHHLIPDN.js";
+  Badge
+} from "./chunk-ALOPZ54P.js";
 import {
-  Flex
-} from "./chunk-25HMMI7R.js";
+  Blockquote
+} from "./chunk-YGL6SWKN.js";
 import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
+  Box
+} from "./chunk-4Y5BEXVN.js";
 import {
   Button
 } from "./chunk-AQX7DQLI.js";
@@ -172,15 +183,6 @@ import {
 import {
   CheckboxGroup
 } from "./chunk-IQEEPHOY.js";
-import {
-  Checkbox
-} from "./chunk-JEHDCZQU.js";
-import {
-  Code
-} from "./chunk-OHMOP5PV.js";
-import {
-  Collapse
-} from "./chunk-KGLIAFTI.js";
 import {
   BarChartIcon,
   BookmarkFilledIcon,
@@ -209,6 +211,13 @@ import {
   PlusIcon,
   TrashIcon
 } from "./chunk-TSVWEPRP.js";
+import "./chunk-PSINRHYW.js";
+import {
+  EchartDefaultProps
+} from "./chunk-2QFSCWES.js";
+import {
+  HorizontalBarChart
+} from "./chunk-SGMO4KBC.js";
 import {
   AlertDialog
 } from "./chunk-J242TTFH.js";
@@ -218,15 +227,6 @@ import {
 import {
   Avatar
 } from "./chunk-CZEGRZBK.js";
-import {
-  Badge
-} from "./chunk-ALOPZ54P.js";
-import {
-  Blockquote
-} from "./chunk-YGL6SWKN.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
 import "./chunk-N552FDTV.js";
 export {
   AlertDialog,

package/dist/molecules/date-picker/index.js

@@ -1,9 +1,9 @@
 import {
   DatePicker
-} from "../../chunk-Z2PA5PMV.js";
+} from "../../chunk-G4FN6FJG.js";
+import "../../chunk-25HMMI7R.js";
 import "../../chunk-HLOY6BIP.js";
 import "../../chunk-O3DNDMV3.js";
-import "../../chunk-25HMMI7R.js";
 import "../../chunk-TSVWEPRP.js";
 import "../../chunk-N552FDTV.js";
 export {

package/dist/molecules/expand-table/index.d.cts

@@ -2,6 +2,7 @@ import { RowData, ColumnDef } from '@tanstack/react-table';
 export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';
 import react__default, { CSSProperties } from 'react';
 import { ExpandComp, OnRowClick } from './row.cjs';
+import '../../utils/get-cell-align.cjs';
 
 interface ExpandTableProps<Datum extends RowData> {
     /** 렌더할 데이터 배열  */

package/dist/molecules/expand-table/index.d.ts

@@ -2,6 +2,7 @@ import { RowData, ColumnDef } from '@tanstack/react-table';
 export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';
 import react__default, { CSSProperties } from 'react';
 import { ExpandComp, OnRowClick } from './row.js';
+import '../../utils/get-cell-align.js';
 
 interface ExpandTableProps<Datum extends RowData> {
     /** 렌더할 데이터 배열  */

package/dist/molecules/expand-table/index.js

@@ -1,67 +1,67 @@
 import {
   ExpandTable,
   createColumnHelper
-} from "../../chunk-N4GN6CKE.js";
+} from "../../chunk-NC6QKYLP.js";
 import "../../chunk-MDBFTLD7.js";
 import "../../chunk-BSTJBBEX.js";
 import "../../chunk-NDUKDKGB.js";
 import "../../chunk-2ANGYYEV.js";
+import "../../chunk-JPIZP2PZ.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-5H3YPCZK.js";
+import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
 import "../../chunk-ILRUXI2E.js";
-import "../../chunk-JPIZP2PZ.js";
+import "../../chunk-YO3BQW6S.js";
+import "../../chunk-6IVCARWS.js";
+import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-ZKZDVS7G.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
 import "../../chunk-3JRNKBMN.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-5H3YPCZK.js";
-import "../../chunk-FR2GDOU2.js";
+import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-XQOZWYUA.js";
-import "../../chunk-FQYPUIFX.js";
+import "../../chunk-HXJPG3ZO.js";
 import "../../chunk-5AVBYDPB.js";
 import "../../chunk-365QMK4D.js";
-import "../../chunk-YO3BQW6S.js";
-import "../../chunk-6IVCARWS.js";
-import "../../chunk-6DJOIRMF.js";
+import "../../chunk-4IKPNQV5.js";
+import "../../chunk-ACVANQJ4.js";
+import "../../chunk-2DZ2Y3JI.js";
+import "../../chunk-CNQ7RNNY.js";
+import "../../chunk-O3XTRD7R.js";
+import "../../chunk-25HMMI7R.js";
 import "../../chunk-2CVXGGI5.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-HLOY6BIP.js";
 import "../../chunk-O3T3TM3V.js";
-import "../../chunk-XQOL7UBI.js";
+import "../../chunk-JEHDCZQU.js";
+import "../../chunk-OHMOP5PV.js";
+import "../../chunk-KGLIAFTI.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
 import "../../chunk-P6B2PNYI.js";
-import "../../chunk-NBJOYJAF.js";
-import "../../chunk-BVBX6IJ3.js";
+import "../../chunk-ONYSO7Y2.js";
 import "../../chunk-NJ2U2TVS.js";
+import "../../chunk-BVBX6IJ3.js";
 import "../../chunk-O3DNDMV3.js";
 import "../../chunk-4WFMOFN2.js";
-import "../../chunk-4IKPNQV5.js";
-import "../../chunk-ACVANQJ4.js";
-import "../../chunk-2DZ2Y3JI.js";
-import "../../chunk-CHHLIPDN.js";
-import "../../chunk-25HMMI7R.js";
-import "../../chunk-O3XTRD7R.js";
+import "../../chunk-ALOPZ54P.js";
+import "../../chunk-YGL6SWKN.js";
+import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-AQX7DQLI.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-UVKNLJDZ.js";
 import "../../chunk-MIMJ7LON.js";
 import "../../chunk-IQEEPHOY.js";
-import "../../chunk-JEHDCZQU.js";
-import "../../chunk-OHMOP5PV.js";
-import "../../chunk-KGLIAFTI.js";
 import "../../chunk-TSVWEPRP.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-CZEGRZBK.js";
-import "../../chunk-ALOPZ54P.js";
-import "../../chunk-YGL6SWKN.js";
-import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-N552FDTV.js";
 export {
   ExpandTable,

package/dist/molecules/expand-table/row.d.cts

@@ -1,5 +1,6 @@
 import { Row as Row$1, RowData } from '@tanstack/react-table';
 import react__default from 'react';
+import { CellAlign } from '../../utils/get-cell-align.cjs';
 
 type ExpandComp<Datum> = react__default.FC<{
     row: Row$1<Datum>;
@@ -10,7 +11,7 @@ interface RowProps<Datum extends RowData> {
     ExpandComp?: ExpandComp<Datum>;
     onRowClick?: OnRowClick<Datum>;
     gridColTemp: string;
-    defaultAlign: 'left' | 'right' | 'center';
+    defaultAlign: CellAlign;
 }
 declare function Row<Datum extends RowData>(props: RowProps<Datum>): react__default.ReactNode;
 

package/dist/molecules/expand-table/row.d.ts

@@ -1,5 +1,6 @@
 import { Row as Row$1, RowData } from '@tanstack/react-table';
 import react__default from 'react';
+import { CellAlign } from '../../utils/get-cell-align.js';
 
 type ExpandComp<Datum> = react__default.FC<{
     row: Row$1<Datum>;
@@ -10,7 +11,7 @@ interface RowProps<Datum extends RowData> {
     ExpandComp?: ExpandComp<Datum>;
     onRowClick?: OnRowClick<Datum>;
     gridColTemp: string;
-    defaultAlign: 'left' | 'right' | 'center';
+    defaultAlign: CellAlign;
 }
 declare function Row<Datum extends RowData>(props: RowProps<Datum>): react__default.ReactNode;
 

package/dist/molecules/expand-table/row.js

@@ -2,62 +2,62 @@ import {
   Row
 } from "../../chunk-MDBFTLD7.js";
 import "../../chunk-2ANGYYEV.js";
+import "../../chunk-JPIZP2PZ.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-5H3YPCZK.js";
+import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
 import "../../chunk-ILRUXI2E.js";
-import "../../chunk-JPIZP2PZ.js";
+import "../../chunk-YO3BQW6S.js";
+import "../../chunk-6IVCARWS.js";
+import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-ZKZDVS7G.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
 import "../../chunk-3JRNKBMN.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-5H3YPCZK.js";
-import "../../chunk-FR2GDOU2.js";
+import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-XQOZWYUA.js";
-import "../../chunk-FQYPUIFX.js";
+import "../../chunk-HXJPG3ZO.js";
 import "../../chunk-5AVBYDPB.js";
 import "../../chunk-365QMK4D.js";
-import "../../chunk-YO3BQW6S.js";
-import "../../chunk-6IVCARWS.js";
-import "../../chunk-6DJOIRMF.js";
+import "../../chunk-4IKPNQV5.js";
+import "../../chunk-ACVANQJ4.js";
+import "../../chunk-2DZ2Y3JI.js";
+import "../../chunk-CNQ7RNNY.js";
+import "../../chunk-O3XTRD7R.js";
+import "../../chunk-25HMMI7R.js";
 import "../../chunk-2CVXGGI5.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-HLOY6BIP.js";
 import "../../chunk-O3T3TM3V.js";
-import "../../chunk-XQOL7UBI.js";
+import "../../chunk-JEHDCZQU.js";
+import "../../chunk-OHMOP5PV.js";
+import "../../chunk-KGLIAFTI.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
 import "../../chunk-P6B2PNYI.js";
-import "../../chunk-NBJOYJAF.js";
-import "../../chunk-BVBX6IJ3.js";
+import "../../chunk-ONYSO7Y2.js";
 import "../../chunk-NJ2U2TVS.js";
+import "../../chunk-BVBX6IJ3.js";
 import "../../chunk-O3DNDMV3.js";
 import "../../chunk-4WFMOFN2.js";
-import "../../chunk-4IKPNQV5.js";
-import "../../chunk-ACVANQJ4.js";
-import "../../chunk-2DZ2Y3JI.js";
-import "../../chunk-CHHLIPDN.js";
-import "../../chunk-25HMMI7R.js";
-import "../../chunk-O3XTRD7R.js";
+import "../../chunk-ALOPZ54P.js";
+import "../../chunk-YGL6SWKN.js";
+import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-AQX7DQLI.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-UVKNLJDZ.js";
 import "../../chunk-MIMJ7LON.js";
 import "../../chunk-IQEEPHOY.js";
-import "../../chunk-JEHDCZQU.js";
-import "../../chunk-OHMOP5PV.js";
-import "../../chunk-KGLIAFTI.js";
 import "../../chunk-TSVWEPRP.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-CZEGRZBK.js";
-import "../../chunk-ALOPZ54P.js";
-import "../../chunk-YGL6SWKN.js";
-import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-N552FDTV.js";
 export {
   Row

package/dist/molecules/index.d.cts

@@ -5,3 +5,4 @@ export { ExpandComp, OnRowClick } from './expand-table/row.cjs';
 export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';
 import 'react';
 import 'react-datepicker';
+import '../utils/get-cell-align.cjs';

package/dist/molecules/index.d.ts

@@ -5,3 +5,4 @@ export { ExpandComp, OnRowClick } from './expand-table/row.js';
 export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';
 import 'react';
 import 'react-datepicker';
+import '../utils/get-cell-align.js';

package/dist/molecules/index.js

@@ -2,73 +2,73 @@ import "../chunk-KHHXN3CH.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "../chunk-N4GN6CKE.js";
+} from "../chunk-NC6QKYLP.js";
 import "../chunk-MDBFTLD7.js";
 import {
   Navigation
-} from "../chunk-RKLEKAON.js";
+} from "../chunk-7A7J457W.js";
 import {
   DatePicker
-} from "../chunk-Z2PA5PMV.js";
+} from "../chunk-G4FN6FJG.js";
 import "../chunk-BSTJBBEX.js";
 import "../chunk-NDUKDKGB.js";
 import "../chunk-2ANGYYEV.js";
+import "../chunk-JPIZP2PZ.js";
+import "../chunk-HYITAA4J.js";
+import "../chunk-5H3YPCZK.js";
+import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
 import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
 import "../chunk-ILRUXI2E.js";
-import "../chunk-JPIZP2PZ.js";
+import "../chunk-YO3BQW6S.js";
+import "../chunk-6IVCARWS.js";
+import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
 import "../chunk-ZKZDVS7G.js";
 import "../chunk-MUNMDHRF.js";
 import "../chunk-TVDKGMBI.js";
 import "../chunk-3JRNKBMN.js";
-import "../chunk-HYITAA4J.js";
-import "../chunk-5H3YPCZK.js";
-import "../chunk-FR2GDOU2.js";
+import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-XQOZWYUA.js";
-import "../chunk-FQYPUIFX.js";
+import "../chunk-HXJPG3ZO.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.js";
-import "../chunk-6IVCARWS.js";
-import "../chunk-6DJOIRMF.js";
+import "../chunk-4IKPNQV5.js";
+import "../chunk-ACVANQJ4.js";
+import "../chunk-2DZ2Y3JI.js";
+import "../chunk-CNQ7RNNY.js";
+import "../chunk-O3XTRD7R.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-2CVXGGI5.js";
 import "../chunk-EGEQY3KT.js";
 import "../chunk-HLOY6BIP.js";
 import "../chunk-O3T3TM3V.js";
-import "../chunk-XQOL7UBI.js";
+import "../chunk-JEHDCZQU.js";
+import "../chunk-OHMOP5PV.js";
+import "../chunk-KGLIAFTI.js";
 import "../chunk-Q37G2GS6.js";
 import "../chunk-VTJZMOSP.js";
 import "../chunk-P6B2PNYI.js";
-import "../chunk-NBJOYJAF.js";
-import "../chunk-BVBX6IJ3.js";
+import "../chunk-ONYSO7Y2.js";
 import "../chunk-NJ2U2TVS.js";
+import "../chunk-BVBX6IJ3.js";
 import "../chunk-O3DNDMV3.js";
 import "../chunk-4WFMOFN2.js";
-import "../chunk-4IKPNQV5.js";
-import "../chunk-ACVANQJ4.js";
-import "../chunk-2DZ2Y3JI.js";
-import "../chunk-CHHLIPDN.js";
-import "../chunk-25HMMI7R.js";
-import "../chunk-O3XTRD7R.js";
+import "../chunk-ALOPZ54P.js";
+import "../chunk-YGL6SWKN.js";
+import "../chunk-4Y5BEXVN.js";
 import "../chunk-AQX7DQLI.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-UVKNLJDZ.js";
 import "../chunk-MIMJ7LON.js";
 import "../chunk-IQEEPHOY.js";
-import "../chunk-JEHDCZQU.js";
-import "../chunk-OHMOP5PV.js";
-import "../chunk-KGLIAFTI.js";
 import "../chunk-TSVWEPRP.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-CZEGRZBK.js";
-import "../chunk-ALOPZ54P.js";
-import "../chunk-YGL6SWKN.js";
-import "../chunk-4Y5BEXVN.js";
 import "../chunk-N552FDTV.js";
 export {
   DatePicker,

package/dist/molecules/navigation.js

@@ -1,63 +1,63 @@
 import {
   Navigation
-} from "../chunk-RKLEKAON.js";
+} from "../chunk-7A7J457W.js";
 import "../chunk-2ANGYYEV.js";
+import "../chunk-JPIZP2PZ.js";
+import "../chunk-HYITAA4J.js";
+import "../chunk-5H3YPCZK.js";
+import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
 import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
 import "../chunk-ILRUXI2E.js";
-import "../chunk-JPIZP2PZ.js";
+import "../chunk-YO3BQW6S.js";
+import "../chunk-6IVCARWS.js";
+import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
 import "../chunk-ZKZDVS7G.js";
 import "../chunk-MUNMDHRF.js";
 import "../chunk-TVDKGMBI.js";
 import "../chunk-3JRNKBMN.js";
-import "../chunk-HYITAA4J.js";
-import "../chunk-5H3YPCZK.js";
-import "../chunk-FR2GDOU2.js";
+import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-XQOZWYUA.js";
-import "../chunk-FQYPUIFX.js";
+import "../chunk-HXJPG3ZO.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.js";
-import "../chunk-6IVCARWS.js";
-import "../chunk-6DJOIRMF.js";
+import "../chunk-4IKPNQV5.js";
+import "../chunk-ACVANQJ4.js";
+import "../chunk-2DZ2Y3JI.js";
+import "../chunk-CNQ7RNNY.js";
+import "../chunk-O3XTRD7R.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-2CVXGGI5.js";
 import "../chunk-EGEQY3KT.js";
 import "../chunk-HLOY6BIP.js";
 import "../chunk-O3T3TM3V.js";
-import "../chunk-XQOL7UBI.js";
+import "../chunk-JEHDCZQU.js";
+import "../chunk-OHMOP5PV.js";
+import "../chunk-KGLIAFTI.js";
 import "../chunk-Q37G2GS6.js";
 import "../chunk-VTJZMOSP.js";
 import "../chunk-P6B2PNYI.js";
-import "../chunk-NBJOYJAF.js";
-import "../chunk-BVBX6IJ3.js";
+import "../chunk-ONYSO7Y2.js";
 import "../chunk-NJ2U2TVS.js";
+import "../chunk-BVBX6IJ3.js";
 import "../chunk-O3DNDMV3.js";
 import "../chunk-4WFMOFN2.js";
-import "../chunk-4IKPNQV5.js";
-import "../chunk-ACVANQJ4.js";
-import "../chunk-2DZ2Y3JI.js";
-import "../chunk-CHHLIPDN.js";
-import "../chunk-25HMMI7R.js";
-import "../chunk-O3XTRD7R.js";
+import "../chunk-ALOPZ54P.js";
+import "../chunk-YGL6SWKN.js";
+import "../chunk-4Y5BEXVN.js";
 import "../chunk-AQX7DQLI.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-UVKNLJDZ.js";
 import "../chunk-MIMJ7LON.js";
 import "../chunk-IQEEPHOY.js";
-import "../chunk-JEHDCZQU.js";
-import "../chunk-OHMOP5PV.js";
-import "../chunk-KGLIAFTI.js";
 import "../chunk-TSVWEPRP.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-CZEGRZBK.js";
-import "../chunk-ALOPZ54P.js";
-import "../chunk-YGL6SWKN.js";
-import "../chunk-4Y5BEXVN.js";
 import "../chunk-N552FDTV.js";
 export {
   Navigation

package/dist/utils/get-cell-align.d.cts

@@ -0,0 +1,9 @@
+import { ColumnMeta } from '@tanstack/react-table';
+
+type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';
+type CellAlign = NonNullable<ColumnMeta<unknown, unknown>['align']>;
+declare const getCellAlign: (arg: {
+    dataType: CellDataType;
+}) => CellAlign;
+
+export { type CellAlign, type CellDataType, getCellAlign };

package/dist/utils/get-cell-align.d.ts

@@ -0,0 +1,9 @@
+import { ColumnMeta } from '@tanstack/react-table';
+
+type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';
+type CellAlign = NonNullable<ColumnMeta<unknown, unknown>['align']>;
+declare const getCellAlign: (arg: {
+    dataType: CellDataType;
+}) => CellAlign;
+
+export { type CellAlign, type CellDataType, getCellAlign };

package/dist/utils/index.d.cts

@@ -0,0 +1,2 @@
+export { CellAlign, CellDataType, getCellAlign } from './get-cell-align.cjs';
+import '@tanstack/react-table';

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { CellAlign, CellDataType, getCellAlign } from './get-cell-align.js';
+import '@tanstack/react-table';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "1.0.49",
+  "version": "1.0.50",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -53,8 +53,8 @@
     "postcss-nesting": "12.0.2",
     "tsup": "^8.0.2",
     "typescript": "^5.3.3",
-    "@tipp/typescript-config": "0.0.4",
-    "@tipp/eslint-config": "0.2.3"
+    "@tipp/eslint-config": "0.2.3",
+    "@tipp/typescript-config": "0.0.4"
   },
   "scripts": {
     "build": "pnpm run build:js & pnpm run build:css",