react-bounded-overlay-manager 1.0.1 → 1.0.3
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 +2 -2
- package/dist/{index-6HDrCuH_.mjs → index-7ofMxoL9.js} +1 -1
- package/dist/src/components/test/BoundedOverlayManager.test.js +2 -2
- package/dist/src/components/test/BoundedOverlayManagerContent.test.js +2 -2
- package/dist/src/components/test/Overlay.test.js +2 -2
- package/dist/src/components/test/OverlaysContainer.test.js +2 -2
- package/dist/src/context/OverlayManagerContext.js +1 -1
- package/dist/src/context/test/OverlayManagerContext.test.js +2 -2
- package/dist/src/hooks/test/useApiUpdateHandler.test.js +1 -1
- package/dist/src/hooks/test/useForwardBoundingComponentEvents.test.js +1 -1
- package/dist/src/hooks/test/useForwardOverlayEvents.test.js +1 -1
- package/dist/src/hooks/test/useFullscreenChange.test.js +1 -1
- package/dist/src/hooks/test/useOverlayManagerEvents.test.js +2 -2
- package/dist/src/hooks/test/useResizeObserver.test.js +1 -1
- package/dist/src/hooks/test/useScrollOnDocument.test.js +1 -1
- package/dist/src/hooks/test/useTimedEventManager.test.js +1 -1
- package/dist/src/hooks/test/useWindowResize.test.js +1 -1
- package/dist/src/hooks/test/util.js +1 -1
- package/dist/src/hooks/useResizeObserver.js +1 -1
- package/dist/src/hooks/useScrollOnDocument.js +1 -1
- package/dist/src/hooks/useWindowResize.js +1 -1
- package/package.json +1 -1
- /package/dist/{events-B7I8KoZ9.mjs → events-B7I8KoZ9.js} +0 -0
- /package/dist/{index.module-WXM1Xk0w.mjs → index.module-WXM1Xk0w.js} +0 -0
- /package/dist/{react.esm-GKFzux-6.mjs → react.esm-GKFzux-6.js} +0 -0
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
## Overview
|
|
4
4
|
|
|
5
|
-
`React Bounded Overlay Manager` is a React library, with TypeScript support, designed to create and manage overlay components within a specified bounding container. It offers flexible positioning, dynamic show/hide behavior, customizable event handling, and an API for extended control.
|
|
5
|
+
`React Bounded Overlay Manager` is a React library, with TypeScript support, designed to create and manage overlay components within a specified bounding container. It offers flexible positioning, dynamic event-based show/hide behavior, customizable event handling, and an API for extended control.
|
|
6
6
|
|
|
7
7
|
## Key Features
|
|
8
8
|
|
|
@@ -38,7 +38,7 @@ const BasicExample = () => {
|
|
|
38
38
|
<Overlay position={PredefinedPosition.BOTTOM_CENTER}>
|
|
39
39
|
<button>Overlay Button</button>
|
|
40
40
|
</Overlay>
|
|
41
|
-
|
|
41
|
+
{/* more overlays here */}
|
|
42
42
|
</BoundedOverlayManager>
|
|
43
43
|
</>
|
|
44
44
|
);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { g as W, b as U, d as Dl, e as Ul } from "./react.esm-GKFzux-6.
|
|
1
|
+
import { g as W, b as U, d as Dl, e as Ul } from "./react.esm-GKFzux-6.js";
|
|
2
2
|
var Vl = (e) => {
|
|
3
3
|
const r = e.match(/^[ \t]*(?=\S)/gm);
|
|
4
4
|
return r ? r.reduce((t, o) => Math.min(t, o.length), 1 / 0) : 0;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { s as i, a as m } from "../../../react.esm-GKFzux-6.
|
|
2
|
+
import { s as i, a as m } from "../../../react.esm-GKFzux-6.js";
|
|
3
3
|
import u from "../BoundedOverlayManager.js";
|
|
4
|
-
import "../../../index-
|
|
4
|
+
import "../../../index-7ofMxoL9.js";
|
|
5
5
|
jest.mock("../../context/OverlayManagerContext", () => ({
|
|
6
6
|
OverlayManagerContextProvider: ({ children: t, boundingComponentRef: e }) => (e == null || e(), t)
|
|
7
7
|
}));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import c from "react";
|
|
3
|
-
import { a as s } from "../../../react.esm-GKFzux-6.
|
|
4
|
-
import "../../../index-
|
|
3
|
+
import { a as s } from "../../../react.esm-GKFzux-6.js";
|
|
4
|
+
import "../../../index-7ofMxoL9.js";
|
|
5
5
|
import n from "../BoundedOverlayManagerContent.js";
|
|
6
6
|
import { useOverlayManagerContext as v } from "../../context/OverlayManagerContext.js";
|
|
7
7
|
import d from "../../hooks/useTimedEventManager.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { a as r } from "../../../react.esm-GKFzux-6.
|
|
3
|
-
import "../../../index-
|
|
2
|
+
import { a as r } from "../../../react.esm-GKFzux-6.js";
|
|
3
|
+
import "../../../index-7ofMxoL9.js";
|
|
4
4
|
import n, { overlayClassName as c } from "../Overlay.js";
|
|
5
5
|
import t from "../../enum/PredefinedPosition.js";
|
|
6
6
|
import { useOverlayManagerContext as f } from "../../context/OverlayManagerContext.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import r, { overlaysContainerClassName as d, overlaysContainerContentClassName as h } from "../OverlaysContainer.js";
|
|
3
|
-
import "../../../index-
|
|
4
|
-
import { a as i } from "../../../react.esm-GKFzux-6.
|
|
3
|
+
import "../../../index-7ofMxoL9.js";
|
|
4
|
+
import { a as i } from "../../../react.esm-GKFzux-6.js";
|
|
5
5
|
const u = (s) => s.querySelector("[role='overlays-container']"), l = (s) => s.querySelector("[role='overlays-container-content']");
|
|
6
6
|
describe("OverlaysContainer", () => {
|
|
7
7
|
const s = "Mock Child", c = "mock-child-id", o = /* @__PURE__ */ t("div", { "data-testid": c, children: s });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { createContext as s, useContext as v, useState as i, useEffect as u } from "react";
|
|
3
|
-
import { e as x } from "../../events-B7I8KoZ9.
|
|
3
|
+
import { e as x } from "../../events-B7I8KoZ9.js";
|
|
4
4
|
const r = s(void 0), E = () => {
|
|
5
5
|
const e = v(r);
|
|
6
6
|
if (e === void 0)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as t, jsxs as d } from "react/jsx-runtime";
|
|
2
|
-
import { c as m, a as o, s as r } from "../../../react.esm-GKFzux-6.
|
|
2
|
+
import { c as m, a as o, s as r } from "../../../react.esm-GKFzux-6.js";
|
|
3
3
|
import { OverlayManagerContextProvider as s, useOverlayManagerContext as c } from "../OverlayManagerContext.js";
|
|
4
|
-
import { e as a } from "../../../events-B7I8KoZ9.
|
|
4
|
+
import { e as a } from "../../../events-B7I8KoZ9.js";
|
|
5
5
|
const i = () => {
|
|
6
6
|
const { overlayManagerEventEmitter: e, boundingComponentRef: n } = c();
|
|
7
7
|
return /* @__PURE__ */ d("div", { children: [
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o } from "../../../react.esm-GKFzux-6.
|
|
1
|
+
import { r as o } from "../../../react.esm-GKFzux-6.js";
|
|
2
2
|
import { useOverlayManagerContext as m } from "../../context/OverlayManagerContext.js";
|
|
3
3
|
import a from "../useForwardBoundingComponentEvents.js";
|
|
4
4
|
import { makeEventOnlyMockComponentRef as s } from "./util.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, w as m } from "../../../react.esm-GKFzux-6.
|
|
1
|
+
import { r as o, w as m } from "../../../react.esm-GKFzux-6.js";
|
|
2
2
|
import { useOverlayManagerContext as i } from "../../context/OverlayManagerContext.js";
|
|
3
3
|
import r from "../useForwardOverlayEvents.js";
|
|
4
4
|
import { makeEventOnlyMockComponentRef as s } from "./util.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as c, w as u } from "../../../react.esm-GKFzux-6.
|
|
1
|
+
import { r as c, w as u } from "../../../react.esm-GKFzux-6.js";
|
|
2
2
|
import r from "../useFullscreenChange.js";
|
|
3
3
|
describe("useFullscreenChange", () => {
|
|
4
4
|
const n = jest.fn(), l = ["fullscreenchange", "webkitfullscreenchange", "mozfullscreenchange", "MSFullscreenChange"], a = (e, t) => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { r as o } from "../../../react.esm-GKFzux-6.
|
|
1
|
+
import { r as o } from "../../../react.esm-GKFzux-6.js";
|
|
2
2
|
import a from "../useOverlayManagerEvents.js";
|
|
3
3
|
import p from "../../timer/TimedEventManager.js";
|
|
4
4
|
import { useOverlayManagerContext as O } from "../../context/OverlayManagerContext.js";
|
|
5
|
-
import { e as y } from "../../../events-B7I8KoZ9.
|
|
5
|
+
import { e as y } from "../../../events-B7I8KoZ9.js";
|
|
6
6
|
jest.mock("../../context/OverlayManagerContext");
|
|
7
7
|
describe("useOverlayManagerEvents", () => {
|
|
8
8
|
let e, u, r, m;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useEffect as t } from "react";
|
|
2
|
-
import { c as r } from "../../index.module-WXM1Xk0w.
|
|
2
|
+
import { c as r } from "../../index.module-WXM1Xk0w.js";
|
|
3
3
|
const l = ({ handleScroll: o }) => {
|
|
4
4
|
const e = r(o, 1);
|
|
5
5
|
t(() => (document.addEventListener("scroll", e), () => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useEffect as o } from "react";
|
|
2
|
-
import { c as r } from "../../index.module-WXM1Xk0w.
|
|
2
|
+
import { c as r } from "../../index.module-WXM1Xk0w.js";
|
|
3
3
|
const s = ({ handleResize: n }) => {
|
|
4
4
|
const e = r(n, 1);
|
|
5
5
|
o(() => (window.addEventListener("resize", e), () => {
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|