@cdx-ui/primitives 0.0.1-beta.82 → 0.0.1-beta.83
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/full-window-overlay/index.web.js +19 -0
- package/lib/commonjs/full-window-overlay/index.web.js.map +1 -0
- package/lib/module/full-window-overlay/index.web.js +15 -0
- package/lib/module/full-window-overlay/index.web.js.map +1 -0
- package/lib/typescript/full-window-overlay/index.web.d.ts +29 -0
- package/lib/typescript/full-window-overlay/index.web.d.ts.map +1 -0
- package/package.json +2 -2
- package/src/full-window-overlay/index.web.tsx +34 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.FullWindowOverlay = FullWindowOverlay;
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
+
/**
|
|
9
|
+
* Web implementation — FullWindowOverlay is a no-op passthrough on web.
|
|
10
|
+
* The native implementation uses react-native-screens which is not available on web.
|
|
11
|
+
*/
|
|
12
|
+
function FullWindowOverlay({
|
|
13
|
+
children
|
|
14
|
+
}) {
|
|
15
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
16
|
+
children: children
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=index.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FullWindowOverlay","children","_jsxRuntime","jsx","Fragment"],"sourceRoot":"../../../src","sources":["full-window-overlay/index.web.tsx"],"mappings":";;;;;;;AAyBA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAAC;EAChCC;AACgC,CAAC,EAAE;EACnC,oBAAO,IAAAC,WAAA,CAAAC,GAAA,EAAAD,WAAA,CAAAE,QAAA;IAAAH,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
/**
|
|
5
|
+
* Web implementation — FullWindowOverlay is a no-op passthrough on web.
|
|
6
|
+
* The native implementation uses react-native-screens which is not available on web.
|
|
7
|
+
*/
|
|
8
|
+
export function FullWindowOverlay({
|
|
9
|
+
children
|
|
10
|
+
}) {
|
|
11
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
12
|
+
children: children
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=index.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FullWindowOverlay","children","_jsx","_Fragment"],"sourceRoot":"../../../src","sources":["full-window-overlay/index.web.tsx"],"mappings":";;;AAyBA;AACA;AACA;AACA;AACA,OAAO,SAASA,iBAAiBA,CAAC;EAChCC;AACgC,CAAC,EAAE;EACnC,oBAAOC,IAAA,CAAAC,SAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface FullWindowOverlayProps {
|
|
3
|
+
/**
|
|
4
|
+
* When true, uses a regular View instead of FullWindowOverlay on iOS.
|
|
5
|
+
* Enables element inspector but overlay content won't appear above native modals.
|
|
6
|
+
* @default false
|
|
7
|
+
*/
|
|
8
|
+
disableFullWindowOverlay: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Controls whether VoiceOver treats the overlay window as a modal container.
|
|
11
|
+
* When `false`, VoiceOver can still access elements behind the overlay.
|
|
12
|
+
* When `true`, VoiceOver is restricted to elements inside the overlay.
|
|
13
|
+
* @default false
|
|
14
|
+
* @platform ios
|
|
15
|
+
* @unstable This prop maps directly to the native `accessibilityViewIsModal`
|
|
16
|
+
* on the container view and may change in a future react-native-screens release.
|
|
17
|
+
*/
|
|
18
|
+
unstable_accessibilityContainerViewIsModal?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Content to render inside the overlay
|
|
21
|
+
*/
|
|
22
|
+
children: ReactNode;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Web implementation — FullWindowOverlay is a no-op passthrough on web.
|
|
26
|
+
* The native implementation uses react-native-screens which is not available on web.
|
|
27
|
+
*/
|
|
28
|
+
export declare function FullWindowOverlay({ children, }: Readonly<FullWindowOverlayProps>): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
//# sourceMappingURL=index.web.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/full-window-overlay/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,wBAAwB,EAAE,OAAO,CAAC;IAClC;;;;;;;;OAQG;IACH,0CAA0C,CAAC,EAAE,OAAO,CAAC;IACrD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,GACT,EAAE,QAAQ,CAAC,sBAAsB,CAAC,2CAElC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/primitives",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.83",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"module": "lib/module/index.js",
|
|
6
6
|
"react-native": "src/index.ts",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"@react-stately/checkbox": "3.7.4",
|
|
61
61
|
"@react-stately/radio": "3.12.0",
|
|
62
62
|
"@react-stately/toggle": "3.9.4",
|
|
63
|
-
"@cdx-ui/utils": "0.0.1-beta.
|
|
63
|
+
"@cdx-ui/utils": "0.0.1-beta.83"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
66
|
"@types/react": "*",
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface FullWindowOverlayProps {
|
|
4
|
+
/**
|
|
5
|
+
* When true, uses a regular View instead of FullWindowOverlay on iOS.
|
|
6
|
+
* Enables element inspector but overlay content won't appear above native modals.
|
|
7
|
+
* @default false
|
|
8
|
+
*/
|
|
9
|
+
disableFullWindowOverlay: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Controls whether VoiceOver treats the overlay window as a modal container.
|
|
12
|
+
* When `false`, VoiceOver can still access elements behind the overlay.
|
|
13
|
+
* When `true`, VoiceOver is restricted to elements inside the overlay.
|
|
14
|
+
* @default false
|
|
15
|
+
* @platform ios
|
|
16
|
+
* @unstable This prop maps directly to the native `accessibilityViewIsModal`
|
|
17
|
+
* on the container view and may change in a future react-native-screens release.
|
|
18
|
+
*/
|
|
19
|
+
unstable_accessibilityContainerViewIsModal?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Content to render inside the overlay
|
|
22
|
+
*/
|
|
23
|
+
children: ReactNode;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Web implementation — FullWindowOverlay is a no-op passthrough on web.
|
|
28
|
+
* The native implementation uses react-native-screens which is not available on web.
|
|
29
|
+
*/
|
|
30
|
+
export function FullWindowOverlay({
|
|
31
|
+
children,
|
|
32
|
+
}: Readonly<FullWindowOverlayProps>) {
|
|
33
|
+
return <>{children}</>;
|
|
34
|
+
}
|