@dotss/tictoccroc 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/index.d.ts +2 -0
  2. package/dist/index.mjs +143 -122
  3. package/dist/parent/b2b/components/ActionButtons/ActionButtons.d.ts +13 -0
  4. package/dist/parent/b2b/components/ActionButtons/ActionButtons.mjs +30 -0
  5. package/dist/parent/b2b/components/ActionButtons/index.d.ts +3 -0
  6. package/dist/parent/b2b/components/ActionButtons/index.mjs +4 -0
  7. package/dist/parent/b2b/components/BottomNotes/BottomNotes.d.ts +6 -0
  8. package/dist/parent/b2b/components/BottomNotes/BottomNotes.mjs +37 -0
  9. package/dist/parent/b2b/components/BottomNotes/index.d.ts +3 -0
  10. package/dist/parent/b2b/components/BottomNotes/index.mjs +4 -0
  11. package/dist/parent/b2b/components/EmployeeNumberField/EmployeeNumberField.d.ts +4 -0
  12. package/dist/parent/b2b/components/EmployeeNumberField/EmployeeNumberField.mjs +16 -0
  13. package/dist/parent/b2b/components/EmployeeNumberField/index.d.ts +3 -0
  14. package/dist/parent/b2b/components/EmployeeNumberField/index.mjs +4 -0
  15. package/dist/parent/b2b/components/NameField/NameField.d.ts +4 -0
  16. package/dist/parent/b2b/components/NameField/NameField.mjs +8 -0
  17. package/dist/parent/b2b/components/NameField/index.d.ts +3 -0
  18. package/dist/parent/b2b/components/NameField/index.mjs +4 -0
  19. package/dist/parent/b2b/components/PhoneNumberField/PhoneNumberField.d.ts +4 -0
  20. package/dist/parent/b2b/components/PhoneNumberField/PhoneNumberField.mjs +31 -0
  21. package/dist/parent/b2b/components/PhoneNumberField/PhoneNumberField.utils.d.ts +2 -0
  22. package/dist/parent/b2b/components/PhoneNumberField/PhoneNumberField.utils.mjs +10 -0
  23. package/dist/parent/b2b/components/PhoneNumberField/index.d.ts +4 -0
  24. package/dist/parent/b2b/components/PhoneNumberField/index.mjs +7 -0
  25. package/dist/parent/b2b/components/Title/Title.d.ts +4 -0
  26. package/dist/parent/b2b/components/Title/Title.mjs +19 -0
  27. package/dist/parent/b2b/components/Title/index.d.ts +3 -0
  28. package/dist/parent/b2b/components/Title/index.mjs +4 -0
  29. package/dist/parent/b2b/components/TopLogo/TopLogo.d.ts +11 -0
  30. package/dist/parent/b2b/components/TopLogo/TopLogo.mjs +94 -0
  31. package/dist/parent/b2b/components/TopLogo/index.d.ts +3 -0
  32. package/dist/parent/b2b/components/TopLogo/index.mjs +4 -0
  33. package/dist/parent/b2b/components/index.d.ts +14 -0
  34. package/dist/parent/b2b/components/index.mjs +19 -0
  35. package/dist/parent/b2b/utils/convertMdToHtml/convertMdToHtml.d.ts +1 -0
  36. package/dist/parent/b2b/utils/convertMdToHtml/convertMdToHtml.mjs +1692 -0
  37. package/dist/parent/b2b/utils/convertMdToHtml/convertMdToHtml.test.d.ts +1 -0
  38. package/dist/parent/b2b/utils/index.d.ts +1 -0
  39. package/dist/parent/b2b/utils/index.mjs +4 -0
  40. package/dist/shared/components/TextField/TextField.d.ts +14 -0
  41. package/dist/shared/components/TextField/TextField.mjs +56 -0
  42. package/dist/shared/components/TextField/index.d.ts +3 -0
  43. package/dist/shared/components/TextField/index.mjs +4 -0
  44. package/dist/shared/components/index.d.ts +2 -0
  45. package/dist/shared/components/index.mjs +8 -6
  46. package/dist/teacher/home/components/BannerAccount/BannerAccount.mjs +6 -7
  47. package/package.json +21 -3
@@ -0,0 +1 @@
1
+ export { default as convertMdToHtml } from './convertMdToHtml/convertMdToHtml';
@@ -0,0 +1,4 @@
1
+ import { default as e } from "./convertMdToHtml/convertMdToHtml.mjs";
2
+ export {
3
+ e as convertMdToHtml
4
+ };
@@ -0,0 +1,14 @@
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
+ import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
3
+ import { TextFieldProps as DotssTextFieldProps } from 'node_modules/@dotss/ui/TextField/TextField';
4
+ export interface TextFieldProps extends Omit<FlexboxProps, 'onChange'> {
5
+ id: string;
6
+ label: ReactNode;
7
+ value: string;
8
+ onChange: (value: string, e: Event) => void;
9
+ placeholder?: string;
10
+ labelProps?: HTMLAttributes<HTMLLabelElement>;
11
+ textFieldProps?: DotssTextFieldProps;
12
+ }
13
+ declare function TextField({ id, label, value, onChange, labelProps, placeholder, textFieldProps, ...props }: TextFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
14
+ export default TextField;
@@ -0,0 +1,56 @@
1
+ import { jsxs as x, jsx as t } from "react/jsx-runtime";
2
+ import { useRef as g } from "react";
3
+ import C from "@dotss/ui/core/useTheme";
4
+ import m from "@dotss/ui/Flexbox";
5
+ import F from "@dotss/ui/IconButton";
6
+ import b from "@dotss/ui/TextField";
7
+ import S from "@dotss/ui/Typography";
8
+ function w({
9
+ id: o,
10
+ label: a,
11
+ value: r,
12
+ onChange: l,
13
+ labelProps: s,
14
+ placeholder: c,
15
+ textFieldProps: f,
16
+ ...d
17
+ }) {
18
+ const { palette: p } = C(), n = g(null), u = (e) => {
19
+ l(e.target.value, e);
20
+ }, h = (e) => {
21
+ var i;
22
+ (i = n.current) == null || i.focus(), l("", e);
23
+ };
24
+ return /* @__PURE__ */ x(m, { flexDirection: "column", gap: 1, inlineCSS: { width: "100%" }, ...d, children: [
25
+ /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(S, { tag: "label", htmlFor: o, variant: "b4M", ...s, children: a }) }),
26
+ /* @__PURE__ */ t(
27
+ b,
28
+ {
29
+ ref: n,
30
+ id: o,
31
+ value: r,
32
+ onChange: u,
33
+ fullWidth: !0,
34
+ placeholder: c,
35
+ endAdornment: r && /* @__PURE__ */ t(
36
+ F,
37
+ {
38
+ name: "CloseLine",
39
+ size: "small",
40
+ onClick: h,
41
+ "aria-label": "지우기",
42
+ inlineCSS: {
43
+ "& svg": {
44
+ color: p.grey[60]
45
+ }
46
+ }
47
+ }
48
+ ),
49
+ ...f
50
+ }
51
+ )
52
+ ] });
53
+ }
54
+ export {
55
+ w as default
56
+ };
@@ -0,0 +1,3 @@
1
+ import { default as TextField } from './TextField';
2
+ export type { TextFieldProps } from './TextField';
3
+ export default TextField;
@@ -0,0 +1,4 @@
1
+ import t from "./TextField.mjs";
2
+ export {
3
+ t as default
4
+ };
@@ -9,6 +9,7 @@ export { default as Calendar } from './Calendar';
9
9
  export { default as Masonry } from './Masonry';
10
10
  export { default as LoadingAnnouncer } from './LoadingAnnouncer';
11
11
  export { Message, SystemMessage, BotMessage, InputBar, Seperator, UnreadMessagePill } from './ChatKit';
12
+ export { default as TextField } from './TextField';
12
13
  export * from './Scheduler';
13
14
  export * from './MediaDialog';
14
15
  export * from './Swiper';
@@ -20,3 +21,4 @@ export * from './Calendar';
20
21
  export * from './Masonry';
21
22
  export * from './LoadingAnnouncer';
22
23
  export * from './ChatKit';
24
+ export * from './TextField';
@@ -10,9 +10,9 @@ import { default as B } from "./MediaDialog/MediaDialogToolbar/MediaDialogToolba
10
10
  import { default as S } from "./Swiper/Swiper.mjs";
11
11
  import { default as C } from "./Swiper/SwiperBlock/SwiperBlock.mjs";
12
12
  import { default as I } from "./Carousel/Carousel.mjs";
13
- import { default as y } from "./Carousel/CarouselSlide/CarouselSlide.mjs";
14
- import { default as R } from "./TimePicker/TimePicker.mjs";
15
- import { default as F } from "./Roller/Roller.mjs";
13
+ import { default as h } from "./Carousel/CarouselSlide/CarouselSlide.mjs";
14
+ import { default as F } from "./TimePicker/TimePicker.mjs";
15
+ import { default as R } from "./Roller/Roller.mjs";
16
16
  import { default as w } from "./Roller/RollerBlock/RollerBlock.mjs";
17
17
  import { default as E } from "./Image/Image.mjs";
18
18
  import { default as G } from "./Image/Image.error.mjs";
@@ -32,11 +32,12 @@ import { default as pe } from "./ChatKit/InputBar/InputBar.mjs";
32
32
  import { default as ge } from "./ChatKit/InputBar/InputBar.fallback.mjs";
33
33
  import { default as ne } from "./ChatKit/Seperator/Seperator.mjs";
34
34
  import { default as ce } from "./ChatKit/UnreadMessagePill/UnreadMessagePill.mjs";
35
+ import { default as ke } from "./TextField/TextField.mjs";
35
36
  export {
36
37
  fe as BotMessage,
37
38
  j as Calendar,
38
39
  I as Carousel,
39
- y as CarouselSlide,
40
+ h as CarouselSlide,
40
41
  ae as DirectTradeRiskInfoBottomSheet,
41
42
  E as Image,
42
43
  G as ImageError,
@@ -52,7 +53,7 @@ export {
52
53
  B as MediaDialogToolbar,
53
54
  Q as Message,
54
55
  W as MessageFallback,
55
- F as Roller,
56
+ R as Roller,
56
57
  w as RollerBlock,
57
58
  l as ScheduleBlock,
58
59
  t as ScheduleEvent,
@@ -61,7 +62,8 @@ export {
61
62
  S as Swiper,
62
63
  C as SwiperBlock,
63
64
  $ as SystemMessage,
64
- R as TimePicker,
65
+ ke as TextField,
66
+ F as TimePicker,
65
67
  ce as UnreadMessagePill,
66
68
  d as getAvailableDateRange,
67
69
  se as getBotMessageLabel,
@@ -1,13 +1,12 @@
1
1
  import { jsxs as c, jsx as i } from "react/jsx-runtime";
2
+ import f from "@dotss/ui/core/useTheme";
2
3
  import n from "@dotss/ui/Flexbox";
3
- import f from "@dotss/ui/Typography";
4
- import { useTheme as g } from "@emotion/react";
4
+ import g from "@dotss/ui/Typography";
5
5
  import S from "../../../../shared/components/Image/Image.mjs";
6
6
  import "@dotss/ui";
7
- import "@dotss/ui/core/useTheme";
8
7
  import w from "../../../../shared/components/Swiper/Swiper.mjs";
9
8
  import y from "../../../../shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
10
- function H({
9
+ function I({
11
10
  id: a,
12
11
  banners: l,
13
12
  onClickBanner: o,
@@ -15,7 +14,7 @@ function H({
15
14
  swiperProps: p,
16
15
  ...h
17
16
  }) {
18
- const { palette: m } = g(), s = (e, r) => (t) => {
17
+ const { palette: m } = f(), s = (e, r) => (t) => {
19
18
  o && typeof o == "function" && (t.stopPropagation(), t.preventDefault(), o(e, r, t));
20
19
  }, u = ({ page: e, totalPages: r }) => r <= 1 ? null : /* @__PURE__ */ i(
21
20
  n,
@@ -36,7 +35,7 @@ function H({
36
35
  backgroundColor: m.etc.dimmed02
37
36
  },
38
37
  children: /* @__PURE__ */ c(
39
- f,
38
+ g,
40
39
  {
41
40
  tag: "p",
42
41
  variant: "c5R",
@@ -97,5 +96,5 @@ function H({
97
96
  ] });
98
97
  }
99
98
  export {
100
- H as default
99
+ I as default
101
100
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dotss/tictoccroc",
3
3
  "type": "module",
4
- "version": "0.2.0",
4
+ "version": "0.3.0",
5
5
  "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
6
6
  "main": "./dist/index.mjs",
7
7
  "module": "./dist/index.mjs",
@@ -82,6 +82,22 @@
82
82
  "./shared/typings/*": {
83
83
  "import": "./dist/shared/typings/*/index.mjs",
84
84
  "types": "./dist/shared/typings/*/index.d.ts"
85
+ },
86
+ "./parent/b2b/components": {
87
+ "import": "./dist/parent/b2b/components/index.mjs",
88
+ "types": "./dist/parent/b2b/components/index.d.ts"
89
+ },
90
+ "./parent/b2b/components/*": {
91
+ "import": "./dist/parent/b2b/components/*/index.mjs",
92
+ "types": "./dist/parent/b2b/components/*/index.d.ts"
93
+ },
94
+ "./parent/b2b/utils": {
95
+ "import": "./dist/parent/b2b/utils/index.mjs",
96
+ "types": "./dist/parent/b2b/utils/index.d.ts"
97
+ },
98
+ "./parent/b2b/utils/*": {
99
+ "import": "./dist/parent/b2b/utils/*/index.mjs",
100
+ "types": "./dist/parent/b2b/utils/*/index.d.ts"
85
101
  }
86
102
  },
87
103
  "devDependencies": {
@@ -102,9 +118,11 @@
102
118
  "@emotion/react": "^11.14.0",
103
119
  "@emotion/styled": "^11.14.0",
104
120
  "dayjs": "^1.11.13",
121
+ "heic2any": "^0.0.4",
122
+ "dompurify": "^3.3.1",
123
+ "marked": "^17.0.3",
105
124
  "react": "^18.0.0 || ^19.0.0",
106
- "react-dom": "^18.0.0 || ^19.0.0",
107
- "heic2any": "^0.0.4"
125
+ "react-dom": "^18.0.0 || ^19.0.0"
108
126
  },
109
127
  "publishConfig": {
110
128
  "access": "public"