@cdx-ui/primitives 0.0.1-alpha.22 → 0.0.1-alpha.24
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/lib/commonjs/dialog/context.js +11 -0
- package/lib/commonjs/dialog/context.js.map +1 -0
- package/lib/commonjs/dialog/createDialogBody.js +21 -0
- package/lib/commonjs/dialog/createDialogBody.js.map +1 -0
- package/lib/commonjs/dialog/createDialogClose.js +37 -0
- package/lib/commonjs/dialog/createDialogClose.js.map +1 -0
- package/lib/commonjs/dialog/createDialogContent.js +141 -0
- package/lib/commonjs/dialog/createDialogContent.js.map +1 -0
- package/lib/commonjs/dialog/createDialogDescription.js +30 -0
- package/lib/commonjs/dialog/createDialogDescription.js.map +1 -0
- package/lib/commonjs/dialog/createDialogFooter.js +21 -0
- package/lib/commonjs/dialog/createDialogFooter.js.map +1 -0
- package/lib/commonjs/dialog/createDialogHeader.js +21 -0
- package/lib/commonjs/dialog/createDialogHeader.js.map +1 -0
- package/lib/commonjs/dialog/createDialogRoot.js +54 -0
- package/lib/commonjs/dialog/createDialogRoot.js.map +1 -0
- package/lib/commonjs/dialog/createDialogTitle.js +21 -0
- package/lib/commonjs/dialog/createDialogTitle.js.map +1 -0
- package/lib/commonjs/dialog/createDialogTrigger.js +37 -0
- package/lib/commonjs/dialog/createDialogTrigger.js.map +1 -0
- package/lib/commonjs/dialog/index.js +60 -0
- package/lib/commonjs/dialog/index.js.map +1 -0
- package/lib/commonjs/dialog/types.js +6 -0
- package/lib/commonjs/dialog/types.js.map +1 -0
- package/lib/commonjs/index.js +12 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/overlay/OverlayContainer.js +3 -8
- package/lib/commonjs/overlay/OverlayContainer.js.map +1 -1
- package/lib/commonjs/overlay/index.js +7 -0
- package/lib/commonjs/overlay/index.js.map +1 -1
- package/lib/commonjs/overlay/useEscapeKey.js +14 -0
- package/lib/commonjs/overlay/useEscapeKey.js.map +1 -0
- package/lib/commonjs/overlay/useEscapeKey.web.js +30 -0
- package/lib/commonjs/overlay/useEscapeKey.web.js.map +1 -0
- package/lib/commonjs/utils/createPortal.js +23 -0
- package/lib/commonjs/utils/createPortal.js.map +1 -0
- package/lib/module/dialog/context.js +5 -0
- package/lib/module/dialog/context.js.map +1 -0
- package/lib/module/dialog/createDialogBody.js +15 -0
- package/lib/module/dialog/createDialogBody.js.map +1 -0
- package/lib/module/dialog/createDialogClose.js +31 -0
- package/lib/module/dialog/createDialogClose.js.map +1 -0
- package/lib/module/dialog/createDialogContent.js +136 -0
- package/lib/module/dialog/createDialogContent.js.map +1 -0
- package/lib/module/dialog/createDialogDescription.js +24 -0
- package/lib/module/dialog/createDialogDescription.js.map +1 -0
- package/lib/module/dialog/createDialogFooter.js +15 -0
- package/lib/module/dialog/createDialogFooter.js.map +1 -0
- package/lib/module/dialog/createDialogHeader.js +15 -0
- package/lib/module/dialog/createDialogHeader.js.map +1 -0
- package/lib/module/dialog/createDialogRoot.js +49 -0
- package/lib/module/dialog/createDialogRoot.js.map +1 -0
- package/lib/module/dialog/createDialogTitle.js +15 -0
- package/lib/module/dialog/createDialogTitle.js.map +1 -0
- package/lib/module/dialog/createDialogTrigger.js +31 -0
- package/lib/module/dialog/createDialogTrigger.js.map +1 -0
- package/lib/module/dialog/index.js +45 -0
- package/lib/module/dialog/index.js.map +1 -0
- package/lib/module/dialog/types.js +4 -0
- package/lib/module/dialog/types.js.map +1 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/overlay/OverlayContainer.js +1 -6
- package/lib/module/overlay/OverlayContainer.js.map +1 -1
- package/lib/module/overlay/index.js +1 -0
- package/lib/module/overlay/index.js.map +1 -1
- package/lib/module/overlay/useEscapeKey.js +10 -0
- package/lib/module/overlay/useEscapeKey.js.map +1 -0
- package/lib/module/overlay/useEscapeKey.web.js +27 -0
- package/lib/module/overlay/useEscapeKey.web.js.map +1 -0
- package/lib/module/utils/createPortal.js +19 -0
- package/lib/module/utils/createPortal.js.map +1 -0
- package/lib/typescript/dialog/context.d.ts +6 -0
- package/lib/typescript/dialog/context.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogBody.d.ts +4 -0
- package/lib/typescript/dialog/createDialogBody.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogClose.d.ts +4 -0
- package/lib/typescript/dialog/createDialogClose.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogContent.d.ts +4 -0
- package/lib/typescript/dialog/createDialogContent.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogDescription.d.ts +4 -0
- package/lib/typescript/dialog/createDialogDescription.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogFooter.d.ts +4 -0
- package/lib/typescript/dialog/createDialogFooter.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogHeader.d.ts +4 -0
- package/lib/typescript/dialog/createDialogHeader.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogRoot.d.ts +4 -0
- package/lib/typescript/dialog/createDialogRoot.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogTitle.d.ts +4 -0
- package/lib/typescript/dialog/createDialogTitle.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogTrigger.d.ts +4 -0
- package/lib/typescript/dialog/createDialogTrigger.d.ts.map +1 -0
- package/lib/typescript/dialog/index.d.ts +18 -0
- package/lib/typescript/dialog/index.d.ts.map +1 -0
- package/lib/typescript/dialog/types.d.ts +52 -0
- package/lib/typescript/dialog/types.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/overlay/OverlayContainer.d.ts.map +1 -1
- package/lib/typescript/overlay/index.d.ts +1 -0
- package/lib/typescript/overlay/index.d.ts.map +1 -1
- package/lib/typescript/overlay/useEscapeKey.d.ts +6 -0
- package/lib/typescript/overlay/useEscapeKey.d.ts.map +1 -0
- package/lib/typescript/overlay/useEscapeKey.web.d.ts +6 -0
- package/lib/typescript/overlay/useEscapeKey.web.d.ts.map +1 -0
- package/lib/typescript/utils/createPortal.d.ts +11 -0
- package/lib/typescript/utils/createPortal.d.ts.map +1 -0
- package/package.json +2 -2
- package/src/dialog/context.tsx +4 -0
- package/src/dialog/createDialogBody.tsx +11 -0
- package/src/dialog/createDialogClose.tsx +27 -0
- package/src/dialog/createDialogContent.tsx +122 -0
- package/src/dialog/createDialogDescription.tsx +20 -0
- package/src/dialog/createDialogFooter.tsx +11 -0
- package/src/dialog/createDialogHeader.tsx +11 -0
- package/src/dialog/createDialogRoot.tsx +66 -0
- package/src/dialog/createDialogTitle.tsx +11 -0
- package/src/dialog/createDialogTrigger.tsx +27 -0
- package/src/dialog/index.tsx +93 -0
- package/src/dialog/types.ts +88 -0
- package/src/index.ts +1 -0
- package/src/overlay/OverlayContainer.tsx +2 -10
- package/src/overlay/index.ts +1 -0
- package/src/overlay/useEscapeKey.ts +7 -0
- package/src/overlay/useEscapeKey.web.ts +27 -0
- package/src/utils/createPortal.ts +20 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useDialog = exports.DialogProvider = void 0;
|
|
7
|
+
var _utils = require("@cdx-ui/utils");
|
|
8
|
+
const [DialogProvider, useDialog] = (0, _utils.createContext)('DialogContext');
|
|
9
|
+
exports.useDialog = useDialog;
|
|
10
|
+
exports.DialogProvider = DialogProvider;
|
|
11
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_utils","require","DialogProvider","useDialog","createContext","exports"],"sourceRoot":"../../../src","sources":["dialog/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,cAAc,EAAEC,SAAS,CAAC,GAAG,IAAAC,oBAAa,EAAqB,eAAe,CAAC;AAACC,OAAA,CAAAF,SAAA,GAAAA,SAAA;AAAAE,OAAA,CAAAH,cAAA,GAAAA,cAAA","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createDialogBody = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
10
|
+
const createDialogBody = BaseBody => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
11
|
+
children,
|
|
12
|
+
...props
|
|
13
|
+
}, ref) => {
|
|
14
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseBody, {
|
|
15
|
+
ref: ref,
|
|
16
|
+
...props,
|
|
17
|
+
children: children
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
exports.createDialogBody = createDialogBody;
|
|
21
|
+
//# sourceMappingURL=createDialogBody.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createDialogBody","BaseBody","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["dialog/createDialogBody.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA0C,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGnC,MAAMkB,gBAAgB,GAAQC,QAAgC,iBACnE,IAAAC,iBAAU,EAA4B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrE,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAACL,QAAQ;IAACI,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC3BA;EAAQ,CACD,CAAC;AAEf,CAAC,CAAC;AAACI,OAAA,CAAAP,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createDialogClose = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _context = require("./context");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
+
const createDialogClose = BaseClose => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
12
|
+
asChild = false,
|
|
13
|
+
children,
|
|
14
|
+
onPress,
|
|
15
|
+
...props
|
|
16
|
+
}, ref) => {
|
|
17
|
+
const {
|
|
18
|
+
onOpenChange
|
|
19
|
+
} = (0, _context.useDialog)();
|
|
20
|
+
const handlePress = e => {
|
|
21
|
+
onPress?.(e);
|
|
22
|
+
onOpenChange(false);
|
|
23
|
+
};
|
|
24
|
+
if (asChild && /*#__PURE__*/_react.default.isValidElement(children)) {
|
|
25
|
+
return /*#__PURE__*/_react.default.cloneElement(children, {
|
|
26
|
+
onPress: handlePress
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseClose, {
|
|
30
|
+
ref: ref,
|
|
31
|
+
...props,
|
|
32
|
+
onPress: handlePress,
|
|
33
|
+
children: children
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
exports.createDialogClose = createDialogClose;
|
|
37
|
+
//# sourceMappingURL=createDialogClose.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createDialogClose","BaseClose","forwardRef","asChild","children","onPress","props","ref","onOpenChange","useDialog","handlePress","React","isValidElement","cloneElement","jsx","exports"],"sourceRoot":"../../../src","sources":["dialog/createDialogClose.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAAsC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE/B,MAAMkB,iBAAiB,GAAQC,SAAiC,iBACrE,IAAAC,iBAAU,EACR,CAAC;EAAEC,OAAO,GAAG,KAAK;EAAEC,QAAQ;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzD,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,kBAAS,EAAC,CAAC;EAEpC,MAAMC,WAAW,GAAI7B,CAAO,IAAK;IAC/BwB,OAAO,GAAGxB,CAAC,CAAC;IACZ2B,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC;EAED,IAAIL,OAAO,iBAAIQ,cAAK,CAACC,cAAc,CAACR,QAAQ,CAAC,EAAE;IAC7C,oBAAOO,cAAK,CAACE,YAAY,CAACT,QAAQ,EAA6B;MAC7DC,OAAO,EAAEK;IACX,CAAC,CAAC;EACJ;EAEA,oBACE,IAAA9B,WAAA,CAAAkC,GAAA,EAACb,SAAS;IAACM,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAQD,OAAO,EAAEK,WAAY;IAAAN,QAAA,EACzDA;EAAQ,CACA,CAAC;AAEhB,CACF,CAAC;AAACW,OAAA,CAAAf,iBAAA,GAAAA,iBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createDialogContent = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _focus = require("@react-native-aria/focus");
|
|
10
|
+
var _overlay = require("../overlay");
|
|
11
|
+
var _createPortal = require("../utils/createPortal");
|
|
12
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
13
|
+
var _context = require("./context");
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
const createDialogContent = (BaseContent, BaseOverlay) => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
16
|
+
children,
|
|
17
|
+
forceMount = false,
|
|
18
|
+
...props
|
|
19
|
+
}, ref) => {
|
|
20
|
+
const {
|
|
21
|
+
open,
|
|
22
|
+
onOpenChange,
|
|
23
|
+
closeOnBackdropPress,
|
|
24
|
+
closeOnEscKey,
|
|
25
|
+
nativeID,
|
|
26
|
+
role
|
|
27
|
+
} = (0, _context.useDialog)();
|
|
28
|
+
const handleClose = (0, _react.useCallback)(() => {
|
|
29
|
+
onOpenChange(false);
|
|
30
|
+
}, [onOpenChange]);
|
|
31
|
+
(0, _overlay.useEscapeKey)(open && closeOnEscKey, handleClose);
|
|
32
|
+
if (!(open || forceMount)) {
|
|
33
|
+
return null;
|
|
34
|
+
}
|
|
35
|
+
const overlayProps = {
|
|
36
|
+
...(closeOnBackdropPress ? {
|
|
37
|
+
onPress: handleClose
|
|
38
|
+
} : {}),
|
|
39
|
+
accessible: false,
|
|
40
|
+
importantForAccessibility: 'no-hide-descendants',
|
|
41
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
42
|
+
slot: 'dialog-overlay'
|
|
43
|
+
})
|
|
44
|
+
};
|
|
45
|
+
const contentSlotAttrs = (0, _dataAttributes.dataAttributes)({
|
|
46
|
+
slot: 'dialog-content',
|
|
47
|
+
state: open ? 'open' : 'closed'
|
|
48
|
+
});
|
|
49
|
+
const ariaProps = {
|
|
50
|
+
role,
|
|
51
|
+
'aria-modal': true,
|
|
52
|
+
'aria-labelledby': `${nativeID}-title`,
|
|
53
|
+
'aria-describedby': `${nativeID}-description`
|
|
54
|
+
};
|
|
55
|
+
if (_reactNative.Platform.OS === 'web' && _createPortal.createPortalFn) {
|
|
56
|
+
return (0, _createPortal.createPortalFn)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_focus.FocusScope, {
|
|
57
|
+
contain: open,
|
|
58
|
+
restoreFocus: true,
|
|
59
|
+
autoFocus: open,
|
|
60
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
61
|
+
style: {
|
|
62
|
+
position: 'fixed',
|
|
63
|
+
inset: 0,
|
|
64
|
+
zIndex: 50,
|
|
65
|
+
display: 'flex',
|
|
66
|
+
alignItems: 'center',
|
|
67
|
+
justifyContent: 'center'
|
|
68
|
+
},
|
|
69
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BaseOverlay, {
|
|
70
|
+
...overlayProps
|
|
71
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseContent, {
|
|
72
|
+
ref: ref,
|
|
73
|
+
...contentSlotAttrs,
|
|
74
|
+
...props,
|
|
75
|
+
...ariaProps,
|
|
76
|
+
children: children
|
|
77
|
+
})]
|
|
78
|
+
})
|
|
79
|
+
}), document.body);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
// Native layout uses two layers to support both backdrop dismiss and
|
|
83
|
+
// scrollable body content. The overlay Pressable fills the Modal via
|
|
84
|
+
// absolute positioning and handles backdrop taps. A second absolute-fill
|
|
85
|
+
// View with pointerEvents="box-none" centers the content panel — "box-none"
|
|
86
|
+
// lets taps outside the panel pass through to the overlay while allowing
|
|
87
|
+
// the panel and its children to receive touches normally.
|
|
88
|
+
//
|
|
89
|
+
// Critically, the content panel must NOT claim the JS touch responder
|
|
90
|
+
// (e.g. via onStartShouldSetResponder). Doing so triggers React Native's
|
|
91
|
+
// blockNativeResponder, which suppresses the native UIScrollView /
|
|
92
|
+
// ScrollView pan gesture recognizer and breaks any ScrollView inside
|
|
93
|
+
// Dialog.Body.
|
|
94
|
+
//
|
|
95
|
+
// Static StyleSheet used here because these are structural layout concerns
|
|
96
|
+
// of the primitive's modal chrome — not themeable styles. They must remain
|
|
97
|
+
// stable regardless of the styled layer's className.
|
|
98
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
|
|
99
|
+
visible: open,
|
|
100
|
+
transparent: true,
|
|
101
|
+
statusBarTranslucent: true,
|
|
102
|
+
onRequestClose: handleClose,
|
|
103
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_focus.FocusScope, {
|
|
104
|
+
contain: open,
|
|
105
|
+
restoreFocus: true,
|
|
106
|
+
autoFocus: open,
|
|
107
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
108
|
+
style: styles.fill,
|
|
109
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BaseOverlay, {
|
|
110
|
+
...overlayProps
|
|
111
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
112
|
+
style: styles.center,
|
|
113
|
+
pointerEvents: "box-none",
|
|
114
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseContent, {
|
|
115
|
+
ref: ref,
|
|
116
|
+
...contentSlotAttrs,
|
|
117
|
+
...props,
|
|
118
|
+
...ariaProps,
|
|
119
|
+
children: children
|
|
120
|
+
})
|
|
121
|
+
})]
|
|
122
|
+
})
|
|
123
|
+
})
|
|
124
|
+
});
|
|
125
|
+
});
|
|
126
|
+
|
|
127
|
+
// Structural layout for the native Modal chrome. These are not themeable —
|
|
128
|
+
// they position the overlay and centering layers that the primitive manages
|
|
129
|
+
// internally. Matches the pattern in OverlayContainer.tsx.
|
|
130
|
+
exports.createDialogContent = createDialogContent;
|
|
131
|
+
const styles = _reactNative.StyleSheet.create({
|
|
132
|
+
fill: {
|
|
133
|
+
flex: 1
|
|
134
|
+
},
|
|
135
|
+
center: {
|
|
136
|
+
..._reactNative.StyleSheet.absoluteFillObject,
|
|
137
|
+
alignItems: 'center',
|
|
138
|
+
justifyContent: 'center'
|
|
139
|
+
}
|
|
140
|
+
});
|
|
141
|
+
//# sourceMappingURL=createDialogContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_focus","_overlay","_createPortal","_dataAttributes","_context","_jsxRuntime","createDialogContent","BaseContent","BaseOverlay","forwardRef","children","forceMount","props","ref","open","onOpenChange","closeOnBackdropPress","closeOnEscKey","nativeID","role","useDialog","handleClose","useCallback","useEscapeKey","overlayProps","onPress","accessible","importantForAccessibility","dataAttributes","slot","contentSlotAttrs","state","ariaProps","Platform","OS","createPortalFn","jsx","FocusScope","contain","restoreFocus","autoFocus","jsxs","View","style","position","inset","zIndex","display","alignItems","justifyContent","document","body","Modal","visible","transparent","statusBarTranslucent","onRequestClose","styles","fill","center","pointerEvents","exports","StyleSheet","create","flex","absoluteFillObject"],"sourceRoot":"../../../src","sources":["dialog/createDialogContent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createDialogDescription = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
9
|
+
var _context = require("./context");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
+
const createDialogDescription = BaseDescription => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
13
|
+
children,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => {
|
|
16
|
+
const {
|
|
17
|
+
nativeID
|
|
18
|
+
} = (0, _context.useDialog)();
|
|
19
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseDescription, {
|
|
20
|
+
ref: ref,
|
|
21
|
+
nativeID: `${nativeID}-description`,
|
|
22
|
+
...props,
|
|
23
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
24
|
+
slot: 'dialog-description'
|
|
25
|
+
}),
|
|
26
|
+
children: children
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
exports.createDialogDescription = createDialogDescription;
|
|
30
|
+
//# sourceMappingURL=createDialogDescription.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_dataAttributes","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createDialogDescription","BaseDescription","forwardRef","children","props","ref","nativeID","useDialog","jsx","dataAttributes","slot","exports"],"sourceRoot":"../../../src","sources":["dialog/createDialogDescription.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAsC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG/B,MAAMkB,uBAAuB,GAAQC,eAAuC,iBACjF,IAAAC,iBAAU,EAAmC,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,kBAAS,EAAC,CAAC;EAEhC,oBACE,IAAA3B,WAAA,CAAA4B,GAAA,EAACP,eAAe;IACdI,GAAG,EAAEA,GAAI;IACTC,QAAQ,EAAE,GAAGA,QAAQ,cAAe;IAAA,GAC/BF,KAAK;IAAA,GACN,IAAAK,8BAAc,EAAC;MAAEC,IAAI,EAAE;IAAqB,CAAC,CAAC;IAAAP,QAAA,EAEjDA;EAAQ,CACM,CAAC;AAEtB,CAAC,CAAC;AAACQ,OAAA,CAAAX,uBAAA,GAAAA,uBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createDialogFooter = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
10
|
+
const createDialogFooter = BaseFooter => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
11
|
+
children,
|
|
12
|
+
...props
|
|
13
|
+
}, ref) => {
|
|
14
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseFooter, {
|
|
15
|
+
ref: ref,
|
|
16
|
+
...props,
|
|
17
|
+
children: children
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
exports.createDialogFooter = createDialogFooter;
|
|
21
|
+
//# sourceMappingURL=createDialogFooter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createDialogFooter","BaseFooter","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["dialog/createDialogFooter.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA0C,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGnC,MAAMkB,kBAAkB,GAAQC,UAAkC,iBACvE,IAAAC,iBAAU,EAA8B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvE,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAACL,UAAU;IAACI,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC7BA;EAAQ,CACC,CAAC;AAEjB,CAAC,CAAC;AAACI,OAAA,CAAAP,kBAAA,GAAAA,kBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createDialogHeader = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
10
|
+
const createDialogHeader = BaseHeader => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
11
|
+
children,
|
|
12
|
+
...props
|
|
13
|
+
}, ref) => {
|
|
14
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseHeader, {
|
|
15
|
+
ref: ref,
|
|
16
|
+
...props,
|
|
17
|
+
children: children
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
exports.createDialogHeader = createDialogHeader;
|
|
21
|
+
//# sourceMappingURL=createDialogHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createDialogHeader","BaseHeader","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["dialog/createDialogHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA0C,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGnC,MAAMkB,kBAAkB,GAAQC,UAAkC,iBACvE,IAAAC,iBAAU,EAA8B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvE,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAACL,UAAU;IAACI,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC7BA;EAAQ,CACC,CAAC;AAEjB,CAAC,CAAC;AAACI,OAAA,CAAAP,kBAAA,GAAAA,kBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createDialogRoot = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
10
|
+
var _context = require("./context");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
const createDialogRoot = BaseRoot => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
13
|
+
open: openProp,
|
|
14
|
+
onOpenChange,
|
|
15
|
+
defaultOpen = false,
|
|
16
|
+
closeOnBackdropPress = true,
|
|
17
|
+
closeOnEscKey = true,
|
|
18
|
+
role = 'dialog',
|
|
19
|
+
children,
|
|
20
|
+
...props
|
|
21
|
+
}, ref) => {
|
|
22
|
+
const [open, setOpenState] = (0, _utils.useControllableState)({
|
|
23
|
+
prop: openProp,
|
|
24
|
+
defaultProp: defaultOpen,
|
|
25
|
+
onChange: onOpenChange
|
|
26
|
+
});
|
|
27
|
+
const setOpen = (0, _react.useCallback)(newOpen => {
|
|
28
|
+
setOpenState(newOpen);
|
|
29
|
+
}, [setOpenState]);
|
|
30
|
+
const id = (0, _react.useId)();
|
|
31
|
+
const nativeID = `dialog-${id}`;
|
|
32
|
+
const contextValue = (0, _react.useMemo)(() => ({
|
|
33
|
+
open: open ?? false,
|
|
34
|
+
onOpenChange: setOpen,
|
|
35
|
+
closeOnBackdropPress,
|
|
36
|
+
closeOnEscKey,
|
|
37
|
+
nativeID,
|
|
38
|
+
role
|
|
39
|
+
}), [open, setOpen, closeOnBackdropPress, closeOnEscKey, nativeID, role]);
|
|
40
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.DialogProvider, {
|
|
41
|
+
value: contextValue,
|
|
42
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseRoot, {
|
|
43
|
+
ref: ref,
|
|
44
|
+
...props,
|
|
45
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
46
|
+
slot: 'dialog',
|
|
47
|
+
state: open ? 'open' : 'closed'
|
|
48
|
+
}),
|
|
49
|
+
children: children
|
|
50
|
+
})
|
|
51
|
+
});
|
|
52
|
+
});
|
|
53
|
+
exports.createDialogRoot = createDialogRoot;
|
|
54
|
+
//# sourceMappingURL=createDialogRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_dataAttributes","_context","_jsxRuntime","createDialogRoot","BaseRoot","forwardRef","open","openProp","onOpenChange","defaultOpen","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","setOpenState","useControllableState","prop","defaultProp","onChange","setOpen","useCallback","newOpen","id","useId","nativeID","contextValue","useMemo","jsx","DialogProvider","value","dataAttributes","slot","state","exports"],"sourceRoot":"../../../src","sources":["dialog/createDialogRoot.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAA2C,IAAAI,WAAA,GAAAJ,OAAA;AAGpC,MAAMK,gBAAgB,GAAQC,QAAgC,iBACnE,IAAAC,iBAAU,EACR,CACE;EACEC,IAAI,EAAEC,QAAQ;EACdC,YAAY;EACZC,WAAW,GAAG,KAAK;EACnBC,oBAAoB,GAAG,IAAI;EAC3BC,aAAa,GAAG,IAAI;EACpBC,IAAI,GAAG,QAAQ;EACfC,QAAQ;EACR,GAAGC;AACa,CAAC,EACnBC,GAAkB,KACf;EACH,MAAM,CAACT,IAAI,EAAEU,YAAY,CAAC,GAAG,IAAAC,2BAAoB,EAAU;IACzDC,IAAI,EAAEX,QAAQ;IACdY,WAAW,EAAEV,WAAW;IACxBW,QAAQ,EAAEZ;EACZ,CAAC,CAAC;EAEF,MAAMa,OAAO,GAAG,IAAAC,kBAAW,EACxBC,OAAgB,IAAK;IACpBP,YAAY,CAACO,OAAO,CAAC;EACvB,CAAC,EACD,CAACP,YAAY,CACf,CAAC;EAED,MAAMQ,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,MAAMC,QAAQ,GAAG,UAAUF,EAAE,EAAE;EAE/B,MAAMG,YAAY,GAAG,IAAAC,cAAO,EAC1B,OAAO;IACLtB,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBE,YAAY,EAAEa,OAAO;IACrBX,oBAAoB;IACpBC,aAAa;IACbe,QAAQ;IACRd;EACF,CAAC,CAAC,EACF,CAACN,IAAI,EAAEe,OAAO,EAAEX,oBAAoB,EAAEC,aAAa,EAAEe,QAAQ,EAAEd,IAAI,CACrE,CAAC;EAED,oBACE,IAAAV,WAAA,CAAA2B,GAAA,EAAC5B,QAAA,CAAA6B,cAAc;IAACC,KAAK,EAAEJ,YAAa;IAAAd,QAAA,eAClC,IAAAX,WAAA,CAAA2B,GAAA,EAACzB,QAAQ;MACPW,GAAG,EAAEA,GAAI;MAAA,GACJD,KAAK;MAAA,GACN,IAAAkB,8BAAc,EAAC;QACjBC,IAAI,EAAE,QAAQ;QACdC,KAAK,EAAE5B,IAAI,GAAG,MAAM,GAAG;MACzB,CAAC,CAAC;MAAAO,QAAA,EAEDA;IAAQ,CACD;EAAC,CACG,CAAC;AAErB,CACF,CAAC;AAACsB,OAAA,CAAAhC,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createDialogTitle = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
10
|
+
const createDialogTitle = BaseTitle => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
11
|
+
children,
|
|
12
|
+
...props
|
|
13
|
+
}, ref) => {
|
|
14
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseTitle, {
|
|
15
|
+
ref: ref,
|
|
16
|
+
...props,
|
|
17
|
+
children: children
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
exports.createDialogTitle = createDialogTitle;
|
|
21
|
+
//# sourceMappingURL=createDialogTitle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createDialogTitle","BaseTitle","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["dialog/createDialogTitle.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA0C,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGnC,MAAMkB,iBAAiB,GAAQC,SAAiC,iBACrE,IAAAC,iBAAU,EAA6B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACtE,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAACL,SAAS;IAACI,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC5BA;EAAQ,CACA,CAAC;AAEhB,CAAC,CAAC;AAACI,OAAA,CAAAP,iBAAA,GAAAA,iBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createDialogTrigger = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _context = require("./context");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
+
const createDialogTrigger = BaseTrigger => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
12
|
+
asChild = false,
|
|
13
|
+
children,
|
|
14
|
+
onPress,
|
|
15
|
+
...props
|
|
16
|
+
}, ref) => {
|
|
17
|
+
const {
|
|
18
|
+
onOpenChange
|
|
19
|
+
} = (0, _context.useDialog)();
|
|
20
|
+
const handlePress = e => {
|
|
21
|
+
onPress?.(e);
|
|
22
|
+
onOpenChange(true);
|
|
23
|
+
};
|
|
24
|
+
if (asChild && /*#__PURE__*/_react.default.isValidElement(children)) {
|
|
25
|
+
return /*#__PURE__*/_react.default.cloneElement(children, {
|
|
26
|
+
onPress: handlePress
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseTrigger, {
|
|
30
|
+
ref: ref,
|
|
31
|
+
...props,
|
|
32
|
+
onPress: handlePress,
|
|
33
|
+
children: children
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
exports.createDialogTrigger = createDialogTrigger;
|
|
37
|
+
//# sourceMappingURL=createDialogTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createDialogTrigger","BaseTrigger","forwardRef","asChild","children","onPress","props","ref","onOpenChange","useDialog","handlePress","React","isValidElement","cloneElement","jsx","exports"],"sourceRoot":"../../../src","sources":["dialog/createDialogTrigger.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAAsC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE/B,MAAMkB,mBAAmB,GAAQC,WAAmC,iBACzE,IAAAC,iBAAU,EACR,CAAC;EAAEC,OAAO,GAAG,KAAK;EAAEC,QAAQ;EAAEC,OAAO;EAAE,GAAGC;AAA2B,CAAC,EAAEC,GAAkB,KAAK;EAC7F,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,kBAAS,EAAC,CAAC;EAEpC,MAAMC,WAAW,GAAI7B,CAAO,IAAK;IAC/BwB,OAAO,GAAGxB,CAAC,CAAC;IACZ2B,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC;EAED,IAAIL,OAAO,iBAAIQ,cAAK,CAACC,cAAc,CAACR,QAAQ,CAAC,EAAE;IAC7C,oBAAOO,cAAK,CAACE,YAAY,CAACT,QAAQ,EAA6B;MAC7DC,OAAO,EAAEK;IACX,CAAC,CAAC;EACJ;EAEA,oBACE,IAAA9B,WAAA,CAAAkC,GAAA,EAACb,WAAW;IAACM,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAQD,OAAO,EAAEK,WAAY;IAAAN,QAAA,EAC3DA;EAAQ,CACE,CAAC;AAElB,CACF,CAAC;AAACW,OAAA,CAAAf,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "DialogProvider", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _context.DialogProvider;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
exports.createDialog = createDialog;
|
|
13
|
+
Object.defineProperty(exports, "useDialog", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () {
|
|
16
|
+
return _context.useDialog;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
var _createDialogRoot = require("./createDialogRoot");
|
|
20
|
+
var _createDialogTrigger = require("./createDialogTrigger");
|
|
21
|
+
var _createDialogContent = require("./createDialogContent");
|
|
22
|
+
var _createDialogHeader = require("./createDialogHeader");
|
|
23
|
+
var _createDialogTitle = require("./createDialogTitle");
|
|
24
|
+
var _createDialogDescription = require("./createDialogDescription");
|
|
25
|
+
var _createDialogBody = require("./createDialogBody");
|
|
26
|
+
var _createDialogFooter = require("./createDialogFooter");
|
|
27
|
+
var _createDialogClose = require("./createDialogClose");
|
|
28
|
+
var _context = require("./context");
|
|
29
|
+
function createDialog(BaseComponents) {
|
|
30
|
+
const Root = (0, _createDialogRoot.createDialogRoot)(BaseComponents.Root);
|
|
31
|
+
const Trigger = (0, _createDialogTrigger.createDialogTrigger)(BaseComponents.Trigger);
|
|
32
|
+
const Content = (0, _createDialogContent.createDialogContent)(BaseComponents.Content, BaseComponents.Overlay);
|
|
33
|
+
const Header = (0, _createDialogHeader.createDialogHeader)(BaseComponents.Header);
|
|
34
|
+
const Title = (0, _createDialogTitle.createDialogTitle)(BaseComponents.Title);
|
|
35
|
+
const Description = (0, _createDialogDescription.createDialogDescription)(BaseComponents.Description);
|
|
36
|
+
const Body = (0, _createDialogBody.createDialogBody)(BaseComponents.Body);
|
|
37
|
+
const Footer = (0, _createDialogFooter.createDialogFooter)(BaseComponents.Footer);
|
|
38
|
+
const Close = (0, _createDialogClose.createDialogClose)(BaseComponents.Close);
|
|
39
|
+
Root.displayName = 'DialogPrimitive.Root';
|
|
40
|
+
Trigger.displayName = 'DialogPrimitive.Trigger';
|
|
41
|
+
Content.displayName = 'DialogPrimitive.Content';
|
|
42
|
+
Header.displayName = 'DialogPrimitive.Header';
|
|
43
|
+
Title.displayName = 'DialogPrimitive.Title';
|
|
44
|
+
Description.displayName = 'DialogPrimitive.Description';
|
|
45
|
+
Body.displayName = 'DialogPrimitive.Body';
|
|
46
|
+
Footer.displayName = 'DialogPrimitive.Footer';
|
|
47
|
+
Close.displayName = 'DialogPrimitive.Close';
|
|
48
|
+
return Object.assign(Root, {
|
|
49
|
+
Root,
|
|
50
|
+
Trigger,
|
|
51
|
+
Content,
|
|
52
|
+
Header,
|
|
53
|
+
Title,
|
|
54
|
+
Description,
|
|
55
|
+
Body,
|
|
56
|
+
Footer,
|
|
57
|
+
Close
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_createDialogRoot","require","_createDialogTrigger","_createDialogContent","_createDialogHeader","_createDialogTitle","_createDialogDescription","_createDialogBody","_createDialogFooter","_createDialogClose","_context","createDialog","BaseComponents","Root","createDialogRoot","Trigger","createDialogTrigger","Content","createDialogContent","Overlay","Header","createDialogHeader","Title","createDialogTitle","Description","createDialogDescription","Body","createDialogBody","Footer","createDialogFooter","Close","createDialogClose","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["dialog/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAkBO,SAASU,YAAYA,CAW1BC,cAWD,EAAE;EACD,MAAMC,IAAI,GAAG,IAAAC,kCAAgB,EAACF,cAAc,CAACC,IAAI,CAAC;EAClD,MAAME,OAAO,GAAG,IAAAC,wCAAmB,EAACJ,cAAc,CAACG,OAAO,CAAC;EAC3D,MAAME,OAAO,GAAG,IAAAC,wCAAmB,EAACN,cAAc,CAACK,OAAO,EAAEL,cAAc,CAACO,OAAO,CAAC;EACnF,MAAMC,MAAM,GAAG,IAAAC,sCAAkB,EAACT,cAAc,CAACQ,MAAM,CAAC;EACxD,MAAME,KAAK,GAAG,IAAAC,oCAAiB,EAACX,cAAc,CAACU,KAAK,CAAC;EACrD,MAAME,WAAW,GAAG,IAAAC,gDAAuB,EAACb,cAAc,CAACY,WAAW,CAAC;EACvE,MAAME,IAAI,GAAG,IAAAC,kCAAgB,EAACf,cAAc,CAACc,IAAI,CAAC;EAClD,MAAME,MAAM,GAAG,IAAAC,sCAAkB,EAACjB,cAAc,CAACgB,MAAM,CAAC;EACxD,MAAME,KAAK,GAAG,IAAAC,oCAAiB,EAACnB,cAAc,CAACkB,KAAK,CAAC;EAErDjB,IAAI,CAACmB,WAAW,GAAG,sBAAsB;EACzCjB,OAAO,CAACiB,WAAW,GAAG,yBAAyB;EAC/Cf,OAAO,CAACe,WAAW,GAAG,yBAAyB;EAC/CZ,MAAM,CAACY,WAAW,GAAG,wBAAwB;EAC7CV,KAAK,CAACU,WAAW,GAAG,uBAAuB;EAC3CR,WAAW,CAACQ,WAAW,GAAG,6BAA6B;EACvDN,IAAI,CAACM,WAAW,GAAG,sBAAsB;EACzCJ,MAAM,CAACI,WAAW,GAAG,wBAAwB;EAC7CF,KAAK,CAACE,WAAW,GAAG,uBAAuB;EAE3C,OAAOC,MAAM,CAACC,MAAM,CAACrB,IAAI,EAAE;IACzBA,IAAI;IACJE,OAAO;IACPE,OAAO;IACPG,MAAM;IACNE,KAAK;IACLE,WAAW;IACXE,IAAI;IACJE,MAAM;IACNE;EACF,CAAC,CAAC;AAWJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["dialog/types.ts"],"mappings":"","ignoreList":[]}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -48,6 +48,18 @@ Object.keys(_checkbox).forEach(function (key) {
|
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
50
|
});
|
|
51
|
+
var _dialog = require("./dialog");
|
|
52
|
+
Object.keys(_dialog).forEach(function (key) {
|
|
53
|
+
if (key === "default" || key === "__esModule") return;
|
|
54
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
55
|
+
if (key in exports && exports[key] === _dialog[key]) return;
|
|
56
|
+
Object.defineProperty(exports, key, {
|
|
57
|
+
enumerable: true,
|
|
58
|
+
get: function () {
|
|
59
|
+
return _dialog[key];
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
});
|
|
51
63
|
var _input = require("./input");
|
|
52
64
|
Object.keys(_input).forEach(function (key) {
|
|
53
65
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_avatar","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_button","_checkbox","_input","_link","_overlay","_select","_switch"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,OAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,OAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,OAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,SAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,SAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,SAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,SAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,
|
|
1
|
+
{"version":3,"names":["_avatar","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_button","_checkbox","_dialog","_input","_link","_overlay","_select","_switch"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,14 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.OverlayContainer = OverlayContainer;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
9
|
+
var _createPortal = require("../utils/createPortal");
|
|
9
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
let createPortalFn;
|
|
12
|
-
if (_reactNative.Platform.OS === 'web') {
|
|
13
|
-
try {
|
|
14
|
-
createPortalFn = require('react-dom').createPortal;
|
|
15
|
-
} catch {}
|
|
16
|
-
}
|
|
17
12
|
/**
|
|
18
13
|
* Cross-platform overlay container.
|
|
19
14
|
*
|
|
@@ -36,8 +31,8 @@ function OverlayContainer({
|
|
|
36
31
|
style,
|
|
37
32
|
children
|
|
38
33
|
}) {
|
|
39
|
-
if (_reactNative.Platform.OS === 'web' && createPortalFn) {
|
|
40
|
-
return createPortalFn(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
34
|
+
if (_reactNative.Platform.OS === 'web' && _createPortal.createPortalFn) {
|
|
35
|
+
return (0, _createPortal.createPortalFn)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
41
36
|
style: [{
|
|
42
37
|
position: 'fixed',
|
|
43
38
|
zIndex: 50
|