@dotss/tictoccroc 0.1.0 → 0.1.2

package/dist/shared/components/Calendar/Calendar.d.ts

@@ -7,5 +7,5 @@ export interface CalendarProps extends Omit<FlexboxProps, 'onChange' | 'value'>,
     weekHeadInlineCSS?: FlexboxProps['inlineCSS'];
     datePickerProps?: Omit<DatePickerProps, 'onChange' | 'value' | 'date'>;
 }
-declare const Calendar: import('react').ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const Calendar: any;
 export default Calendar;

package/dist/shared/components/Image/Image.d.ts

@@ -20,5 +20,5 @@ export interface ImageProps extends Omit<HTMLProps<HTMLImageElement>, 'onError'>
     enableErrorFallback?: boolean;
     renderErrorFallback?: () => ReactNode;
 }
-declare const Image: import('react').ForwardRefExoticComponent<Omit<ImageProps, "ref"> & import('react').RefAttributes<HTMLImageElement>>;
+declare const Image: any;
 export default Image;

package/dist/shared/components/Masonry/Masonry.utils.d.ts

@@ -7,7 +7,7 @@ export declare function getHorizontalLayoutRows(images: {
     originalWidth?: number;
     width: number;
     height: number;
-}[], blocks: ReactElement<MasonryBlockProps>[], rowCount: number, fallbackWidth: number): ReactElement<MasonryBlockProps, string | import('react').JSXElementConstructor<any>>[][];
+}[], blocks: ReactElement<MasonryBlockProps>[], rowCount: number, fallbackWidth: number): ReactElement<MasonryBlockProps>[][];
 export declare function findNextFocusableElement(currentElement: HTMLDivElement, keyDirection: 'left' | 'right' | 'up' | 'down', candidates: (HTMLDivElement | null)[]): HTMLDivElement | null;
 export declare function getNextIndexHorizontalFromRows(rows: HTMLDivElement[][], currentIndex: number, keyDirection: 'up' | 'down' | 'left' | 'right'): number | null;
 export declare function findImageInChildren(children: ReactNode): ReactElement<ImageProps> | null;

package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.d.ts

@@ -17,5 +17,5 @@ export interface MasonryBlockProps extends FlexboxProps {
     }>;
     setInnerRef?: (ref: HTMLDivElement | null) => void;
 }
-declare const MasonryBlock: import('react').ForwardRefExoticComponent<Omit<MasonryBlockProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const MasonryBlock: any;
 export default MasonryBlock;

package/dist/shared/components/Swiper/Swiper.mjs

@@ -1,15 +1,15 @@
 import { jsxs as S } from "react/jsx-runtime";
-import { useState as w, useRef as d, Children as W, isValidElement as G, useCallback as mr, useEffect as M, cloneElement as vr } from "react";
+import { useState as w, useRef as m, Children as X, isValidElement as G, useCallback as dr, useEffect as M, cloneElement as vr } from "react";
 import { Flexbox as rr } from "@dotss/ui";
 import U from "../MediaDialog/MediaBlock/MediaBlock.mjs";
-import { createSwipeEvent as R } from "./Swiper.utils.mjs";
+import { createSwipeEvent as C } from "./Swiper.utils.mjs";
 import j from "./SwiperBlock/SwiperBlock.mjs";
 function Pr({
   children: B,
   initialPage: T = 0,
   onSwipe: s,
-  onSwiping: x,
-  loop: v = !1,
+  onSwiping: W,
+  loop: h = !1,
   disableSwipe: tr = !1,
   renderPagination: q,
   inlineCSS: er,
@@ -18,20 +18,20 @@ function Pr({
   autoSwipeDuration: Q = 1e3,
   ...nr
 }) {
-  const [C, $] = w(T), [c, cr] = w(1), t = d(null), X = d(0), Y = d(0), V = d(0), N = d(0), u = d(!1), f = d(!0), F = d(""), n = d(T), Z = d(!1), l = d(null), k = W.count(B), m = W.toArray(B).filter(G).filter((r) => r.type === j || r.type === U), A = k > 1 && !tr, sr = W.toArray(m == null ? void 0 : m[0]).filter(G).filter((r) => r.type === j || r.type === U), ur = W.toArray(m == null ? void 0 : m[(m == null ? void 0 : m.length) - 1]).filter(G).filter((r) => r.type === j || r.type === U), _ = (r, e, i) => {
-    !t.current || !A || (F.current = t.current.style.transform, Y.current = r, X.current = r + t.current.offsetWidth * (i + 1), V.current = e);
-  }, L = mr(
+  const [k, $] = w(T), [c, cr] = w(1), t = m(null), A = m(0), Y = m(0), V = m(0), N = m(0), u = m(!1), f = m(!0), F = m(""), n = m(T), Z = m(!1), l = m(null), p = X.count(B), d = X.toArray(B).filter(G).filter((r) => r.type === j || r.type === U), D = p > 1 && !tr, sr = X.toArray(d == null ? void 0 : d[0]).filter(G).filter((r) => r.type === j || r.type === U), ur = X.toArray(d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1]).filter(G).filter((r) => r.type === j || r.type === U), _ = (r, e, i) => {
+    !t.current || !D || (F.current = t.current.style.transform, Y.current = r, A.current = r + t.current.offsetWidth * (i + 1), V.current = e);
+  }, P = dr(
     (r, e, i, {
-      isAutoSwiped: P = !1,
+      isAutoSwiped: v = !1,
       shouldFocus: a = !1
     } = {}) => {
-      if (!t.current || !A || !u.current || !f.current)
+      if (!t.current || !D || !u.current || !f.current)
         return;
-      f.current = !1, t.current.style.transition = P ? `transform ${Q}ms` : "transform 0.2s", t.current.style.cursor = "grab", l.current && (t.current.removeEventListener("transitionend", l.current), l.current = null);
-      const o = e || C, h = i || X.current - t.current.offsetWidth * (o + 1) - r, y = t.current.offsetWidth * 0.1;
-      if (Math.abs(h) < y && !e) {
+      f.current = !1, t.current.style.transition = v ? `transform ${Q}ms` : "transform 0.2s", t.current.style.cursor = "grab", l.current && (t.current.removeEventListener("transitionend", l.current), l.current = null);
+      const o = e || k, y = i || A.current - t.current.offsetWidth * (o + 1) - r, g = t.current.offsetWidth * 0.1;
+      if (Math.abs(y) < g && !e) {
         t.current.style.transform = F.current, u.current = !1, f.current = !0, s == null || s(
-          R({
+          C({
             realPage: n.current,
             totalPages: c,
             lastPage: n.current,
@@ -40,85 +40,100 @@ function Pr({
         );
         return;
       }
-      const I = h <= -y && o - 1 < 0, z = h >= y && o + 1 === c, fr = h >= y && o + 1 < c, dr = h <= -y && o - 1 >= 0;
+      const I = y <= -g && o - 1 < 0, z = y >= g && o + 1 === c, fr = y >= g && o + 1 < c, mr = y <= -g && o - 1 >= 0;
       if (I) {
         n.current = c - 1, s == null || s(
-          R({ realPage: n.current, totalPages: c, lastPage: 0, isLoop: !0 })
-        ), t.current.style.transform = "translate3d(0, 0, 0)", l.current = (D) => {
-          var g, b, E, p;
-          if (D.propertyName === "transform") {
+          C({ realPage: n.current, totalPages: c, lastPage: 0, isLoop: !0 })
+        ), t.current.style.transform = "translate3d(0, 0, 0)", l.current = (x) => {
+          var b, E, L, R;
+          if (x.propertyName === "transform") {
             if (!t.current) return;
-            t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${c}), 0, 0)`, $(c - 1), u.current = !1, f.current = !0, a ? (E = (b = (g = t.current) == null ? void 0 : g.children) == null ? void 0 : b[c]) == null || E.focus() : (p = document.activeElement) == null || p.blur();
+            if (t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${c}), 0, 0)`, $(c - 1), u.current = !1, f.current = !0, a)
+              (L = (E = (b = t.current) == null ? void 0 : b.children) == null ? void 0 : E[c]) == null || L.focus();
+            else {
+              if (v) return;
+              (R = document.activeElement) == null || R.blur();
+            }
           }
         }, t.current.addEventListener("transitionend", l.current);
         return;
       } else if (z) {
         n.current = 0, s == null || s(
-          R({
+          C({
             realPage: n.current,
             totalPages: c,
             lastPage: c - 1,
             isLoop: !0
           })
-        ), t.current.style.transform = `translate3d(calc(-100% * ${o + 2}), 0, 0)`, l.current = (D) => {
-          var g, b, E, p;
-          if (D.propertyName === "transform") {
+        ), t.current.style.transform = `translate3d(calc(-100% * ${o + 2}), 0, 0)`, l.current = (x) => {
+          var b, E, L, R;
+          if (x.propertyName === "transform") {
             if (!t.current) return;
-            t.current.style.transition = "none", t.current.style.transform = "translate3d(-100%, 0, 0)", $(0), u.current = !1, f.current = !0, a ? (E = (b = (g = t.current) == null ? void 0 : g.children) == null ? void 0 : b[1]) == null || E.focus() : (p = document.activeElement) == null || p.blur();
+            if (t.current.style.transition = "none", t.current.style.transform = "translate3d(-100%, 0, 0)", $(0), u.current = !1, f.current = !0, a)
+              (L = (E = (b = t.current) == null ? void 0 : b.children) == null ? void 0 : E[1]) == null || L.focus();
+            else {
+              if (v) return;
+              (R = document.activeElement) == null || R.blur();
+            }
           }
         }, t.current.addEventListener("transitionend", l.current);
         return;
       }
       fr ? (n.current = o + 1, s == null || s(
-        R({
+        C({
           realPage: n.current,
           totalPages: c,
           lastPage: o,
           isLoop: !0
         })
-      ), $(n.current), t.current.style.transform = `translate3d(calc(-100% * ${o + 2}), 0, 0)`) : dr ? (n.current = o - 1, s == null || s(
-        R({
+      ), $(n.current), t.current.style.transform = `translate3d(calc(-100% * ${o + 2}), 0, 0)`) : mr ? (n.current = o - 1, s == null || s(
+        C({
           realPage: n.current,
           totalPages: c,
           lastPage: o,
           isLoop: !1
         })
       ), $(n.current), t.current.style.transform = `translate3d(calc(-100% * ${o}), 0, 0)`) : (s == null || s(
-        R({
+        C({
           realPage: n.current,
           totalPages: c,
           lastPage: n.current,
           isLoop: !1
         })
-      ), t.current.style.transform = F.current), l.current = (D) => {
-        var g, b;
-        if (D.propertyName === "transform") {
+      ), t.current.style.transform = F.current), l.current = (x) => {
+        var b, E;
+        if (x.propertyName === "transform") {
           u.current = !1, f.current = !0;
-          const E = Array.from(((g = t.current) == null ? void 0 : g.children) ?? []).find(
-            (p) => p.getAttribute("aria-current") === "page"
+          const L = Array.from(((b = t.current) == null ? void 0 : b.children) ?? []).find(
+            (R) => R.getAttribute("aria-current") === "page"
           );
-          a && E ? E.focus() : (b = document.activeElement) == null || b.blur();
+          if (a && L)
+            L.focus();
+          else {
+            if (v) return;
+            (E = document.activeElement) == null || E.blur();
+          }
         }
       }, t.current.addEventListener("transitionend", l.current);
     },
-    [C, c, s, A, Q]
+    [k, c, s, D, Q]
   ), ar = (r) => {
     u.current = !0, _(r.clientX, r.clientY, n.current);
-  }, K = (r) => L(r.clientX), or = (r) => {
+  }, K = (r) => P(r.clientX), or = (r) => {
     _(r.touches[0].clientX, r.touches[0].clientY, n.current);
-  }, O = (r) => L(r.changedTouches[0].clientX), lr = (r) => {
+  }, O = (r) => P(r.changedTouches[0].clientX), lr = (r) => {
     u.current = !0;
     const e = r - 1;
-    $(e <= 0 ? 0 : e), L(0, r);
+    $(e <= 0 ? 0 : e), P(0, r);
   }, ir = (r) => (e) => {
-    var i, P;
+    var i, v;
     switch (e.key) {
       case "ArrowRight": {
         if (e.preventDefault(), u.current || !f.current) return;
         const a = n.current === c - 1;
-        if (!v && a)
+        if (!h && a)
           return;
-        u.current = !0, L(0, n.current, (((i = t.current) == null ? void 0 : i.offsetWidth) ?? 0) * 0.1, {
+        u.current = !0, P(0, n.current, (((i = t.current) == null ? void 0 : i.offsetWidth) ?? 0) * 0.1, {
           shouldFocus: !0
         });
         break;
@@ -126,9 +141,9 @@ function Pr({
       case "ArrowLeft": {
         if (e.preventDefault(), u.current || !f.current) return;
         const a = n.current === 0;
-        if (!v && a)
+        if (!h && a)
           return;
-        u.current = !0, L(0, n.current, -((((P = t.current) == null ? void 0 : P.offsetWidth) ?? 0) * 0.1), {
+        u.current = !0, P(0, n.current, -((((v = t.current) == null ? void 0 : v.offsetWidth) ?? 0) * 0.1), {
           shouldFocus: !0
         });
         break;
@@ -145,22 +160,22 @@ function Pr({
     r == null || r(e);
   };
   return M(() => {
-    const r = t.current, e = (a, o, h) => {
-      if (!t.current || !A || !f.current) return;
-      N.current = a - X.current;
-      const y = 5;
-      if (u.current = u.current || Math.abs(N.current) > y && Math.abs(o - V.current) < y, u.current) {
+    const r = t.current, e = (a, o, y) => {
+      if (!t.current || !D || !f.current) return;
+      N.current = a - A.current;
+      const g = 5;
+      if (u.current = u.current || Math.abs(N.current) > g && Math.abs(o - V.current) < g, u.current) {
         const I = Y.current < a, z = Y.current > a;
-        if (!v && I && n.current === 0) {
+        if (!h && I && n.current === 0) {
           u.current = !1;
           return;
         }
-        if (!v && z && n.current === c - 1) {
+        if (!h && z && n.current === c - 1) {
           u.current = !1;
           return;
         }
-        h.cancelable && h.preventDefault(), x == null || x(
-          R({
+        y.cancelable && y.preventDefault(), W == null || W(
+          C({
             realPage: n.current,
             totalPages: c,
             lastPage: n.current,
@@ -170,11 +185,11 @@ function Pr({
       }
     }, i = (a) => {
       u.current && e(a.clientX, a.clientY, a);
-    }, P = (a) => e(a.touches[0].clientX, a.touches[0].clientY, a);
-    return r && (r.addEventListener("mousemove", i), r.addEventListener("touchmove", P)), () => {
-      r && (r.removeEventListener("mousemove", i), r.removeEventListener("touchmove", P));
+    }, v = (a) => e(a.touches[0].clientX, a.touches[0].clientY, a);
+    return r && (r.addEventListener("mousemove", i), r.addEventListener("touchmove", v)), () => {
+      r && (r.removeEventListener("mousemove", i), r.removeEventListener("touchmove", v));
     };
-  }, [A, x, v, c]), M(() => {
+  }, [D, W, h, c]), M(() => {
     const r = t.current, e = (i) => {
       f.current || (i.stopPropagation(), i.preventDefault());
     };
@@ -187,13 +202,13 @@ function Pr({
       l.current && r && (r.removeEventListener("transitionend", l.current), l.current = null);
     };
   }, []), M(() => {
-    cr(k);
-  }, [k]), M(() => {
-    t.current && !Z.current && (Z.current = !0, t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${k < T + 1 ? k : T + 1}), 0, 0)`);
-  }, [T, k]), M(() => {
+    cr(p);
+  }, [p]), M(() => {
+    t.current && !Z.current && (Z.current = !0, t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${p < T + 1 ? p : T + 1}), 0, 0)`);
+  }, [T, p]), M(() => {
     if (H) {
       const r = setInterval(() => {
-        u.current || !f.current || t.current && (!v && n.current === c - 1 || document.activeElement && t.current && t.current.contains(document.activeElement) || (u.current = !0, L(0, n.current, (t.current.offsetWidth ?? 0) * 0.1, {
+        u.current || !f.current || t.current && (!h && n.current === c - 1 || document.activeElement && t.current && t.current.contains(document.activeElement) || (u.current = !0, P(0, n.current, (t.current.offsetWidth ?? 0) * 0.1, {
           isAutoSwiped: !0
         })));
       }, J);
@@ -201,7 +216,7 @@ function Pr({
         clearInterval(r);
       };
     }
-  }, [H, J, v, c, L]), /* @__PURE__ */ S(
+  }, [H, J, h, c, P]), /* @__PURE__ */ S(
     rr,
     {
       flexGrow: 1,
@@ -228,10 +243,10 @@ function Pr({
             onTouchCancel: O,
             inlineCSS: {
               "& > div:first-of-type": {
-                visibility: v ? "visible" : "hidden"
+                visibility: h ? "visible" : "hidden"
               },
               "& > div:last-of-type": {
-                visibility: v ? "visible" : "hidden"
+                visibility: h ? "visible" : "hidden"
               }
             },
             style: {
@@ -241,14 +256,14 @@ function Pr({
             },
             children: [
               ur,
-              m.map(
+              d.map(
                 (r, e) => vr(r, {
                   role: "listitem",
-                  tabIndex: e === C ? 0 : -1,
+                  tabIndex: e === k ? 0 : -1,
                   onKeyDown: ir(r.props.onKeyDown),
                   "aria-roledescription": "slide",
-                  "aria-hidden": e !== C,
-                  "aria-current": e === C ? "page" : void 0,
+                  "aria-hidden": e !== k,
+                  "aria-current": e === k ? "page" : void 0,
                   "aria-label": `${c}개 중 ${e + 1}번째 슬라이드`,
                   "aria-posinset": e + 1,
                   "aria-setsize": c,
@@ -259,7 +274,7 @@ function Pr({
             ]
           }
         ),
-        typeof q == "function" && q({ page: C, totalPages: c, onChange: lr })
+        typeof q == "function" && q({ page: k, totalPages: c, onChange: lr })
       ]
     }
   );

package/dist/shared/components/TimePicker/TimePicker.d.ts

@@ -19,5 +19,5 @@ export interface TimePickerProps extends Omit<FlexboxProps, 'onChange'> {
     renderStartTimeLabel?: (item: TimePickerItem, isSelected: boolean) => ReactNode;
     renderEndTimeLabel?: (item: TimePickerItem, isSelected: boolean) => ReactNode;
 }
-declare const TimePicker: import('react').ForwardRefExoticComponent<Omit<TimePickerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const TimePicker: any;
 export default TimePicker;

package/dist/shared/hooks/useInView/useInView.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from 'react';
 export default function useInView(targetRef: RefObject<HTMLElement | null>, options?: IntersectionObserverInit): {
-    isInView: boolean;
+    isInView: any;
 };

package/dist/shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts

@@ -1,3 +1,2 @@
-import { useEffect } from 'react';
-declare const useIsomorphicLayoutEffect: typeof useEffect;
+declare const useIsomorphicLayoutEffect: any;
 export default useIsomorphicLayoutEffect;

package/dist/teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.d.ts

@@ -18,5 +18,5 @@ export interface AvailableScheduleSectionProps extends FlexboxProps {
         };
     };
 }
-declare const AvailableScheduleSection: import('react').ForwardRefExoticComponent<Omit<AvailableScheduleSectionProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const AvailableScheduleSection: any;
 export default AvailableScheduleSection;

package/dist/teacher/profile/components/CareNoteSection/CareNoteSection.d.ts

@@ -3,5 +3,5 @@ export interface CareNoteSectionProps extends FlexboxProps {
     totalCount: number;
     onClickViewAll?: () => void;
 }
-declare const CareNoteSection: import('react').ForwardRefExoticComponent<Omit<CareNoteSectionProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const CareNoteSection: any;
 export default CareNoteSection;

package/dist/teacher/profile/components/ParentReviewSection/ParentReviewSection.d.ts

@@ -3,5 +3,5 @@ export interface ParentReviewSectionProps extends FlexboxProps {
     totalCount: number;
     onClickViewAll?: () => void;
 }
-declare const ParentReviewSection: import('react').ForwardRefExoticComponent<Omit<ParentReviewSectionProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const ParentReviewSection: any;
 export default ParentReviewSection;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dotss/tictoccroc",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",