@dotss/tictoccroc 0.1.4 → 0.3.0

package/dist/parent/b2b/utils/convertMdToHtml/convertMdToHtml.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/parent/b2b/utils/index.d.ts

@@ -0,0 +1 @@
+export { default as convertMdToHtml } from './convertMdToHtml/convertMdToHtml';

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

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

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
+import { TextFieldProps as DotssTextFieldProps } from 'node_modules/@dotss/ui/TextField/TextField';
+export interface TextFieldProps extends Omit<FlexboxProps, 'onChange'> {
+    id: string;
+    label: ReactNode;
+    value: string;
+    onChange: (value: string, e: Event) => void;
+    placeholder?: string;
+    labelProps?: HTMLAttributes<HTMLLabelElement>;
+    textFieldProps?: DotssTextFieldProps;
+}
+declare function TextField({ id, label, value, onChange, labelProps, placeholder, textFieldProps, ...props }: TextFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default TextField;

package/dist/shared/components/TextField/TextField.mjs

@@ -0,0 +1,56 @@
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { useRef as g } from "react";
+import C from "@dotss/ui/core/useTheme";
+import m from "@dotss/ui/Flexbox";
+import F from "@dotss/ui/IconButton";
+import b from "@dotss/ui/TextField";
+import S from "@dotss/ui/Typography";
+function w({
+  id: o,
+  label: a,
+  value: r,
+  onChange: l,
+  labelProps: s,
+  placeholder: c,
+  textFieldProps: f,
+  ...d
+}) {
+  const { palette: p } = C(), n = g(null), u = (e) => {
+    l(e.target.value, e);
+  }, h = (e) => {
+    var i;
+    (i = n.current) == null || i.focus(), l("", e);
+  };
+  return /* @__PURE__ */ x(m, { flexDirection: "column", gap: 1, inlineCSS: { width: "100%" }, ...d, children: [
+    /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(S, { tag: "label", htmlFor: o, variant: "b4M", ...s, children: a }) }),
+    /* @__PURE__ */ t(
+      b,
+      {
+        ref: n,
+        id: o,
+        value: r,
+        onChange: u,
+        fullWidth: !0,
+        placeholder: c,
+        endAdornment: r && /* @__PURE__ */ t(
+          F,
+          {
+            name: "CloseLine",
+            size: "small",
+            onClick: h,
+            "aria-label": "지우기",
+            inlineCSS: {
+              "& svg": {
+                color: p.grey[60]
+              }
+            }
+          }
+        ),
+        ...f
+      }
+    )
+  ] });
+}
+export {
+  w as default
+};

package/dist/shared/components/TextField/index.d.ts

@@ -0,0 +1,3 @@
+import { default as TextField } from './TextField';
+export type { TextFieldProps } from './TextField';
+export default TextField;

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

@@ -0,0 +1,4 @@
+import t from "./TextField.mjs";
+export {
+  t as default
+};

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

@@ -9,6 +9,7 @@ export { default as Calendar } from './Calendar';
 export { default as Masonry } from './Masonry';
 export { default as LoadingAnnouncer } from './LoadingAnnouncer';
 export { Message, SystemMessage, BotMessage, InputBar, Seperator, UnreadMessagePill } from './ChatKit';
+export { default as TextField } from './TextField';
 export * from './Scheduler';
 export * from './MediaDialog';
 export * from './Swiper';
@@ -20,3 +21,4 @@ export * from './Calendar';
 export * from './Masonry';
 export * from './LoadingAnnouncer';
 export * from './ChatKit';
+export * from './TextField';

package/dist/shared/components/index.mjs

@@ -10,9 +10,9 @@ import { default as B } from "./MediaDialog/MediaDialogToolbar/MediaDialogToolba
 import { default as S } from "./Swiper/Swiper.mjs";
 import { default as C } from "./Swiper/SwiperBlock/SwiperBlock.mjs";
 import { default as I } from "./Carousel/Carousel.mjs";
-import { default as y } from "./Carousel/CarouselSlide/CarouselSlide.mjs";
-import { default as R } from "./TimePicker/TimePicker.mjs";
-import { default as F } from "./Roller/Roller.mjs";
+import { default as h } from "./Carousel/CarouselSlide/CarouselSlide.mjs";
+import { default as F } from "./TimePicker/TimePicker.mjs";
+import { default as R } from "./Roller/Roller.mjs";
 import { default as w } from "./Roller/RollerBlock/RollerBlock.mjs";
 import { default as E } from "./Image/Image.mjs";
 import { default as G } from "./Image/Image.error.mjs";
@@ -32,11 +32,12 @@ import { default as pe } from "./ChatKit/InputBar/InputBar.mjs";
 import { default as ge } from "./ChatKit/InputBar/InputBar.fallback.mjs";
 import { default as ne } from "./ChatKit/Seperator/Seperator.mjs";
 import { default as ce } from "./ChatKit/UnreadMessagePill/UnreadMessagePill.mjs";
+import { default as ke } from "./TextField/TextField.mjs";
 export {
   fe as BotMessage,
   j as Calendar,
   I as Carousel,
-  y as CarouselSlide,
+  h as CarouselSlide,
   ae as DirectTradeRiskInfoBottomSheet,
   E as Image,
   G as ImageError,
@@ -52,7 +53,7 @@ export {
   B as MediaDialogToolbar,
   Q as Message,
   W as MessageFallback,
-  F as Roller,
+  R as Roller,
   w as RollerBlock,
   l as ScheduleBlock,
   t as ScheduleEvent,
@@ -61,7 +62,8 @@ export {
   S as Swiper,
   C as SwiperBlock,
   $ as SystemMessage,
-  R as TimePicker,
+  ke as TextField,
+  F as TimePicker,
   ce as UnreadMessagePill,
   d as getAvailableDateRange,
   se as getBotMessageLabel,

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

@@ -1,2 +1,3 @@
 export { default as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';
 export { default as useInView } from './useInView/useInView';
+export { default as useCombineRef } from './useCombineRef/useCombineRef';

package/dist/shared/hooks/index.mjs

@@ -1,6 +1,8 @@
 import { default as f } from "./useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
 import { default as a } from "./useInView/useInView.mjs";
+import { default as s } from "./useCombineRef/useCombineRef.mjs";
 export {
+  s as useCombineRef,
   a as useInView,
   f as useIsomorphicLayoutEffect
 };

package/dist/shared/hooks/useCombineRef/index.d.ts

@@ -0,0 +1,2 @@
+import { default as useCombineRef } from './useCombineRef';
+export default useCombineRef;

package/dist/shared/hooks/useCombineRef/index.mjs

@@ -0,0 +1,4 @@
+import o from "./useCombineRef.mjs";
+export {
+  o as default
+};

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

@@ -0,0 +1,7 @@
+import { RefCallback } from 'react';
+import { RefLike } from '../../utils/combineRef';
+/**
+ * refs가 변경되지 않는(않아야 하는) 경우에 사용
+ * 마운트 시점의 refs를 안정적으로 반환
+ */
+export default function useCombineRef<T>(...refs: Array<RefLike<T>>): RefCallback<T>;

package/dist/shared/hooks/useCombineRef/useCombineRef.mjs

@@ -0,0 +1,8 @@
+import { useMemo as o } from "react";
+import m from "../../utils/combineRef/combineRef.mjs";
+function t(...e) {
+  return o(() => m(...e), []);
+}
+export {
+  t as default
+};

package/dist/shared/utils/combineRef/combineRef.d.ts

@@ -0,0 +1,3 @@
+import { RefCallback, RefObject } from 'react';
+export type RefLike<T> = RefObject<T | null> | RefCallback<T> | null | undefined;
+export default function combineRef<T>(...refs: Array<RefLike<T>>): RefCallback<T>;

package/dist/shared/utils/combineRef/combineRef.mjs

@@ -0,0 +1,24 @@
+function c(...r) {
+  return (u) => {
+    const t = [];
+    return r.forEach((n) => {
+      if (n) {
+        if (typeof n == "function") {
+          t.push(n(u));
+          return;
+        }
+        n.current = u, t.push(() => {
+          n.current = null;
+        });
+      }
+    }), () => {
+      for (; t.length > 0; ) {
+        const n = t.pop();
+        n == null || n();
+      }
+    };
+  };
+}
+export {
+  c as default
+};

package/dist/shared/utils/combineRef/combineRef.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/shared/utils/combineRef/index.d.ts

@@ -0,0 +1,3 @@
+import { default as combineRef } from './combineRef';
+export type { RefLike } from './combineRef';
+export default combineRef;

package/dist/shared/utils/combineRef/index.mjs

@@ -0,0 +1,4 @@
+import o from "./combineRef.mjs";
+export {
+  o as default
+};

package/dist/shared/utils/index.d.ts

@@ -14,3 +14,4 @@ export { default as parseQueryString } from './parseQueryString';
 export { default as share } from './share';
 export { default as dayFlagToDay } from './dayFlagToDay';
 export { default as getCareTypeLabel } from './getCareTypeLabel';
+export { default as combineRef } from './combineRef';

package/dist/shared/utils/index.mjs

@@ -2,33 +2,35 @@ import { default as t } from "./getImageUrl/getImageUrl.mjs";
 import { default as o } from "./isServer/isServer.mjs";
 import { default as s } from "./getTimeRange/getTimeRange.mjs";
 import { default as d } from "./getDateRange/getDateRange.mjs";
-import { default as m } from "./isAndroid/isAndroid.mjs";
+import { default as l } from "./isAndroid/isAndroid.mjs";
 import { default as x } from "./isIos/isIos.mjs";
 import { default as i } from "./isApp/isApp.mjs";
-import { default as n } from "./isDesktop/isDesktop.mjs";
+import { default as T } from "./isDesktop/isDesktop.mjs";
 import { default as D } from "./ageToBirthDate/ageToBirthDate.mjs";
 import { default as h } from "./birthDateToAge/birthDateToAge.mjs";
 import { default as I } from "./objectToQueryString/objectToQueryString.mjs";
-import { default as Q } from "./getVimeoId/getVimeoId.mjs";
-import { default as c } from "./parseQueryString/parseQueryString.mjs";
+import { default as S } from "./getVimeoId/getVimeoId.mjs";
+import { default as Q } from "./parseQueryString/parseQueryString.mjs";
 import { default as k } from "./share/share.mjs";
 import { default as B } from "./dayFlagToDay/dayFlagToDay.mjs";
 import { default as F } from "./getCareTypeLabel/getCareTypeLabel.mjs";
+import { default as U } from "./combineRef/combineRef.mjs";
 export {
   D as ageToBirthDate,
   h as birthDateToAge,
+  U as combineRef,
   B as dayFlagToDay,
   F as getCareTypeLabel,
   d as getDateRange,
   t as getImageUrl,
   s as getTimeRange,
-  Q as getVimeoId,
-  m as isAndroid,
+  S as getVimeoId,
+  l as isAndroid,
   i as isApp,
-  n as isDesktop,
+  T as isDesktop,
   x as isIos,
   o as isServer,
   I as objectToQueryString,
-  c as parseQueryString,
+  Q as parseQueryString,
   k as share
 };

package/dist/teacher/home/components/BannerAccount/BannerAccount.mjs

@@ -1,13 +1,12 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import f from "@dotss/ui/core/useTheme";
 import n from "@dotss/ui/Flexbox";
-import f from "@dotss/ui/Typography";
-import { useTheme as g } from "@emotion/react";
+import g from "@dotss/ui/Typography";
 import S from "../../../../shared/components/Image/Image.mjs";
 import "@dotss/ui";
-import "@dotss/ui/core/useTheme";
 import w from "../../../../shared/components/Swiper/Swiper.mjs";
 import y from "../../../../shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
-function H({
+function I({
   id: a,
   banners: l,
   onClickBanner: o,
@@ -15,7 +14,7 @@ function H({
   swiperProps: p,
   ...h
 }) {
-  const { palette: m } = g(), s = (e, r) => (t) => {
+  const { palette: m } = f(), s = (e, r) => (t) => {
     o && typeof o == "function" && (t.stopPropagation(), t.preventDefault(), o(e, r, t));
   }, u = ({ page: e, totalPages: r }) => r <= 1 ? null : /* @__PURE__ */ i(
     n,
@@ -36,7 +35,7 @@ function H({
         backgroundColor: m.etc.dimmed02
       },
       children: /* @__PURE__ */ c(
-        f,
+        g,
         {
           tag: "p",
           variant: "c5R",
@@ -97,5 +96,5 @@ function H({
   ] });
 }
 export {
-  H as default
+  I as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dotss/tictoccroc",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.3.0",
   "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
@@ -82,6 +82,22 @@
     "./shared/typings/*": {
       "import": "./dist/shared/typings/*/index.mjs",
       "types": "./dist/shared/typings/*/index.d.ts"
+    },
+    "./parent/b2b/components": {
+      "import": "./dist/parent/b2b/components/index.mjs",
+      "types": "./dist/parent/b2b/components/index.d.ts"
+    },
+    "./parent/b2b/components/*": {
+      "import": "./dist/parent/b2b/components/*/index.mjs",
+      "types": "./dist/parent/b2b/components/*/index.d.ts"
+    },
+    "./parent/b2b/utils": {
+      "import": "./dist/parent/b2b/utils/index.mjs",
+      "types": "./dist/parent/b2b/utils/index.d.ts"
+    },
+    "./parent/b2b/utils/*": {
+      "import": "./dist/parent/b2b/utils/*/index.mjs",
+      "types": "./dist/parent/b2b/utils/*/index.d.ts"
     }
   },
   "devDependencies": {
@@ -102,9 +118,11 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "dayjs": "^1.11.13",
+    "heic2any": "^0.0.4",
+    "dompurify": "^3.3.1",
+    "marked": "^17.0.3",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "heic2any": "^0.0.4"
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"