@tipp/ui 1.5.6 → 1.5.7

package/dist/app/platform/on-offline-radio-card.js

@@ -1,17 +1,17 @@
 import {
   OnOfflineRadioCard
-} from "../../chunk-5V7PQQCS.js";
+} from "../../chunk-4UV3GA6V.js";
 import "../../chunk-FLMSBAPO.js";
-import "../../chunk-4C2DK76Z.js";
+import "../../chunk-OHBXWFQ7.js";
 import "../../chunk-PCWEW2UL.js";
-import "../../chunk-CC34FCXZ.js";
-import "../../chunk-VO5GKZRU.js";
+import "../../chunk-MTEITOFQ.js";
+import "../../chunk-GGYG5EKG.js";
 import "../../chunk-SKXXJTNB.js";
 import "../../chunk-BVNXAZ4W.js";
 import "../../chunk-OCINOC2X.js";
-import "../../chunk-EEWG4R2D.js";
-import "../../chunk-AQXB7ZBM.js";
-import "../../chunk-6ZHRYTFN.js";
+import "../../chunk-LEA3N4OQ.js";
+import "../../chunk-WUULPI2P.js";
+import "../../chunk-V4ZJJM3V.js";
 import "../../chunk-K55LGP5B.js";
 import "../../chunk-V2DF2GUE.js";
 import "../../chunk-W4GH6ZKK.js";
@@ -36,7 +36,7 @@ import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
-import "../../chunk-2JSFSQH2.js";
+import "../../chunk-VIFDE6JV.js";
 import "../../chunk-5AVBYDPB.js";
 import "../../chunk-365QMK4D.js";
 import "../../chunk-YO3BQW6S.js";
@@ -50,10 +50,10 @@ import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-SIM6HKVI.js";
 import "../../chunk-VTJZMOSP.js";
-import "../../chunk-CEMVFONQ.js";
+import "../../chunk-4TXJT55O.js";
 import "../../chunk-CYYWMYE7.js";
 import "../../chunk-HK224ADT.js";
-import "../../chunk-NWEEOT3Z.js";
+import "../../chunk-XDZDRPF3.js";
 import "../../chunk-UNTA4JJU.js";
 import "../../chunk-HYITAA4J.js";
 import "../../chunk-O3DNDMV3.js";
@@ -81,7 +81,7 @@ import "../../chunk-25HMMI7R.js";
 import "../../chunk-U7JPP7WJ.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-ZD7MNMED.js";
-import "../../chunk-SU3E53WX.js";
+import "../../chunk-OXXF2CUB.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-N552FDTV.js";

package/dist/app/platform/report-card.cjs

@@ -62,6 +62,7 @@ __export(report_card_exports, {
   ReportCard: () => ReportCard
 });
 module.exports = __toCommonJS(report_card_exports);
+var import_react20 = require("react");
 
 // src/atoms/alert-dialog.tsx
 var import_themes = require("@radix-ui/themes");
@@ -394,22 +395,6 @@ var import_themes27 = require("@radix-ui/themes");
 var import_react9 = require("react");
 var import_themes28 = require("@radix-ui/themes");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-function Link(props) {
-  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
-  const radixSize = (0, import_react9.useMemo)(() => {
-    switch (variant) {
-      case "caption":
-        return "1";
-      case "body":
-        return "2";
-      case "subtitle":
-        return "3";
-      default:
-        return size;
-    }
-  }, [size, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes27.Link, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
-}
 
 // src/atoms/popover.tsx
 var import_themes29 = require("@radix-ui/themes");
@@ -799,251 +784,43 @@ AutoSizingInput.displayName = "AutoSizingInput";
 // src/atoms/bullet-text.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
 
-// src/molecules/expand-table/index.tsx
-var import_react_table2 = require("@tanstack/react-table");
-var import_react21 = require("react");
-
-// src/icons/down.tsx
-var React10 = __toESM(require("react"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var TriangleArrowDownIcon = React10.forwardRef(
-  (_a, forwardedRef) => {
-    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      "svg",
-      __spreadProps(__spreadValues({
-        fill: "none",
-        height: "7",
-        viewBox: "0 0 8 7",
-        width: "8",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, props), {
-        ref: forwardedRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          "path",
-          {
-            d: "M7.10844 0.8125H0.891554C0.197392 0.8125 -0.177096 1.62672 0.274659 2.15377L3.3831 5.78029C3.70737 6.1586 4.29263 6.1586 4.6169 5.78029L7.72534 2.15377C8.1771 1.62672 7.80261 0.8125 7.10844 0.8125Z",
-            fill: color
-          }
-        )
-      })
-    );
-  }
-);
-TriangleArrowDownIcon.displayName = "ArrowDownIcon";
-
-// src/icons/up.tsx
-var React11 = __toESM(require("react"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var TriangleArrowUpIcon = React11.forwardRef(
-  (_a, forwardedRef) => {
-    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      "svg",
-      __spreadProps(__spreadValues({
-        fill: "none",
-        height: "7",
-        viewBox: "0 0 8 7",
-        width: "8",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, props), {
-        ref: forwardedRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          "path",
-          {
-            d: "M0.891555 6.1875L7.10845 6.1875C7.80261 6.1875 8.1771 5.37328 7.72534 4.84623L4.6169 1.21971C4.29263 0.841403 3.70737 0.841403 3.3831 1.21971L0.274659 4.84623C-0.177095 5.37328 0.197393 6.1875 0.891555 6.1875Z",
-            fill: color
-          }
-        )
-      })
-    );
-  }
-);
-TriangleArrowUpIcon.displayName = "ArrowUpIcon";
-
-// src/molecules/expand-table/row.tsx
-var import_react_table = require("@tanstack/react-table");
-var import_react20 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-
-// src/molecules/expand-table/index.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-
-// src/molecules/navigation.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-
-// src/molecules/date-picker/index.tsx
-var import_react22 = require("react");
-var RDP = __toESM(require("react-datepicker"), 1);
-var import_react_datepicker = require("react-datepicker");
-var import_locale = require("date-fns/locale");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-(0, import_react_datepicker.registerLocale)("ko", import_locale.ko);
-(0, import_react_datepicker.setDefaultLocale)("ko");
-var ReactDatePicker = RDP.default.default || RDP.default || RDP;
-var DatePicker = (0, import_react22.forwardRef)(
-  (props, ref) => {
-    const _a = props, { fullWidth } = _a, rest = __objRest(_a, ["fullWidth"]);
-    const fullWidthClassName = fullWidth ? "full-width" : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes22.Flex, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-      ReactDatePicker,
-      __spreadProps(__spreadValues({
-        dateFormat: "YYYY/MM/dd",
-        nextMonthButtonLabel: "\uB2E4\uC74C \uB2EC",
-        placeholderText: "YYYY/mm/dd",
-        popperProps: { strategy: "fixed" },
-        previousMonthButtonLabel: "\uC774\uC804 \uB2EC",
-        ref,
-        renderCustomHeader,
-        showPopperArrow: false,
-        timeIntervals: 10
-      }, rest), {
-        calendarClassName: `tipp_datePicker_calendar ${rest.calendarClassName || ""}`,
-        timeCaption: "\uC2DC\uAC04",
-        wrapperClassName: `tipp_datePicker ${fullWidthClassName} ${rest.wrapperClassName || ""}`
-      })
-    ) });
-  }
-);
-DatePicker.displayName = "DatePicker";
-var renderCustomHeader = (props) => {
-  const {
-    date,
-    decreaseMonth,
-    increaseMonth,
-    prevMonthButtonDisabled,
-    nextMonthButtonDisabled
-  } = props;
-  const year = date ? date.getFullYear() : "-";
-  const month = date ? date.getMonth() + 1 : "-";
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes22.Flex, { align: "center", justify: "between", pb: "2", pl: "2", pr: "2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-      import_themes18.IconButton,
-      {
-        disabled: prevMonthButtonDisabled,
-        onClick: decreaseMonth,
-        type: "button",
-        variant: "ghost",
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons3.ChevronLeftIcon, {})
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes22.Flex, { gap: "3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Heading2, { variant: "heading4", weight: "regular", children: [
-        year,
-        "\uB144"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Heading2, { variant: "heading4", weight: "regular", children: [
-        month,
-        "\uC6D4"
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-      import_themes18.IconButton,
-      {
-        disabled: nextMonthButtonDisabled,
-        onClick: increaseMonth,
-        type: "button",
-        variant: "ghost",
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons3.ChevronRightIcon, {})
-      }
-    )
-  ] });
-};
-
-// src/molecules/dot-navigation.tsx
-var import_react23 = require("react");
-var import_react_icons4 = require("@radix-ui/react-icons");
-var import_jsx_runtime31 = require("react/jsx-runtime");
-
-// src/molecules/stepper.tsx
-var import_react24 = require("react");
-var import_themes51 = require("@radix-ui/themes");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var StepContext = (0, import_react24.createContext)({
-  active: false,
-  completed: false,
-  index: 0
-});
-
-// src/molecules/tag-selector.tsx
-var import_react25 = require("react");
-var import_react_icons5 = require("@radix-ui/react-icons");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-
-// src/theme/theme-provider.tsx
-var import_themes52 = require("@radix-ui/themes");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-
-// src/molecules/learning-post.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
-
-// src/molecules/force-refresh.tsx
-var import_react_icons6 = require("@radix-ui/react-icons");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-
-// src/molecules/date-picker/date-picker-button.tsx
-var import_react26 = require("react");
-var import_date_fns = require("date-fns");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-
-// src/molecules/time-select.tsx
-var import_react27 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-
-// src/molecules/radio-button-card.tsx
-var import_react28 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var RadioCardContext = (0, import_react28.createContext)({});
-
-// src/molecules/download-card.tsx
-var import_react_icons7 = require("@radix-ui/react-icons");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-function DownloadCard({
-  fileName,
-  url,
-  createdAt,
-  size
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Link, { download: fileName, href: url, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    import_themes18.IconButton,
-    {
-      mt: "3",
-      size: "4",
-      style: { width: "100%", height: 56 },
-      variant: "soft",
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes22.Flex, { align: "center", gap: "3", pl: "4", width: "100%", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typo, { color: "gray", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons7.DownloadIcon, { height: 20, width: 20 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes22.Flex, { align: "start", direction: "column", gap: "1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-            Typo,
-            {
-              style: {
-                color: "var(--gray-12)"
-              },
-              variant: "caption",
-              children: fileName
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typo, { color: "gray", variant: "caption", children: size })
-        ] })
-      ] })
-    }
-  ) }, (createdAt == null ? void 0 : createdAt.valueOf()) + fileName);
-}
-
 // src/app/platform/report-card.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function ReportCard(props) {
   const { title, file, status } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Card, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes22.Flex, { align: "center", justify: "between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Heading2, { variant: "heading4", children: title }),
+  const onClickDownload = (0, import_react20.useCallback)(() => {
+    if (!file)
+      return;
+    const { url, fileName } = file;
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = fileName;
+    link.target = "_blank";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  }, [file]);
+  if (status) {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_themes22.Flex, { align: "center", justify: "between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading2, { variant: "heading4", children: title }),
       status
-    ] }),
-    file == null ? void 0 : file.map((el) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DownloadCard, __spreadValues({}, el), el.url);
-    })
-  ] });
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    import_themes22.Flex,
+    {
+      direction: { initial: "column", xs: "row" },
+      gapY: "2",
+      justify: "between",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading2, { variant: "heading4", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { onClick: onClickDownload, variant: "surface", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_themes22.Flex, { gap: "2", width: "100%", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_icons3.DownloadIcon, {}),
+          file == null ? void 0 : file.buttonName
+        ] }) }, file == null ? void 0 : file.url)
+      ]
+    }
+  ) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {