@gridui/overlay 0.0.0-stage → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -2
- package/dist/index.d.ts +10 -0
- package/dist/index.js +39 -0
- package/dist/index.js.map +7 -0
- package/dist/retained-layer/retained-layer.d.ts +12 -0
- package/dist/shared/use-overlay-state.d.ts +16 -0
- package/dist/styles.css +10 -0
- package/package.json +46 -3
package/README.md
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
#
|
|
1
|
+
# @gridui/overlay
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Core family. Public API: `OverlayOpen`, `RetainedLayer`, `RetainedLayerProps`, `useOverlayState`.
|
|
4
|
+
|
|
5
|
+
Import components from `@gridui/overlay` and load `@gridui/overlay/styles.css` after Theme.
|
|
6
|
+
Load styles for any composed dependency used by this family. Applications own routes, labels, state persistence, and branding.
|
|
7
|
+
|
|
8
|
+
See [component ownership](../../docs/component-ownership.md) and [release history](.changeset/history/).
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author WMXPY
|
|
3
|
+
* @package Overlay
|
|
4
|
+
* @namespace Root
|
|
5
|
+
* @description Index
|
|
6
|
+
*/
|
|
7
|
+
export type { RetainedLayerProps } from "./retained-layer/retained-layer";
|
|
8
|
+
export { OverlayOpen } from "./retained-layer/retained-layer";
|
|
9
|
+
export { RetainedLayer } from "./retained-layer/retained-layer";
|
|
10
|
+
export { useOverlayState } from "./shared/use-overlay-state";
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
// src/retained-layer/retained-layer.tsx
|
|
2
|
+
import { Activity, createContext, useContext } from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
var OverlayOpen = createContext(false);
|
|
5
|
+
var RetainedLayer = (props) => {
|
|
6
|
+
const { children } = props;
|
|
7
|
+
const open = useContext(OverlayOpen);
|
|
8
|
+
return /* @__PURE__ */ jsx(
|
|
9
|
+
Activity,
|
|
10
|
+
{
|
|
11
|
+
mode: !open ? "hidden" : "visible",
|
|
12
|
+
children
|
|
13
|
+
}
|
|
14
|
+
);
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
// src/shared/use-overlay-state.ts
|
|
18
|
+
import { useState } from "react";
|
|
19
|
+
var useOverlayState = (options) => {
|
|
20
|
+
const [
|
|
21
|
+
localOpen,
|
|
22
|
+
setLocalOpen
|
|
23
|
+
] = useState(options.defaultOpen ?? false);
|
|
24
|
+
return {
|
|
25
|
+
open: options.open ?? localOpen,
|
|
26
|
+
onOpenChange: (open) => {
|
|
27
|
+
if (options.open === void 0) {
|
|
28
|
+
setLocalOpen(open);
|
|
29
|
+
}
|
|
30
|
+
options.onOpenChange?.(open);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export {
|
|
35
|
+
OverlayOpen,
|
|
36
|
+
RetainedLayer,
|
|
37
|
+
useOverlayState
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/retained-layer/retained-layer.tsx", "../src/shared/use-overlay-state.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * @author WMXPY\n * @package Overlay\n * @namespace RetainedLayer\n * @description Retained Layer\n */\n\nimport { Activity, createContext, type FC, type ReactNode, useContext } from \"react\";\n\nexport const OverlayOpen = createContext(false);\n\nexport type RetainedLayerProps = {\n readonly children: ReactNode;\n};\n\nexport const RetainedLayer: FC<RetainedLayerProps> = (props: RetainedLayerProps) => {\n const { children } = props;\n const open = useContext(OverlayOpen);\n return (<Activity\n mode={!open ? \"hidden\" : \"visible\"}\n >\n {children}\n </Activity>);\n};\n", "/**\n * @author WMXPY\n * @package Overlay\n * @namespace Shared\n * @description Use Overlay State\n */\n\nimport { useState } from \"react\";\n\ntype OverlayStateOptions = {\n readonly open?: boolean | undefined;\n readonly defaultOpen?: boolean | undefined;\n readonly onOpenChange?: ((open: boolean) => void) | undefined;\n};\n\nexport const useOverlayState = (options: OverlayStateOptions) => {\n const [\n localOpen,\n setLocalOpen,\n ] = useState(options.defaultOpen ?? false);\n return {\n open: options.open ?? localOpen,\n onOpenChange: (open: boolean): void => {\n if (options.open === undefined) {\n setLocalOpen(open);\n }\n options.onOpenChange?.(open);\n },\n };\n};\n"],
|
|
5
|
+
"mappings": ";AAOA,SAAS,UAAU,eAAwC,kBAAkB;AAWjE;AATL,IAAM,cAAc,cAAc,KAAK;AAMvC,IAAM,gBAAwC,CAAC,UAA8B;AAChF,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,OAAO,WAAW,WAAW;AACnC,SAAQ;AAAA,IAAC;AAAA;AAAA,MACL,MAAM,CAAC,OAAO,WAAW;AAAA,MAExB;AAAA;AAAA,EACL;AACJ;;;AChBA,SAAS,gBAAgB;AAQlB,IAAM,kBAAkB,CAAC,YAAiC;AAC7D,QAAM;AAAA,IACF;AAAA,IACA;AAAA,EACJ,IAAI,SAAS,QAAQ,eAAe,KAAK;AACzC,SAAO;AAAA,IACH,MAAM,QAAQ,QAAQ;AAAA,IACtB,cAAc,CAAC,SAAwB;AACnC,UAAI,QAAQ,SAAS,QAAW;AAC5B,qBAAa,IAAI;AAAA,MACrB;AACA,cAAQ,eAAe,IAAI;AAAA,IAC/B;AAAA,EACJ;AACJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author WMXPY
|
|
3
|
+
* @package Overlay
|
|
4
|
+
* @namespace RetainedLayer
|
|
5
|
+
* @description Retained Layer
|
|
6
|
+
*/
|
|
7
|
+
import { type FC, type ReactNode } from "react";
|
|
8
|
+
export declare const OverlayOpen: import("react").Context<boolean>;
|
|
9
|
+
export type RetainedLayerProps = {
|
|
10
|
+
readonly children: ReactNode;
|
|
11
|
+
};
|
|
12
|
+
export declare const RetainedLayer: FC<RetainedLayerProps>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author WMXPY
|
|
3
|
+
* @package Overlay
|
|
4
|
+
* @namespace Shared
|
|
5
|
+
* @description Use Overlay State
|
|
6
|
+
*/
|
|
7
|
+
type OverlayStateOptions = {
|
|
8
|
+
readonly open?: boolean | undefined;
|
|
9
|
+
readonly defaultOpen?: boolean | undefined;
|
|
10
|
+
readonly onOpenChange?: ((open: boolean) => void) | undefined;
|
|
11
|
+
};
|
|
12
|
+
export declare const useOverlayState: (options: OverlayStateOptions) => {
|
|
13
|
+
open: boolean;
|
|
14
|
+
onOpenChange: (open: boolean) => void;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
package/dist/styles.css
ADDED
package/package.json
CHANGED
|
@@ -1,6 +1,49 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gridui/overlay",
|
|
3
|
-
"version": "
|
|
4
|
-
"
|
|
5
|
-
"
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "GridUI React overlay",
|
|
5
|
+
"license": "UNLICENSED",
|
|
6
|
+
"type": "module",
|
|
7
|
+
"files": [
|
|
8
|
+
"dist",
|
|
9
|
+
"README.md"
|
|
10
|
+
],
|
|
11
|
+
"sideEffects": [
|
|
12
|
+
"**/*.css"
|
|
13
|
+
],
|
|
14
|
+
"exports": {
|
|
15
|
+
".": {
|
|
16
|
+
"types": "./dist/index.d.ts",
|
|
17
|
+
"import": "./dist/index.js"
|
|
18
|
+
},
|
|
19
|
+
"./styles.css": "./dist/styles.css"
|
|
20
|
+
},
|
|
21
|
+
"publishConfig": {
|
|
22
|
+
"access": "public"
|
|
23
|
+
},
|
|
24
|
+
"peerDependencies": {
|
|
25
|
+
"react": "^19.2.0",
|
|
26
|
+
"react-dom": "^19.2.0"
|
|
27
|
+
},
|
|
28
|
+
"dependencies": {
|
|
29
|
+
"@gridui/theme": "^2.1.2"
|
|
30
|
+
},
|
|
31
|
+
"devDependencies": {
|
|
32
|
+
"@gridui-internal/configuration": "0.0.0",
|
|
33
|
+
"@jest/globals": "30.5.2",
|
|
34
|
+
"@types/jest": "30.0.0",
|
|
35
|
+
"@types/node": "26.6.5",
|
|
36
|
+
"@types/react": "19.3.0",
|
|
37
|
+
"@types/react-dom": "19.3.0",
|
|
38
|
+
"jest": "30.5.2",
|
|
39
|
+
"react": "19.3.1",
|
|
40
|
+
"react-dom": "19.3.1",
|
|
41
|
+
"typescript": "6.0.3"
|
|
42
|
+
},
|
|
43
|
+
"scripts": {
|
|
44
|
+
"build": "node ../../scripts/compilation/package.ts",
|
|
45
|
+
"compile": "tsc --project tsconfig.json",
|
|
46
|
+
"test": "jest --passWithNoTests",
|
|
47
|
+
"coverage": "jest --coverage --passWithNoTests"
|
|
48
|
+
}
|
|
6
49
|
}
|