@tipp/ui 1.6.4 → 1.6.6

package/dist/app/index.cjs

@@ -1035,27 +1035,29 @@ var sessionList = [
     getValue: (session) => (session == null ? void 0 : session.expiredAt) ? (0, import_date_fns.format)(session.expiredAt, "yyyy\uB144 MM\uC6D4 dd\uC77C") : "-"
   }
 ];
-var renderItem = (info, data) => {
+var renderItem = (args) => {
+  const { info, data, onClickCopy } = args;
   const value = info.getValue(data);
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
     info.render ? info.render(value) : value || "-",
-    info.copyable && value ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CopyButton, { value }) : null
+    info.copyable && value ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CopyButton, { onClickCopy, value }) : null
   ] });
 };
-var renderDataListItem = (info, data) => {
+var renderDataListItem = (args) => {
+  const { info, data, onClickCopy } = args;
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_themes15.DataList.Item, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes15.DataList.Label, { children: info.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes15.DataList.Value, { children: renderItem(info, data) })
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes15.DataList.Value, { children: renderItem({ info, data, onClickCopy }) })
   ] }, info.label);
 };
 function CopyButton(props) {
+  const { value, onClickCopy } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     Button,
     {
       color: "gray",
       onClick: () => {
-        void navigator.clipboard.writeText(props.value);
-        import_react_toastify2.toast.success("\uBCF5\uC0AC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+        onClickCopy(value);
       },
       style: { marginLeft: "0", marginTop: "0" },
       variant: "transparent",
@@ -1070,7 +1072,8 @@ function CoachingCustomerInfoMedium({
   customer,
   session,
   children,
-  badge
+  badge,
+  onClickCopy
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_themes6.Box, { children: [
@@ -1081,13 +1084,23 @@ function CoachingCustomerInfoMedium({
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
     ] }),
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes15.DataList.Root, { orientation: "vertical", children: sessionList.map((el) => renderDataListItem(el, session)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes15.DataList.Root, { orientation: "vertical", children: sessionList.map(
+      (el) => renderDataListItem({
+        info: el,
+        data: session,
+        onClickCopy
+      })
+    ) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_themes23.Grid, { align: "center", columns: "auto 1fr", gap: "3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading2, { variant: "heading5", children: "\uACE0\uAC1D \uC815\uBCF4" }),
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes39.Separator, { size: "4" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes22.Flex, { direction: "column", gap: "4", children: infoList.map((el) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Typo, { children: renderItem(el, customer) }, el.label);
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Typo, { children: renderItem({
+        info: el,
+        data: customer,
+        onClickCopy
+      }) }, el.label);
     }) })
   ] });
 }
@@ -1098,7 +1111,8 @@ function CoachingCustomerInfoLarge({
   customer,
   session,
   children,
-  badge
+  badge,
+  onClickCopy
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_themes6.Box, { children: [
@@ -1109,9 +1123,21 @@ function CoachingCustomerInfoLarge({
       /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
     ] }),
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes15.DataList.Root, { children: sessionList.map((el) => renderDataListItem(el, session)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes15.DataList.Root, { children: sessionList.map(
+      (el) => renderDataListItem({
+        info: el,
+        data: session,
+        onClickCopy
+      })
+    ) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes39.Separator, { size: "4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes15.DataList.Root, { children: infoList.map((info) => renderDataListItem(info, customer)) })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes15.DataList.Root, { children: infoList.map(
+      (info) => renderDataListItem({
+        info,
+        data: customer,
+        onClickCopy
+      })
+    ) })
   ] });
 }
 
@@ -1435,16 +1461,19 @@ function DatePickerButton(props) {
   const buttonProps = (0, import_react27.useMemo)(() => {
     const variant = "outline";
     const color = "gray";
-    return { size, color, variant };
-  }, [size]);
+    return { size, color, variant, disabled };
+  }, [disabled, size]);
   const selectFormat = (0, import_react27.useMemo)(() => {
     if (formatProps)
       return formatProps;
     return (date) => date ? (0, import_date_fns3.format)(date, "yyyy\uB144 MM\uC6D4 dd\uC77C") : placeholder;
   }, [formatProps, placeholder]);
   const className = (0, import_react27.useMemo)(() => {
-    return (0, import_clsx.clsx)("date-picker-button", disabled && "disabled");
-  }, [disabled]);
+    return (0, import_clsx.clsx)(
+      "date-picker-button",
+      (disabled || props.readOnly) && "disabled"
+    );
+  }, [disabled, props.readOnly]);
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes6.Box, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     DatePicker,
     __spreadProps(__spreadValues({
@@ -1511,7 +1540,7 @@ function TimeSelect(_a) {
     return [getOptionValue(minTime, time), getOptionValue(maxTime, time)];
   }, [maxTime, minTime, time]);
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Select.Root, __spreadProps(__spreadValues({ value }, rest), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes22.Flex, { direction: "column", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Select.Trigger, { placeholder: "-        ", style: { minWidth: "100px" } }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes22.Flex, { direction: "column", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Select.Trigger, { placeholder: "-        ", style: { minWidth: "100px" }, children: value }) }),
     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Select.Content, { children: timeOptions.map((option) => {
       const visible = (!minOption || option >= minOption) && (!maxOption || option <= maxOption);
       if (!visible) {
@@ -2280,11 +2309,16 @@ function SectionWrapper({
 }
 function SessionUserInfoDetail({
   customer,
-  session
+  session,
+  onClickCopy
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_themes22.Flex, { direction: "column", gap: "6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SectionWrapper, { title: "\uC138\uC158 \uC815\uBCF4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes15.DataList.Root, { children: sessionList.map((info) => renderDataListItem(info, session)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SectionWrapper, { title: "\uD68C\uC6D0 \uC815\uBCF4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes15.DataList.Root, { children: infoList.map((info) => renderDataListItem(info, customer)) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SectionWrapper, { title: "\uC138\uC158 \uC815\uBCF4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes15.DataList.Root, { children: sessionList.map(
+      (info) => renderDataListItem({ info, data: session, onClickCopy })
+    ) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SectionWrapper, { title: "\uD68C\uC6D0 \uC815\uBCF4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes15.DataList.Root, { children: infoList.map(
+      (info) => renderDataListItem({ info, data: customer, onClickCopy })
+    ) }) })
   ] });
 }