@tipp/ui 1.0.18 → 1.0.19
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/atoms/date-picker/index.js +2 -2
- package/dist/atoms/drawer.cjs +9 -1
- package/dist/atoms/drawer.cjs.map +1 -1
- package/dist/atoms/drawer.js +3 -2
- package/dist/atoms/field-error-wrapper.js +2 -2
- package/dist/atoms/index.cjs +4 -1
- package/dist/atoms/index.cjs.map +1 -1
- package/dist/atoms/index.js +56 -56
- package/dist/atoms/pagination.js +3 -3
- package/dist/atoms/toast.cjs +9 -1
- package/dist/atoms/toast.cjs.map +1 -1
- package/dist/atoms/toast.js +2 -1
- package/dist/chunk-2H6OSBOF.js +37 -0
- package/dist/chunk-2H6OSBOF.js.map +1 -0
- package/dist/chunk-2UUDK4JO.js +49 -0
- package/dist/chunk-2UUDK4JO.js.map +1 -0
- package/dist/chunk-3ANMLRG4.js +49 -0
- package/dist/chunk-3ANMLRG4.js.map +1 -0
- package/dist/chunk-3JLYIIO6.js +49 -0
- package/dist/chunk-3JLYIIO6.js.map +1 -0
- package/dist/chunk-4JTLQW3V.js +49 -0
- package/dist/chunk-4JTLQW3V.js.map +1 -0
- package/dist/chunk-5RJHWZSD.js +49 -0
- package/dist/chunk-5RJHWZSD.js.map +1 -0
- package/dist/chunk-5XILGULJ.js +38 -0
- package/dist/chunk-5XILGULJ.js.map +1 -0
- package/dist/chunk-6LZ2FFNK.js +49 -0
- package/dist/chunk-6LZ2FFNK.js.map +1 -0
- package/dist/chunk-A3NPHXFX.js +49 -0
- package/dist/chunk-A3NPHXFX.js.map +1 -0
- package/dist/chunk-A3YUDU7S.js +49 -0
- package/dist/chunk-A3YUDU7S.js.map +1 -0
- package/dist/chunk-AGLGIHCT.js +91 -0
- package/dist/chunk-AGLGIHCT.js.map +1 -0
- package/dist/chunk-ANLWB2QF.js +119 -0
- package/dist/chunk-ANLWB2QF.js.map +1 -0
- package/dist/chunk-AZY5TIE3.js +30 -0
- package/dist/chunk-AZY5TIE3.js.map +1 -0
- package/dist/chunk-B5CGQ2CC.js +17 -0
- package/dist/chunk-B5CGQ2CC.js.map +1 -0
- package/dist/chunk-BCVRJECE.js +38 -0
- package/dist/chunk-BCVRJECE.js.map +1 -0
- package/dist/chunk-BOTNH3XG.js +49 -0
- package/dist/chunk-BOTNH3XG.js.map +1 -0
- package/dist/chunk-CAJUJW32.js +104 -0
- package/dist/chunk-CAJUJW32.js.map +1 -0
- package/dist/chunk-CJCB4S4R.js +49 -0
- package/dist/chunk-CJCB4S4R.js.map +1 -0
- package/dist/chunk-CVV4TWLH.js +119 -0
- package/dist/chunk-CVV4TWLH.js.map +1 -0
- package/dist/chunk-EK6MVCJC.js +31 -0
- package/dist/chunk-EK6MVCJC.js.map +1 -0
- package/dist/chunk-ELPXUZTB.js +37 -0
- package/dist/chunk-ELPXUZTB.js.map +1 -0
- package/dist/chunk-FDVSPG4J.js +49 -0
- package/dist/chunk-FDVSPG4J.js.map +1 -0
- package/dist/chunk-FPOFWMCW.js +17 -0
- package/dist/chunk-FPOFWMCW.js.map +1 -0
- package/dist/chunk-FWJTQZU5.js +49 -0
- package/dist/chunk-FWJTQZU5.js.map +1 -0
- package/dist/chunk-GAY345TC.js +35 -0
- package/dist/chunk-GAY345TC.js.map +1 -0
- package/dist/chunk-GHANXT6C.js +30 -0
- package/dist/chunk-GHANXT6C.js.map +1 -0
- package/dist/chunk-HV3SMPVZ.js +38 -0
- package/dist/chunk-HV3SMPVZ.js.map +1 -0
- package/dist/chunk-HX4LA2YB.js +119 -0
- package/dist/chunk-HX4LA2YB.js.map +1 -0
- package/dist/chunk-JFG6HKB6.js +119 -0
- package/dist/chunk-JFG6HKB6.js.map +1 -0
- package/dist/chunk-JIOJCVMY.js +21 -0
- package/dist/chunk-JIOJCVMY.js.map +1 -0
- package/dist/chunk-KVTMHZZB.js +49 -0
- package/dist/chunk-KVTMHZZB.js.map +1 -0
- package/dist/chunk-L6PGWCB7.js +49 -0
- package/dist/chunk-L6PGWCB7.js.map +1 -0
- package/dist/chunk-NT7IRT2M.js +49 -0
- package/dist/chunk-NT7IRT2M.js.map +1 -0
- package/dist/chunk-PHR3M7A7.js +38 -0
- package/dist/chunk-PHR3M7A7.js.map +1 -0
- package/dist/chunk-QV2UWS2N.js +49 -0
- package/dist/chunk-QV2UWS2N.js.map +1 -0
- package/dist/chunk-RMPP3HLJ.js +38 -0
- package/dist/chunk-RMPP3HLJ.js.map +1 -0
- package/dist/chunk-UMFBZYLC.js +49 -0
- package/dist/chunk-UMFBZYLC.js.map +1 -0
- package/dist/chunk-YOKLTW3W.js +38 -0
- package/dist/chunk-YOKLTW3W.js.map +1 -0
- package/dist/index.cjs +4 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +60 -60
- package/dist/molecules/expand-table/index.cjs.map +1 -1
- package/dist/molecules/expand-table/index.js +26 -26
- package/dist/molecules/expand-table/row.cjs.map +1 -1
- package/dist/molecules/expand-table/row.js +25 -25
- package/dist/molecules/index.cjs.map +1 -1
- package/dist/molecules/index.js +29 -29
- package/dist/molecules/navigation.cjs.map +1 -1
- package/dist/molecules/navigation.js +26 -26
- package/package.json +1 -1
- package/src/atoms/toast.tsx +17 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { ToastContainer } from './toast';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n /** Drawer가 붙는 위치, 기본값 right */\n position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n const { position = 'right', className, ...rest } = props;\n return (\n <Dialog.Portal>\n <ThemeProvider>\n <Dialog.Overlay className=\"DrawerOverlay\" />\n <Dialog.Content\n className={`DrawerContent ${position} ${className || ''}`}\n {...rest}\n />\n <ToastContainer />\n </ThemeProvider>\n </Dialog.Portal>\n );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n Root: Dialog.Root,\n Trigger,\n Content,\n Close: Dialog.Close,\n Title: Dialog.Title,\n Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;AACA,YAAY,YAAY;AAKf,cAYH,YAZG;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAAmD,YAA3C,aAAW,SAAS,UAf9B,IAeqD,IAAT,iBAAS,IAAT,CAAlC,YAAoB;AAC5B,SACE,oBAAQ,eAAP,EACC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD;AAAA,IACN;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import {
|
|
2
|
+
ThemeProvider
|
|
3
|
+
} from "./chunk-PL3Q4UVY.js";
|
|
4
|
+
import {
|
|
5
|
+
ToastContainer
|
|
6
|
+
} from "./chunk-FPOFWMCW.js";
|
|
7
|
+
import {
|
|
8
|
+
__objRest,
|
|
9
|
+
__spreadValues
|
|
10
|
+
} from "./chunk-N552FDTV.js";
|
|
11
|
+
|
|
12
|
+
// src/atoms/drawer.tsx
|
|
13
|
+
import * as Dialog from "@radix-ui/react-dialog";
|
|
14
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
+
function Root2(props) {
|
|
16
|
+
return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
|
|
17
|
+
}
|
|
18
|
+
function Content2(props) {
|
|
19
|
+
const _a = props, { position = "right", className } = _a, rest = __objRest(_a, ["position", "className"]);
|
|
20
|
+
return /* @__PURE__ */ jsx(Dialog.Portal, { children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
|
|
21
|
+
/* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
|
|
22
|
+
/* @__PURE__ */ jsx(
|
|
23
|
+
Dialog.Content,
|
|
24
|
+
__spreadValues({
|
|
25
|
+
className: `DrawerContent ${position} ${className || ""}`
|
|
26
|
+
}, rest)
|
|
27
|
+
),
|
|
28
|
+
/* @__PURE__ */ jsx(ToastContainer, {})
|
|
29
|
+
] }) });
|
|
30
|
+
}
|
|
31
|
+
function Trigger2(props) {
|
|
32
|
+
return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
|
|
33
|
+
}
|
|
34
|
+
var Drawer = {
|
|
35
|
+
Root: Dialog.Root,
|
|
36
|
+
Trigger: Trigger2,
|
|
37
|
+
Content: Content2,
|
|
38
|
+
Close: Dialog.Close,
|
|
39
|
+
Title: Dialog.Title,
|
|
40
|
+
Description: Dialog.Description
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
export {
|
|
44
|
+
Root2 as Root,
|
|
45
|
+
Content2 as Content,
|
|
46
|
+
Trigger2 as Trigger,
|
|
47
|
+
Drawer
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=chunk-L6PGWCB7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { ToastContainer } from './toast';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n /** Drawer가 붙는 위치, 기본값 right */\n position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n const { position = 'right', className, ...rest } = props;\n return (\n <Dialog.Portal>\n <ThemeProvider>\n <Dialog.Overlay className=\"DrawerOverlay\" />\n <Dialog.Content\n className={`DrawerContent ${position} ${className || ''}`}\n {...rest}\n />\n <ToastContainer />\n </ThemeProvider>\n </Dialog.Portal>\n );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n Root: Dialog.Root,\n Trigger,\n Content,\n Close: Dialog.Close,\n Title: Dialog.Title,\n Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;AACA,YAAY,YAAY;AAKf,cAYH,YAZG;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAAmD,YAA3C,aAAW,SAAS,UAf9B,IAeqD,IAAT,iBAAS,IAAT,CAAlC,YAAoB;AAC5B,SACE,oBAAQ,eAAP,EACC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD;AAAA,IACN;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import {
|
|
2
|
+
ToastContainer
|
|
3
|
+
} from "./chunk-AZY5TIE3.js";
|
|
4
|
+
import {
|
|
5
|
+
ThemeProvider
|
|
6
|
+
} from "./chunk-PL3Q4UVY.js";
|
|
7
|
+
import {
|
|
8
|
+
__objRest,
|
|
9
|
+
__spreadValues
|
|
10
|
+
} from "./chunk-N552FDTV.js";
|
|
11
|
+
|
|
12
|
+
// src/atoms/drawer.tsx
|
|
13
|
+
import * as Dialog from "@radix-ui/react-dialog";
|
|
14
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
+
function Root2(props) {
|
|
16
|
+
return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
|
|
17
|
+
}
|
|
18
|
+
function Content2(props) {
|
|
19
|
+
const _a = props, { position = "right", className } = _a, rest = __objRest(_a, ["position", "className"]);
|
|
20
|
+
return /* @__PURE__ */ jsx(Dialog.Portal, { children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
|
|
21
|
+
/* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
|
|
22
|
+
/* @__PURE__ */ jsx(
|
|
23
|
+
Dialog.Content,
|
|
24
|
+
__spreadValues({
|
|
25
|
+
className: `DrawerContent ${position} ${className || ""}`
|
|
26
|
+
}, rest)
|
|
27
|
+
),
|
|
28
|
+
/* @__PURE__ */ jsx(ToastContainer, {})
|
|
29
|
+
] }) });
|
|
30
|
+
}
|
|
31
|
+
function Trigger2(props) {
|
|
32
|
+
return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
|
|
33
|
+
}
|
|
34
|
+
var Drawer = {
|
|
35
|
+
Root: Dialog.Root,
|
|
36
|
+
Trigger: Trigger2,
|
|
37
|
+
Content: Content2,
|
|
38
|
+
Close: Dialog.Close,
|
|
39
|
+
Title: Dialog.Title,
|
|
40
|
+
Description: Dialog.Description
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
export {
|
|
44
|
+
Root2 as Root,
|
|
45
|
+
Content2 as Content,
|
|
46
|
+
Trigger2 as Trigger,
|
|
47
|
+
Drawer
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=chunk-NT7IRT2M.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { ToastContainer } from './toast';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n /** Drawer가 붙는 위치, 기본값 right */\n position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n const { position = 'right', className, ...rest } = props;\n return (\n <Dialog.Portal>\n <ThemeProvider>\n <Dialog.Overlay className=\"DrawerOverlay\" />\n <Dialog.Content\n className={`DrawerContent ${position} ${className || ''}`}\n {...rest}\n />\n <ToastContainer />\n </ThemeProvider>\n </Dialog.Portal>\n );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n Root: Dialog.Root,\n Trigger,\n Content,\n Close: Dialog.Close,\n Title: Dialog.Title,\n Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;AACA,YAAY,YAAY;AAKf,cAYH,YAZG;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAAmD,YAA3C,aAAW,SAAS,UAf9B,IAeqD,IAAT,iBAAS,IAAT,CAAlC,YAAoB;AAC5B,SACE,oBAAQ,eAAP,EACC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD;AAAA,IACN;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import {
|
|
2
|
+
IconButton
|
|
3
|
+
} from "./chunk-O3DNDMV3.js";
|
|
4
|
+
import {
|
|
5
|
+
__spreadValues
|
|
6
|
+
} from "./chunk-N552FDTV.js";
|
|
7
|
+
|
|
8
|
+
// src/atoms/toast.tsx
|
|
9
|
+
import { Cross1Icon } from "@radix-ui/react-icons";
|
|
10
|
+
import { ToastContainer as ToastifyToastContainer } from "react-toastify";
|
|
11
|
+
import { toast } from "react-toastify";
|
|
12
|
+
import { jsx } from "react/jsx-runtime";
|
|
13
|
+
function CloseButton({ closeToast }) {
|
|
14
|
+
return /* @__PURE__ */ jsx(IconButton, { onClick: closeToast, variant: "ghost", color: "gary", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
|
|
15
|
+
}
|
|
16
|
+
function ToastContainer(props) {
|
|
17
|
+
return /* @__PURE__ */ jsx(
|
|
18
|
+
ToastifyToastContainer,
|
|
19
|
+
__spreadValues({
|
|
20
|
+
autoClose: 5e3,
|
|
21
|
+
closeButton: CloseButton,
|
|
22
|
+
closeOnClick: true,
|
|
23
|
+
draggable: true,
|
|
24
|
+
hideProgressBar: true,
|
|
25
|
+
newestOnTop: true,
|
|
26
|
+
pauseOnFocusLoss: true,
|
|
27
|
+
pauseOnHover: true,
|
|
28
|
+
position: "bottom-right",
|
|
29
|
+
rtl: false
|
|
30
|
+
}, props)
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export {
|
|
35
|
+
ToastContainer,
|
|
36
|
+
toast
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=chunk-PHR3M7A7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport type { Theme, ToastContainerProps, TypeOptions } from 'react-toastify';\nimport { ToastContainer as ToastifyToastContainer } from 'react-toastify';\nimport { IconButton } from './icon-button';\n\nexport { toast } from 'react-toastify';\n\ninterface CloseButtonProps {\n closeToast: (e: React.MouseEvent<HTMLElement>) => void;\n type: TypeOptions;\n ariaLabel?: string;\n theme: Theme;\n}\nfunction CloseButton({ closeToast }: CloseButtonProps): React.ReactNode {\n return (\n <IconButton onClick={closeToast} variant=\"ghost\" color=\"gary\">\n <Cross1Icon />\n </IconButton>\n );\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactNode {\n return (\n <ToastifyToastContainer\n autoClose={5000}\n closeButton={CloseButton}\n closeOnClick\n draggable\n hideProgressBar\n newestOnTop\n pauseOnFocusLoss\n pauseOnHover\n position=\"bottom-right\"\n rtl={false}\n {...props}\n />\n );\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB,8BAA8B;AAGzD,SAAS,aAAa;AAWhB;AAHN,SAAS,YAAY,EAAE,WAAW,GAAsC;AACtE,SACE,oBAAC,cAAW,SAAS,YAAY,SAAQ,SAAQ,OAAM,QACrD,8BAAC,cAAW,GACd;AAEJ;AAEO,SAAS,eAAe,OAA6C;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAY;AAAA,MACZ,WAAS;AAAA,MACT,iBAAe;AAAA,MACf,aAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,UAAS;AAAA,MACT,KAAK;AAAA,OACD;AAAA,EACN;AAEJ;","names":[]}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import {
|
|
2
|
+
ThemeProvider
|
|
3
|
+
} from "./chunk-PL3Q4UVY.js";
|
|
4
|
+
import {
|
|
5
|
+
ToastContainer
|
|
6
|
+
} from "./chunk-AZY5TIE3.js";
|
|
7
|
+
import {
|
|
8
|
+
__objRest,
|
|
9
|
+
__spreadValues
|
|
10
|
+
} from "./chunk-N552FDTV.js";
|
|
11
|
+
|
|
12
|
+
// src/atoms/drawer.tsx
|
|
13
|
+
import * as Dialog from "@radix-ui/react-dialog";
|
|
14
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
+
function Root2(props) {
|
|
16
|
+
return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
|
|
17
|
+
}
|
|
18
|
+
function Content2(props) {
|
|
19
|
+
const _a = props, { position = "right", className } = _a, rest = __objRest(_a, ["position", "className"]);
|
|
20
|
+
return /* @__PURE__ */ jsx(Dialog.Portal, { children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
|
|
21
|
+
/* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
|
|
22
|
+
/* @__PURE__ */ jsx(
|
|
23
|
+
Dialog.Content,
|
|
24
|
+
__spreadValues({
|
|
25
|
+
className: `DrawerContent ${position} ${className || ""}`
|
|
26
|
+
}, rest)
|
|
27
|
+
),
|
|
28
|
+
/* @__PURE__ */ jsx(ToastContainer, {})
|
|
29
|
+
] }) });
|
|
30
|
+
}
|
|
31
|
+
function Trigger2(props) {
|
|
32
|
+
return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
|
|
33
|
+
}
|
|
34
|
+
var Drawer = {
|
|
35
|
+
Root: Dialog.Root,
|
|
36
|
+
Trigger: Trigger2,
|
|
37
|
+
Content: Content2,
|
|
38
|
+
Close: Dialog.Close,
|
|
39
|
+
Title: Dialog.Title,
|
|
40
|
+
Description: Dialog.Description
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
export {
|
|
44
|
+
Root2 as Root,
|
|
45
|
+
Content2 as Content,
|
|
46
|
+
Trigger2 as Trigger,
|
|
47
|
+
Drawer
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=chunk-QV2UWS2N.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { ToastContainer } from './toast';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n /** Drawer가 붙는 위치, 기본값 right */\n position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n const { position = 'right', className, ...rest } = props;\n return (\n <Dialog.Portal>\n <ThemeProvider>\n <Dialog.Overlay className=\"DrawerOverlay\" />\n <Dialog.Content\n className={`DrawerContent ${position} ${className || ''}`}\n {...rest}\n />\n <ToastContainer />\n </ThemeProvider>\n </Dialog.Portal>\n );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n Root: Dialog.Root,\n Trigger,\n Content,\n Close: Dialog.Close,\n Title: Dialog.Title,\n Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;AACA,YAAY,YAAY;AAKf,cAYH,YAZG;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAAmD,YAA3C,aAAW,SAAS,UAf9B,IAeqD,IAAT,iBAAS,IAAT,CAAlC,YAAoB;AAC5B,SACE,oBAAQ,eAAP,EACC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD;AAAA,IACN;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import {
|
|
2
|
+
IconButton
|
|
3
|
+
} from "./chunk-O3DNDMV3.js";
|
|
4
|
+
import {
|
|
5
|
+
__spreadValues
|
|
6
|
+
} from "./chunk-N552FDTV.js";
|
|
7
|
+
|
|
8
|
+
// src/atoms/toast.tsx
|
|
9
|
+
import { Cross1Icon } from "@radix-ui/react-icons";
|
|
10
|
+
import { ToastContainer as ToastifyToastContainer } from "react-toastify";
|
|
11
|
+
import { toast } from "react-toastify";
|
|
12
|
+
import { jsx } from "react/jsx-runtime";
|
|
13
|
+
function CloseButton({ closeToast }) {
|
|
14
|
+
return /* @__PURE__ */ jsx(IconButton, { onClick: closeToast, children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
|
|
15
|
+
}
|
|
16
|
+
function ToastContainer(props) {
|
|
17
|
+
return /* @__PURE__ */ jsx(
|
|
18
|
+
ToastifyToastContainer,
|
|
19
|
+
__spreadValues({
|
|
20
|
+
autoClose: 5e3,
|
|
21
|
+
closeButton: CloseButton,
|
|
22
|
+
closeOnClick: true,
|
|
23
|
+
draggable: true,
|
|
24
|
+
hideProgressBar: true,
|
|
25
|
+
newestOnTop: true,
|
|
26
|
+
pauseOnFocusLoss: true,
|
|
27
|
+
pauseOnHover: true,
|
|
28
|
+
position: "bottom-right",
|
|
29
|
+
rtl: false
|
|
30
|
+
}, props)
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export {
|
|
35
|
+
ToastContainer,
|
|
36
|
+
toast
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=chunk-RMPP3HLJ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport type { Theme, ToastContainerProps, TypeOptions } from 'react-toastify';\nimport { ToastContainer as ToastifyToastContainer } from 'react-toastify';\nimport { IconButton } from './icon-button';\nexport { toast } from 'react-toastify';\n\ninterface CloseButtonProps {\n closeToast: (e: React.MouseEvent<HTMLElement>) => void;\n type: TypeOptions;\n ariaLabel?: string;\n theme: Theme;\n}\nfunction CloseButton({ closeToast }: CloseButtonProps): React.ReactNode {\n return (\n <IconButton onClick={closeToast}>\n <Cross1Icon />\n </IconButton>\n );\n}\nexport function ToastContainer(props: ToastContainerProps): React.ReactNode {\n return (\n <ToastifyToastContainer\n autoClose={5000}\n closeButton={CloseButton}\n closeOnClick\n draggable\n hideProgressBar\n newestOnTop\n pauseOnFocusLoss\n pauseOnHover\n position=\"bottom-right\"\n rtl={false}\n {...props}\n />\n );\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB,8BAA8B;AAEzD,SAAS,aAAa;AAWhB;AAHN,SAAS,YAAY,EAAE,WAAW,GAAsC;AACtE,SACE,oBAAC,cAAW,SAAS,YACnB,8BAAC,cAAW,GACd;AAEJ;AACO,SAAS,eAAe,OAA6C;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAY;AAAA,MACZ,WAAS;AAAA,MACT,iBAAe;AAAA,MACf,aAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,UAAS;AAAA,MACT,KAAK;AAAA,OACD;AAAA,EACN;AAEJ;","names":[]}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import {
|
|
2
|
+
ToastContainer
|
|
3
|
+
} from "./chunk-ELPXUZTB.js";
|
|
4
|
+
import {
|
|
5
|
+
ThemeProvider
|
|
6
|
+
} from "./chunk-PL3Q4UVY.js";
|
|
7
|
+
import {
|
|
8
|
+
__objRest,
|
|
9
|
+
__spreadValues
|
|
10
|
+
} from "./chunk-N552FDTV.js";
|
|
11
|
+
|
|
12
|
+
// src/atoms/drawer.tsx
|
|
13
|
+
import * as Dialog from "@radix-ui/react-dialog";
|
|
14
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
+
function Root2(props) {
|
|
16
|
+
return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
|
|
17
|
+
}
|
|
18
|
+
function Content2(props) {
|
|
19
|
+
const _a = props, { position = "right", className } = _a, rest = __objRest(_a, ["position", "className"]);
|
|
20
|
+
return /* @__PURE__ */ jsx(Dialog.Portal, { children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
|
|
21
|
+
/* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
|
|
22
|
+
/* @__PURE__ */ jsx(
|
|
23
|
+
Dialog.Content,
|
|
24
|
+
__spreadValues({
|
|
25
|
+
className: `DrawerContent ${position} ${className || ""}`
|
|
26
|
+
}, rest)
|
|
27
|
+
),
|
|
28
|
+
/* @__PURE__ */ jsx(ToastContainer, {})
|
|
29
|
+
] }) });
|
|
30
|
+
}
|
|
31
|
+
function Trigger2(props) {
|
|
32
|
+
return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
|
|
33
|
+
}
|
|
34
|
+
var Drawer = {
|
|
35
|
+
Root: Dialog.Root,
|
|
36
|
+
Trigger: Trigger2,
|
|
37
|
+
Content: Content2,
|
|
38
|
+
Close: Dialog.Close,
|
|
39
|
+
Title: Dialog.Title,
|
|
40
|
+
Description: Dialog.Description
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
export {
|
|
44
|
+
Root2 as Root,
|
|
45
|
+
Content2 as Content,
|
|
46
|
+
Trigger2 as Trigger,
|
|
47
|
+
Drawer
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=chunk-UMFBZYLC.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { ToastContainer } from './toast';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n /** Drawer가 붙는 위치, 기본값 right */\n position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n const { position = 'right', className, ...rest } = props;\n return (\n <Dialog.Portal>\n <ThemeProvider>\n <Dialog.Overlay className=\"DrawerOverlay\" />\n <Dialog.Content\n className={`DrawerContent ${position} ${className || ''}`}\n {...rest}\n />\n <ToastContainer />\n </ThemeProvider>\n </Dialog.Portal>\n );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n Root: Dialog.Root,\n Trigger,\n Content,\n Close: Dialog.Close,\n Title: Dialog.Title,\n Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;AACA,YAAY,YAAY;AAKf,cAYH,YAZG;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAAmD,YAA3C,aAAW,SAAS,UAf9B,IAeqD,IAAT,iBAAS,IAAT,CAAlC,YAAoB;AAC5B,SACE,oBAAQ,eAAP,EACC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD;AAAA,IACN;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import {
|
|
2
|
+
IconButton
|
|
3
|
+
} from "./chunk-O3DNDMV3.js";
|
|
4
|
+
import {
|
|
5
|
+
__spreadValues
|
|
6
|
+
} from "./chunk-N552FDTV.js";
|
|
7
|
+
|
|
8
|
+
// src/atoms/toast.tsx
|
|
9
|
+
import { Cross1Icon } from "@radix-ui/react-icons";
|
|
10
|
+
import { ToastContainer as ToastifyToastContainer } from "react-toastify";
|
|
11
|
+
import { toast } from "react-toastify";
|
|
12
|
+
import { jsx } from "react/jsx-runtime";
|
|
13
|
+
function CloseButton({ closeToast }) {
|
|
14
|
+
return /* @__PURE__ */ jsx(IconButton, { onClick: closeToast, children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
|
|
15
|
+
}
|
|
16
|
+
function ToastContainer(props) {
|
|
17
|
+
return /* @__PURE__ */ jsx(
|
|
18
|
+
ToastifyToastContainer,
|
|
19
|
+
__spreadValues({
|
|
20
|
+
autoClose: 5e3,
|
|
21
|
+
closeButton: CloseButton,
|
|
22
|
+
closeOnClick: true,
|
|
23
|
+
draggable: true,
|
|
24
|
+
hideProgressBar: true,
|
|
25
|
+
newestOnTop: true,
|
|
26
|
+
pauseOnFocusLoss: true,
|
|
27
|
+
pauseOnHover: true,
|
|
28
|
+
position: "bottom-right",
|
|
29
|
+
rtl: false
|
|
30
|
+
}, props)
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export {
|
|
35
|
+
ToastContainer,
|
|
36
|
+
toast
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=chunk-YOKLTW3W.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport type { Theme, ToastContainerProps, TypeOptions } from 'react-toastify';\nimport { ToastContainer as ToastifyToastContainer } from 'react-toastify';\nimport { IconButton } from './icon-button';\n\nexport { toast } from 'react-toastify';\n\ninterface CloseButtonProps {\n closeToast: (e: React.MouseEvent<HTMLElement>) => void;\n type: TypeOptions;\n ariaLabel?: string;\n theme: Theme;\n}\nfunction CloseButton({ closeToast }: CloseButtonProps): React.ReactNode {\n return (\n <IconButton onClick={closeToast}>\n <Cross1Icon />\n </IconButton>\n );\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactNode {\n return (\n <ToastifyToastContainer\n autoClose={5000}\n closeButton={CloseButton}\n closeOnClick\n draggable\n hideProgressBar\n newestOnTop\n pauseOnFocusLoss\n pauseOnHover\n position=\"bottom-right\"\n rtl={false}\n {...props}\n />\n );\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB,8BAA8B;AAGzD,SAAS,aAAa;AAWhB;AAHN,SAAS,YAAY,EAAE,WAAW,GAAsC;AACtE,SACE,oBAAC,cAAW,SAAS,YACnB,8BAAC,cAAW,GACd;AAEJ;AAEO,SAAS,eAAe,OAA6C;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAY;AAAA,MACZ,WAAS;AAAA,MACT,iBAAe;AAAA,MACf,aAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,UAAS;AAAA,MACT,KAAK;AAAA,OACD;AAAA,EACN;AAEJ;","names":[]}
|
package/dist/index.cjs
CHANGED
|
@@ -711,12 +711,15 @@ var import_react_icons2 = require("@radix-ui/react-icons");
|
|
|
711
711
|
var import_react_toastify = require("react-toastify");
|
|
712
712
|
var import_react_toastify2 = require("react-toastify");
|
|
713
713
|
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
714
|
+
function CloseButton({ closeToast }) {
|
|
715
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes16.IconButton, { color: "gray", onClick: closeToast, variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_icons2.Cross1Icon, {}) });
|
|
716
|
+
}
|
|
714
717
|
function ToastContainer(props) {
|
|
715
718
|
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
716
719
|
import_react_toastify.ToastContainer,
|
|
717
720
|
__spreadValues({
|
|
718
721
|
autoClose: 5e3,
|
|
719
|
-
closeButton:
|
|
722
|
+
closeButton: CloseButton,
|
|
720
723
|
closeOnClick: true,
|
|
721
724
|
draggable: true,
|
|
722
725
|
hideProgressBar: true,
|