@dotss/tictoccroc 0.4.1 → 0.5.0

package/dist/parent/b2b/utils/index.mjs

@@ -1,4 +1,2 @@
-import { default as e } from "./convertMdToHtml/convertMdToHtml.mjs";
-export {
-  e as convertMdToHtml
-};
+import { t as e } from "../../../convertMdToHtml-Bmk0brLK.js";
+export { e as convertMdToHtml };

package/dist/parent/notification/components/NotificationCard/NotificationCard.d.ts

@@ -1,6 +1,7 @@
 import { MouseEvent } from 'react';
 import { ButtonProps } from '@dotss/ui/Button';
 import { CollapseProps } from '@dotss/ui/Collapse';
+import { BoxProps } from 'node_modules/@dotss/ui/Box/Box';
 import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 export interface NotificationCardProps {
     id: number;
@@ -12,8 +13,9 @@ export interface NotificationCardProps {
     collapseProps?: CollapseProps;
     wrapperProps?: FlexboxProps;
     buttonProps?: ButtonProps;
+    descriptionProps?: BoxProps;
     collapseDuration?: number;
     onClick: (e: MouseEvent<HTMLButtonElement>, id: number, isCollapsed: boolean) => void;
 }
-declare function NotificationCard({ id, collapsed, title, description, regDate, isNew, collapseProps, wrapperProps, buttonProps, onClick, collapseDuration }: NotificationCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function NotificationCard({ id, collapsed, title, description, regDate, isNew, collapseProps, wrapperProps, buttonProps, descriptionProps, onClick, collapseDuration }: NotificationCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default NotificationCard;

package/dist/parent/notification/components/NotificationCard/NotificationCard.mjs

@@ -1,106 +1,91 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Badge as S, Typography as c, Icon as k, Collapse as v, Box as H } from "@dotss/ui";
-import j from "@dotss/ui/core/useTheme";
-import n from "@dotss/ui/Flexbox";
-import { useCheckHoverPossible as w } from "@dotss/ui/hooks";
-import z from "dayjs";
-function M({
-  id: s,
-  collapsed: r,
-  title: g,
-  description: m,
-  regDate: a,
-  isNew: p,
-  collapseProps: d,
-  wrapperProps: h,
-  buttonProps: f,
-  onClick: u,
-  collapseDuration: l = 400
-}) {
-  const { palette: o, spacing: b, typography: t } = j(), { isHoverPossible: C } = w(), x = (y) => u(y, s, !r);
-  return /* @__PURE__ */ i(n, { flexDirection: "column", inlineCSS: { width: "100%" }, ...h, children: [
-    /* @__PURE__ */ i(
-      n,
-      {
-        tag: "button",
-        p: 4,
-        gap: 4,
-        justifyContent: "space-between",
-        inlineCSS: {
-          "&:active": {
-            backgroundColor: o.background.primary
-          },
-          ...C ? {
-            "&:hover": {
-              backgroundColor: o.background.primary
-            }
-          } : {}
-        },
-        onClick: x,
-        "aria-expanded": !r,
-        ...f,
-        children: [
-          /* @__PURE__ */ i(n, { gap: 2, children: [
-            p && /* @__PURE__ */ e(
-              S,
-              {
-                size: "large",
-                color: "pink",
-                position: "static",
-                content: "N",
-                "aria-label": "새 알림",
-                inlineCSS: {
-                  marginTop: b.content(1)
-                }
-              }
-            ),
-            /* @__PURE__ */ i(n, { flexDirection: "column", gap: 1, alignItems: "flex-start", children: [
-              /* @__PURE__ */ e(c, { tag: "span", variant: "h4B", textAlign: "left", children: g }),
-              a && /* @__PURE__ */ e(c, { tag: "span", variant: "b5R", color: "grey.50", children: z(a).format("YYYY.MM.DD") })
-            ] })
-          ] }),
-          /* @__PURE__ */ e(
-            n,
-            {
-              alignItems: "center",
-              style: {
-                willChange: "transform",
-                transition: `transform ${l}ms ease-in-out`,
-                transform: r ? "rotate(0deg)" : "rotate(180deg)"
-              },
-              children: /* @__PURE__ */ e(k, { name: "ChevronDownLine", size: "xSmall", color: "grey.50" })
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      v,
-      {
-        isCollapsed: r,
-        duration: l,
-        role: "region",
-        ...d,
-        children: /* @__PURE__ */ e(
-          H,
-          {
-            p: 4,
-            inlineCSS: {
-              backgroundColor: o.background.primary,
-              "& *": {
-                fontSize: t.b3R.size,
-                lineHeight: t.b3R.lineHeight,
-                letterSpacing: t.b3R.letterSpacing
-              },
-              "& img": { maxWidth: "100% !important" }
-            },
-            dangerouslySetInnerHTML: { __html: m }
-          }
-        )
-      }
-    )
-  ] });
+import { Badge as e, Box as t, Collapse as n, Icon as r, Typography as i } from "@dotss/ui";
+import a from "@dotss/ui/core/useTheme";
+import o from "dayjs";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useCheckHoverPossible as l } from "@dotss/ui/hooks";
+import u from "@dotss/ui/Flexbox";
+//#region parent/notification/components/NotificationCard/NotificationCard.tsx
+function d({ id: d, collapsed: f, title: p, description: m, regDate: h, isNew: g, collapseProps: _, wrapperProps: v, buttonProps: y, descriptionProps: b, onClick: x, collapseDuration: S = 400 }) {
+	let { palette: C, spacing: w, typography: T } = a(), { isHoverPossible: E } = l(), D = (e) => x(e, d, !f);
+	return /* @__PURE__ */ c(u, {
+		flexDirection: "column",
+		inlineCSS: { width: "100%" },
+		...v,
+		children: [/* @__PURE__ */ c(u, {
+			tag: "button",
+			p: 4,
+			gap: 4,
+			justifyContent: "space-between",
+			inlineCSS: {
+				"&:active": { backgroundColor: C.background.primary },
+				...E ? { "&:hover": { backgroundColor: C.background.primary } } : {}
+			},
+			onClick: D,
+			"aria-expanded": !f,
+			...y,
+			children: [/* @__PURE__ */ c(u, {
+				gap: 2,
+				children: [g && /* @__PURE__ */ s(e, {
+					size: "large",
+					color: "pink",
+					position: "static",
+					content: "N",
+					"aria-label": "새 알림",
+					inlineCSS: { marginTop: w.content(1) }
+				}), /* @__PURE__ */ c(u, {
+					flexDirection: "column",
+					gap: 1,
+					alignItems: "flex-start",
+					children: [/* @__PURE__ */ s(i, {
+						tag: "span",
+						variant: "h4B",
+						textAlign: "left",
+						children: p
+					}), h && /* @__PURE__ */ s(i, {
+						tag: "span",
+						variant: "b5R",
+						color: "grey.50",
+						children: o(h).format("YYYY.MM.DD")
+					})]
+				})]
+			}), /* @__PURE__ */ s(u, {
+				alignItems: "center",
+				style: {
+					willChange: "transform",
+					transition: `transform ${S}ms ease-in-out`,
+					transform: f ? "rotate(0deg)" : "rotate(180deg)"
+				},
+				children: /* @__PURE__ */ s(r, {
+					name: "ChevronDownLine",
+					size: "xSmall",
+					color: "grey.50"
+				})
+			})]
+		}), /* @__PURE__ */ s(n, {
+			isCollapsed: f,
+			duration: S,
+			role: "region",
+			..._,
+			children: /* @__PURE__ */ s(t, {
+				p: 4,
+				...b,
+				inlineCSS: {
+					backgroundColor: C.background.primary,
+					"& *": {
+						fontSize: T.b3R.size,
+						lineHeight: T.b3R.lineHeight,
+						letterSpacing: T.b3R.letterSpacing
+					},
+					"& img": {
+						maxWidth: "100% !important",
+						height: "unset !important"
+					},
+					...b?.inlineCSS || {}
+				},
+				dangerouslySetInnerHTML: { __html: m }
+			})
+		})]
+	});
 }
-export {
-  M as default
-};
+//#endregion
+export { d as default };

package/dist/parent/notification/components/NotificationCard/index.mjs

@@ -1,4 +1,5 @@
-import t from "./NotificationCard.mjs";
-export {
-  t as default
-};
+import e from "./NotificationCard.mjs";
+//#region parent/notification/components/NotificationCard/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/dist/parent/notification/components/index.mjs

@@ -1,4 +1,2 @@
-import { default as t } from "./NotificationCard/NotificationCard.mjs";
-export {
-  t as NotificationCard
-};
+import e from "./NotificationCard/index.mjs";
+export { e as NotificationCard };

package/dist/parent/notification/utils/index.mjs

@@ -1,4 +1,2 @@
-import { default as t } from "./sanitize/sanitize.mjs";
-export {
-  t as sanitize
-};
+import e from "./sanitize/sanitize.mjs";
+export { e as sanitize };

package/dist/parent/notification/utils/sanitize/sanitize.mjs

@@ -1,7 +1,7 @@
-import { p as t } from "../../../../purify.es-BGaRrCfO.js";
-function a(i) {
-  return t.sanitize(i);
+import { t as e } from "../../../../purify.es-D3W4zDrg.js";
+//#region parent/notification/utils/sanitize/sanitize.ts
+function t(t) {
+	return e.sanitize(t);
 }
-export {
-  a as default
-};
+//#endregion
+export { t as default };