@tipp/ui 0.1.6 → 0.1.8

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

@@ -0,0 +1,15 @@
+import { Row as Row$1, RowData } from '@tanstack/react-table';
+import React__default from 'react';
+
+type ExpandComp<Datum> = React__default.FC<{
+    row: Row$1<Datum>;
+}>;
+type OnRowClick<Datum> = (data: Datum) => void;
+interface RowProps<Datum extends RowData> {
+    row: Row$1<Datum>;
+    ExpandComp?: ExpandComp<Datum>;
+    onRowClick?: OnRowClick<Datum>;
+}
+declare function Row<Datum extends RowData>(props: RowProps<Datum>): React__default.ReactNode;
+
+export { type ExpandComp, type OnRowClick, Row };

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

@@ -0,0 +1,57 @@
+import {
+  Row
+} from "../../chunk-ZE5G2S34.js";
+import "../../chunk-WN3DQQSJ.js";
+import "../../chunk-IIBITN2G.js";
+import "../../chunk-JPIZP2PZ.js";
+import "../../chunk-XJJDE4YP.js";
+import "../../chunk-ACVANQJ4.js";
+import "../../chunk-355MU6BH.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-5H3YPCZK.js";
+import "../../chunk-74DX4CU7.js";
+import "../../chunk-OYM4XCHQ.js";
+import "../../chunk-YJ7ZFOYL.js";
+import "../../chunk-5ZITU5L7.js";
+import "../../chunk-ILRUXI2E.js";
+import "../../chunk-365QMK4D.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-HLOY6BIP.js";
+import "../../chunk-O3T3TM3V.js";
+import "../../chunk-O3DNDMV3.js";
+import "../../chunk-XQOL7UBI.js";
+import "../../chunk-TULWX7D6.js";
+import "../../chunk-XQOZWYUA.js";
+import "../../chunk-5AVBYDPB.js";
+import "../../chunk-OCJNQGHN.js";
+import "../../chunk-Q37G2GS6.js";
+import "../../chunk-VTJZMOSP.js";
+import "../../chunk-P6B2PNYI.js";
+import "../../chunk-YTZSKMX3.js";
+import "../../chunk-2DZ2Y3JI.js";
+import "../../chunk-25HMMI7R.js";
+import "../../chunk-EGEQY3KT.js";
+import "../../chunk-4Y5BEXVN.js";
+import "../../chunk-RET725VL.js";
+import "../../chunk-B6XJN6EC.js";
+import "../../chunk-FYEASFUU.js";
+import "../../chunk-MIMJ7LON.js";
+import "../../chunk-IQEEPHOY.js";
+import "../../chunk-JEHDCZQU.js";
+import "../../chunk-OHMOP5PV.js";
+import "../../chunk-J242TTFH.js";
+import "../../chunk-EAXUQEO5.js";
+import "../../chunk-CZEGRZBK.js";
+import "../../chunk-ALOPZ54P.js";
+import "../../chunk-YGL6SWKN.js";
+import "../../chunk-N552FDTV.js";
+export {
+  Row
+};
+//# sourceMappingURL=row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/molecules/expand-table.cjs

@@ -0,0 +1,558 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/molecules/expand-table.tsx
+var expand_table_exports = {};
+__export(expand_table_exports, {
+  ExpandTable: () => ExpandTable
+});
+module.exports = __toCommonJS(expand_table_exports);
+var import_react_table = require("@tanstack/react-table");
+var import_react11 = require("react");
+
+// src/atoms/alert-dialog.tsx
+var import_themes = require("@radix-ui/themes");
+
+// src/atoms/aspect-ratio.tsx
+var import_themes2 = require("@radix-ui/themes");
+
+// src/atoms/avatar.tsx
+var import_themes3 = require("@radix-ui/themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Avatar = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const _a = props, { children, size, variant = "soft" } = _a, rest = __objRest(_a, ["children", "size", "variant"]);
+    const radixSize = (0, import_react.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "medium":
+          return "2";
+        case "large":
+          return "3";
+        case "full":
+          return "4";
+        default:
+          return size;
+      }
+    }, [size]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes3.Avatar, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, variant, children }));
+  }
+);
+Avatar.displayName = "Avatar";
+
+// src/atoms/badge.tsx
+var import_themes4 = require("@radix-ui/themes");
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Badge = (0, import_react2.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size, color } = _a, rest = __objRest(_a, ["size", "color"]);
+    const radixSize = (0, import_react2.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "large":
+          return "3";
+        default:
+          return "1";
+      }
+    }, [size]);
+    const radixColor = (0, import_react2.useMemo)(() => {
+      switch (color) {
+        case "error":
+          return "red";
+        case "neutral":
+          return "gray";
+        case "success":
+          return "green";
+        case "accent":
+        default:
+          return void 0;
+      }
+    }, [color]);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_themes4.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
+  }
+);
+Badge.displayName = "Badge";
+
+// src/atoms/blockquote.tsx
+var import_themes5 = require("@radix-ui/themes");
+
+// src/atoms/box.tsx
+var import_themes6 = require("@radix-ui/themes");
+
+// src/atoms/button.tsx
+var import_themes7 = require("@radix-ui/themes");
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Button = (0, import_react3.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size } = _a, restProps = __objRest(_a, ["size"]);
+    const radixSize = (0, import_react3.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "2";
+        case "medium":
+          return "3";
+        case "large":
+          return "4";
+        default:
+          return "3";
+      }
+    }, [size]);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes7.Button, __spreadProps(__spreadValues({}, restProps), { ref, size: radixSize }));
+  }
+);
+Button.displayName = "Button";
+
+// src/atoms/call-out.tsx
+var import_themes8 = require("@radix-ui/themes");
+
+// src/atoms/card.tsx
+var import_themes9 = require("@radix-ui/themes");
+
+// src/atoms/check-box.tsx
+var import_themes10 = require("@radix-ui/themes");
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Checkbox = (0, import_react4.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
+    const radixSize = (0, import_react4.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "medium":
+          return "2";
+        case "large":
+          return "3";
+      }
+    }, [size]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes10.Checkbox, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize }));
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+// src/atoms/check-box-card.tsx
+var import_themes11 = require("@radix-ui/themes");
+
+// src/atoms/check-box-group.tsx
+var import_themes12 = require("@radix-ui/themes");
+var import_react5 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Root = (0, import_react5.forwardRef)((props, ref) => {
+  const _a = props, { children, size } = _a, rest = __objRest(_a, ["children", "size"]);
+  const groupSize = (0, import_react5.useMemo)(() => {
+    switch (size) {
+      case "small":
+        return "1";
+      case "large":
+        return "3";
+      case "medium":
+      default:
+        return "2";
+    }
+  }, [size]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes12.CheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
+});
+Root.displayName = "CheckboxGroup.Root";
+var CheckboxGroup = {
+  Root,
+  Item: import_themes12.CheckboxGroup.Item
+};
+
+// src/atoms/code.tsx
+var import_themes13 = require("@radix-ui/themes");
+
+// src/atoms/container.tsx
+var import_themes14 = require("@radix-ui/themes");
+
+// src/atoms/data-list.tsx
+var import_themes15 = require("@radix-ui/themes");
+
+// src/atoms/date-picker/index.tsx
+var import_react6 = require("react");
+var import_react_datepicker = __toESM(require("react-datepicker"), 1);
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var DatePicker = (0, import_react6.forwardRef)(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_datepicker.default,
+      __spreadProps(__spreadValues({}, props), {
+        open: true,
+        ref,
+        wrapperClassName: "tipp_datePicker"
+      })
+    );
+  }
+);
+DatePicker.displayName = "DatePicker";
+
+// src/atoms/dialog.tsx
+var import_themes16 = require("@radix-ui/themes");
+
+// src/atoms/dropdown-menu.tsx
+var import_themes17 = require("@radix-ui/themes");
+
+// src/atoms/em.tsx
+var import_themes18 = require("@radix-ui/themes");
+
+// src/atoms/flex.tsx
+var import_themes19 = require("@radix-ui/themes");
+
+// src/atoms/grid.tsx
+var import_themes20 = require("@radix-ui/themes");
+
+// src/atoms/heading.tsx
+var import_themes21 = require("@radix-ui/themes");
+var import_react7 = require("react");
+var import_themes22 = require("@radix-ui/themes");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+
+// src/atoms/hover-card.tsx
+var import_themes23 = require("@radix-ui/themes");
+
+// src/atoms/icon-button.tsx
+var import_themes24 = require("@radix-ui/themes");
+
+// src/atoms/inset.tsx
+var import_themes25 = require("@radix-ui/themes");
+
+// src/atoms/kbd.tsx
+var import_themes26 = require("@radix-ui/themes");
+
+// src/atoms/link.tsx
+var import_themes27 = require("@radix-ui/themes");
+var import_react8 = require("react");
+var import_themes28 = require("@radix-ui/themes");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+
+// src/atoms/popover.tsx
+var import_themes29 = require("@radix-ui/themes");
+
+// src/atoms/progress.tsx
+var import_themes30 = require("@radix-ui/themes");
+
+// src/atoms/quote.tsx
+var import_themes31 = require("@radix-ui/themes");
+
+// src/atoms/radio.tsx
+var import_themes32 = require("@radix-ui/themes");
+
+// src/atoms/radio-cards.tsx
+var import_themes33 = require("@radix-ui/themes");
+
+// src/atoms/radio-group.tsx
+var import_themes34 = require("@radix-ui/themes");
+
+// src/atoms/scroll-area.tsx
+var import_themes35 = require("@radix-ui/themes");
+
+// src/atoms/section.tsx
+var import_themes36 = require("@radix-ui/themes");
+
+// src/atoms/segmented-control.tsx
+var import_themes37 = require("@radix-ui/themes");
+
+// src/atoms/select.tsx
+var import_themes38 = require("@radix-ui/themes");
+
+// src/atoms/separator.tsx
+var import_themes39 = require("@radix-ui/themes");
+
+// src/atoms/skeleton.tsx
+var import_themes40 = require("@radix-ui/themes");
+
+// src/atoms/strong.tsx
+var import_themes41 = require("@radix-ui/themes");
+
+// src/atoms/switch.tsx
+var import_themes42 = require("@radix-ui/themes");
+
+// src/atoms/tab-nav.tsx
+var import_themes43 = require("@radix-ui/themes");
+
+// src/atoms/tabs.tsx
+var import_themes44 = require("@radix-ui/themes");
+
+// src/atoms/text-area.tsx
+var import_themes45 = require("@radix-ui/themes");
+
+// src/atoms/text.tsx
+var import_themes46 = require("@radix-ui/themes");
+var import_react9 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function Text(props) {
+  const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
+  const radixSize = (0, import_react9.useMemo)(() => {
+    switch (variant) {
+      case "caption":
+        return "1";
+      case "subtitle":
+        return "3";
+      case "body":
+        return "2";
+      default:
+        return size;
+    }
+  }, [size, variant]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes46.Text, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+}
+
+// src/atoms/text-field.tsx
+var import_themes47 = require("@radix-ui/themes");
+
+// src/atoms/tooltip.tsx
+var import_themes48 = require("@radix-ui/themes");
+
+// src/atoms/collapse.tsx
+var import_react10 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Collapse(props) {
+  const { children } = props;
+  const [open, setOpen] = (0, import_react10.useState)(() => {
+    return props.open || props.defaultOpen || false;
+  });
+  (0, import_react10.useEffect)(() => {
+    if (props.open === void 0)
+      return;
+    setOpen(props.open);
+  }, [props.open]);
+  const ref = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
+    if (!ref.current)
+      return;
+    ref.current.style.maxHeight = open ? `${ref.current.scrollHeight}px` : "0";
+  }, [open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "collapse", ref, children });
+}
+
+// src/icons/down.tsx
+var React6 = __toESM(require("react"), 1);
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var TriangleArrowDownIcon = React6.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "7",
+        viewBox: "0 0 8 7",
+        width: "8",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "path",
+          {
+            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",
+            fill: color
+          }
+        )
+      })
+    );
+  }
+);
+TriangleArrowDownIcon.displayName = "ArrowDownIcon";
+
+// src/icons/up.tsx
+var React7 = __toESM(require("react"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var TriangleArrowUpIcon = React7.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "7",
+        viewBox: "0 0 8 7",
+        width: "8",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "path",
+          {
+            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",
+            fill: color
+          }
+        )
+      })
+    );
+  }
+);
+TriangleArrowUpIcon.displayName = "ArrowUpIcon";
+
+// src/molecules/expand-table.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function ExpandTable(props) {
+  const { data, columns, ExpandComp, placeholder, onRowClick } = props;
+  const [sorting, setSorting] = (0, import_react11.useState)([]);
+  const { getRowModel, getHeaderGroups } = (0, import_react_table.useReactTable)({
+    data: data || [],
+    columns,
+    getCoreRowModel: (0, import_react_table.getCoreRowModel)(),
+    getSortedRowModel: (0, import_react_table.getSortedRowModel)(),
+    state: {
+      sorting
+    },
+    onSortingChange: setSorting
+  });
+  const rowModels = getRowModel();
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "expand-table", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "tr", children: headerGroup.headers.map((header) => {
+      const sortable = header.column.getCanSort();
+      const sortedState = header.column.getIsSorted();
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        "div",
+        {
+          className: "th",
+          style: {
+            width: header.getSize()
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            "button",
+            {
+              onClick: header.column.getToggleSortingHandler(),
+              style: sortable ? { cursor: "pointer" } : void 0,
+              type: "button",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { variant: "body", children: (0, import_react_table.flexRender)(
+                  header.column.columnDef.header,
+                  header.getContext()
+                ) }),
+                sortable ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                  import_themes19.Flex,
+                  {
+                    direction: "column",
+                    style: { marginLeft: "var(--space-2)" },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                        TriangleArrowUpIcon,
+                        {
+                          color: sortedState === "asc" ? "var(--iris-10)" : "var(--iris-6)"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                        TriangleArrowDownIcon,
+                        {
+                          color: sortedState === "desc" ? "var(--iris-10)" : "var(--iris-6)"
+                        }
+                      )
+                    ]
+                  }
+                ) : null
+              ]
+            }
+          )
+        },
+        header.id
+      );
+    }) }, headerGroup.id)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "tbody", children: [
+      rowModels.rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "tr", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_themes19.Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder"),
+      rowModels.rows.map((row) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          TanstackRow,
+          {
+            ExpandComp,
+            onRowClick,
+            row
+          },
+          `row_${row.id}`
+        );
+      })
+    ] })
+  ] });
+}
+function TanstackRow(props) {
+  const { row, ExpandComp, onRowClick } = props;
+  const [open, setOpen] = (0, import_react11.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "tr-wrapper", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "button",
+      {
+        className: "tr",
+        onClick: onRowClick,
+        type: "button",
+        children: row.getVisibleCells().map((cell) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "div",
+            {
+              className: "td",
+              style: { width: cell.column.getSize() },
+              children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
+            },
+            cell.id
+          );
+        })
+      },
+      `tr_${row.id}`
+    ),
+    ExpandComp ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Collapse, { open, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ExpandComp, { row }) }) : null
+  ] }, `tr-wrapper_${row.id}`);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExpandTable
+});
+//# sourceMappingURL=expand-table.cjs.map