@tipp/ui 2.3.23 → 2.3.24

package/src/utils/get-dynamic-form-display-value.ts

@@ -0,0 +1,74 @@
+import type {
+  DynamicFormFieldSchema,
+  FieldOption,
+  ImageFieldOption,
+} from '@/types/dynamic-form-schema-generated';
+
+function isEmptyDisplayValue(value: unknown): boolean {
+  return value === undefined || value === null || value === '';
+}
+
+function findOptionLabel(
+  options: FieldOption[] | ImageFieldOption[],
+  value: unknown
+): string | undefined {
+  const valueString = String(value);
+  const found: FieldOption | ImageFieldOption | undefined = options.find(
+    (option: FieldOption | ImageFieldOption) =>
+      String(option.value) === valueString
+  );
+  return found?.label;
+}
+
+function joinLabelsOrValues(
+  options: FieldOption[],
+  values: unknown[]
+): string {
+  const labels: string[] = values.map((v: unknown) => {
+    const label: string | undefined = findOptionLabel(options, v);
+    return label ?? String(v);
+  });
+  return labels.join(', ');
+}
+
+export function getDynamicFormDisplayValue(
+  field: DynamicFormFieldSchema,
+  value: unknown
+): string {
+  if (isEmptyDisplayValue(value)) return '';
+
+  switch (field.type) {
+    case 'dropdown':
+    case 'choice':
+    case 'radio_cards': {
+      const label: string | undefined = findOptionLabel(field.options, value);
+      return label ?? String(value);
+    }
+
+    case 'image_radio_card': {
+      const label: string | undefined = findOptionLabel(field.options, value);
+      return label ?? String(value);
+    }
+
+    case 'choices': {
+      if (Array.isArray(value)) {
+        return joinLabelsOrValues(field.options, value);
+      }
+      const label: string | undefined = findOptionLabel(field.options, value);
+      return label ?? String(value);
+    }
+
+    case 'yes_no': {
+      if (value === true || value === 'true' || value === 'yes') return '동의';
+      if (value === false || value === 'false' || value === 'no') return '비동의';
+      return String(value);
+    }
+
+    case 'short_text':
+    case 'long_text':
+    case 'number':
+    case 'email':
+    default:
+      return String(value);
+  }
+}

package/src/utils/index.ts

@@ -2,4 +2,5 @@ export * from './get-cell-align';
 export * from './get-column-meta';
 export * from './scroll-to';
 export * from './get-time-options';
-export * from './get-callout-icon-component';
+export * from './get-callout-icon-component';
+export * from './get-dynamic-form-display-value';