@tipp/ui 2.3.23 → 2.3.25

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

@@ -1,15 +1,17 @@
 import {
   ExpandTable,
   createColumnHelper
-} from "../../chunk-45F3UCHR.js";
+} from "../../chunk-RBYUAMFV.js";
 import "../../chunk-JCG2AUFJ.js";
 import "../../chunk-FR2GDOU2.js";
-import "../../chunk-ZKFNOCWD.js";
-import "../../chunk-NFDQJVFA.js";
+import "../../chunk-TR4ZQZBK.js";
 import "../../chunk-XK6VEVOK.js";
 import "../../chunk-HF6GNDPV.js";
+import "../../chunk-NFDQJVFA.js";
+import "../../chunk-PMJIFLDT.js";
+import "../../chunk-LDBWASUA.js";
 import "../../chunk-25HMMI7R.js";
-import "../../chunk-LTEJYJUM.js";
+import "../../chunk-E64DFRHD.js";
 import "../../chunk-VD7AQ7HK.js";
 import "../../chunk-ZQE7SP6P.js";
 import "../../chunk-R6ARPREO.js";
@@ -25,8 +27,6 @@ import "../../chunk-YSYJCYHY.js";
 import "../../chunk-5OM2H6RI.js";
 import "../../chunk-ZUYCXCPW.js";
 import "../../chunk-YVFNJE4E.js";
-import "../../chunk-PMJIFLDT.js";
-import "../../chunk-LDBWASUA.js";
 import "../../chunk-CRTRMMJ7.js";
 export {
   ExpandTable,

package/dist/molecules/force-refresh.js

@@ -1,11 +1,11 @@
 import {
   ForceRefresh
-} from "../chunk-GGLDVUYU.js";
+} from "../chunk-EWFZXCMV.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-OHMOP5PV.js";
-import "../chunk-25HMMI7R.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   ForceRefresh

package/dist/molecules/ghost-post.js

@@ -1,13 +1,13 @@
 import {
   GhostPost
-} from "../chunk-UH6Q3TEK.js";
+} from "../chunk-5JQOU3IR.js";
 import "../chunk-7FKRQQYK.js";
+import "../chunk-BESTU2AY.js";
+import "../chunk-4Y5BEXVN.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-ZVDAEY5Q.js";
 import "../chunk-LQY4RKWI.js";
-import "../chunk-4Y5BEXVN.js";
-import "../chunk-BESTU2AY.js";
-import "../chunk-LDBWASUA.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   GhostPost

package/dist/molecules/index.cjs

@@ -2603,6 +2603,58 @@ function getCalloutIconComponent(iconName) {
   return (_a = iconByName[iconName]) != null ? _a : DEFAULT_ICON;
 }
 
+// src/utils/get-dynamic-form-display-value.ts
+function isEmptyDisplayValue(value) {
+  return value === void 0 || value === null || value === "";
+}
+function findOptionLabel(options, value) {
+  const valueString = String(value);
+  const found = options.find(
+    (option) => String(option.value) === valueString
+  );
+  return found == null ? void 0 : found.label;
+}
+function joinLabelsOrValues(options, values) {
+  const labels = values.map((v) => {
+    const label = findOptionLabel(options, v);
+    return label != null ? label : String(v);
+  });
+  return labels.join(", ");
+}
+function getDynamicFormDisplayValue(field, value) {
+  if (isEmptyDisplayValue(value)) return "";
+  switch (field.type) {
+    case "dropdown":
+    case "choice":
+    case "radio_cards": {
+      const label = findOptionLabel(field.options, value);
+      return label != null ? label : String(value);
+    }
+    case "image_radio_card": {
+      const label = findOptionLabel(field.options, value);
+      return label != null ? label : String(value);
+    }
+    case "choices": {
+      if (Array.isArray(value)) {
+        return joinLabelsOrValues(field.options, value);
+      }
+      const label = findOptionLabel(field.options, value);
+      return label != null ? label : String(value);
+    }
+    case "yes_no": {
+      if (value === true || value === "true" || value === "yes") return "\uB3D9\uC758";
+      if (value === false || value === "false" || value === "no") return "\uBE44\uB3D9\uC758";
+      return String(value);
+    }
+    case "short_text":
+    case "long_text":
+    case "number":
+    case "email":
+    default:
+      return String(value);
+  }
+}
+
 // src/molecules/time-select.tsx
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var getOptionValue = (date, timeValue) => {
@@ -3222,6 +3274,7 @@ function Root6(props) {
   (0, import_react26.useEffect)(() => {
     const prevOpen = prevOpenRef.current;
     const currentOpen = props.open;
+    prevOpenRef.current = currentOpen;
     if (prevOpen === true && currentOpen === false && !cleanupExecutedRef.current) {
       cleanupExecutedRef.current = true;
       const timer = setTimeout(() => {
@@ -3240,8 +3293,14 @@ function Root6(props) {
         cleanupExecutedRef.current = false;
       };
     }
-    prevOpenRef.current = currentOpen;
   }, [props.open]);
+  (0, import_react26.useEffect)(() => {
+    return () => {
+      if (prevOpenRef.current === true) {
+        document.body.style.pointerEvents = "";
+      }
+    };
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RadixDialog.Root, __spreadValues({}, props));
 }
 var Dialog = {
@@ -5487,12 +5546,6 @@ function createYupValidation(field, validation) {
 function isRecord2(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
-function isFieldOption2(value) {
-  if (!isRecord2(value)) return false;
-  const label = value.label;
-  const optionValue = value.value;
-  return typeof label === "string" && (typeof optionValue === "string" || typeof optionValue === "number");
-}
 function DynamicFormResponseItem({
   payload,
   questionType,
@@ -5502,47 +5555,24 @@ function DynamicFormResponseItem({
   if (value === void 0 || value === null || value === "") {
     return "\uC751\uB2F5 \uC5C6\uC74C";
   }
-  const getOptions2 = (fieldConfig) => {
-    if (!isRecord2(fieldConfig)) return void 0;
-    const options2 = fieldConfig.options;
-    if (!Array.isArray(options2)) return void 0;
-    if (!options2.every(isFieldOption2)) return void 0;
-    return options2;
-  };
-  const options = getOptions2(config);
+  if (config) {
+    const displayValue = getDynamicFormDisplayValue(config, value);
+    return displayValue === "" ? "\uC751\uB2F5 \uC5C6\uC74C" : displayValue;
+  }
   switch (questionType) {
     case "text":
     case "textarea":
       return String(value);
     case "radio":
     case "select":
-    case "choice":
-    case "radio_cards":
-    case "image_radio_card":
-      if (options) {
-        const option = options.find((opt) => String(opt.value) === String(value));
-        return option ? option.label : String(value);
-      }
       return String(value);
     case "checkbox":
     case "choices":
       if (Array.isArray(value)) {
-        if (options) {
-          return value.map((val) => {
-            const option = options.find(
-              (opt) => String(opt.value) === String(val)
-            );
-            return option ? option.label : String(val);
-          }).join(", ");
-        }
-        return value.join(", ");
+        return value.map((v) => String(v)).join(", ");
       }
       return String(value);
     case "rating":
-      if (options) {
-        const option = options.find((opt) => opt.value === value);
-        return option ? option.label : String(value);
-      }
       return String(value);
     case "number":
       return String(value);