reso-ui 3.9.1 → 3.11.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/dist/cjs/components/Banners/Autoscroll-Banner/AutoscrollBanner.js +60 -0
- package/dist/cjs/components/Banners/Autoscroll-Banner/AutoscrollBanner.js.map +1 -0
- package/dist/cjs/components/Drawer/DrawerContent.js +1 -0
- package/dist/cjs/components/Drawer/DrawerContent.js.map +1 -1
- package/dist/cjs/components/Enlarged-Image-Modal/Enlarged-Image-Modal.js +1 -0
- package/dist/cjs/components/Enlarged-Image-Modal/Enlarged-Image-Modal.js.map +1 -1
- package/dist/cjs/components/Nav/Navbar/Navbar.js +1 -0
- package/dist/cjs/components/Nav/Navbar/Navbar.js.map +1 -1
- package/dist/cjs/context/OverlayRegistryContext.js +16 -0
- package/dist/cjs/context/OverlayRegistryContext.js.map +1 -0
- package/dist/cjs/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js +1 -0
- package/dist/cjs/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js.map +1 -1
- package/dist/cjs/hooks/useOverlayRegistration.js +20 -0
- package/dist/cjs/hooks/useOverlayRegistration.js.map +1 -0
- package/dist/cjs/index.js +10 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/providers/OverlayRegistryProvider.js +96 -0
- package/dist/cjs/providers/OverlayRegistryProvider.js.map +1 -0
- package/dist/cjs/providers/ResoUiProvider.js +4 -2
- package/dist/cjs/providers/ResoUiProvider.js.map +1 -1
- package/dist/esm/components/Banners/Autoscroll-Banner/AutoscrollBanner.d.ts +14 -0
- package/dist/esm/components/Banners/Autoscroll-Banner/AutoscrollBanner.js +56 -0
- package/dist/esm/components/Banners/Autoscroll-Banner/AutoscrollBanner.js.map +1 -0
- package/dist/esm/components/Banners/Autoscroll-Banner/index.d.ts +2 -0
- package/dist/esm/components/Banners/index.d.ts +1 -0
- package/dist/esm/components/Drawer/DrawerContent.js +1 -0
- package/dist/esm/components/Drawer/DrawerContent.js.map +1 -1
- package/dist/esm/components/Enlarged-Image-Modal/Enlarged-Image-Modal.js +1 -0
- package/dist/esm/components/Enlarged-Image-Modal/Enlarged-Image-Modal.js.map +1 -1
- package/dist/esm/components/Nav/Navbar/Navbar.js +1 -0
- package/dist/esm/components/Nav/Navbar/Navbar.js.map +1 -1
- package/dist/esm/context/OverlayRegistryContext.d.ts +18 -0
- package/dist/esm/context/OverlayRegistryContext.js +14 -0
- package/dist/esm/context/OverlayRegistryContext.js.map +1 -0
- package/dist/esm/context/index.d.ts +1 -0
- package/dist/esm/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js +1 -0
- package/dist/esm/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/useOverlayRegistration.d.ts +9 -0
- package/dist/esm/hooks/useOverlayRegistration.js +18 -0
- package/dist/esm/hooks/useOverlayRegistration.js.map +1 -0
- package/dist/esm/index.js +4 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/providers/OverlayRegistryProvider.d.ts +9 -0
- package/dist/esm/providers/OverlayRegistryProvider.js +94 -0
- package/dist/esm/providers/OverlayRegistryProvider.js.map +1 -0
- package/dist/esm/providers/ResoUiProvider.d.ts +9 -1
- package/dist/esm/providers/ResoUiProvider.js +4 -2
- package/dist/esm/providers/ResoUiProvider.js.map +1 -1
- package/dist/esm/providers/index.d.ts +1 -0
- package/dist/src/library/components/Banners/Autoscroll-Banner/AutoscrollBanner.d.ts +14 -0
- package/dist/src/library/components/Banners/Autoscroll-Banner/__test__/AutoscrollBanner.test.d.ts +1 -0
- package/dist/src/library/components/Banners/Autoscroll-Banner/index.d.ts +2 -0
- package/dist/src/library/components/Banners/Autoscroll-Banner/stories/AutoscrollBanner.stories.d.ts +21 -0
- package/dist/src/library/components/Banners/index.d.ts +1 -0
- package/dist/src/library/components/Dialog/stories/Dialog.stories.d.ts +7 -7
- package/dist/src/library/context/OverlayRegistryContext.d.ts +18 -0
- package/dist/src/library/context/index.d.ts +1 -0
- package/dist/src/library/hooks/__test__/useOverlayRegistration.test.d.ts +1 -0
- package/dist/src/library/hooks/index.d.ts +1 -0
- package/dist/src/library/hooks/useOverlayRegistration.d.ts +9 -0
- package/dist/src/library/providers/OverlayRegistryProvider.d.ts +9 -0
- package/dist/src/library/providers/ResoUiProvider.d.ts +9 -1
- package/dist/src/library/providers/__test__/OverlayRegistryProvider.test.d.ts +1 -0
- package/dist/src/library/providers/index.d.ts +1 -0
- package/dist/src/library/providers/stories/OverlayRegistry.stories.d.ts +44 -0
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var classnames = require('classnames');
|
|
5
|
+
var styles = require('../../../utils/styles.js');
|
|
6
|
+
|
|
7
|
+
const SLIDE_DURATION = 400;
|
|
8
|
+
const DEFAULT_DISPLAY_DURATION = 3000;
|
|
9
|
+
const AutoscrollBanner = ({ messages, displayDurationMs = DEFAULT_DISPLAY_DURATION, type = "info", maxHeight = 120, rootClassName, rootStyles = {}, ...spacingsProps }) => {
|
|
10
|
+
const [activeIndex, setActiveIndex] = React.useState(0);
|
|
11
|
+
const [phase, setPhase] = React.useState("idle");
|
|
12
|
+
React.useEffect(() => {
|
|
13
|
+
setActiveIndex(0);
|
|
14
|
+
setPhase("idle");
|
|
15
|
+
}, [messages.length]);
|
|
16
|
+
React.useEffect(() => {
|
|
17
|
+
if (messages.length <= 1)
|
|
18
|
+
return;
|
|
19
|
+
let timer;
|
|
20
|
+
switch (phase) {
|
|
21
|
+
case "idle":
|
|
22
|
+
timer = setTimeout(() => setPhase("exit"), displayDurationMs);
|
|
23
|
+
break;
|
|
24
|
+
case "exit":
|
|
25
|
+
timer = setTimeout(() => {
|
|
26
|
+
setActiveIndex((prev) => (prev + 1) % messages.length);
|
|
27
|
+
setPhase("prep");
|
|
28
|
+
}, SLIDE_DURATION);
|
|
29
|
+
break;
|
|
30
|
+
case "prep":
|
|
31
|
+
timer = setTimeout(() => setPhase("enter"), 20);
|
|
32
|
+
break;
|
|
33
|
+
case "enter":
|
|
34
|
+
timer = setTimeout(() => setPhase("idle"), SLIDE_DURATION);
|
|
35
|
+
break;
|
|
36
|
+
}
|
|
37
|
+
return () => clearTimeout(timer);
|
|
38
|
+
}, [phase, messages.length, displayDurationMs]);
|
|
39
|
+
const safeIndex = activeIndex % messages.length;
|
|
40
|
+
const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
|
|
41
|
+
resoui_autoscroll_banner_container: true,
|
|
42
|
+
[`resoui_autoscroll_banner_container_${type}`]: true,
|
|
43
|
+
}, spacingsProps), rootClassName, {
|
|
44
|
+
resoui_position_relative: true,
|
|
45
|
+
}));
|
|
46
|
+
const messageClassName = classnames({
|
|
47
|
+
resoui_autoscroll_banner_message: true,
|
|
48
|
+
resoui_autoscroll_banner_message_exit: phase === "exit",
|
|
49
|
+
resoui_autoscroll_banner_message_prep: phase === "prep",
|
|
50
|
+
});
|
|
51
|
+
if (messages.length === 0)
|
|
52
|
+
return null;
|
|
53
|
+
return (React.createElement("div", { className: containerStyles, style: { maxHeight, ...rootStyles }, "data-testid": "autoscroll-banner-root" },
|
|
54
|
+
React.createElement("span", { className: messageClassName, "data-testid": "autoscroll-banner-message" }, messages[safeIndex])));
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
exports.AutoscrollBanner = AutoscrollBanner;
|
|
58
|
+
exports.DEFAULT_DISPLAY_DURATION = DEFAULT_DISPLAY_DURATION;
|
|
59
|
+
exports.SLIDE_DURATION = SLIDE_DURATION;
|
|
60
|
+
//# sourceMappingURL=AutoscrollBanner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoscrollBanner.js","sources":["../../../../../src/library/components/Banners/Autoscroll-Banner/AutoscrollBanner.tsx"],"sourcesContent":[null],"names":["useState","useEffect","createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;;AAeO,MAAM,cAAc,GAAG;AACvB,MAAM,wBAAwB,GAAG;AAWjC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,iBAAiB,GAAG,wBAAwB,EAC5C,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,GAAG,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACO,KAAI;IAC3B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAY,MAAM,CAAC;IAErDC,eAAS,CAAC,MAAK;QACb,cAAc,CAAC,CAAC,CAAC;QACjB,QAAQ,CAAC,MAAM,CAAC;AAClB,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAErBA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC;YAAE;AAE1B,QAAA,IAAI,KAAoC;QAExC,QAAQ,KAAK;AACX,YAAA,KAAK,MAAM;AACT,gBAAA,KAAK,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC;gBAC7D;AACF,YAAA,KAAK,MAAM;AACT,gBAAA,KAAK,GAAG,UAAU,CAAC,MAAK;AACtB,oBAAA,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,GAAG,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC;oBACtD,QAAQ,CAAC,MAAM,CAAC;gBAClB,CAAC,EAAE,cAAc,CAAC;gBAClB;AACF,YAAA,KAAK,MAAM;AACT,gBAAA,KAAK,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;gBAC/C;AACF,YAAA,KAAK,OAAO;AACV,gBAAA,KAAK,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC;gBAC1D;;AAGJ,QAAA,OAAO,MAAM,YAAY,CAAC,KAAK,CAAC;IAClC,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;AAE/C,IAAA,MAAM,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC,MAAM;AAE/C,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,kCAAkC,EAAE,IAAI;AACxC,QAAA,CAAC,CAAA,mCAAA,EAAsC,IAAI,CAAA,CAAE,GAAG,IAAI;AACrD,KAAA,EACD,aAAa,CACd,EACD,aAAa,EACb;AACE,QAAA,wBAAwB,EAAE,IAAI;AAC/B,KAAA,CACF,CACF;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAClC,QAAA,gCAAgC,EAAE,IAAI;QACtC,qCAAqC,EAAE,KAAK,KAAK,MAAM;QACvD,qCAAqC,EAAE,KAAK,KAAK,MAAM;AACxD,KAAA,CAAC;AAEF,IAAA,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,IAAI;AAEtC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,iBACvB,wBAAwB,EAAA;AAEpC,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,gBAAgB,EAAA,aAAA,EACf,2BAA2B,EAAA,EAEtC,QAAQ,CAAC,SAAS,CAAC,CACf,CACH;AAEV;;;;;;"}
|
|
@@ -6,6 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var styles = require('../../utils/styles.js');
|
|
7
7
|
var useClickOutside = require('../../hooks/useClickOutside.js');
|
|
8
8
|
require('../../context/ThemeContext.js');
|
|
9
|
+
require('../../context/OverlayRegistryContext.js');
|
|
9
10
|
var Flex = require('../Containers/Flex/Flex.js');
|
|
10
11
|
var CloseButton = require('../Buttons/Close-Button/Close-Button.js');
|
|
11
12
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerContent.js","sources":["../../../../src/library/components/Drawer/DrawerContent.tsx"],"sourcesContent":[null],"names":["useRef","useClickOutside","createComponentStyles","createLayoutStyles","withSpacingsProps","Flex","CloseButton"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DrawerContent.js","sources":["../../../../src/library/components/Drawer/DrawerContent.tsx"],"sourcesContent":[null],"names":["useRef","useClickOutside","createComponentStyles","createLayoutStyles","withSpacingsProps","Flex","CloseButton"],"mappings":";;;;;;;;;;;;AA+BA,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,cAAc,EACd,OAAO,EACP,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,oBAAoB,EACpB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,gBAAgB,EAChB,aAAa,GAAG,EAAE,EAClB,oBAAoB,EACpB,iBAAiB,GAAG,EAAE,EACtB,GAAG,YAAY,EACK,KAAI;AACxB,IAAA,MAAM,gBAAgB,GAAGA,YAAM,EAAkB;AAEjD,IAAAC,+BAAe,CAAC,gBAAgB,EAAE,MAAK;QACrC,IAAI,oBAAoB,EAAE;AACxB,YAAA,OAAO,EAAE;QACX;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,uBAAuB,EAAE,IAAI;AAC7B,QAAA,4CAA4C,EAAE,IAAI;QAClD,4BAA4B,EAAE,IAAI,KAAK,MAAM;QAC7C,6BAA6B,EAAE,IAAI,KAAK,OAAO;QAC/C,4BAA4B,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;AAC/D,KAAA,EACD,YAAY,CACb,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,YAAY,GAAGF,4BAAqB,CACxCC,yBAAkB,CAChB;AACE,QAAA,mBAAmB,EAAE,IAAI;KAC1B,EACD,cAAc,CACf,CACF;AAED,IAAA,MAAM,cAAc,GAAGD,4BAAqB,CAC1CC,yBAAkB,CAChB;AACE,QAAA,qBAAqB,EAAE,IAAI;KAC5B,EACD,gBAAgB,CACjB,CACF;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,CAAC;IAEhC,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,gBAAgB,EACrB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,MAAM,EAAE,cAAc,GAAG,CAAC;YAC1B,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,GAAG,KAAK;AAC5E,YAAA,GAAG,UAAU;AACd,SAAA,EAAA,aAAA,EACW,uBAAuB,EAAA;QAEnC,KAAA,CAAA,aAAA,CAACE,SAAI,IAAC,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAA;YACvD,KAAK,IAAI,KAAK,KAAK,EAAE,GAAG,KAAK,GAAG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,CAAO;AACxC,YAAA,KAAA,CAAA,aAAA,CAACC,uBAAW,EAAA,EACV,OAAO,EAAE,MAAK;AACZ,oBAAA,OAAO,EAAE;gBACX,CAAC,EACD,aAAa,EAAE,oBAAoB,EACnC,UAAU,EAAE,iBAAiB,EAAA,CAC7B,CACG;AACP,QAAA,KAAA,CAAA,aAAA,CAACD,SAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,cAAc,EAC7B,UAAU,EAAE,aAAa,EAEvB,UAAU,EAAE,0BAA0B,EAAA,EAGvC,QAAQ,CACJ,CACH;AAEV;;;;"}
|
|
@@ -6,6 +6,7 @@ var styles = require('../../utils/styles.js');
|
|
|
6
6
|
var useDisableBodyScroll = require('../../hooks/useDisableBodyScroll.js');
|
|
7
7
|
var ResponsiveContext = require('../../context/ResponsiveContext.js');
|
|
8
8
|
require('../../context/ThemeContext.js');
|
|
9
|
+
require('../../context/OverlayRegistryContext.js');
|
|
9
10
|
var Image = require('../Images/Image/Image.js');
|
|
10
11
|
var CloseButton = require('../Buttons/Close-Button/Close-Button.js');
|
|
11
12
|
var Icon = require('../Icon/Icon.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Enlarged-Image-Modal.js","sources":["../../../../src/library/components/Enlarged-Image-Modal/Enlarged-Image-Modal.tsx"],"sourcesContent":[null],"names":["useDisableBodyScroll","useContext","ResponsiveContext","useState","useEffect","useCallback","createComponentStyles","createLayoutStyles","withSpacingsProps","createPortal","CloseButton","Image","Icon","ChevronSingleLeft","ChevronSingleRight"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Enlarged-Image-Modal.js","sources":["../../../../src/library/components/Enlarged-Image-Modal/Enlarged-Image-Modal.tsx"],"sourcesContent":[null],"names":["useDisableBodyScroll","useContext","ResponsiveContext","useState","useEffect","useCallback","createComponentStyles","createLayoutStyles","withSpacingsProps","createPortal","CloseButton","Image","Icon","ChevronSingleLeft","ChevronSingleRight"],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ var validations = require('../../../utils/validations.js');
|
|
|
7
7
|
var styles = require('../../../utils/styles.js');
|
|
8
8
|
var ResponsiveContext = require('../../../context/ResponsiveContext.js');
|
|
9
9
|
require('../../../context/ThemeContext.js');
|
|
10
|
+
require('../../../context/OverlayRegistryContext.js');
|
|
10
11
|
var Flex = require('../../Containers/Flex/Flex.js');
|
|
11
12
|
|
|
12
13
|
const Navbar = ({ LogoWrapperElement = "a", logoHref = "#", textLogo = "Logo", renderCustomLogo, onClickLogo, showHamburgerButtonOnMobileView = false, onClickHamburgerButton, maxWidth, children, position = "fixed", navClassName, navStyles = {}, rootClassName, rootStyles = {}, ph = 5, ...spacingsProps }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.js","sources":["../../../../../src/library/components/Nav/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["useContext","ResponsiveContext","createComponentStyles","createLayoutStyles","withSpacingsProps","clasnames","methodHasValue","Flex","Text"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Navbar.js","sources":["../../../../../src/library/components/Nav/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["useContext","ResponsiveContext","createComponentStyles","createLayoutStyles","withSpacingsProps","clasnames","methodHasValue","Flex","Text"],"mappings":";;;;;;;;;;;;AAuCO,MAAM,MAAM,GAAG,CAAC,EACrB,kBAAkB,GAAG,GAAG,EACxB,QAAQ,GAAG,GAAG,EACd,QAAQ,GAAG,MAAM,EACjB,gBAAgB,EAChB,WAAW,EACX,+BAA+B,GAAG,KAAK,EACvC,sBAAsB,EACtB,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,OAAO,EAClB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,aAAa,EACb,UAAU,GAAG,EAAE,EACf,EAAE,GAAG,CAAC,EACN,GAAG,aAAa,EACH,KAAI;IACjB,MAAM,EAAE,QAAQ,EAAE,GAAGA,gBAAU,CAACC,mCAAiB,CAAC;AAElD,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,8BAA8B,EAAE,IAAI;AACpC,QAAA,CAAC,CAAA,8BAAA,EAAiC,QAAQ,CAAA,CAAE,GAAG,IAAI;KACpD,EACD,EAAE,EAAE,EAAE,GAAG,aAAa,EAAE,CACzB,EACD,aAAa,EACb;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,MAAM,UAAU,GAAGF,4BAAqB,CACtCC,yBAAkB,CAChB;AACE,QAAA,2BAA2B,EAAE,IAAI;AAClC,KAAA,EACD,YAAY,EACZ;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;IAED,MAAM,oBAAoB,GAAGE,UAAS,CAAC;AACrC,QAAA,gBAAgB,EAAE,IAAI;AACtB,QAAA,gCAAgC,EAAE,IAAI;QACtC,+CAA+C,EAC7CC,0BAAc,CAAC,WAAW,CAAC,IAAI,kBAAkB,KAAK,GAAG;AAC5D,KAAA,CAAC;IAEF,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,aAAa,EACzB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA;AAEjB,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,OAAO;AAC3D,gBAAA,GAAG,SAAS;AACb,aAAA,EAAA;AAED,YAAA,KAAA,CAAA,aAAA,CAACC,SAAI,EAAA,IAAA;gBACF,+BAA+B,IAAI,QAAQ,KAC1C,6BACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,kBAAkB,EAC9B,SAAS,EAAC,uCAAuC,EACjD,OAAO,EAAE,CAAC,CAAC,KAAI;wBACb,CAAC,CAAC,cAAc,EAAE;wBAClB,CAAC,CAAC,eAAe,EAAE;AACnB,wBAAA,IAAI,OAAO,sBAAsB,KAAK,UAAU,EAAE;AAChD,4BAAA,sBAAsB,EAAE;wBAC1B;oBACF,CAAC,EAAA;oBAED,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,CAAG;oBACpD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,CAAG;AACpD,oBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,CAAG,CAChD,CACP;gBACD,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,EAAA,aAAA,EACL,aAAa,EACzB,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,MAAK;AACZ,wBAAA,IAAID,0BAAc,CAAC,WAAW,CAAC,EAAE;AAC/B,4BAAA,WAAW,EAAE;wBACf;oBACF,CAAC,EACD,IAAI,EAAE,kBAAkB,KAAK,GAAG,GAAG,QAAQ,GAAG,SAAS,IAEtD,OAAO,gBAAgB,KAAK,UAAU,IACrC,gBAAgB,EAAE,KAElB,oBAACE,SAAI,EAAA,EACH,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,6BAA6B,EAC3C,IAAI,EAAE,CAAC,IAEN,QAAQ,CACJ,CACR,CACkB,CAChB;YACP,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sCAAsC,EAAA,EAAE,QAAQ,CAAO,CAClE,CACC;AAEb;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
|
|
5
|
+
const OverlayRegistryContext = React.createContext({
|
|
6
|
+
register: () => { },
|
|
7
|
+
unregister: () => { },
|
|
8
|
+
notifyChange: () => { },
|
|
9
|
+
showOverlay: () => { },
|
|
10
|
+
hideOverlay: () => { },
|
|
11
|
+
hasOpenDrawer: false,
|
|
12
|
+
hasOpenModal: false,
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
exports.OverlayRegistryContext = OverlayRegistryContext;
|
|
16
|
+
//# sourceMappingURL=OverlayRegistryContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayRegistryContext.js","sources":["../../../src/library/context/OverlayRegistryContext.ts"],"sourcesContent":[null],"names":["createContext"],"mappings":";;;;AAsBO,MAAM,sBAAsB,GAAGA,mBAAa,CAA0B;AAC3E,IAAA,QAAQ,EAAE,MAAK,EAAE,CAAC;AAClB,IAAA,UAAU,EAAE,MAAK,EAAE,CAAC;AACpB,IAAA,YAAY,EAAE,MAAK,EAAE,CAAC;AACtB,IAAA,WAAW,EAAE,MAAK,EAAE,CAAC;AACrB,IAAA,WAAW,EAAE,MAAK,EAAE,CAAC;AACrB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,YAAY,EAAE,KAAK;AACpB,CAAA;;;;"}
|
|
@@ -11,6 +11,7 @@ require('../../../../components/Dnd/Dnd-Array-Sorter/Dnd-Array-Sorter-Draggable-
|
|
|
11
11
|
require('../../../../components/Dnd/Dnd-Array-Sorter/context/DndArraySorterContext.js');
|
|
12
12
|
var useClickOutside = require('../../../../hooks/useClickOutside.js');
|
|
13
13
|
require('../../../../context/ThemeContext.js');
|
|
14
|
+
require('../../../../context/OverlayRegistryContext.js');
|
|
14
15
|
require('react-dom');
|
|
15
16
|
require('../../../../context/ResponsiveContext.js');
|
|
16
17
|
require('../../../../components/MarkdownText/MarkdownText.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown-Select.js","sources":["../../../../../../src/library/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.tsx"],"sourcesContent":[null],"names":["useRef","useState","useInputValidatorsMemo","useClickOutside","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps","stringHasValue","Icon","DropdownDown","DropdownOption","methodHasValue"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dropdown-Select.js","sources":["../../../../../../src/library/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.tsx"],"sourcesContent":[null],"names":["useRef","useState","useInputValidatorsMemo","useClickOutside","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps","stringHasValue","Icon","DropdownDown","DropdownOption","methodHasValue"],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var OverlayRegistryContext = require('../context/OverlayRegistryContext.js');
|
|
5
|
+
|
|
6
|
+
const useOverlayRegistration = ({ name, type, isOpen, show, hide, }) => {
|
|
7
|
+
const { register, unregister, notifyChange } = React.useContext(OverlayRegistryContext.OverlayRegistryContext);
|
|
8
|
+
const isOpenRef = React.useRef(isOpen);
|
|
9
|
+
isOpenRef.current = isOpen;
|
|
10
|
+
React.useEffect(() => {
|
|
11
|
+
register({ name, type, getIsOpen: () => isOpenRef.current, show, hide });
|
|
12
|
+
return () => unregister(name);
|
|
13
|
+
}, []);
|
|
14
|
+
React.useEffect(() => {
|
|
15
|
+
notifyChange();
|
|
16
|
+
}, [isOpen]);
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
exports.useOverlayRegistration = useOverlayRegistration;
|
|
20
|
+
//# sourceMappingURL=useOverlayRegistration.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOverlayRegistration.js","sources":["../../../src/library/hooks/useOverlayRegistration.ts"],"sourcesContent":[null],"names":["useContext","OverlayRegistryContext","useRef","useEffect"],"mappings":";;;;;AAWO,MAAM,sBAAsB,GAAG,CAAC,EACrC,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,IAAI,GACwB,KAAI;AAChC,IAAA,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,GAAGA,gBAAU,CAACC,6CAAsB,CAAC;AACjF,IAAA,MAAM,SAAS,GAAGC,YAAM,CAAC,MAAM,CAAC;AAChC,IAAA,SAAS,CAAC,OAAO,GAAG,MAAM;IAE1BC,eAAS,CAAC,MAAK;QACb,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACxE,QAAA,OAAO,MAAM,UAAU,CAAC,IAAI,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC;IAENA,eAAS,CAAC,MAAK;AACb,QAAA,YAAY,EAAE;AAChB,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AACd;;;;"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var AutoscrollBanner = require('./components/Banners/Autoscroll-Banner/AutoscrollBanner.js');
|
|
3
4
|
var Banner = require('./components/Banners/Banner/Banner.js');
|
|
4
5
|
var BannerWrapper = require('./components/Banners/Banner-Wrapper/Banner-Wrapper.js');
|
|
5
6
|
var Back = require('./components/Buttons/Back/Back.js');
|
|
@@ -73,6 +74,7 @@ var useDynamicBodyHeight = require('./hooks/useDynamicBodyHeight.js');
|
|
|
73
74
|
var useComponentWidthHeight = require('./hooks/useComponentWidthHeight.js');
|
|
74
75
|
var useReducedMotion = require('./hooks/useReducedMotion.js');
|
|
75
76
|
var useTheme = require('./hooks/useTheme.js');
|
|
77
|
+
var useOverlayRegistration = require('./hooks/useOverlayRegistration.js');
|
|
76
78
|
var about = require('./icons/svg/about.svg.js');
|
|
77
79
|
var ChevronSingleLeft = require('./icons/svg/ChevronSingleLeft.svg.js');
|
|
78
80
|
var ChevronSingleRight = require('./icons/svg/ChevronSingleRight.svg.js');
|
|
@@ -101,9 +103,11 @@ var cart = require('./icons/svg/cart.svg.js');
|
|
|
101
103
|
var Theme = require('./interfaces/Theme.js');
|
|
102
104
|
var ResponsiveContext = require('./context/ResponsiveContext.js');
|
|
103
105
|
var ThemeContext = require('./context/ThemeContext.js');
|
|
106
|
+
var OverlayRegistryContext = require('./context/OverlayRegistryContext.js');
|
|
104
107
|
var ResoUiProvider = require('./providers/ResoUiProvider.js');
|
|
105
108
|
var ResponsiveProvider = require('./providers/ResponsiveProvider.js');
|
|
106
109
|
var ThemeProvider = require('./providers/ThemeProvider.js');
|
|
110
|
+
var OverlayRegistryProvider = require('./providers/OverlayRegistryProvider.js');
|
|
107
111
|
var defaultTheme = require('./themes/defaultTheme.js');
|
|
108
112
|
var darkTheme = require('./themes/darkTheme.js');
|
|
109
113
|
var Number = require('./forms/Validators/Number.js');
|
|
@@ -111,6 +115,9 @@ var String = require('./forms/Validators/String.js');
|
|
|
111
115
|
|
|
112
116
|
|
|
113
117
|
|
|
118
|
+
exports.AutoscrollBanner = AutoscrollBanner.AutoscrollBanner;
|
|
119
|
+
exports.DEFAULT_DISPLAY_DURATION = AutoscrollBanner.DEFAULT_DISPLAY_DURATION;
|
|
120
|
+
exports.SLIDE_DURATION = AutoscrollBanner.SLIDE_DURATION;
|
|
114
121
|
exports.Banner = Banner.Banner;
|
|
115
122
|
exports.TRANSITION_DURATION = Banner.TRANSITION_DURATION;
|
|
116
123
|
exports.BannerWrapper = BannerWrapper.BannerWrapper;
|
|
@@ -191,6 +198,7 @@ exports.useDynamicBodyHeight = useDynamicBodyHeight.useDynamicBodyHeight;
|
|
|
191
198
|
exports.useComponentWidthHeight = useComponentWidthHeight.useComponentWidthHeight;
|
|
192
199
|
exports.useReducedMotion = useReducedMotion.useReducedMotion;
|
|
193
200
|
exports.useTheme = useTheme.useTheme;
|
|
201
|
+
exports.useOverlayRegistration = useOverlayRegistration.useOverlayRegistration;
|
|
194
202
|
exports.AboutIcon = about.default;
|
|
195
203
|
exports.ChevronSingleLeft = ChevronSingleLeft.default;
|
|
196
204
|
exports.ChevronSingleRight = ChevronSingleRight.default;
|
|
@@ -219,9 +227,11 @@ exports.CartIcon = cart.default;
|
|
|
219
227
|
exports.DefaultTheme = Theme.DefaultTheme;
|
|
220
228
|
exports.ResponsiveContext = ResponsiveContext.ResponsiveContext;
|
|
221
229
|
exports.ThemeContext = ThemeContext.ThemeContext;
|
|
230
|
+
exports.OverlayRegistryContext = OverlayRegistryContext.OverlayRegistryContext;
|
|
222
231
|
exports.ResoUiProvider = ResoUiProvider.ResoUiProvider;
|
|
223
232
|
exports.ResponsiveProvider = ResponsiveProvider.ResponsiveProvider;
|
|
224
233
|
exports.ThemeProvider = ThemeProvider.ThemeProvider;
|
|
234
|
+
exports.OverlayRegistryProvider = OverlayRegistryProvider.OverlayRegistryProvider;
|
|
225
235
|
exports.defaultTheme = defaultTheme.defaultTheme;
|
|
226
236
|
exports.darkTheme = darkTheme.darkTheme;
|
|
227
237
|
exports.numberIsLessThan = Number.numberIsLessThan;
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var OverlayRegistryContext = require('../context/OverlayRegistryContext.js');
|
|
5
|
+
|
|
6
|
+
const OverlayRegistryProvider = ({ children, beforeDrawerOpens, beforeModalOpens, afterDrawerCloses, afterModalCloses, }) => {
|
|
7
|
+
const registryRef = React.useRef(new Map());
|
|
8
|
+
const [hasOpenDrawer, setHasOpenDrawer] = React.useState(false);
|
|
9
|
+
const [hasOpenModal, setHasOpenModal] = React.useState(false);
|
|
10
|
+
const busyRef = React.useRef(false);
|
|
11
|
+
const pendingRef = React.useRef(null);
|
|
12
|
+
const recalculate = React.useCallback(() => {
|
|
13
|
+
let drawerOpen = false;
|
|
14
|
+
let modalOpen = false;
|
|
15
|
+
registryRef.current.forEach((entry) => {
|
|
16
|
+
const isOpen = entry.getIsOpen();
|
|
17
|
+
if (isOpen && entry.type === "drawer")
|
|
18
|
+
drawerOpen = true;
|
|
19
|
+
if (isOpen && entry.type === "modal")
|
|
20
|
+
modalOpen = true;
|
|
21
|
+
});
|
|
22
|
+
setHasOpenDrawer(drawerOpen);
|
|
23
|
+
setHasOpenModal(modalOpen);
|
|
24
|
+
}, []);
|
|
25
|
+
const register = React.useCallback((overlay) => {
|
|
26
|
+
registryRef.current.set(overlay.name, overlay);
|
|
27
|
+
recalculate();
|
|
28
|
+
}, [recalculate]);
|
|
29
|
+
const unregister = React.useCallback((name) => {
|
|
30
|
+
registryRef.current.delete(name);
|
|
31
|
+
recalculate();
|
|
32
|
+
}, [recalculate]);
|
|
33
|
+
const showOverlay = React.useCallback(async (name) => {
|
|
34
|
+
if (busyRef.current) {
|
|
35
|
+
pendingRef.current = name;
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
const entry = registryRef.current.get(name);
|
|
39
|
+
if (!entry)
|
|
40
|
+
return;
|
|
41
|
+
busyRef.current = true;
|
|
42
|
+
if (entry.type === "drawer") {
|
|
43
|
+
registryRef.current.forEach((other) => {
|
|
44
|
+
if (other.type === "drawer" && other.getIsOpen() && other.name !== name) {
|
|
45
|
+
other.hide();
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
if (beforeDrawerOpens) {
|
|
49
|
+
await beforeDrawerOpens();
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
else if (entry.type === "modal") {
|
|
53
|
+
registryRef.current.forEach((other) => {
|
|
54
|
+
if (other.type === "modal" && other.getIsOpen() && other.name !== name) {
|
|
55
|
+
other.hide();
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
if (beforeModalOpens) {
|
|
59
|
+
await beforeModalOpens();
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
entry.show();
|
|
63
|
+
busyRef.current = false;
|
|
64
|
+
if (pendingRef.current) {
|
|
65
|
+
const pending = pendingRef.current;
|
|
66
|
+
pendingRef.current = null;
|
|
67
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
68
|
+
showOverlay(pending);
|
|
69
|
+
}
|
|
70
|
+
}, [beforeDrawerOpens, beforeModalOpens]);
|
|
71
|
+
const hideOverlay = React.useCallback((name) => {
|
|
72
|
+
const entry = registryRef.current.get(name);
|
|
73
|
+
if (!entry)
|
|
74
|
+
return;
|
|
75
|
+
entry.hide();
|
|
76
|
+
recalculate();
|
|
77
|
+
if (entry.type === "drawer" && afterDrawerCloses) {
|
|
78
|
+
afterDrawerCloses();
|
|
79
|
+
}
|
|
80
|
+
else if (entry.type === "modal" && afterModalCloses) {
|
|
81
|
+
afterModalCloses();
|
|
82
|
+
}
|
|
83
|
+
}, [afterDrawerCloses, afterModalCloses, recalculate]);
|
|
84
|
+
return (React.createElement(OverlayRegistryContext.OverlayRegistryContext.Provider, { value: {
|
|
85
|
+
register,
|
|
86
|
+
unregister,
|
|
87
|
+
notifyChange: recalculate,
|
|
88
|
+
showOverlay,
|
|
89
|
+
hideOverlay,
|
|
90
|
+
hasOpenDrawer,
|
|
91
|
+
hasOpenModal,
|
|
92
|
+
} }, children));
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
exports.OverlayRegistryProvider = OverlayRegistryProvider;
|
|
96
|
+
//# sourceMappingURL=OverlayRegistryProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayRegistryProvider.js","sources":["../../../src/library/providers/OverlayRegistryProvider.tsx"],"sourcesContent":[null],"names":["useRef","useState","useCallback","OverlayRegistryContext"],"mappings":"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"}
|
|
@@ -3,10 +3,12 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var ResponsiveProvider = require('./ResponsiveProvider.js');
|
|
5
5
|
var ThemeProvider = require('./ThemeProvider.js');
|
|
6
|
+
var OverlayRegistryProvider = require('./OverlayRegistryProvider.js');
|
|
6
7
|
|
|
7
|
-
const ResoUiProvider = ({ children, theme, mode = "light" }) => {
|
|
8
|
+
const ResoUiProvider = ({ children, theme, mode = "light", overlayConfigs }) => {
|
|
8
9
|
return (React.createElement(ThemeProvider.ThemeProvider, { theme: theme, mode: mode },
|
|
9
|
-
React.createElement(ResponsiveProvider.ResponsiveProvider, null,
|
|
10
|
+
React.createElement(ResponsiveProvider.ResponsiveProvider, null,
|
|
11
|
+
React.createElement(OverlayRegistryProvider.OverlayRegistryProvider, { beforeDrawerOpens: overlayConfigs === null || overlayConfigs === void 0 ? void 0 : overlayConfigs.beforeDrawerOpens, beforeModalOpens: overlayConfigs === null || overlayConfigs === void 0 ? void 0 : overlayConfigs.beforeModalOpens, afterDrawerCloses: overlayConfigs === null || overlayConfigs === void 0 ? void 0 : overlayConfigs.afterDrawerCloses, afterModalCloses: overlayConfigs === null || overlayConfigs === void 0 ? void 0 : overlayConfigs.afterModalCloses }, children))));
|
|
10
12
|
};
|
|
11
13
|
|
|
12
14
|
exports.ResoUiProvider = ResoUiProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResoUiProvider.js","sources":["../../../src/library/providers/ResoUiProvider.tsx"],"sourcesContent":[null],"names":["ThemeProvider","ResponsiveProvider"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ResoUiProvider.js","sources":["../../../src/library/providers/ResoUiProvider.tsx"],"sourcesContent":[null],"names":["ThemeProvider","ResponsiveProvider","OverlayRegistryProvider"],"mappings":";;;;;;;AAqBO,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAG,OAAO,EAAE,cAAc,EAAwB,KAAI;IAC1G,QACE,KAAA,CAAA,aAAA,CAACA,2BAAa,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAA;AACrC,QAAA,KAAA,CAAA,aAAA,CAACC,qCAAkB,EAAA,IAAA;YACjB,KAAA,CAAA,aAAA,CAACC,+CAAuB,IACtB,iBAAiB,EAAE,cAAc,KAAA,IAAA,IAAd,cAAc,uBAAd,cAAc,CAAE,iBAAiB,EACpD,gBAAgB,EAAE,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,gBAAgB,EAClD,iBAAiB,EAAE,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,iBAAiB,EACpD,gBAAgB,EAAE,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,gBAAgB,EAAA,EAEjD,QAAQ,CACe,CACP,CACP;AAEpB;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import IComponent from "../../../interfaces/IComponent";
|
|
3
|
+
import { IMarginProps } from "../../../interfaces/ISpacingsProps";
|
|
4
|
+
import "./styles/AutoscrollBanner.layout.scss";
|
|
5
|
+
import "./styles/AutoscrollBanner.theme.scss";
|
|
6
|
+
export declare const SLIDE_DURATION = 400;
|
|
7
|
+
export declare const DEFAULT_DISPLAY_DURATION = 3000;
|
|
8
|
+
export interface IAutoscrollBannerProps extends IComponent, IMarginProps {
|
|
9
|
+
messages: string[];
|
|
10
|
+
displayDurationMs?: number;
|
|
11
|
+
type?: "info" | "warning" | "error" | "success";
|
|
12
|
+
maxHeight?: number;
|
|
13
|
+
}
|
|
14
|
+
export declare const AutoscrollBanner: ({ messages, displayDurationMs, type, maxHeight, rootClassName, rootStyles, ...spacingsProps }: IAutoscrollBannerProps) => React.JSX.Element;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React__default, { useState, useEffect } from 'react';
|
|
2
|
+
import classnames from 'classnames';
|
|
3
|
+
import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
|
|
4
|
+
|
|
5
|
+
const SLIDE_DURATION = 400;
|
|
6
|
+
const DEFAULT_DISPLAY_DURATION = 3000;
|
|
7
|
+
const AutoscrollBanner = ({ messages, displayDurationMs = DEFAULT_DISPLAY_DURATION, type = "info", maxHeight = 120, rootClassName, rootStyles = {}, ...spacingsProps }) => {
|
|
8
|
+
const [activeIndex, setActiveIndex] = useState(0);
|
|
9
|
+
const [phase, setPhase] = useState("idle");
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
setActiveIndex(0);
|
|
12
|
+
setPhase("idle");
|
|
13
|
+
}, [messages.length]);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
if (messages.length <= 1)
|
|
16
|
+
return;
|
|
17
|
+
let timer;
|
|
18
|
+
switch (phase) {
|
|
19
|
+
case "idle":
|
|
20
|
+
timer = setTimeout(() => setPhase("exit"), displayDurationMs);
|
|
21
|
+
break;
|
|
22
|
+
case "exit":
|
|
23
|
+
timer = setTimeout(() => {
|
|
24
|
+
setActiveIndex((prev) => (prev + 1) % messages.length);
|
|
25
|
+
setPhase("prep");
|
|
26
|
+
}, SLIDE_DURATION);
|
|
27
|
+
break;
|
|
28
|
+
case "prep":
|
|
29
|
+
timer = setTimeout(() => setPhase("enter"), 20);
|
|
30
|
+
break;
|
|
31
|
+
case "enter":
|
|
32
|
+
timer = setTimeout(() => setPhase("idle"), SLIDE_DURATION);
|
|
33
|
+
break;
|
|
34
|
+
}
|
|
35
|
+
return () => clearTimeout(timer);
|
|
36
|
+
}, [phase, messages.length, displayDurationMs]);
|
|
37
|
+
const safeIndex = activeIndex % messages.length;
|
|
38
|
+
const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
|
|
39
|
+
resoui_autoscroll_banner_container: true,
|
|
40
|
+
[`resoui_autoscroll_banner_container_${type}`]: true,
|
|
41
|
+
}, spacingsProps), rootClassName, {
|
|
42
|
+
resoui_position_relative: true,
|
|
43
|
+
}));
|
|
44
|
+
const messageClassName = classnames({
|
|
45
|
+
resoui_autoscroll_banner_message: true,
|
|
46
|
+
resoui_autoscroll_banner_message_exit: phase === "exit",
|
|
47
|
+
resoui_autoscroll_banner_message_prep: phase === "prep",
|
|
48
|
+
});
|
|
49
|
+
if (messages.length === 0)
|
|
50
|
+
return null;
|
|
51
|
+
return (React__default.createElement("div", { className: containerStyles, style: { maxHeight, ...rootStyles }, "data-testid": "autoscroll-banner-root" },
|
|
52
|
+
React__default.createElement("span", { className: messageClassName, "data-testid": "autoscroll-banner-message" }, messages[safeIndex])));
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
export { AutoscrollBanner, DEFAULT_DISPLAY_DURATION, SLIDE_DURATION };
|
|
56
|
+
//# sourceMappingURL=AutoscrollBanner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoscrollBanner.js","sources":["../../../../../src/library/components/Banners/Autoscroll-Banner/AutoscrollBanner.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;AAeO,MAAM,cAAc,GAAG;AACvB,MAAM,wBAAwB,GAAG;AAWjC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,iBAAiB,GAAG,wBAAwB,EAC5C,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,GAAG,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACO,KAAI;IAC3B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAY,MAAM,CAAC;IAErD,SAAS,CAAC,MAAK;QACb,cAAc,CAAC,CAAC,CAAC;QACjB,QAAQ,CAAC,MAAM,CAAC;AAClB,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAErB,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC;YAAE;AAE1B,QAAA,IAAI,KAAoC;QAExC,QAAQ,KAAK;AACX,YAAA,KAAK,MAAM;AACT,gBAAA,KAAK,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC;gBAC7D;AACF,YAAA,KAAK,MAAM;AACT,gBAAA,KAAK,GAAG,UAAU,CAAC,MAAK;AACtB,oBAAA,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,GAAG,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC;oBACtD,QAAQ,CAAC,MAAM,CAAC;gBAClB,CAAC,EAAE,cAAc,CAAC;gBAClB;AACF,YAAA,KAAK,MAAM;AACT,gBAAA,KAAK,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;gBAC/C;AACF,YAAA,KAAK,OAAO;AACV,gBAAA,KAAK,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC;gBAC1D;;AAGJ,QAAA,OAAO,MAAM,YAAY,CAAC,KAAK,CAAC;IAClC,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;AAE/C,IAAA,MAAM,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC,MAAM;AAE/C,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,kCAAkC,EAAE,IAAI;AACxC,QAAA,CAAC,CAAA,mCAAA,EAAsC,IAAI,CAAA,CAAE,GAAG,IAAI;AACrD,KAAA,EACD,aAAa,CACd,EACD,aAAa,EACb;AACE,QAAA,wBAAwB,EAAE,IAAI;AAC/B,KAAA,CACF,CACF;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAClC,QAAA,gCAAgC,EAAE,IAAI;QACtC,qCAAqC,EAAE,KAAK,KAAK,MAAM;QACvD,qCAAqC,EAAE,KAAK,KAAK,MAAM;AACxD,KAAA,CAAC;AAEF,IAAA,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,IAAI;AAEtC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,iBACvB,wBAAwB,EAAA;AAEpC,QAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,gBAAgB,EAAA,aAAA,EACf,2BAA2B,EAAA,EAEtC,QAAQ,CAAC,SAAS,CAAC,CACf,CACH;AAEV;;;;"}
|
|
@@ -2,6 +2,7 @@ import React__default, { useRef } from 'react';
|
|
|
2
2
|
import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../utils/styles.js';
|
|
3
3
|
import { useClickOutside } from '../../hooks/useClickOutside.js';
|
|
4
4
|
import '../../context/ThemeContext.js';
|
|
5
|
+
import '../../context/OverlayRegistryContext.js';
|
|
5
6
|
import { Flex } from '../Containers/Flex/Flex.js';
|
|
6
7
|
import { CloseButton } from '../Buttons/Close-Button/Close-Button.js';
|
|
7
8
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerContent.js","sources":["../../../../src/library/components/Drawer/DrawerContent.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DrawerContent.js","sources":["../../../../src/library/components/Drawer/DrawerContent.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;;;;;AA+BA,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,cAAc,EACd,OAAO,EACP,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,oBAAoB,EACpB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,gBAAgB,EAChB,aAAa,GAAG,EAAE,EAClB,oBAAoB,EACpB,iBAAiB,GAAG,EAAE,EACtB,GAAG,YAAY,EACK,KAAI;AACxB,IAAA,MAAM,gBAAgB,GAAG,MAAM,EAAkB;AAEjD,IAAA,eAAe,CAAC,gBAAgB,EAAE,MAAK;QACrC,IAAI,oBAAoB,EAAE;AACxB,YAAA,OAAO,EAAE;QACX;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,uBAAuB,EAAE,IAAI;AAC7B,QAAA,4CAA4C,EAAE,IAAI;QAClD,4BAA4B,EAAE,IAAI,KAAK,MAAM;QAC7C,6BAA6B,EAAE,IAAI,KAAK,OAAO;QAC/C,4BAA4B,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;AAC/D,KAAA,EACD,YAAY,CACb,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,YAAY,GAAG,qBAAqB,CACxC,kBAAkB,CAChB;AACE,QAAA,mBAAmB,EAAE,IAAI;KAC1B,EACD,cAAc,CACf,CACF;AAED,IAAA,MAAM,cAAc,GAAG,qBAAqB,CAC1C,kBAAkB,CAChB;AACE,QAAA,qBAAqB,EAAE,IAAI;KAC5B,EACD,gBAAgB,CACjB,CACF;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,CAAC;IAEhC,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,gBAAgB,EACrB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,MAAM,EAAE,cAAc,GAAG,CAAC;YAC1B,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,GAAG,KAAK;AAC5E,YAAA,GAAG,UAAU;AACd,SAAA,EAAA,aAAA,EACW,uBAAuB,EAAA;QAEnCA,cAAA,CAAA,aAAA,CAAC,IAAI,IAAC,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAA;YACvD,KAAK,IAAI,KAAK,KAAK,EAAE,GAAG,KAAK,GAAGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,CAAO;AACxC,YAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,OAAO,EAAE,MAAK;AACZ,oBAAA,OAAO,EAAE;gBACX,CAAC,EACD,aAAa,EAAE,oBAAoB,EACnC,UAAU,EAAE,iBAAiB,EAAA,CAC7B,CACG;AACP,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,cAAc,EAC7B,UAAU,EAAE,aAAa,EAEvB,UAAU,EAAE,0BAA0B,EAAA,EAGvC,QAAQ,CACJ,CACH;AAEV;;;;"}
|
|
@@ -4,6 +4,7 @@ import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '..
|
|
|
4
4
|
import { useDisableBodyScroll } from '../../hooks/useDisableBodyScroll.js';
|
|
5
5
|
import { ResponsiveContext } from '../../context/ResponsiveContext.js';
|
|
6
6
|
import '../../context/ThemeContext.js';
|
|
7
|
+
import '../../context/OverlayRegistryContext.js';
|
|
7
8
|
import { Image } from '../Images/Image/Image.js';
|
|
8
9
|
import { CloseButton } from '../Buttons/Close-Button/Close-Button.js';
|
|
9
10
|
import { Icon } from '../Icon/Icon.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Enlarged-Image-Modal.js","sources":["../../../../src/library/components/Enlarged-Image-Modal/Enlarged-Image-Modal.tsx"],"sourcesContent":[null],"names":["React","ChevronSingleLeft","ChevronSingleRight"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Enlarged-Image-Modal.js","sources":["../../../../src/library/components/Enlarged-Image-Modal/Enlarged-Image-Modal.tsx"],"sourcesContent":[null],"names":["React","ChevronSingleLeft","ChevronSingleRight"],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import { methodHasValue } from '../../../utils/validations.js';
|
|
|
5
5
|
import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
|
|
6
6
|
import { ResponsiveContext } from '../../../context/ResponsiveContext.js';
|
|
7
7
|
import '../../../context/ThemeContext.js';
|
|
8
|
+
import '../../../context/OverlayRegistryContext.js';
|
|
8
9
|
import { Flex } from '../../Containers/Flex/Flex.js';
|
|
9
10
|
|
|
10
11
|
const Navbar = ({ LogoWrapperElement = "a", logoHref = "#", textLogo = "Logo", renderCustomLogo, onClickLogo, showHamburgerButtonOnMobileView = false, onClickHamburgerButton, maxWidth, children, position = "fixed", navClassName, navStyles = {}, rootClassName, rootStyles = {}, ph = 5, ...spacingsProps }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.js","sources":["../../../../../src/library/components/Nav/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["clasnames","React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Navbar.js","sources":["../../../../../src/library/components/Nav/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["clasnames","React"],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export type OverlayType = "drawer" | "modal" | "dialog";
|
|
2
|
+
export interface OverlayRegistration {
|
|
3
|
+
name: string;
|
|
4
|
+
type: OverlayType;
|
|
5
|
+
getIsOpen: () => boolean;
|
|
6
|
+
show: () => void;
|
|
7
|
+
hide: () => void;
|
|
8
|
+
}
|
|
9
|
+
export interface IOverlayRegistryContext {
|
|
10
|
+
register: (overlay: OverlayRegistration) => void;
|
|
11
|
+
unregister: (name: string) => void;
|
|
12
|
+
notifyChange: () => void;
|
|
13
|
+
showOverlay: (name: string) => void;
|
|
14
|
+
hideOverlay: (name: string) => void;
|
|
15
|
+
hasOpenDrawer: boolean;
|
|
16
|
+
hasOpenModal: boolean;
|
|
17
|
+
}
|
|
18
|
+
export declare const OverlayRegistryContext: import("react").Context<IOverlayRegistryContext>;
|