@dotss/tictoccroc 0.4.2 → 0.5.0

package/dist/shared/components/MediaDialog/MediaDialogFooter/MediaDialogFooter.mjs

@@ -1,28 +1,23 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Flexbox as i } from "@dotss/ui";
-import r from "@dotss/ui/core/useTheme";
-function l({ children: o }) {
-  const {
-    palette: { etc: t }
-  } = r();
-  return /* @__PURE__ */ e(
-    i,
-    {
-      tag: "footer",
-      flexDirection: "column",
-      inlineCSS: {
-        position: "absolute",
-        left: 0,
-        bottom: 0,
-        paddingBottom: "var(--system-navigation-bar-height, 0px)",
-        width: "100%",
-        backgroundColor: t.dimmed01,
-        zIndex: 2
-      },
-      children: o
-    }
-  );
+import { Flexbox as e } from "@dotss/ui";
+import t from "@dotss/ui/core/useTheme";
+import { jsx as n } from "react/jsx-runtime";
+//#region shared/components/MediaDialog/MediaDialogFooter/MediaDialogFooter.tsx
+function r({ children: r }) {
+	let { palette: { etc: i } } = t();
+	return /* @__PURE__ */ n(e, {
+		tag: "footer",
+		flexDirection: "column",
+		inlineCSS: {
+			position: "absolute",
+			left: 0,
+			bottom: 0,
+			paddingBottom: "var(--system-navigation-bar-height, 0px)",
+			width: "100%",
+			backgroundColor: i.dimmed01,
+			zIndex: 2
+		},
+		children: r
+	});
 }
-export {
-  l as default
-};
+//#endregion
+export { r as default };

package/dist/shared/components/MediaDialog/MediaDialogFooter/index.mjs

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

package/dist/shared/components/MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs

@@ -1,22 +1,16 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Children as n } from "react";
-import { Flexbox as r } from "@dotss/ui";
-function l({ children: t }) {
-  const e = n.count(t);
-  return /* @__PURE__ */ o(
-    r,
-    {
-      pl: 2,
-      pr: 2,
-      alignItems: "center",
-      justifyContent: e > 1 ? "space-between" : "center",
-      inlineCSS: {
-        minHeight: 48
-      },
-      children: t
-    }
-  );
+import { Children as e } from "react";
+import { Flexbox as t } from "@dotss/ui";
+import { jsx as n } from "react/jsx-runtime";
+//#region shared/components/MediaDialog/MediaDialogToolbar/MediaDialogToolbar.tsx
+function r({ children: r }) {
+	return /* @__PURE__ */ n(t, {
+		pl: 2,
+		pr: 2,
+		alignItems: "center",
+		justifyContent: e.count(r) > 1 ? "space-between" : "center",
+		inlineCSS: { minHeight: 48 },
+		children: r
+	});
 }
-export {
-  l as default
-};
+//#endregion
+export { r as default };

package/dist/shared/components/MediaDialog/MediaDialogToolbar/index.mjs

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

package/dist/shared/components/MediaDialog/index.mjs

@@ -1,12 +1,9 @@
-import a from "./MediaDialog.mjs";
-import { default as r } from "./MediaBlock/MediaBlock.mjs";
-import { default as d } from "./MediaDialogContent/MediaDialogContent.mjs";
-import { default as i } from "./MediaDialogFooter/MediaDialogFooter.mjs";
-import { default as p } from "./MediaDialogToolbar/MediaDialogToolbar.mjs";
-export {
-  r as MediaBlock,
-  d as MediaDialogContent,
-  i as MediaDialogFooter,
-  p as MediaDialogToolbar,
-  a as default
-};
+import e from "./MediaBlock/index.mjs";
+import t from "./MediaDialog.mjs";
+import n from "./MediaDialogContent/index.mjs";
+import r from "./MediaDialogFooter/index.mjs";
+import i from "./MediaDialogToolbar/index.mjs";
+//#region shared/components/MediaDialog/index.ts
+var a = t;
+//#endregion
+export { e as MediaBlock, n as MediaDialogContent, r as MediaDialogFooter, i as MediaDialogToolbar, a as default };

package/dist/shared/components/Roller/Roller.mjs

@@ -1,133 +1,100 @@
-import { jsx as h } from "react/jsx-runtime";
-import { useState as w, useRef as a, Children as k, isValidElement as X, useEffect as g, cloneElement as N } from "react";
-import { Flexbox as P } from "@dotss/ui";
-import U from "./RollerBlock/RollerBlock.mjs";
-import S from "../../../teacher/profile/components/CareNoteSection/CareNote/CareNote.mjs";
-function V({
-  children: A,
-  spacing: L = 2,
-  edgeSpacing: m = 4,
-  rowCount: o = 1,
-  inlineCSS: M,
-  ...R
-}) {
-  const [y, x] = w(0), n = a(null), i = a(!1), u = a(!0), b = a(0), l = a(0), c = a(0), v = k.toArray(A).filter(X).filter((r) => r.type === U || r.type === S), f = v.length, E = (r) => {
-    var e, t;
-    i.current = !0, b.current = r.clientX - (((e = n.current) == null ? void 0 : e.offsetLeft) || 0), l.current = ((t = n.current) == null ? void 0 : t.scrollLeft) || 0;
-  }, I = (r) => {
-    i.current && (r.currentTarget.style.cursor = "grabbing", n.current && (n.current.scrollLeft = l.current - (r.clientX - n.current.offsetLeft - b.current)));
-  }, d = (r) => {
-    var t;
-    i.current = !1, l.current !== ((t = n.current) == null ? void 0 : t.scrollLeft) ? (r.currentTarget.style.cursor = "grab", u.current = !1, c.current && cancelAnimationFrame(c.current), c.current = requestAnimationFrame(() => {
-      u.current = !0;
-    })) : u.current = !0;
-  }, T = (r) => (e) => {
-    var D;
-    e.stopPropagation();
-    const t = Number(e.currentTarget.getAttribute("aria-posinset")) - 1;
-    let s = t;
-    switch (e.key) {
-      case "ArrowRight": {
-        e.preventDefault(), t + o < f && (s = t + o);
-        break;
-      }
-      case "ArrowLeft": {
-        e.preventDefault(), t - o >= 0 && (s = t - o);
-        break;
-      }
-      case "ArrowDown": {
-        e.preventDefault(), (t + 1) % o !== 0 && t + 1 < f && (s = t + 1);
-        break;
-      }
-      case "ArrowUp": {
-        e.preventDefault(), t % o !== 0 && t - 1 >= 0 && (s = t - 1);
-        break;
-      }
-      case "Enter":
-      case " ": {
-        e.preventDefault(), e.currentTarget.click();
-        return;
-      }
-      default:
-        return;
-    }
-    if (s !== t) {
-      const p = (D = n.current) == null ? void 0 : D.children[s];
-      p == null || p.focus();
-    }
-    r == null || r(e);
-  }, F = (r) => (e) => {
-    const t = Number(e.currentTarget.getAttribute("aria-posinset")) - 1;
-    x(t), r == null || r(e);
-  };
-  return g(() => {
-    const r = n.current, e = (t) => {
-      u.current || t.stopPropagation();
-    };
-    return r == null || r.addEventListener("click", e), () => {
-      r == null || r.removeEventListener("click", e);
-    };
-  }, []), g(() => {
-    const r = n.current, e = (t) => {
-      t.stopPropagation();
-    };
-    return r == null || r.addEventListener("touchmove", e), () => {
-      r == null || r.removeEventListener("touchmove", e);
-    };
-  }, []), g(() => () => {
-    c.current && cancelAnimationFrame(c.current);
-  }, []), /* @__PURE__ */ h(
-    P,
-    {
-      ref: n,
-      alignItems: "baseline",
-      gap: L,
-      pl: m,
-      pr: m,
-      onMouseDown: E,
-      onMouseMove: I,
-      onMouseUp: d,
-      onMouseLeave: d,
-      role: "list",
-      "aria-roledescription": "carousel",
-      "aria-label": "슬라이더",
-      ...R,
-      inlineCSS: {
-        display: "grid",
-        gridAutoFlow: "column",
-        gridAutoColumns: "min-content",
-        overflowX: "auto",
-        scrollbarWidth: "none",
-        cursor: "grab",
-        transform: "translate3d(0, 0, 0)",
-        "&::-webkit-scrollbar": {
-          display: "none"
-        },
-        ...M
-      },
-      children: k.map(
-        v,
-        (r, e) => {
-          var t;
-          return N(r, {
-            role: "listitem",
-            tabIndex: e === y ? 0 : -1,
-            "aria-roledescription": "slide",
-            "aria-posinset": e + 1,
-            "aria-setsize": f,
-            onKeyDown: T(r.props.onKeyDown),
-            onFocus: F(r.props.onFocus),
-            ...r.props,
-            style: {
-              ...(t = r.props) == null ? void 0 : t.style,
-              gridRow: `${e % o + 1} / ${e % o + 1}`
-            }
-          });
-        }
-      )
-    }
-  );
+import e from "./RollerBlock/index.mjs";
+import t from "../../../teacher/profile/components/CareNoteSection/CareNote/index.mjs";
+import { Children as n, cloneElement as r, isValidElement as i, useEffect as a, useRef as o, useState as s } from "react";
+import { Flexbox as c } from "@dotss/ui";
+import { jsx as l } from "react/jsx-runtime";
+//#region shared/components/Roller/Roller.tsx
+function u({ children: u, spacing: d = 2, edgeSpacing: f = 4, rowCount: p = 1, inlineCSS: m, ...h }) {
+	let [g, _] = s(0), v = o(null), y = o(!1), b = o(!0), x = o(0), S = o(0), C = o(0), w = n.toArray(u).filter(i).filter((n) => n.type === e || n.type === t), T = w.length, E = (e) => {
+		y.current = !0, x.current = e.clientX - (v.current?.offsetLeft || 0), S.current = v.current?.scrollLeft || 0;
+	}, D = (e) => {
+		y.current && (e.currentTarget.style.cursor = "grabbing", v.current && (v.current.scrollLeft = S.current - (e.clientX - v.current.offsetLeft - x.current)));
+	}, O = (e) => {
+		y.current = !1, S.current === v.current?.scrollLeft ? b.current = !0 : (e.currentTarget.style.cursor = "grab", b.current = !1, C.current && cancelAnimationFrame(C.current), C.current = requestAnimationFrame(() => {
+			b.current = !0;
+		}));
+	}, k = (e) => (t) => {
+		t.stopPropagation();
+		let n = Number(t.currentTarget.getAttribute("aria-posinset")) - 1, r = n;
+		switch (t.key) {
+			case "ArrowRight":
+				t.preventDefault(), n + p < T && (r = n + p);
+				break;
+			case "ArrowLeft":
+				t.preventDefault(), n - p >= 0 && (r = n - p);
+				break;
+			case "ArrowDown":
+				t.preventDefault(), (n + 1) % p !== 0 && n + 1 < T && (r = n + 1);
+				break;
+			case "ArrowUp":
+				t.preventDefault(), n % p !== 0 && n - 1 >= 0 && (r = n - 1);
+				break;
+			case "Enter":
+			case " ":
+				t.preventDefault(), t.currentTarget.click();
+				return;
+			default: return;
+		}
+		r !== n && (v.current?.children[r])?.focus(), e?.(t);
+	}, A = (e) => (t) => {
+		_(Number(t.currentTarget.getAttribute("aria-posinset")) - 1), e?.(t);
+	};
+	return a(() => {
+		let e = v.current, t = (e) => {
+			b.current || e.stopPropagation();
+		};
+		return e?.addEventListener("click", t), () => {
+			e?.removeEventListener("click", t);
+		};
+	}, []), a(() => {
+		let e = v.current, t = (e) => {
+			e.stopPropagation();
+		};
+		return e?.addEventListener("touchmove", t), () => {
+			e?.removeEventListener("touchmove", t);
+		};
+	}, []), a(() => () => {
+		C.current && cancelAnimationFrame(C.current);
+	}, []), /* @__PURE__ */ l(c, {
+		ref: v,
+		alignItems: "baseline",
+		gap: d,
+		pl: f,
+		pr: f,
+		onMouseDown: E,
+		onMouseMove: D,
+		onMouseUp: O,
+		onMouseLeave: O,
+		role: "list",
+		"aria-roledescription": "carousel",
+		"aria-label": "슬라이더",
+		...h,
+		inlineCSS: {
+			display: "grid",
+			gridAutoFlow: "column",
+			gridAutoColumns: "min-content",
+			overflowX: "auto",
+			scrollbarWidth: "none",
+			cursor: "grab",
+			transform: "translate3d(0, 0, 0)",
+			"&::-webkit-scrollbar": { display: "none" },
+			...m
+		},
+		children: n.map(w, (e, t) => r(e, {
+			role: "listitem",
+			tabIndex: t === g ? 0 : -1,
+			"aria-roledescription": "slide",
+			"aria-posinset": t + 1,
+			"aria-setsize": T,
+			onKeyDown: k(e.props.onKeyDown),
+			onFocus: A(e.props.onFocus),
+			...e.props,
+			style: {
+				...e.props?.style,
+				gridRow: `${t % p + 1} / ${t % p + 1}`
+			}
+		}))
+	});
 }
-export {
-  V as default
-};
+//#endregion
+export { u as default };

package/dist/shared/components/Roller/RollerBlock/RollerBlock.mjs

@@ -1,8 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
 import { Flexbox as e } from "@dotss/ui";
-function m({ children: o, ...r }) {
-  return /* @__PURE__ */ t(e, { ...r, children: o });
+import { jsx as t } from "react/jsx-runtime";
+//#region shared/components/Roller/RollerBlock/RollerBlock.tsx
+function n({ children: n, ...r }) {
+	return /* @__PURE__ */ t(e, {
+		...r,
+		children: n
+	});
 }
-export {
-  m as default
-};
+//#endregion
+export { n as default };

package/dist/shared/components/Roller/RollerBlock/index.mjs

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

package/dist/shared/components/Roller/index.mjs

@@ -1,6 +1,6 @@
-import l from "./Roller.mjs";
-import { default as t } from "./RollerBlock/RollerBlock.mjs";
-export {
-  t as RollerBlock,
-  l as default
-};
+import e from "./RollerBlock/index.mjs";
+import t from "./Roller.mjs";
+//#region shared/components/Roller/index.ts
+var n = t;
+//#endregion
+export { e as RollerBlock, n as default };

package/dist/shared/components/Scheduler/ScheduleBlock/ScheduleBlock.mjs

@@ -1,31 +1,23 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Flexbox as o, Typography as a } from "@dotss/ui";
-function x({ children: r, style: t, ...l }) {
-  return /* @__PURE__ */ e(
-    o,
-    {
-      p: 0.5,
-      flex: 1,
-      flexWrap: "wrap",
-      ...l,
-      style: {
-        overflowX: "auto",
-        ...t
-      },
-      children: /* @__PURE__ */ e(
-        a,
-        {
-          variant: "c5M",
-          textAlign: "center",
-          style: {
-            flex: 1
-          },
-          children: r
-        }
-      )
-    }
-  );
+import { Flexbox as e, Typography as t } from "@dotss/ui";
+import { jsx as n } from "react/jsx-runtime";
+//#region shared/components/Scheduler/ScheduleBlock/ScheduleBlock.tsx
+function r({ children: r, style: i, ...a }) {
+	return /* @__PURE__ */ n(e, {
+		p: .5,
+		flex: 1,
+		flexWrap: "wrap",
+		...a,
+		style: {
+			overflowX: "auto",
+			...i
+		},
+		children: /* @__PURE__ */ n(t, {
+			variant: "c5M",
+			textAlign: "center",
+			style: { flex: 1 },
+			children: r
+		})
+	});
 }
-export {
-  x as default
-};
+//#endregion
+export { r as default };

package/dist/shared/components/Scheduler/ScheduleBlock/index.mjs

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

package/dist/shared/components/Scheduler/ScheduleEvent/ScheduleEvent.mjs

@@ -1,36 +1,26 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Flexbox as l, Typography as n } from "@dotss/ui";
-import p from "@dotss/ui/core/useTheme";
-function s({ children: r, style: t, startDate: f, endDate: i, ...o }) {
-  const {
-    palette: { brand: a }
-  } = p();
-  return /* @__PURE__ */ e(
-    l,
-    {
-      p: 0.5,
-      flex: 1,
-      flexWrap: "wrap",
-      ...o,
-      style: {
-        backgroundColor: a.primary.main,
-        overflowX: "auto",
-        ...t
-      },
-      children: /* @__PURE__ */ e(
-        n,
-        {
-          variant: "c5M",
-          textAlign: "center",
-          style: {
-            flex: 1
-          },
-          children: r
-        }
-      )
-    }
-  );
+import { Flexbox as e, Typography as t } from "@dotss/ui";
+import n from "@dotss/ui/core/useTheme";
+import { jsx as r } from "react/jsx-runtime";
+//#region shared/components/Scheduler/ScheduleEvent/ScheduleEvent.tsx
+function i({ children: i, style: a, startDate: o, endDate: s, ...c }) {
+	let { palette: { brand: l } } = n();
+	return /* @__PURE__ */ r(e, {
+		p: .5,
+		flex: 1,
+		flexWrap: "wrap",
+		...c,
+		style: {
+			backgroundColor: l.primary.main,
+			overflowX: "auto",
+			...a
+		},
+		children: /* @__PURE__ */ r(t, {
+			variant: "c5M",
+			textAlign: "center",
+			style: { flex: 1 },
+			children: i
+		})
+	});
 }
-export {
-  s as default
-};
+//#endregion
+export { i as default };

package/dist/shared/components/Scheduler/ScheduleEvent/index.mjs

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