@tipp/ui 1.1.16 → 1.1.18
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/dialog.cjs +112 -1
- package/dist/atoms/dialog.cjs.map +1 -1
- package/dist/atoms/dialog.d.cts +24 -1
- package/dist/atoms/dialog.d.ts +24 -1
- package/dist/atoms/dialog.js +1 -1
- package/dist/atoms/drawer.cjs +1 -1
- package/dist/atoms/drawer.cjs.map +1 -1
- package/dist/atoms/drawer.js +1 -1
- package/dist/atoms/index.cjs +178 -106
- package/dist/atoms/index.cjs.map +1 -1
- package/dist/atoms/index.d.cts +2 -1
- package/dist/atoms/index.d.ts +2 -1
- package/dist/atoms/index.js +2 -2
- package/dist/{chunk-GS6W7RPX.js → chunk-7V33VXQT.js} +5 -2
- package/dist/chunk-7V33VXQT.js.map +1 -0
- package/dist/{chunk-HVAZICMI.js → chunk-GC4NVM4I.js} +5 -5
- package/dist/chunk-GC4NVM4I.js.map +1 -0
- package/dist/{chunk-FUSEDVWI.js → chunk-J36GXXB6.js} +5 -5
- package/dist/chunk-RTJS3BWZ.js +85 -0
- package/dist/chunk-RTJS3BWZ.js.map +1 -0
- package/dist/chunk-RV55FYAI.js +18 -0
- package/dist/chunk-RV55FYAI.js.map +1 -0
- package/dist/{chunk-TFJPLDJW.js → chunk-YL6JBDN5.js} +9 -6
- package/dist/chunk-YL6JBDN5.js.map +1 -0
- package/dist/{chunk-WV7FE4LE.js → chunk-ZZXCFJOT.js} +2 -2
- package/dist/chunk-ZZXCFJOT.js.map +1 -0
- package/dist/index.cjs +273 -198
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +84 -13
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +15 -15
- package/dist/molecules/date-picker/index.cjs +4 -1
- package/dist/molecules/date-picker/index.cjs.map +1 -1
- package/dist/molecules/date-picker/index.js +1 -1
- package/dist/molecules/expand-table/index.js +4 -4
- package/dist/molecules/expand-table/row.js +2 -2
- package/dist/molecules/index.cjs +4 -1
- package/dist/molecules/index.cjs.map +1 -1
- package/dist/molecules/index.js +8 -8
- package/dist/molecules/navigation.js +2 -2
- package/package.json +3 -3
- package/src/atoms/dialog.tsx +92 -1
- package/src/atoms/drawer.tsx +2 -2
- package/src/molecules/date-picker/index.tsx +3 -0
- package/dist/chunk-27PAO6CQ.js +0 -81
- package/dist/chunk-27PAO6CQ.js.map +0 -1
- package/dist/chunk-2DF7YI2O.js +0 -123
- package/dist/chunk-2DF7YI2O.js.map +0 -1
- package/dist/chunk-2DKHDTCD.js +0 -50
- package/dist/chunk-2DKHDTCD.js.map +0 -1
- package/dist/chunk-2G4OYCA5.js +0 -123
- package/dist/chunk-2G4OYCA5.js.map +0 -1
- package/dist/chunk-2L4KWP7B.js +0 -53
- package/dist/chunk-2L4KWP7B.js.map +0 -1
- package/dist/chunk-3ML54TPS.js +0 -130
- package/dist/chunk-43UXXKFO.js +0 -31
- package/dist/chunk-43UXXKFO.js.map +0 -1
- package/dist/chunk-47OKVUBW.js +0 -49
- package/dist/chunk-47OKVUBW.js.map +0 -1
- package/dist/chunk-4MOKG756.js +0 -49
- package/dist/chunk-4MOKG756.js.map +0 -1
- package/dist/chunk-5O5NOQQI.js +0 -91
- package/dist/chunk-5O5NOQQI.js.map +0 -1
- package/dist/chunk-6DNZAAB2.js +0 -54
- package/dist/chunk-6DNZAAB2.js.map +0 -1
- package/dist/chunk-6QAY57B6.js +0 -54
- package/dist/chunk-6QAY57B6.js.map +0 -1
- package/dist/chunk-6T66J7SC.js +0 -31
- package/dist/chunk-6T66J7SC.js.map +0 -1
- package/dist/chunk-6XDM5UCM.js +0 -63
- package/dist/chunk-6XDM5UCM.js.map +0 -1
- package/dist/chunk-6YXNYTWG.js +0 -60
- package/dist/chunk-6YXNYTWG.js.map +0 -1
- package/dist/chunk-74WGHMXE.js +0 -38
- package/dist/chunk-74WGHMXE.js.map +0 -1
- package/dist/chunk-76NU6HMD.js +0 -54
- package/dist/chunk-76NU6HMD.js.map +0 -1
- package/dist/chunk-7A7J457W.js +0 -63
- package/dist/chunk-7A7J457W.js.map +0 -1
- package/dist/chunk-7EIQPAVZ.js +0 -123
- package/dist/chunk-7EIQPAVZ.js.map +0 -1
- package/dist/chunk-7JBA4THV.js +0 -49
- package/dist/chunk-7JBA4THV.js.map +0 -1
- package/dist/chunk-7ORFESPJ.js +0 -54
- package/dist/chunk-7ORFESPJ.js.map +0 -1
- package/dist/chunk-AEXDX2VS.js +0 -53
- package/dist/chunk-AEXDX2VS.js.map +0 -1
- package/dist/chunk-AQX7DQLI.js +0 -36
- package/dist/chunk-AQX7DQLI.js.map +0 -1
- package/dist/chunk-AX6DRGYF.js +0 -50
- package/dist/chunk-AX6DRGYF.js.map +0 -1
- package/dist/chunk-BHFREV7Y.js +0 -63
- package/dist/chunk-BHFREV7Y.js.map +0 -1
- package/dist/chunk-BJM4OYNH.js +0 -76
- package/dist/chunk-BJM4OYNH.js.map +0 -1
- package/dist/chunk-BUWFX67O.js +0 -54
- package/dist/chunk-BUWFX67O.js.map +0 -1
- package/dist/chunk-CJDOKOQE.js +0 -57
- package/dist/chunk-CJDOKOQE.js.map +0 -1
- package/dist/chunk-CMOA2ZAE.js +0 -54
- package/dist/chunk-CMOA2ZAE.js.map +0 -1
- package/dist/chunk-D2XQUEVI.js +0 -59
- package/dist/chunk-D2XQUEVI.js.map +0 -1
- package/dist/chunk-DMU7IYOM.js +0 -130
- package/dist/chunk-DMU7IYOM.js.map +0 -1
- package/dist/chunk-DZMZGZZO.js +0 -54
- package/dist/chunk-DZMZGZZO.js.map +0 -1
- package/dist/chunk-EAU6DKDJ.js +0 -123
- package/dist/chunk-EAU6DKDJ.js.map +0 -1
- package/dist/chunk-EVFFFVFM.js +0 -123
- package/dist/chunk-EVFFFVFM.js.map +0 -1
- package/dist/chunk-F74SCBB2.js +0 -63
- package/dist/chunk-F74SCBB2.js.map +0 -1
- package/dist/chunk-FFXK3WHX.js +0 -51
- package/dist/chunk-FFXK3WHX.js.map +0 -1
- package/dist/chunk-FQYPUIFX.js +0 -130
- package/dist/chunk-FQYPUIFX.js.map +0 -1
- package/dist/chunk-FUSEDVWI.js.map +0 -1
- package/dist/chunk-G2PLUOSM.js +0 -123
- package/dist/chunk-G2PLUOSM.js.map +0 -1
- package/dist/chunk-G4CFKBVC.js +0 -123
- package/dist/chunk-G4CFKBVC.js.map +0 -1
- package/dist/chunk-G4FN6FJG.js +0 -91
- package/dist/chunk-G4FN6FJG.js.map +0 -1
- package/dist/chunk-GAAYHQB7.js +0 -56
- package/dist/chunk-GAAYHQB7.js.map +0 -1
- package/dist/chunk-GLRJ6U7D.js +0 -48
- package/dist/chunk-GLRJ6U7D.js.map +0 -1
- package/dist/chunk-GNQIRD5R.js +0 -46
- package/dist/chunk-GNQIRD5R.js.map +0 -1
- package/dist/chunk-GS6W7RPX.js.map +0 -1
- package/dist/chunk-HLOY6BIP.js +0 -37
- package/dist/chunk-HLOY6BIP.js.map +0 -1
- package/dist/chunk-HM2WYL3T.js +0 -54
- package/dist/chunk-HM2WYL3T.js.map +0 -1
- package/dist/chunk-HVAZICMI.js.map +0 -1
- package/dist/chunk-HXJPG3ZO.js +0 -130
- package/dist/chunk-HXJPG3ZO.js.map +0 -1
- package/dist/chunk-I4JHOCV3.js +0 -34
- package/dist/chunk-I4JHOCV3.js.map +0 -1
- package/dist/chunk-IGPQT4AE.js +0 -81
- package/dist/chunk-IGPQT4AE.js.map +0 -1
- package/dist/chunk-IHVDDP4G.js +0 -76
- package/dist/chunk-IHVDDP4G.js.map +0 -1
- package/dist/chunk-IUT2HS6J.js +0 -130
- package/dist/chunk-IUT2HS6J.js.map +0 -1
- package/dist/chunk-J6GN3YIC.js +0 -54
- package/dist/chunk-J6GN3YIC.js.map +0 -1
- package/dist/chunk-JUUMUW3T.js +0 -63
- package/dist/chunk-JUUMUW3T.js.map +0 -1
- package/dist/chunk-JWTX4UP4.js +0 -57
- package/dist/chunk-JWTX4UP4.js.map +0 -1
- package/dist/chunk-K25LQHOZ.js +0 -130
- package/dist/chunk-K25LQHOZ.js.map +0 -1
- package/dist/chunk-KE36QOV3.js +0 -130
- package/dist/chunk-KE36QOV3.js.map +0 -1
- package/dist/chunk-KHHXN3CH.js +0 -1
- package/dist/chunk-KHHXN3CH.js.map +0 -1
- package/dist/chunk-KKYI4MTP.js +0 -54
- package/dist/chunk-KKYI4MTP.js.map +0 -1
- package/dist/chunk-L5M2J73V.js +0 -123
- package/dist/chunk-L5M2J73V.js.map +0 -1
- package/dist/chunk-LLDWXALX.js +0 -34
- package/dist/chunk-LLDWXALX.js.map +0 -1
- package/dist/chunk-LVWHSYJM.js +0 -16
- package/dist/chunk-LVWHSYJM.js.map +0 -1
- package/dist/chunk-M4ZV2IGG.js +0 -16
- package/dist/chunk-M4ZV2IGG.js.map +0 -1
- package/dist/chunk-MDBFTLD7.js +0 -72
- package/dist/chunk-MDBFTLD7.js.map +0 -1
- package/dist/chunk-MY4C7VHR.js +0 -34
- package/dist/chunk-MY4C7VHR.js.map +0 -1
- package/dist/chunk-N7IBRSSR.js +0 -63
- package/dist/chunk-N7IBRSSR.js.map +0 -1
- package/dist/chunk-NBJOYJAF.js +0 -49
- package/dist/chunk-NBJOYJAF.js.map +0 -1
- package/dist/chunk-NFVB56JS.js +0 -60
- package/dist/chunk-NFVB56JS.js.map +0 -1
- package/dist/chunk-NSSO2QWC.js +0 -63
- package/dist/chunk-NSSO2QWC.js.map +0 -1
- package/dist/chunk-OCSX2YAS.js +0 -130
- package/dist/chunk-OCSX2YAS.js.map +0 -1
- package/dist/chunk-OI2YZXJT.js +0 -63
- package/dist/chunk-OI2YZXJT.js.map +0 -1
- package/dist/chunk-ONYSO7Y2.js +0 -49
- package/dist/chunk-ONYSO7Y2.js.map +0 -1
- package/dist/chunk-OP2U4LJB.js +0 -63
- package/dist/chunk-OP2U4LJB.js.map +0 -1
- package/dist/chunk-P6B2PNYI.js +0 -7
- package/dist/chunk-P6B2PNYI.js.map +0 -1
- package/dist/chunk-PL37KFRJ.js +0 -1
- package/dist/chunk-PL37KFRJ.js.map +0 -1
- package/dist/chunk-PV2PTVNR.js +0 -54
- package/dist/chunk-PV2PTVNR.js.map +0 -1
- package/dist/chunk-Q55OUI52.js +0 -54
- package/dist/chunk-Q55OUI52.js.map +0 -1
- package/dist/chunk-QH2XKKYB.js +0 -50
- package/dist/chunk-QH2XKKYB.js.map +0 -1
- package/dist/chunk-RC25EWE2.js +0 -63
- package/dist/chunk-RC25EWE2.js.map +0 -1
- package/dist/chunk-RKLEKAON.js +0 -63
- package/dist/chunk-RKLEKAON.js.map +0 -1
- package/dist/chunk-RSZMFZ6O.js +0 -54
- package/dist/chunk-RSZMFZ6O.js.map +0 -1
- package/dist/chunk-S4RYTDHA.js +0 -123
- package/dist/chunk-S4RYTDHA.js.map +0 -1
- package/dist/chunk-SUGQXRH7.js +0 -51
- package/dist/chunk-SUGQXRH7.js.map +0 -1
- package/dist/chunk-T5XKRD6Q.js +0 -54
- package/dist/chunk-T5XKRD6Q.js.map +0 -1
- package/dist/chunk-T75M6HQZ.js +0 -91
- package/dist/chunk-T75M6HQZ.js.map +0 -1
- package/dist/chunk-TFJPLDJW.js.map +0 -1
- package/dist/chunk-TGKZ3GXL.js +0 -49
- package/dist/chunk-TGKZ3GXL.js.map +0 -1
- package/dist/chunk-TJMV6UG4.js +0 -63
- package/dist/chunk-TJMV6UG4.js.map +0 -1
- package/dist/chunk-TJTNRHBA.js +0 -57
- package/dist/chunk-TJTNRHBA.js.map +0 -1
- package/dist/chunk-TQGM4VHP.js +0 -54
- package/dist/chunk-TQGM4VHP.js.map +0 -1
- package/dist/chunk-TSVWEPRP.js +0 -59
- package/dist/chunk-TSVWEPRP.js.map +0 -1
- package/dist/chunk-TULD3666.js +0 -123
- package/dist/chunk-TULD3666.js.map +0 -1
- package/dist/chunk-UATXA5UQ.js +0 -63
- package/dist/chunk-UATXA5UQ.js.map +0 -1
- package/dist/chunk-UEX53IDO.js +0 -63
- package/dist/chunk-UEX53IDO.js.map +0 -1
- package/dist/chunk-UOEZ5KJL.js +0 -123
- package/dist/chunk-UOEZ5KJL.js.map +0 -1
- package/dist/chunk-UZBH7VSW.js +0 -123
- package/dist/chunk-UZBH7VSW.js.map +0 -1
- package/dist/chunk-V64U3F6R.js +0 -74
- package/dist/chunk-V64U3F6R.js.map +0 -1
- package/dist/chunk-VDHB7BMC.js +0 -63
- package/dist/chunk-VDHB7BMC.js.map +0 -1
- package/dist/chunk-VS2M6MCO.js +0 -28
- package/dist/chunk-VS2M6MCO.js.map +0 -1
- package/dist/chunk-W32CVWDO.js +0 -53
- package/dist/chunk-W32CVWDO.js.map +0 -1
- package/dist/chunk-W5VTZW3O.js +0 -54
- package/dist/chunk-W5VTZW3O.js.map +0 -1
- package/dist/chunk-WLHGYNLP.js +0 -57
- package/dist/chunk-WLHGYNLP.js.map +0 -1
- package/dist/chunk-WS4YTN73.js +0 -37
- package/dist/chunk-WS4YTN73.js.map +0 -1
- package/dist/chunk-WTESLLG7.js +0 -55
- package/dist/chunk-WTESLLG7.js.map +0 -1
- package/dist/chunk-WV7FE4LE.js.map +0 -1
- package/dist/chunk-X3OPBSBB.js +0 -91
- package/dist/chunk-X3OPBSBB.js.map +0 -1
- package/dist/chunk-X73G236I.js +0 -50
- package/dist/chunk-X73G236I.js.map +0 -1
- package/dist/chunk-XIQSSPSX.js +0 -91
- package/dist/chunk-XIQSSPSX.js.map +0 -1
- package/dist/chunk-XKFMSFSF.js +0 -123
- package/dist/chunk-XKFMSFSF.js.map +0 -1
- package/dist/chunk-XRVSCJYE.js +0 -56
- package/dist/chunk-XRVSCJYE.js.map +0 -1
- package/dist/chunk-XXTSXGYB.js +0 -54
- package/dist/chunk-XXTSXGYB.js.map +0 -1
- package/dist/chunk-Y3ADBCSG.js +0 -58
- package/dist/chunk-Y3ADBCSG.js.map +0 -1
- package/dist/chunk-Y7LIV2SG.js +0 -60
- package/dist/chunk-Y7LIV2SG.js.map +0 -1
- package/dist/chunk-YKJPZGZD.js +0 -54
- package/dist/chunk-YKJPZGZD.js.map +0 -1
- package/dist/chunk-YYQEUHIE.js +0 -123
- package/dist/chunk-YYQEUHIE.js.map +0 -1
- package/dist/chunk-YZZS2HN7.js +0 -123
- package/dist/chunk-YZZS2HN7.js.map +0 -1
- package/dist/chunk-Z2ME4RO4.js +0 -57
- package/dist/chunk-Z2ME4RO4.js.map +0 -1
- package/dist/chunk-Z2PA5PMV.js +0 -91
- package/dist/chunk-Z2PA5PMV.js.map +0 -1
- package/dist/chunk-Z7UW7DSA.js +0 -49
- package/dist/chunk-Z7UW7DSA.js.map +0 -1
- /package/dist/{chunk-3ML54TPS.js.map → chunk-J36GXXB6.js.map} +0 -0
package/dist/atoms/dialog.cjs
CHANGED
|
@@ -1,8 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
4
|
+
var __defProps = Object.defineProperties;
|
|
3
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
7
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
5
10
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
+
var __spreadValues = (a, b) => {
|
|
14
|
+
for (var prop in b || (b = {}))
|
|
15
|
+
if (__hasOwnProp.call(b, prop))
|
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
if (__getOwnPropSymbols)
|
|
18
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
+
if (__propIsEnum.call(b, prop))
|
|
20
|
+
__defNormalProp(a, prop, b[prop]);
|
|
21
|
+
}
|
|
22
|
+
return a;
|
|
23
|
+
};
|
|
24
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
|
+
var __objRest = (source, exclude) => {
|
|
26
|
+
var target = {};
|
|
27
|
+
for (var prop in source)
|
|
28
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
29
|
+
target[prop] = source[prop];
|
|
30
|
+
if (source != null && __getOwnPropSymbols)
|
|
31
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
32
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
33
|
+
target[prop] = source[prop];
|
|
34
|
+
}
|
|
35
|
+
return target;
|
|
36
|
+
};
|
|
6
37
|
var __export = (target, all) => {
|
|
7
38
|
for (var name in all)
|
|
8
39
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -15,15 +46,95 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
46
|
}
|
|
16
47
|
return to;
|
|
17
48
|
};
|
|
49
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
50
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
51
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
52
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
53
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
54
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
55
|
+
mod
|
|
56
|
+
));
|
|
18
57
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
58
|
|
|
20
59
|
// src/atoms/dialog.tsx
|
|
21
60
|
var dialog_exports = {};
|
|
22
61
|
__export(dialog_exports, {
|
|
23
|
-
Dialog: () =>
|
|
62
|
+
Dialog: () => Dialog
|
|
24
63
|
});
|
|
25
64
|
module.exports = __toCommonJS(dialog_exports);
|
|
65
|
+
var RadixDialog = __toESM(require("@radix-ui/react-dialog"), 1);
|
|
66
|
+
var import_react_icons = require("@radix-ui/react-icons");
|
|
26
67
|
var import_themes = require("@radix-ui/themes");
|
|
68
|
+
var import_react = require("react");
|
|
69
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
70
|
+
function Content2(props) {
|
|
71
|
+
const _a = props, {
|
|
72
|
+
children,
|
|
73
|
+
style = {},
|
|
74
|
+
width,
|
|
75
|
+
maxWidth,
|
|
76
|
+
minWidth,
|
|
77
|
+
maxHeight,
|
|
78
|
+
height,
|
|
79
|
+
minHeight
|
|
80
|
+
} = _a, rest = __objRest(_a, [
|
|
81
|
+
"children",
|
|
82
|
+
"style",
|
|
83
|
+
"width",
|
|
84
|
+
"maxWidth",
|
|
85
|
+
"minWidth",
|
|
86
|
+
"maxHeight",
|
|
87
|
+
"height",
|
|
88
|
+
"minHeight"
|
|
89
|
+
]);
|
|
90
|
+
const containerRef = (0, import_react.useRef)(null);
|
|
91
|
+
(0, import_react.useEffect)(() => {
|
|
92
|
+
containerRef.current = document.getElementsByClassName("radix-themes")[0];
|
|
93
|
+
}, []);
|
|
94
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadixDialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadixDialog.Overlay, { className: "DialogOverlay", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
95
|
+
RadixDialog.Content,
|
|
96
|
+
__spreadProps(__spreadValues({
|
|
97
|
+
className: "DialogContent",
|
|
98
|
+
style: __spreadValues({
|
|
99
|
+
width,
|
|
100
|
+
maxWidth,
|
|
101
|
+
minWidth,
|
|
102
|
+
maxHeight,
|
|
103
|
+
height,
|
|
104
|
+
minHeight
|
|
105
|
+
}, style)
|
|
106
|
+
}, rest), {
|
|
107
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", style: { position: "relative" }, children: [
|
|
108
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadixDialog.Close, { asChild: true, className: "DialogClose", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.IconButton, { variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.Cross1Icon, {}) }) }),
|
|
109
|
+
children
|
|
110
|
+
] })
|
|
111
|
+
})
|
|
112
|
+
) }) });
|
|
113
|
+
}
|
|
114
|
+
function Close2(_a) {
|
|
115
|
+
var _b = _a, {
|
|
116
|
+
children
|
|
117
|
+
} = _b, rest = __objRest(_b, [
|
|
118
|
+
"children"
|
|
119
|
+
]);
|
|
120
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadixDialog.Close, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
|
|
121
|
+
}
|
|
122
|
+
function Trigger2(_a) {
|
|
123
|
+
var _b = _a, {
|
|
124
|
+
children
|
|
125
|
+
} = _b, rest = __objRest(_b, [
|
|
126
|
+
"children"
|
|
127
|
+
]);
|
|
128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadixDialog.Trigger, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
|
|
129
|
+
}
|
|
130
|
+
var Dialog = {
|
|
131
|
+
Root: RadixDialog.Root,
|
|
132
|
+
Trigger: Trigger2,
|
|
133
|
+
Content: Content2,
|
|
134
|
+
Close: Close2,
|
|
135
|
+
Description: RadixDialog.Description,
|
|
136
|
+
Title: RadixDialog.Title
|
|
137
|
+
};
|
|
27
138
|
// Annotate the CommonJS export names for ESM import in node:
|
|
28
139
|
0 && (module.exports = {
|
|
29
140
|
Dialog
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/atoms/dialog.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../src/atoms/dialog.tsx"],"sourcesContent":["import * as RadixDialog from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Flex, IconButton } from '@radix-ui/themes';\nimport { useEffect, useRef } from 'react';\n\ntype ContentProps = RadixDialog.DialogContentProps & {\n width?: string;\n maxWidth?: string;\n minWidth?: string;\n height?: string;\n maxHeight?: string;\n minHeight?: string;\n};\n\nfunction Content(props: ContentProps): React.ReactElement {\n const {\n children,\n style = {},\n width,\n maxWidth,\n minWidth,\n maxHeight,\n height,\n minHeight,\n ...rest\n } = props;\n const containerRef = useRef<Element | null>(null);\n\n useEffect(() => {\n containerRef.current = document.getElementsByClassName('radix-themes')[0];\n }, []);\n\n return (\n <RadixDialog.Portal container={containerRef.current}>\n <RadixDialog.Overlay className=\"DialogOverlay\">\n <RadixDialog.Content\n className=\"DialogContent\"\n style={{\n width,\n maxWidth,\n minWidth,\n maxHeight,\n height,\n minHeight,\n ...style,\n }}\n {...rest}\n >\n <Flex direction=\"column\" style={{ position: 'relative' }}>\n <RadixDialog.Close asChild className=\"DialogClose\">\n <IconButton variant=\"ghost\">\n <Cross1Icon />\n </IconButton>\n </RadixDialog.Close>\n {children}\n </Flex>\n </RadixDialog.Content>\n </RadixDialog.Overlay>\n </RadixDialog.Portal>\n );\n}\n\nfunction Close({\n children,\n ...rest\n}: RadixDialog.DialogCloseProps): React.ReactElement {\n return (\n <RadixDialog.Close asChild {...rest}>\n {children}\n </RadixDialog.Close>\n );\n}\n\nfunction Trigger({\n children,\n ...rest\n}: RadixDialog.DialogTriggerProps): React.ReactElement {\n return (\n <RadixDialog.Trigger asChild {...rest}>\n {children}\n </RadixDialog.Trigger>\n );\n}\n\nexport const Dialog = {\n Root: RadixDialog.Root,\n Trigger,\n Content,\n Close,\n Description: RadixDialog.Description,\n Title: RadixDialog.Title,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAC7B,yBAA2B;AAC3B,oBAAiC;AACjC,mBAAkC;AA6CxB;AAlCV,SAASA,SAAQ,OAAyC;AACxD,QAUI,YATF;AAAA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAvBJ,IAyBM,IADC,iBACD,IADC;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,mBAAe,qBAAuB,IAAI;AAEhD,8BAAU,MAAM;AACd,iBAAa,UAAU,SAAS,uBAAuB,cAAc,EAAE,CAAC;AAAA,EAC1E,GAAG,CAAC,CAAC;AAEL,SACE,4CAAa,oBAAZ,EAAmB,WAAW,aAAa,SAC1C,sDAAa,qBAAZ,EAAoB,WAAU,iBAC7B;AAAA,IAAa;AAAA,IAAZ;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,SACG;AAAA,OAED,OAXL;AAAA,MAaC,uDAAC,sBAAK,WAAU,UAAS,OAAO,EAAE,UAAU,WAAW,GACrD;AAAA,oDAAa,mBAAZ,EAAkB,SAAO,MAAC,WAAU,eACnC,sDAAC,4BAAW,SAAQ,SAClB,sDAAC,iCAAW,GACd,GACF;AAAA,QACC;AAAA,SACH;AAAA;AAAA,EACF,GACF,GACF;AAEJ;AAEA,SAASC,OAAM,IAGsC;AAHtC,eACb;AAAA;AAAA,EA/DF,IA8De,IAEV,iBAFU,IAEV;AAAA,IADH;AAAA;AAGA,SACE,4CAAa,mBAAZ,+BAAkB,SAAO,QAAK,OAA9B,EACE,WACH;AAEJ;AAEA,SAASC,SAAQ,IAGsC;AAHtC,eACf;AAAA;AAAA,EA1EF,IAyEiB,IAEZ,iBAFY,IAEZ;AAAA,IADH;AAAA;AAGA,SACE,4CAAa,qBAAZ,+BAAoB,SAAO,QAAK,OAAhC,EACE,WACH;AAEJ;AAEO,IAAM,SAAS;AAAA,EACpB,MAAkB;AAAA,EAClB,SAAAA;AAAA,EACA,SAAAF;AAAA,EACA,OAAAC;AAAA,EACA,aAAyB;AAAA,EACzB,OAAmB;AACrB;","names":["Content","Close","Trigger"]}
|
package/dist/atoms/dialog.d.cts
CHANGED
|
@@ -1 +1,24 @@
|
|
|
1
|
-
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as Dialog$1 from '@radix-ui/react-dialog';
|
|
3
|
+
|
|
4
|
+
type ContentProps = Dialog$1.DialogContentProps & {
|
|
5
|
+
width?: string;
|
|
6
|
+
maxWidth?: string;
|
|
7
|
+
minWidth?: string;
|
|
8
|
+
height?: string;
|
|
9
|
+
maxHeight?: string;
|
|
10
|
+
minHeight?: string;
|
|
11
|
+
};
|
|
12
|
+
declare function Content(props: ContentProps): React.ReactElement;
|
|
13
|
+
declare function Close({ children, ...rest }: Dialog$1.DialogCloseProps): React.ReactElement;
|
|
14
|
+
declare function Trigger({ children, ...rest }: Dialog$1.DialogTriggerProps): React.ReactElement;
|
|
15
|
+
declare const Dialog: {
|
|
16
|
+
Root: react.FC<Dialog$1.DialogProps>;
|
|
17
|
+
Trigger: typeof Trigger;
|
|
18
|
+
Content: typeof Content;
|
|
19
|
+
Close: typeof Close;
|
|
20
|
+
Description: react.ForwardRefExoticComponent<Dialog$1.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
|
|
21
|
+
Title: react.ForwardRefExoticComponent<Dialog$1.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export { Dialog };
|
package/dist/atoms/dialog.d.ts
CHANGED
|
@@ -1 +1,24 @@
|
|
|
1
|
-
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as Dialog$1 from '@radix-ui/react-dialog';
|
|
3
|
+
|
|
4
|
+
type ContentProps = Dialog$1.DialogContentProps & {
|
|
5
|
+
width?: string;
|
|
6
|
+
maxWidth?: string;
|
|
7
|
+
minWidth?: string;
|
|
8
|
+
height?: string;
|
|
9
|
+
maxHeight?: string;
|
|
10
|
+
minHeight?: string;
|
|
11
|
+
};
|
|
12
|
+
declare function Content(props: ContentProps): React.ReactElement;
|
|
13
|
+
declare function Close({ children, ...rest }: Dialog$1.DialogCloseProps): React.ReactElement;
|
|
14
|
+
declare function Trigger({ children, ...rest }: Dialog$1.DialogTriggerProps): React.ReactElement;
|
|
15
|
+
declare const Dialog: {
|
|
16
|
+
Root: react.FC<Dialog$1.DialogProps>;
|
|
17
|
+
Trigger: typeof Trigger;
|
|
18
|
+
Content: typeof Content;
|
|
19
|
+
Close: typeof Close;
|
|
20
|
+
Description: react.ForwardRefExoticComponent<Dialog$1.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
|
|
21
|
+
Title: react.ForwardRefExoticComponent<Dialog$1.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export { Dialog };
|
package/dist/atoms/dialog.js
CHANGED
package/dist/atoms/drawer.cjs
CHANGED
|
@@ -115,7 +115,7 @@ function Content2(props) {
|
|
|
115
115
|
const _a = props, { position = "right", className, children } = _a, rest = __objRest(_a, ["position", "className", "children"]);
|
|
116
116
|
const containerRef = (0, import_react.useRef)(null);
|
|
117
117
|
(0, import_react.useEffect)(() => {
|
|
118
|
-
containerRef.current = document.
|
|
118
|
+
containerRef.current = document.getElementsByClassName("radix-themes")[0];
|
|
119
119
|
}, []);
|
|
120
120
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(ThemeProvider, { children: [
|
|
121
121
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dialog.Overlay, { className: "DrawerOverlay" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/atoms/drawer.tsx","../../src/theme/theme-provider.tsx","../../src/atoms/toast.tsx","../../src/atoms/icon-button.tsx"],"sourcesContent":["import React, { useEffect, useRef } 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, children, ...rest } = props;\n\n const containerRef = useRef<
|
|
1
|
+
{"version":3,"sources":["../../src/atoms/drawer.tsx","../../src/theme/theme-provider.tsx","../../src/atoms/toast.tsx","../../src/atoms/icon-button.tsx"],"sourcesContent":["import React, { useEffect, useRef } 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, children, ...rest } = props;\n\n const containerRef = useRef<Element | null>(null);\n\n useEffect(() => {\n containerRef.current = document.getElementsByClassName('radix-themes')[0];\n }, []);\n\n return (\n <Dialog.Portal container={containerRef.current}>\n <ThemeProvider>\n <Dialog.Overlay className=\"DrawerOverlay\" />\n <Dialog.Content\n className={`DrawerContent ${position} ${className || ''}`}\n {...rest}\n >\n <ToastContainer />\n {children}\n </Dialog.Content>\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","import React from 'react';\nimport { Theme } from '@radix-ui/themes';\n\ntype ThemeProps = React.ComponentProps<typeof Theme>;\n\ninterface ThemeProviderProps extends ThemeProps {\n children: React.ReactNode;\n}\n\nexport function ThemeProvider(props: ThemeProviderProps): React.ReactElement {\n return <Theme accentColor=\"iris\" radius=\"medium\" {...props} />;\n}\n","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 color=\"gray\" onClick={closeToast} variant=\"ghost\">\n <Cross1Icon />\n </IconButton>\n );\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\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","export { IconButton, type IconButtonProps } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA,EAAA;AAAA,cAAAC;AAAA,EAAA,eAAAC;AAAA;AAAA;AAAA,mBAAyC;AACzC,aAAwB;;;ACAxB,oBAAsB;AASb;AADF,SAAS,cAAc,OAA+C;AAC3E,SAAO,4CAAC,sCAAM,aAAY,QAAO,QAAO,YAAa,MAAO;AAC9D;;;ACXA,yBAA2B;AAE3B,4BAAyD;;;ACFzD,IAAAC,iBAAiD;;;ADKjD,IAAAC,yBAAsB;AAWhB,IAAAC,sBAAA;AAHN,SAAS,YAAY,EAAE,WAAW,GAAsC;AACtE,SACE,6CAAC,6BAAW,OAAM,QAAO,SAAS,YAAY,SAAQ,SACpD,uDAAC,iCAAW,GACd;AAEJ;AAEO,SAAS,eAAe,OAAgD;AAC7E,SACE;AAAA,IAAC,sBAAAC;AAAA,IAAA;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;;;AF/BS,IAAAC,sBAAA;AADF,SAASC,MAAK,OAA4C;AAC/D,SAAO,6CAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAA6D,YAArD,aAAW,SAAS,WAAW,SAfzC,IAe+D,IAAT,iBAAS,IAAT,CAA5C,YAAoB,aAAW;AAEvC,QAAM,mBAAe,qBAAuB,IAAI;AAEhD,8BAAU,MAAM;AACd,iBAAa,UAAU,SAAS,uBAAuB,cAAc,EAAE,CAAC;AAAA,EAC1E,GAAG,CAAC,CAAC;AAEL,SACE,6CAAQ,eAAP,EAAc,WAAW,aAAa,SACrC,wDAAC,iBACC;AAAA,iDAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD,OAFL;AAAA,QAIC;AAAA,uDAAC,kBAAe;AAAA,UACf;AAAA;AAAA;AAAA,IACH;AAAA,KACF,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,6CAAQ,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":["Content","Root","Trigger","import_themes","import_react_toastify","import_jsx_runtime","ToastifyToastContainer","import_jsx_runtime","Root","Content","Trigger"]}
|