@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.
- package/dist/index.d.ts +2 -0
- package/dist/index.mjs +143 -122
- package/dist/parent/b2b/components/ActionButtons/ActionButtons.d.ts +13 -0
- package/dist/parent/b2b/components/ActionButtons/ActionButtons.mjs +30 -0
- package/dist/parent/b2b/components/ActionButtons/index.d.ts +3 -0
- package/dist/parent/b2b/components/ActionButtons/index.mjs +4 -0
- package/dist/parent/b2b/components/BottomNotes/BottomNotes.d.ts +6 -0
- package/dist/parent/b2b/components/BottomNotes/BottomNotes.mjs +37 -0
- package/dist/parent/b2b/components/BottomNotes/index.d.ts +3 -0
- package/dist/parent/b2b/components/BottomNotes/index.mjs +4 -0
- package/dist/parent/b2b/components/EmployeeNumberField/EmployeeNumberField.d.ts +4 -0
- package/dist/parent/b2b/components/EmployeeNumberField/EmployeeNumberField.mjs +16 -0
- package/dist/parent/b2b/components/EmployeeNumberField/index.d.ts +3 -0
- package/dist/parent/b2b/components/EmployeeNumberField/index.mjs +4 -0
- package/dist/parent/b2b/components/NameField/NameField.d.ts +4 -0
- package/dist/parent/b2b/components/NameField/NameField.mjs +8 -0
- package/dist/parent/b2b/components/NameField/index.d.ts +3 -0
- package/dist/parent/b2b/components/NameField/index.mjs +4 -0
- package/dist/parent/b2b/components/PhoneNumberField/PhoneNumberField.d.ts +4 -0
- package/dist/parent/b2b/components/PhoneNumberField/PhoneNumberField.mjs +31 -0
- package/dist/parent/b2b/components/PhoneNumberField/PhoneNumberField.utils.d.ts +2 -0
- package/dist/parent/b2b/components/PhoneNumberField/PhoneNumberField.utils.mjs +10 -0
- package/dist/parent/b2b/components/PhoneNumberField/index.d.ts +4 -0
- package/dist/parent/b2b/components/PhoneNumberField/index.mjs +7 -0
- package/dist/parent/b2b/components/Title/Title.d.ts +4 -0
- package/dist/parent/b2b/components/Title/Title.mjs +19 -0
- package/dist/parent/b2b/components/Title/index.d.ts +3 -0
- package/dist/parent/b2b/components/Title/index.mjs +4 -0
- package/dist/parent/b2b/components/TopLogo/TopLogo.d.ts +11 -0
- package/dist/parent/b2b/components/TopLogo/TopLogo.mjs +94 -0
- package/dist/parent/b2b/components/TopLogo/index.d.ts +3 -0
- package/dist/parent/b2b/components/TopLogo/index.mjs +4 -0
- package/dist/parent/b2b/components/index.d.ts +14 -0
- package/dist/parent/b2b/components/index.mjs +19 -0
- package/dist/parent/b2b/utils/convertMdToHtml/convertMdToHtml.d.ts +1 -0
- package/dist/parent/b2b/utils/convertMdToHtml/convertMdToHtml.mjs +1692 -0
- package/dist/parent/b2b/utils/convertMdToHtml/convertMdToHtml.test.d.ts +1 -0
- package/dist/parent/b2b/utils/index.d.ts +1 -0
- package/dist/parent/b2b/utils/index.mjs +4 -0
- package/dist/shared/components/TextField/TextField.d.ts +14 -0
- package/dist/shared/components/TextField/TextField.mjs +56 -0
- package/dist/shared/components/TextField/index.d.ts +3 -0
- package/dist/shared/components/TextField/index.mjs +4 -0
- package/dist/shared/components/index.d.ts +2 -0
- package/dist/shared/components/index.mjs +8 -6
- package/dist/teacher/home/components/BannerAccount/BannerAccount.mjs +6 -7
- package/package.json +21 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as convertMdToHtml } from './convertMdToHtml/convertMdToHtml';
|
|
@@ -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
|
+
};
|
|
@@ -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
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
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 } =
|
|
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
|
-
|
|
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
|
-
|
|
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.
|
|
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"
|