@tipp/ui 2.1.8 → 2.1.10

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

@@ -1,54 +1,60 @@
 import {
   ExpandTable,
   createColumnHelper
-} from "../../chunk-BE6JPXUV.js";
+} from "../../chunk-HNO5SCLZ.js";
 import "../../chunk-WDUSQ6HR.js";
 import "../../chunk-A6W2ZWYA.js";
 import "../../chunk-QD5ZSFPG.js";
+import "../../chunk-YJ7ZFOYL.js";
+import "../../chunk-5ZITU5L7.js";
+import "../../chunk-3F45OPXG.js";
 import "../../chunk-5KDNSBO5.js";
 import "../../chunk-26ZU5KUR.js";
+import "../../chunk-MUNMDHRF.js";
+import "../../chunk-TVDKGMBI.js";
+import "../../chunk-AP52M2Z5.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-3F45OPXG.js";
+import "../../chunk-V3T3QLRZ.js";
+import "../../chunk-5AVBYDPB.js";
+import "../../chunk-365QMK4D.js";
 import "../../chunk-YO3BQW6S.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-MUPK4L3U.js";
-import "../../chunk-MUNMDHRF.js";
-import "../../chunk-TVDKGMBI.js";
-import "../../chunk-AP52M2Z5.js";
+import "../../chunk-EGEQY3KT.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-TQOQC4PZ.js";
-import "../../chunk-V3T3QLRZ.js";
-import "../../chunk-5AVBYDPB.js";
-import "../../chunk-365QMK4D.js";
+import "../../chunk-VTJZMOSP.js";
+import "../../chunk-45VFASWZ.js";
+import "../../chunk-3IT3NVK6.js";
+import "../../chunk-LDBWASUA.js";
+import "../../chunk-UOYF3DBN.js";
+import "../../chunk-DDUKEE5E.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-U7N2PWMO.js";
+import "../../chunk-O3DNDMV3.js";
 import "../../chunk-HYE34QEM.js";
 import "../../chunk-YXO6QOFA.js";
 import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
 import "../../chunk-SSNESKAJ.js";
-import "../../chunk-EGEQY3KT.js";
-import "../../chunk-O3T3TM3V.js";
+import "../../chunk-B6XJN6EC.js";
+import "../../chunk-HEDMSFPW.js";
+import "../../chunk-MIMJ7LON.js";
 import "../../chunk-RMTJMZBQ.js";
 import "../../chunk-DGAB7BIE.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-NFDQJVFA.js";
 import "../../chunk-Q37G2GS6.js";
-import "../../chunk-VTJZMOSP.js";
-import "../../chunk-45VFASWZ.js";
-import "../../chunk-3IT3NVK6.js";
-import "../../chunk-LDBWASUA.js";
-import "../../chunk-UOYF3DBN.js";
-import "../../chunk-DDUKEE5E.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-U7N2PWMO.js";
-import "../../chunk-O3DNDMV3.js";
+import "../../chunk-XTHDFSN3.js";
+import "../../chunk-FC7WH2S6.js";
+import "../../chunk-FCIHNIOH.js";
 import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-LMWTEDYS.js";
@@ -57,9 +63,6 @@ import "../../chunk-25HMMI7R.js";
 import "../../chunk-AFPH32MF.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-ZD7MNMED.js";
-import "../../chunk-B6XJN6EC.js";
-import "../../chunk-HEDMSFPW.js";
-import "../../chunk-MIMJ7LON.js";
 import "../../chunk-53ZVUOHV.js";
 import "../../chunk-VY56ZADJ.js";
 import "../../chunk-2TPQQBUQ.js";
@@ -76,9 +79,6 @@ import "../../chunk-ECVAWQXV.js";
 import "../../chunk-D7EYDD4E.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
-import "../../chunk-XTHDFSN3.js";
-import "../../chunk-FC7WH2S6.js";
-import "../../chunk-FCIHNIOH.js";
 import "../../chunk-2NMEKWO5.js";
 export {
   ExpandTable,

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

@@ -3,50 +3,56 @@ import {
 } from "../../chunk-WDUSQ6HR.js";
 import "../../chunk-A6W2ZWYA.js";
 import "../../chunk-QD5ZSFPG.js";
+import "../../chunk-YJ7ZFOYL.js";
+import "../../chunk-5ZITU5L7.js";
+import "../../chunk-3F45OPXG.js";
 import "../../chunk-5KDNSBO5.js";
 import "../../chunk-26ZU5KUR.js";
+import "../../chunk-MUNMDHRF.js";
+import "../../chunk-TVDKGMBI.js";
+import "../../chunk-AP52M2Z5.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-3F45OPXG.js";
+import "../../chunk-V3T3QLRZ.js";
+import "../../chunk-5AVBYDPB.js";
+import "../../chunk-365QMK4D.js";
 import "../../chunk-YO3BQW6S.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-MUPK4L3U.js";
-import "../../chunk-MUNMDHRF.js";
-import "../../chunk-TVDKGMBI.js";
-import "../../chunk-AP52M2Z5.js";
+import "../../chunk-EGEQY3KT.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-TQOQC4PZ.js";
-import "../../chunk-V3T3QLRZ.js";
-import "../../chunk-5AVBYDPB.js";
-import "../../chunk-365QMK4D.js";
+import "../../chunk-VTJZMOSP.js";
+import "../../chunk-45VFASWZ.js";
+import "../../chunk-3IT3NVK6.js";
+import "../../chunk-LDBWASUA.js";
+import "../../chunk-UOYF3DBN.js";
+import "../../chunk-DDUKEE5E.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-U7N2PWMO.js";
+import "../../chunk-O3DNDMV3.js";
 import "../../chunk-HYE34QEM.js";
 import "../../chunk-YXO6QOFA.js";
 import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
 import "../../chunk-SSNESKAJ.js";
-import "../../chunk-EGEQY3KT.js";
-import "../../chunk-O3T3TM3V.js";
+import "../../chunk-B6XJN6EC.js";
+import "../../chunk-HEDMSFPW.js";
+import "../../chunk-MIMJ7LON.js";
 import "../../chunk-RMTJMZBQ.js";
 import "../../chunk-DGAB7BIE.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-NFDQJVFA.js";
 import "../../chunk-Q37G2GS6.js";
-import "../../chunk-VTJZMOSP.js";
-import "../../chunk-45VFASWZ.js";
-import "../../chunk-3IT3NVK6.js";
-import "../../chunk-LDBWASUA.js";
-import "../../chunk-UOYF3DBN.js";
-import "../../chunk-DDUKEE5E.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-U7N2PWMO.js";
-import "../../chunk-O3DNDMV3.js";
+import "../../chunk-XTHDFSN3.js";
+import "../../chunk-FC7WH2S6.js";
+import "../../chunk-FCIHNIOH.js";
 import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-LMWTEDYS.js";
@@ -55,9 +61,6 @@ import "../../chunk-25HMMI7R.js";
 import "../../chunk-AFPH32MF.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-ZD7MNMED.js";
-import "../../chunk-B6XJN6EC.js";
-import "../../chunk-HEDMSFPW.js";
-import "../../chunk-MIMJ7LON.js";
 import "../../chunk-53ZVUOHV.js";
 import "../../chunk-VY56ZADJ.js";
 import "../../chunk-2TPQQBUQ.js";
@@ -74,9 +77,6 @@ import "../../chunk-ECVAWQXV.js";
 import "../../chunk-D7EYDD4E.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
-import "../../chunk-XTHDFSN3.js";
-import "../../chunk-FC7WH2S6.js";
-import "../../chunk-FCIHNIOH.js";
 import "../../chunk-2NMEKWO5.js";
 export {
   Row

package/dist/molecules/index.cjs

@@ -1640,7 +1640,7 @@ function ExpandTable(props) {
   const gridTemplateColumns = (0, import_react21.useMemo)(() => {
     return columns.map((col) => {
       var _a;
-      if ((_a = col.meta) == null ? void 0 : _a.autoSize) return "1fr";
+      if ((_a = col.meta) == null ? void 0 : _a.autoSize) return `minmax(${col.size || 50}px, 1fr)`;
       return `${col.size || 150}px`;
     }).join(" ");
   }, [columns]);
@@ -1677,71 +1677,73 @@ function ExpandTable(props) {
     if (!data) return 0;
     return Math.ceil(data.length / pageSize);
   }, [data, pageSize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "expand-table", style: tableStyle, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      "div",
-      {
-        className: "tr",
-        style: { gridTemplateColumns },
-        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__ */ (0, import_jsx_runtime39.jsx)("div", { className: `${justifyContent} th`, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
-            "button",
-            {
-              onClick: header.column.getToggleSortingHandler(),
-              style: sortable ? { cursor: "pointer" } : { cursor: "default" },
-              type: "button",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Typo, { as: "div", variant: "body", children: (0, import_react_table2.flexRender)(
-                  header.column.columnDef.header,
-                  header.getContext()
-                ) }),
-                sortable ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
-                  import_themes22.Flex,
-                  {
-                    direction: "column",
-                    style: { marginLeft: "var(--space-2)" },
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                        TriangleArrowUpIcon,
-                        {
-                          color: sortedState === "asc" ? "var(--iris-10)" : "var(--iris-6)"
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                        TriangleArrowDownIcon,
-                        {
-                          color: sortedState === "desc" ? "var(--iris-10)" : "var(--iris-6)"
-                        }
-                      )
-                    ]
-                  }
-                ) : null
-              ]
-            }
-          ) }, header.id);
-        })
-      },
-      headerGroup.id
-    )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbody", children: helpCompRender(rowModels.rows.length) || rowModels.rows.map((row) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-        Row,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "expand-table-wrapper", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "expand-table", style: tableStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        "div",
         {
-          ExpandComp,
-          defaultAlign,
-          getCellStyle,
-          getRowStyle,
-          gridTemplateColumns,
-          onRowClick,
-          row
+          className: "tr",
+          style: { gridTemplateColumns },
+          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__ */ (0, import_jsx_runtime39.jsx)("div", { className: `${justifyContent} th`, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+              "button",
+              {
+                onClick: header.column.getToggleSortingHandler(),
+                style: sortable ? { cursor: "pointer" } : { cursor: "default" },
+                type: "button",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Typo, { as: "div", variant: "body", children: (0, import_react_table2.flexRender)(
+                    header.column.columnDef.header,
+                    header.getContext()
+                  ) }),
+                  sortable ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+                    import_themes22.Flex,
+                    {
+                      direction: "column",
+                      style: { marginLeft: "var(--space-2)" },
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                          TriangleArrowUpIcon,
+                          {
+                            color: sortedState === "asc" ? "var(--iris-10)" : "var(--iris-6)"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                          TriangleArrowDownIcon,
+                          {
+                            color: sortedState === "desc" ? "var(--iris-10)" : "var(--iris-6)"
+                          }
+                        )
+                      ]
+                    }
+                  ) : null
+                ]
+              }
+            ) }, header.id);
+          })
         },
-        `row_${row.id}`
-      );
-    }) }),
+        headerGroup.id
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbody", children: helpCompRender(rowModels.rows.length) || rowModels.rows.map((row) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          Row,
+          {
+            ExpandComp,
+            defaultAlign,
+            getCellStyle,
+            getRowStyle,
+            gridTemplateColumns,
+            onRowClick,
+            row
+          },
+          `row_${row.id}`
+        );
+      }) })
+    ] }),
     showPagination ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes22.Flex, { justify: "end", pt: "3", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       Pagination,
       {
@@ -3343,12 +3345,9 @@ var renderPreviewContent = (args) => {
   );
 };
 var getReviewContentValue = (question, answer) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   if (question.type === "question_satisfaction_option") {
-    console.log(JSON.stringify(question.options));
-    console.log(Number(answer));
-    console.log((_a = question.options) == null ? void 0 : _a.find((option) => option.value === Number(answer)));
-    return (_d = (_c = (_b = question.options) == null ? void 0 : _b.find((option) => option.value === Number(answer))) == null ? void 0 : _c.label) != null ? _d : "";
+    return (_c = (_b = (_a = question.options) == null ? void 0 : _a.find((option) => option.value === Number(answer))) == null ? void 0 : _b.label) != null ? _c : "";
   }
   return answer;
 };
@@ -3373,7 +3372,7 @@ var renderReviewContent = (args) => {
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon, { color }) }),
         /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes6.Box, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Typo, { as: "p", color: "gray", mb: "2", weight: "bold", children: question.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Badge, { color: badgeColor, size: "large", style: { whiteSpace: "break-spaces" }, children: value })
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Badge, { color: badgeColor, size: "large", style: { whiteSpace: "break-spaces" }, children: value || "(\uBBF8 \uC751\uB2F5)" })
         ] })
       ]
     },