@tipp/ui 0.1.6 → 0.1.7

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

@@ -0,0 +1,21 @@
+import { RowData, ColumnDef } from '@tanstack/react-table';
+export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
+import React__default, { CSSProperties } from 'react';
+import { ExpandComp, OnRowClick } from './row.cjs';
+
+interface ExpandTableProps<Datum extends RowData> {
+    /** 렌더할 데이터 배열  */
+    data?: Datum[];
+    /** 테이블 컬럼의 메타 데이터 */
+    columns: ColumnDef<Datum>[];
+    /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */
+    ExpandComp?: ExpandComp<Datum>;
+    /** 데이테가 없을 시 화면에 표시할 컴포넌트 */
+    placeholder?: React__default.ReactNode;
+    /** 행 클릭 시 실행할 콜백 */
+    onRowClick?: OnRowClick<Datum>;
+    rowStyle?: CSSProperties;
+}
+declare function ExpandTable<Datum extends RowData>(props: ExpandTableProps<Datum>): React__default.ReactNode;
+
+export { ExpandComp, ExpandTable, type ExpandTableProps, OnRowClick };

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

@@ -0,0 +1,21 @@
+import { RowData, ColumnDef } from '@tanstack/react-table';
+export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
+import React__default, { CSSProperties } from 'react';
+import { ExpandComp, OnRowClick } from './row.js';
+
+interface ExpandTableProps<Datum extends RowData> {
+    /** 렌더할 데이터 배열  */
+    data?: Datum[];
+    /** 테이블 컬럼의 메타 데이터 */
+    columns: ColumnDef<Datum>[];
+    /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */
+    ExpandComp?: ExpandComp<Datum>;
+    /** 데이테가 없을 시 화면에 표시할 컴포넌트 */
+    placeholder?: React__default.ReactNode;
+    /** 행 클릭 시 실행할 콜백 */
+    onRowClick?: OnRowClick<Datum>;
+    rowStyle?: CSSProperties;
+}
+declare function ExpandTable<Datum extends RowData>(props: ExpandTableProps<Datum>): React__default.ReactNode;
+
+export { ExpandComp, ExpandTable, type ExpandTableProps, OnRowClick };

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

@@ -0,0 +1,62 @@
+import {
+  ExpandTable,
+  createColumnHelper
+} from "../../chunk-76NL7K3Z.js";
+import "../../chunk-ZE5G2S34.js";
+import "../../chunk-BSTJBBEX.js";
+import "../../chunk-NDUKDKGB.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 {
+  ExpandTable,
+  createColumnHelper
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/molecules/expand-table/react-table.d.cjs

@@ -0,0 +1,5 @@
+"use strict";
+
+// src/molecules/expand-table/react-table.d.ts
+var import_react_table = require("@tanstack/react-table");
+//# sourceMappingURL=react-table.d.cjs.map

package/dist/molecules/expand-table/react-table.d.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecules/expand-table/react-table.d.ts"],"sourcesContent":["import '@tanstack/react-table';\n\ndeclare module '@tanstack/react-table' {\n  type ExpandButtonComp = <Data extends RowData>(props: {\n    open: boolean;\n    setIsOpen: (value: boolean) => void;\n    data: Data;\n  }) => React.ReactNode;\n\n  /** OpenBtn을 전달한 경우 open과 setIsOpen 상태 관리 props를 전달해 렌더함 */\n  interface ColumnMeta {\n    OpenBtn?: ExpandButtonComp;\n    /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.\n     * 테이블 당 하나의 셀에만 사용하기를 권장\n     */\n    autoSize?: boolean;\n  }\n}\n"],"mappings":";;;AAAA,yBAAO;","names":[]}

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

@@ -0,0 +1,16 @@
+declare module '@tanstack/react-table' {
+  type ExpandButtonComp = <Data extends RowData>(props: {
+    open: boolean;
+    setIsOpen: (value: boolean) => void;
+    data: Data;
+  }) => React.ReactNode;
+
+  /** OpenBtn을 전달한 경우 open과 setIsOpen 상태 관리 props를 전달해 렌더함 */
+  interface ColumnMeta {
+    OpenBtn?: ExpandButtonComp;
+    /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.
+     * 테이블 당 하나의 셀에만 사용하기를 권장
+     */
+    autoSize?: boolean;
+  }
+}

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

@@ -0,0 +1,16 @@
+declare module '@tanstack/react-table' {
+  type ExpandButtonComp = <Data extends RowData>(props: {
+    open: boolean;
+    setIsOpen: (value: boolean) => void;
+    data: Data;
+  }) => React.ReactNode;
+
+  /** OpenBtn을 전달한 경우 open과 setIsOpen 상태 관리 props를 전달해 렌더함 */
+  interface ColumnMeta {
+    OpenBtn?: ExpandButtonComp;
+    /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.
+     * 테이블 당 하나의 셀에만 사용하기를 권장
+     */
+    autoSize?: boolean;
+  }
+}

package/dist/molecules/expand-table/react-table.d.js

@@ -0,0 +1,3 @@
+// src/molecules/expand-table/react-table.d.ts
+import "@tanstack/react-table";
+//# sourceMappingURL=react-table.d.js.map

package/dist/molecules/expand-table/react-table.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecules/expand-table/react-table.d.ts"],"sourcesContent":["import '@tanstack/react-table';\n\ndeclare module '@tanstack/react-table' {\n  type ExpandButtonComp = <Data extends RowData>(props: {\n    open: boolean;\n    setIsOpen: (value: boolean) => void;\n    data: Data;\n  }) => React.ReactNode;\n\n  /** OpenBtn을 전달한 경우 open과 setIsOpen 상태 관리 props를 전달해 렌더함 */\n  interface ColumnMeta {\n    OpenBtn?: ExpandButtonComp;\n    /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.\n     * 테이블 당 하나의 셀에만 사용하기를 권장\n     */\n    autoSize?: boolean;\n  }\n}\n"],"mappings":";AAAA,OAAO;","names":[]}

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

@@ -0,0 +1,427 @@
+"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/row.tsx
+var row_exports = {};
+__export(row_exports, {
+  Row: () => Row
+});
+module.exports = __toCommonJS(row_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");
+
+// 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/molecules/expand-table/row.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Row(props) {
+  const { row, ExpandComp } = props;
+  const [open, setOpen] = (0, import_react11.useState)(false);
+  const onClickRow = (0, import_react11.useCallback)(() => {
+    var _a;
+    (_a = props.onRowClick) == null ? void 0 : _a.call(props, row.original);
+    setOpen((prev) => !prev);
+  }, [props, row.original]);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "div",
+    {
+      className: `tr-wrapper ${ExpandComp ? "expandable" : ""}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "button",
+          {
+            className: "tr",
+            onClick: onClickRow,
+            type: "button",
+            children: row.getVisibleCells().map((cell) => {
+              var _a;
+              return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                "div",
+                {
+                  className: "td",
+                  style: { width: cell.column.getSize() },
+                  children: [
+                    (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()),
+                    ((_a = cell.column.columnDef.meta) == null ? void 0 : _a.OpenBtn) ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                      cell.column.columnDef.meta.OpenBtn,
+                      {
+                        data: row.original,
+                        open,
+                        setIsOpen: setOpen
+                      }
+                    ) : null
+                  ]
+                },
+                cell.id
+              );
+            })
+          },
+          `tr_${row.id}`
+        ),
+        ExpandComp ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Collapse, { open, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "expand-comp-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ExpandComp, { row }) }) }) : null
+      ]
+    },
+    `tr-wrapper_${row.id}`
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Row
+});
+//# sourceMappingURL=row.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecules/expand-table/row.tsx","../../../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/text.tsx","../../../src/atoms/text-field.tsx","../../../src/atoms/tooltip.tsx","../../../src/atoms/collapse.tsx"],"sourcesContent":["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}\n\nexport function Row<Datum extends RowData>(\n  props: RowProps<Datum>\n): React.ReactNode {\n  const { row, ExpandComp } = props;\n  const [open, setOpen] = useState(false);\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        type=\"button\"\n      >\n        {row.getVisibleCells().map((cell) => {\n          return (\n            <div\n              className=\"td\"\n              key={cell.id}\n              style={{ width: cell.column.getSize() }}\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","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 } from 'react';\n\nexport type TextProps = RadixTextProps & {\n  variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport function Text(props: TextProps): React.ReactNode {\n  const { size, variant, children, ...rest } = props;\n\n  const radixSize = useMemo<RadixTextProps['size']>(() => {\n    switch (variant) {\n      case 'caption':\n        return '1';\n      case 'subtitle':\n        return '3';\n      case 'body':\n        return '2';\n      default:\n        return size;\n    }\n  }, [size, variant]);\n\n  return (\n    <RadixText {...rest} size={radixSize}>\n      {children}\n    </RadixText>\n  );\n}\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"],"mappings":"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","names":["import_react","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","import_themes","import_themes","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","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","import_themes","import_themes","import_react","import_jsx_runtime","import_jsx_runtime"]}

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

@@ -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 };