reso-ui 3.0.0-alpha.5 → 3.0.0-alpha.7
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/Banner/Banner.js +38 -13
- package/dist/cjs/components/Banners/Banner/Banner.js.map +1 -1
- package/dist/cjs/components/Banners/Banner-Wrapper/Banner-Wrapper.js +4 -2
- package/dist/cjs/components/Banners/Banner-Wrapper/Banner-Wrapper.js.map +1 -1
- package/dist/cjs/components/Flex-Table/Flex-Table-Cell/Flex-Table-Cell.js +23 -0
- package/dist/cjs/components/Flex-Table/Flex-Table-Cell/Flex-Table-Cell.js.map +1 -0
- package/dist/cjs/components/Flex-Table/Flex-Table-Container/Flex-Table-Container.js +15 -0
- package/dist/cjs/components/Flex-Table/Flex-Table-Container/Flex-Table-Container.js.map +1 -0
- package/dist/cjs/components/Flex-Table/Flex-Table-Row/Flex-Table-Row.js +28 -0
- package/dist/cjs/components/Flex-Table/Flex-Table-Row/Flex-Table-Row.js.map +1 -0
- package/dist/cjs/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js +0 -1
- package/dist/cjs/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js.map +1 -1
- package/dist/cjs/index.js +7 -18
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/providers/ThemeProvider.js +17 -2
- package/dist/cjs/providers/ThemeProvider.js.map +1 -1
- package/dist/esm/components/Banners/Banner/Banner.d.ts +5 -1
- package/dist/esm/components/Banners/Banner/Banner.js +39 -15
- package/dist/esm/components/Banners/Banner/Banner.js.map +1 -1
- package/dist/esm/components/Banners/Banner-Wrapper/Banner-Wrapper.d.ts +2 -2
- package/dist/esm/components/Banners/Banner-Wrapper/Banner-Wrapper.js +4 -2
- package/dist/esm/components/Banners/Banner-Wrapper/Banner-Wrapper.js.map +1 -1
- package/dist/esm/components/Containers/index.d.ts +0 -1
- package/dist/esm/components/Flex-Table/Flex-Table-Cell/Flex-Table-Cell.d.ts +16 -0
- package/dist/esm/components/Flex-Table/Flex-Table-Cell/Flex-Table-Cell.js +21 -0
- package/dist/esm/components/Flex-Table/Flex-Table-Cell/Flex-Table-Cell.js.map +1 -0
- package/dist/esm/components/Flex-Table/Flex-Table-Cell/index.d.ts +2 -0
- package/dist/esm/components/Flex-Table/Flex-Table-Container/Flex-Table-Container.d.ts +10 -0
- package/dist/esm/components/Flex-Table/Flex-Table-Container/Flex-Table-Container.js +13 -0
- package/dist/esm/components/Flex-Table/Flex-Table-Container/Flex-Table-Container.js.map +1 -0
- package/dist/esm/components/Flex-Table/Flex-Table-Container/index.d.ts +2 -0
- package/dist/esm/components/Flex-Table/Flex-Table-Row/Flex-Table-Row.d.ts +16 -0
- package/dist/esm/components/Flex-Table/Flex-Table-Row/Flex-Table-Row.js +26 -0
- package/dist/esm/components/Flex-Table/Flex-Table-Row/Flex-Table-Row.js.map +1 -0
- package/dist/esm/components/Flex-Table/Flex-Table-Row/index.d.ts +2 -0
- package/dist/esm/components/Flex-Table/index.d.ts +3 -0
- package/dist/esm/components/index.d.ts +1 -4
- package/dist/esm/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js +0 -1
- package/dist/esm/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js.map +1 -1
- package/dist/esm/index.js +4 -10
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/providers/ThemeProvider.js +17 -2
- package/dist/esm/providers/ThemeProvider.js.map +1 -1
- package/dist/src/library/components/Banners/Banner/Banner.d.ts +5 -1
- package/dist/src/library/components/Banners/Banner/stories/Banner.stories.d.ts +5 -1
- package/dist/src/library/components/Banners/Banner-Wrapper/Banner-Wrapper.d.ts +2 -2
- package/dist/src/library/components/Banners/Banner-Wrapper/stories/Banner-Wrapper.stories.d.ts +4 -1
- package/dist/src/library/components/Containers/index.d.ts +0 -1
- package/dist/src/library/components/Flex-Table/Flex-Table-Cell/Flex-Table-Cell.d.ts +16 -0
- package/dist/src/library/components/Flex-Table/Flex-Table-Cell/index.d.ts +2 -0
- package/dist/src/library/components/Flex-Table/Flex-Table-Container/Flex-Table-Container.d.ts +10 -0
- package/dist/src/library/components/Flex-Table/Flex-Table-Container/index.d.ts +2 -0
- package/dist/src/library/components/Flex-Table/Flex-Table-Row/Flex-Table-Row.d.ts +16 -0
- package/dist/src/library/components/Flex-Table/Flex-Table-Row/index.d.ts +2 -0
- package/dist/src/library/components/Flex-Table/index.d.ts +3 -0
- package/dist/src/library/components/Flex-Table/stories/FlexTable.stories.d.ts +20 -0
- package/dist/src/library/components/index.d.ts +1 -4
- package/dist/styles.css +1 -1
- package/package.json +18 -8
- package/dist/cjs/components/Containers/Infinite-Scroll-Container/Infinite-Scroll-Container.js +0 -27
- package/dist/cjs/components/Containers/Infinite-Scroll-Container/Infinite-Scroll-Container.js.map +0 -1
- package/dist/cjs/components/Paginator/Paginator.js +0 -52
- package/dist/cjs/components/Paginator/Paginator.js.map +0 -1
- package/dist/cjs/components/Sidebar/Sidebar.js +0 -15
- package/dist/cjs/components/Sidebar/Sidebar.js.map +0 -1
- package/dist/cjs/components/Sidebar/SidebarNavLink.js +0 -22
- package/dist/cjs/components/Sidebar/SidebarNavLink.js.map +0 -1
- package/dist/cjs/components/Table/FlexTable.js +0 -61
- package/dist/cjs/components/Table/FlexTable.js.map +0 -1
- package/dist/cjs/components/Tabs/Tab.js +0 -22
- package/dist/cjs/components/Tabs/Tab.js.map +0 -1
- package/dist/cjs/components/Tabs/TabList.js +0 -12
- package/dist/cjs/components/Tabs/TabList.js.map +0 -1
- package/dist/cjs/components/Tabs/TabPanel.js +0 -18
- package/dist/cjs/components/Tabs/TabPanel.js.map +0 -1
- package/dist/cjs/components/Tabs/Tabs.js +0 -27
- package/dist/cjs/components/Tabs/Tabs.js.map +0 -1
- package/dist/esm/components/Containers/Infinite-Scroll-Container/Infinite-Scroll-Container.d.ts +0 -11
- package/dist/esm/components/Containers/Infinite-Scroll-Container/Infinite-Scroll-Container.js +0 -25
- package/dist/esm/components/Containers/Infinite-Scroll-Container/Infinite-Scroll-Container.js.map +0 -1
- package/dist/esm/components/Containers/Infinite-Scroll-Container/index.d.ts +0 -2
- package/dist/esm/components/Paginator/Paginator.d.ts +0 -12
- package/dist/esm/components/Paginator/Paginator.js +0 -50
- package/dist/esm/components/Paginator/Paginator.js.map +0 -1
- package/dist/esm/components/Paginator/index.d.ts +0 -3
- package/dist/esm/components/Sidebar/Sidebar.d.ts +0 -10
- package/dist/esm/components/Sidebar/Sidebar.js +0 -13
- package/dist/esm/components/Sidebar/Sidebar.js.map +0 -1
- package/dist/esm/components/Sidebar/SidebarNavLink.d.ts +0 -10
- package/dist/esm/components/Sidebar/SidebarNavLink.js +0 -20
- package/dist/esm/components/Sidebar/SidebarNavLink.js.map +0 -1
- package/dist/esm/components/Sidebar/index.d.ts +0 -5
- package/dist/esm/components/Table/FlexTable.d.ts +0 -23
- package/dist/esm/components/Table/FlexTable.js +0 -59
- package/dist/esm/components/Table/FlexTable.js.map +0 -1
- package/dist/esm/components/Table/index.d.ts +0 -3
- package/dist/esm/components/Tabs/Tab.d.ts +0 -8
- package/dist/esm/components/Tabs/Tab.js +0 -20
- package/dist/esm/components/Tabs/Tab.js.map +0 -1
- package/dist/esm/components/Tabs/TabList.d.ts +0 -6
- package/dist/esm/components/Tabs/TabList.js +0 -10
- package/dist/esm/components/Tabs/TabList.js.map +0 -1
- package/dist/esm/components/Tabs/TabPanel.d.ts +0 -7
- package/dist/esm/components/Tabs/TabPanel.js +0 -16
- package/dist/esm/components/Tabs/TabPanel.js.map +0 -1
- package/dist/esm/components/Tabs/Tabs.d.ts +0 -17
- package/dist/esm/components/Tabs/Tabs.js +0 -23
- package/dist/esm/components/Tabs/Tabs.js.map +0 -1
- package/dist/esm/components/Tabs/index.d.ts +0 -9
- package/dist/src/library/components/Containers/Infinite-Scroll-Container/Infinite-Scroll-Container.d.ts +0 -11
- package/dist/src/library/components/Containers/Infinite-Scroll-Container/index.d.ts +0 -2
- package/dist/src/library/components/Paginator/Paginator.d.ts +0 -12
- package/dist/src/library/components/Paginator/index.d.ts +0 -3
- package/dist/src/library/components/Paginator/stories/Paginator.stories.d.ts +0 -19
- package/dist/src/library/components/Sidebar/Sidebar.d.ts +0 -10
- package/dist/src/library/components/Sidebar/SidebarNavLink.d.ts +0 -10
- package/dist/src/library/components/Sidebar/index.d.ts +0 -5
- package/dist/src/library/components/Sidebar/stories/Sidebar.stories.d.ts +0 -9
- package/dist/src/library/components/Table/FlexTable.d.ts +0 -23
- package/dist/src/library/components/Table/index.d.ts +0 -3
- package/dist/src/library/components/Table/stories/FlexTable.stories.d.ts +0 -22
- package/dist/src/library/components/Tabs/Tab.d.ts +0 -8
- package/dist/src/library/components/Tabs/TabList.d.ts +0 -6
- package/dist/src/library/components/Tabs/TabPanel.d.ts +0 -7
- package/dist/src/library/components/Tabs/Tabs.d.ts +0 -17
- package/dist/src/library/components/Tabs/__test__/Tabs.test.d.ts +0 -1
- package/dist/src/library/components/Tabs/index.d.ts +0 -9
- package/dist/src/library/components/Tabs/stories/Tabs.stories.d.ts +0 -19
- /package/dist/src/library/components/{Paginator/__test__/Paginator.test.d.ts → Flex-Table/Flex-Table-Cell/__test__/Flex-Table-Cell.test.d.ts} +0 -0
- /package/dist/src/library/components/{Sidebar/__test__/Sidebar.test.d.ts → Flex-Table/Flex-Table-Container/__test__/Flex-Table-Container.test.d.ts} +0 -0
- /package/dist/src/library/components/{Table/__test__/FlexTable.test.d.ts → Flex-Table/Flex-Table-Row/__test__/Flex-Table-Row.test.d.ts} +0 -0
|
@@ -4,33 +4,57 @@ var React = require('react');
|
|
|
4
4
|
var styles = require('../../../utils/styles.js');
|
|
5
5
|
var Button = require('../../Buttons/Button/Button.js');
|
|
6
6
|
|
|
7
|
-
const
|
|
7
|
+
const TRANSITION_DURATION = 250;
|
|
8
|
+
const Banner = ({ type, text, isShown: isShownProp, disappearsAfterMs, wrapperIsPositionFixed = false, onCloseOverride, rootClassName, rootStyles = {}, }) => {
|
|
8
9
|
const [show, setShow] = React.useState(true);
|
|
9
|
-
const [
|
|
10
|
+
const [_isShown, _setIsShown] = React.useState(false);
|
|
11
|
+
const isClosingRef = React.useRef(false);
|
|
12
|
+
const isShown = (isShownProp !== null && isShownProp !== void 0 ? isShownProp : true) && show;
|
|
13
|
+
// open/_open pattern: delay unmount to allow exit transition
|
|
10
14
|
React.useEffect(() => {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
+
if (isShown) {
|
|
16
|
+
_setIsShown(true);
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
const timeout = setTimeout(() => _setIsShown(false), TRANSITION_DURATION);
|
|
20
|
+
return () => clearTimeout(timeout);
|
|
21
|
+
}
|
|
22
|
+
}, [isShown]);
|
|
23
|
+
// reset internal state when isShownProp transitions to true
|
|
24
|
+
React.useEffect(() => {
|
|
25
|
+
if (isShownProp) {
|
|
26
|
+
setShow(true);
|
|
27
|
+
isClosingRef.current = false;
|
|
28
|
+
}
|
|
29
|
+
}, [isShownProp]);
|
|
15
30
|
const handleClose = () => {
|
|
16
|
-
|
|
31
|
+
if (isClosingRef.current)
|
|
32
|
+
return;
|
|
33
|
+
isClosingRef.current = true;
|
|
34
|
+
setShow(false);
|
|
17
35
|
setTimeout(() => {
|
|
18
36
|
if (typeof onCloseOverride === "function") {
|
|
19
37
|
onCloseOverride();
|
|
20
38
|
}
|
|
21
|
-
|
|
22
|
-
setShow(false);
|
|
23
|
-
}
|
|
24
|
-
}, 250);
|
|
39
|
+
}, TRANSITION_DURATION);
|
|
25
40
|
};
|
|
41
|
+
// auto-dismiss after disappearsAfterMs
|
|
42
|
+
React.useEffect(() => {
|
|
43
|
+
if (_isShown && disappearsAfterMs != null) {
|
|
44
|
+
const timeout = setTimeout(() => handleClose(), disappearsAfterMs);
|
|
45
|
+
return () => clearTimeout(timeout);
|
|
46
|
+
}
|
|
47
|
+
}, [_isShown, disappearsAfterMs]);
|
|
26
48
|
const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
|
|
27
49
|
resoui_banner_container: true,
|
|
28
|
-
resoui_banner_container_visible:
|
|
50
|
+
resoui_banner_container_visible: isShown ? _isShown : isShown,
|
|
51
|
+
resoui_banner_container_fixed: wrapperIsPositionFixed,
|
|
29
52
|
[`resoui_banner_container_${type}`]: true,
|
|
30
53
|
}, rootClassName, {
|
|
31
54
|
resoui_position_relative: true,
|
|
32
55
|
}));
|
|
33
|
-
|
|
56
|
+
const getIsShown = () => (isShown ? isShown : _isShown);
|
|
57
|
+
return (getIsShown() && (React.createElement("div", { className: containerStyles, style: {
|
|
34
58
|
...rootStyles,
|
|
35
59
|
}, "data-testid": "banner-root" },
|
|
36
60
|
React.createElement("span", null, text),
|
|
@@ -38,4 +62,5 @@ const Banner = ({ type, text, onCloseOverride, rootClassName, rootStyles = {}, }
|
|
|
38
62
|
};
|
|
39
63
|
|
|
40
64
|
exports.Banner = Banner;
|
|
65
|
+
exports.TRANSITION_DURATION = TRANSITION_DURATION;
|
|
41
66
|
//# sourceMappingURL=Banner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sources":["../../../../../src/library/components/Banners/Banner/Banner.tsx"],"sourcesContent":[null],"names":["useState","useEffect","createComponentStyles","createLayoutStyles","Button"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"Banner.js","sources":["../../../../../src/library/components/Banners/Banner/Banner.tsx"],"sourcesContent":[null],"names":["useState","useRef","useEffect","createComponentStyles","createLayoutStyles","Button"],"mappings":";;;;;;AAgBO,MAAM,mBAAmB,GAAG;AAW5B,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,EACJ,IAAI,EACJ,OAAO,EAAE,WAAW,EACpB,iBAAiB,EACjB,sBAAsB,GAAG,KAAK,EAC9B,eAAe,EACf,aAAa,EACb,UAAU,GAAG,EAAE,GACF,KAAI;IACjB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGA,cAAQ,CAAU,IAAI,CAAC;IAC/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAU,KAAK,CAAC;AACxD,IAAA,MAAM,YAAY,GAAGC,YAAM,CAAC,KAAK,CAAC;AAElC,IAAA,MAAM,OAAO,GAAG,CAAC,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAX,WAAW,GAAI,IAAI,KAAK,IAAI;;IAG7CC,eAAS,CAAC,MAAK;QACb,IAAI,OAAO,EAAE;YACX,WAAW,CAAC,IAAI,CAAC;QACnB;aAAO;AACL,YAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAC;AACzE,YAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;QACpC;AACF,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;;IAGbA,eAAS,CAAC,MAAK;QACb,IAAI,WAAW,EAAE;YACf,OAAO,CAAC,IAAI,CAAC;AACb,YAAA,YAAY,CAAC,OAAO,GAAG,KAAK;QAC9B;AACF,IAAA,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,MAAK;QACvB,IAAI,YAAY,CAAC,OAAO;YAAE;AAC1B,QAAA,YAAY,CAAC,OAAO,GAAG,IAAI;QAE3B,OAAO,CAAC,KAAK,CAAC;QACd,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,OAAO,eAAe,KAAK,UAAU,EAAE;AACzC,gBAAA,eAAe,EAAE;YACnB;QACF,CAAC,EAAE,mBAAmB,CAAC;AACzB,IAAA,CAAC;;IAGDA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,QAAQ,IAAI,iBAAiB,IAAI,IAAI,EAAE;AACzC,YAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,WAAW,EAAE,EAAE,iBAAiB,CAAC;AAClE,YAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;QACpC;AACF,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;AAEjC,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,uBAAuB,EAAE,IAAI;QAC7B,+BAA+B,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO;AAC7D,QAAA,6BAA6B,EAAE,sBAAsB;AACrD,QAAA,CAAC,CAAA,wBAAA,EAA2B,IAAI,CAAA,CAAE,GAAG,IAAI;AAC1C,KAAA,EACD,aAAa,EACb;AACE,QAAA,wBAAwB,EAAE,IAAI;AAC/B,KAAA,CACF,CACF;AAED,IAAA,MAAM,UAAU,GAAG,OAAO,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEvD,QACE,UAAU,EAAE,KACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;AACL,YAAA,GAAG,UAAU;AACd,SAAA,EAAA,aAAA,EACW,aAAa,EAAA;AAEzB,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAQ;AACnB,QAAA,KAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EACL,IAAI,EAAC,GAAG,EACR,aAAa,EAAC,4BAA4B,EAC1C,OAAO,EAAE,WAAW,GACpB,CACE,CACP;AAEL;;;;;"}
|
|
@@ -3,10 +3,12 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var styles = require('../../../utils/styles.js');
|
|
5
5
|
|
|
6
|
-
const BannerWrapper = ({ children,
|
|
6
|
+
const BannerWrapper = ({ children, position, hasMaxHeight = false, rootClassName, rootStyles = {}, }) => {
|
|
7
7
|
const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
|
|
8
8
|
resoui_banner_wrapper_container: true,
|
|
9
|
-
|
|
9
|
+
resoui_banner_wrapper_container_relative: position === "relative",
|
|
10
|
+
resoui_banner_wrapper_container_absolute: position === "absolute",
|
|
11
|
+
resoui_banner_wrapper_container_fixed: position === "fixed",
|
|
10
12
|
resoui_banner_wrapper_container_scroll: hasMaxHeight,
|
|
11
13
|
}, rootClassName));
|
|
12
14
|
return (React.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "banner-wrapper-root" }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner-Wrapper.js","sources":["../../../../../src/library/components/Banners/Banner-Wrapper/Banner-Wrapper.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"Banner-Wrapper.js","sources":["../../../../../src/library/components/Banners/Banner-Wrapper/Banner-Wrapper.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles"],"mappings":";;;;;MAoBa,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,aAAa,EACb,UAAU,GAAG,EAAE,GACK,KAAI;AACxB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,+BAA+B,EAAE,IAAI;QACrC,wCAAwC,EAAE,QAAQ,KAAK,UAAU;QACjE,wCAAwC,EAAE,QAAQ,KAAK,UAAU;QACjE,qCAAqC,EAAE,QAAQ,KAAK,OAAO;AAC3D,QAAA,sCAAsC,EAAE,YAAY;KACrD,EACD,aAAa,CACd,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,iBACL,qBAAqB,EAAA,EAEhC,QAAQ,CACL;AAEV;;;;"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var styles = require('../../../utils/styles.js');
|
|
5
|
+
|
|
6
|
+
const FlexTableCell = ({ children, width, minWidth, isMobile, contentType = "text", label, showLabel = false, isHeader = false, rootClassName, rootStyles = {}, ...spacingsProps }) => {
|
|
7
|
+
const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
|
|
8
|
+
resoui_flexTable_cell: true,
|
|
9
|
+
resoui_flexTable_cell_mobile: isMobile,
|
|
10
|
+
}, spacingsProps), rootClassName));
|
|
11
|
+
const cellStyles = {
|
|
12
|
+
width: isMobile ? "100%" : width !== "auto" ? `${width}px` : undefined,
|
|
13
|
+
minWidth: `${minWidth}px`,
|
|
14
|
+
flex: width === "auto" ? 1 : undefined,
|
|
15
|
+
...rootStyles,
|
|
16
|
+
};
|
|
17
|
+
return (React.createElement("div", { className: containerStyles, style: cellStyles, "data-testid": "flex-table-cell-root" },
|
|
18
|
+
showLabel && label && (React.createElement("span", { className: "resoui_flexTable_cell_label" }, label)),
|
|
19
|
+
contentType === "text" ? (React.createElement("span", { className: `resoui_flexTable_cell_text${isHeader ? " resoui_flexTable_cell_text_header" : ""}` }, children)) : (children)));
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
exports.FlexTableCell = FlexTableCell;
|
|
23
|
+
//# sourceMappingURL=Flex-Table-Cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flex-Table-Cell.js","sources":["../../../../../src/library/components/Flex-Table/Flex-Table-Cell/Flex-Table-Cell.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;AA4BO,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,MAAM,EACpB,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACI,KAAI;AACxB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,4BAA4B,EAAE,QAAQ;AACvC,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,UAAU,GAAwB;QACtC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAK,KAAK,MAAM,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,GAAG,SAAS;QACtE,QAAQ,EAAE,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAI;QACzB,IAAI,EAAE,KAAK,KAAK,MAAM,GAAG,CAAC,GAAG,SAAS;AACtC,QAAA,GAAG,UAAU;KACd;IAED,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,sBAAsB,EAAA;QAEjC,SAAS,IAAI,KAAK,KACjB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,6BAA6B,EAAA,EAAE,KAAK,CAAQ,CAC7D;AACA,QAAA,WAAW,KAAK,MAAM,IACrB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,CAAA,0BAAA,EAA6B,QAAQ,GAAG,oCAAoC,GAAG,EAAE,CAAA,CAAE,EAAA,EAE7F,QAAQ,CACJ,KAEP,QAAQ,CACT,CACG;AAEV;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var styles = require('../../../utils/styles.js');
|
|
5
|
+
|
|
6
|
+
const FlexTableContainer = ({ children, autoHeight = false, rootClassName, rootStyles = {}, ...spacingsProps }) => {
|
|
7
|
+
const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
|
|
8
|
+
resoui_flexTable_container: true,
|
|
9
|
+
resoui_flexTable_container_autoHeight: autoHeight,
|
|
10
|
+
}, spacingsProps), rootClassName));
|
|
11
|
+
return (React.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "flex-table-container-root" }, children));
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
exports.FlexTableContainer = FlexTableContainer;
|
|
15
|
+
//# sourceMappingURL=Flex-Table-Container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flex-Table-Container.js","sources":["../../../../../src/library/components/Flex-Table/Flex-Table-Container/Flex-Table-Container.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;MAsBa,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACS,KAAI;AAC7B,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,0BAA0B,EAAE,IAAI;AAChC,QAAA,qCAAqC,EAAE,UAAU;AAClD,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,iBACL,2BAA2B,EAAA,EAEtC,QAAQ,CACL;AAEV;;;;"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var styles = require('../../../utils/styles.js');
|
|
5
|
+
var validations = require('../../../utils/validations.js');
|
|
6
|
+
|
|
7
|
+
const FlexTableRow = ({ children, itemId, namespace, isMobile, active = false, isHeader = false, onClick, disabled = false, rootClassName, rootStyles = {}, ...spacingsProps }) => {
|
|
8
|
+
const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
|
|
9
|
+
resoui_flexTable_row: true,
|
|
10
|
+
resoui_flexTable_row_desktop: !isMobile,
|
|
11
|
+
resoui_flexTable_row_mobile: isMobile,
|
|
12
|
+
resoui_flexTable_row_active: active,
|
|
13
|
+
resoui_flexTable_row_header: isHeader,
|
|
14
|
+
resoui_flexTable_row_disabled: disabled,
|
|
15
|
+
}, spacingsProps), rootClassName));
|
|
16
|
+
return (React.createElement("div", { id: itemId, key: `manage-${namespace}-page-list-${itemId}`, className: containerStyles, style: rootStyles, "data-testid": "flex-table-row-root", onClick: (e) => {
|
|
17
|
+
if (disabled)
|
|
18
|
+
return;
|
|
19
|
+
e.preventDefault();
|
|
20
|
+
e.stopPropagation();
|
|
21
|
+
if (validations.methodHasValue(onClick)) {
|
|
22
|
+
onClick();
|
|
23
|
+
}
|
|
24
|
+
} }, children));
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
exports.FlexTableRow = FlexTableRow;
|
|
28
|
+
//# sourceMappingURL=Flex-Table-Row.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flex-Table-Row.js","sources":["../../../../../src/library/components/Flex-Table/Flex-Table-Row/Flex-Table-Row.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","withSpacingsProps","methodHasValue"],"mappings":";;;;;;AA6BO,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACG,KAAI;AACvB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,oBAAoB,EAAE,IAAI;QAC1B,4BAA4B,EAAE,CAAC,QAAQ;AACvC,QAAA,2BAA2B,EAAE,QAAQ;AACrC,QAAA,2BAA2B,EAAE,MAAM;AACnC,QAAA,2BAA2B,EAAE,QAAQ;AACrC,QAAA,6BAA6B,EAAE,QAAQ;AACxC,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,CAAA,OAAA,EAAU,SAAS,CAAA,WAAA,EAAc,MAAM,CAAA,CAAE,EAC9C,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,qBAAqB,EACjC,OAAO,EAAE,CAAC,CAAC,KAAI;AACb,YAAA,IAAI,QAAQ;gBAAE;YACd,CAAC,CAAC,cAAc,EAAE;YAClB,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,IAAIC,0BAAc,CAAC,OAAO,CAAC,EAAE;AAC3B,gBAAA,OAAO,EAAE;YACX;AACF,QAAA,CAAC,EAAA,EAEA,QAAQ,CACL;AAEV;;;;"}
|
|
@@ -12,7 +12,6 @@ var useClickOutside = require('../../../../hooks/useClickOutside.js');
|
|
|
12
12
|
require('../../../../context/ThemeContext.js');
|
|
13
13
|
var Icon = require('../../../../components/Icon/Icon.js');
|
|
14
14
|
require('../../../../context/ResponsiveContext.js');
|
|
15
|
-
require('../../../../components/Tabs/Tabs.js');
|
|
16
15
|
var index = require('../../../Validators/index.js');
|
|
17
16
|
var useInputValidatorsMemo = require('../../../Hooks/useInputValidatorsMemo.js');
|
|
18
17
|
var DropdownOption = require('../Dropdown-Option/Dropdown-Option.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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"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -11,7 +11,6 @@ var CenterContainer = require('./components/Containers/Center-Container/Center-C
|
|
|
11
11
|
var Flex = require('./components/Containers/Flex/Flex.js');
|
|
12
12
|
var HorizontalScrollContainer = require('./components/Containers/Horizontal-Scroll-Container/Horizontal-Scroll-Container.js');
|
|
13
13
|
var HorizontalScrollItem = require('./components/Containers/Horizontal-Scroll-Item/Horizontal-Scroll-Item.js');
|
|
14
|
-
var InfiniteScrollContainer = require('./components/Containers/Infinite-Scroll-Container/Infinite-Scroll-Container.js');
|
|
15
14
|
var LoadingContainer = require('./components/Containers/Loading-Container/Loading-Container.js');
|
|
16
15
|
var Main = require('./components/Containers/Main/Main.js');
|
|
17
16
|
var View = require('./components/Containers/View/View.js');
|
|
@@ -22,6 +21,9 @@ var ComponentError = require('./components/Errors/Component-Error/Component-Erro
|
|
|
22
21
|
var FullScreenError = require('./components/Errors/Full-Screen-Error/Full-Screen-Error.js');
|
|
23
22
|
var Example = require('./components/Example/Example.js');
|
|
24
23
|
var ExternalLinks = require('./components/External-Links/External-Links.js');
|
|
24
|
+
var FlexTableContainer = require('./components/Flex-Table/Flex-Table-Container/Flex-Table-Container.js');
|
|
25
|
+
var FlexTableRow = require('./components/Flex-Table/Flex-Table-Row/Flex-Table-Row.js');
|
|
26
|
+
var FlexTableCell = require('./components/Flex-Table/Flex-Table-Cell/Flex-Table-Cell.js');
|
|
25
27
|
var Footer = require('./components/Footer/Footer.js');
|
|
26
28
|
var Icon = require('./components/Icon/Icon.js');
|
|
27
29
|
var Hero = require('./components/Images/Hero/Hero.js');
|
|
@@ -34,18 +36,10 @@ var ModalBody = require('./components/Modal/Modal-Body/Modal-Body.js');
|
|
|
34
36
|
var ModalHeader = require('./components/Modal/Modal-Header/Modal-Header.js');
|
|
35
37
|
var Navbar = require('./components/Nav/Navbar/Navbar.js');
|
|
36
38
|
var NavItem = require('./components/Nav/NavItem/NavItem.js');
|
|
37
|
-
var Paginator = require('./components/Paginator/Paginator.js');
|
|
38
39
|
var PanelContainer = require('./components/Panel/Panel-Container/Panel-Container.js');
|
|
39
40
|
var PanelTitle = require('./components/Panel/Panel-Title/Panel-Title.js');
|
|
40
41
|
var PanelRow = require('./components/Panel/Panel-Row/Panel-Row.js');
|
|
41
42
|
var QuantityCounter = require('./components/Quantity-Counter/Quantity-Counter.js');
|
|
42
|
-
var Sidebar = require('./components/Sidebar/Sidebar.js');
|
|
43
|
-
var SidebarNavLink = require('./components/Sidebar/SidebarNavLink.js');
|
|
44
|
-
var FlexTable = require('./components/Table/FlexTable.js');
|
|
45
|
-
var Tabs = require('./components/Tabs/Tabs.js');
|
|
46
|
-
var TabList = require('./components/Tabs/TabList.js');
|
|
47
|
-
var Tab = require('./components/Tabs/Tab.js');
|
|
48
|
-
var TabPanel = require('./components/Tabs/TabPanel.js');
|
|
49
43
|
var Text = require('./components/Text/Text.js');
|
|
50
44
|
var FormContainer = require('./forms/Containers/Form-Container/Form-Container.js');
|
|
51
45
|
var SubFormContainer = require('./forms/Containers/Sub-Form-Container/Sub-Form-Container.js');
|
|
@@ -109,6 +103,7 @@ var String = require('./forms/Validators/String.js');
|
|
|
109
103
|
|
|
110
104
|
|
|
111
105
|
exports.Banner = Banner.Banner;
|
|
106
|
+
exports.TRANSITION_DURATION = Banner.TRANSITION_DURATION;
|
|
112
107
|
exports.BannerWrapper = BannerWrapper.BannerWrapper;
|
|
113
108
|
exports.Back = Back.Back;
|
|
114
109
|
exports.Button = Button.Button;
|
|
@@ -119,7 +114,6 @@ exports.CenterContainer = CenterContainer.CenterContainer;
|
|
|
119
114
|
exports.Flex = Flex.Flex;
|
|
120
115
|
exports.HorizontalScrollContainer = HorizontalScrollContainer.HorizontalScrollContainer;
|
|
121
116
|
exports.HorizontalScrollItem = HorizontalScrollItem.HorizontalScrollItem;
|
|
122
|
-
exports.InfiniteScrollContainer = InfiniteScrollContainer.InfiniteScrollContainer;
|
|
123
117
|
exports.LoadingContainer = LoadingContainer.LoadingContainer;
|
|
124
118
|
exports.Main = Main.Main;
|
|
125
119
|
exports.View = View.View;
|
|
@@ -130,6 +124,9 @@ exports.ComponentError = ComponentError.ComponentError;
|
|
|
130
124
|
exports.FullScreenError = FullScreenError.FullScreenError;
|
|
131
125
|
exports.Example = Example.Example;
|
|
132
126
|
exports.ExternalLinks = ExternalLinks.ExternalLinks;
|
|
127
|
+
exports.FlexTableContainer = FlexTableContainer.FlexTableContainer;
|
|
128
|
+
exports.FlexTableRow = FlexTableRow.FlexTableRow;
|
|
129
|
+
exports.FlexTableCell = FlexTableCell.FlexTableCell;
|
|
133
130
|
exports.Footer = Footer.Footer;
|
|
134
131
|
exports.Icon = Icon.Icon;
|
|
135
132
|
exports.Hero = Hero.Hero;
|
|
@@ -142,18 +139,10 @@ exports.ModalBody = ModalBody.ModalBody;
|
|
|
142
139
|
exports.ModalHeader = ModalHeader.ModalHeader;
|
|
143
140
|
exports.Navbar = Navbar.Navbar;
|
|
144
141
|
exports.NavItem = NavItem.NavItem;
|
|
145
|
-
exports.Paginator = Paginator.Paginator;
|
|
146
142
|
exports.PanelContainer = PanelContainer.PanelContainer;
|
|
147
143
|
exports.PanelTitle = PanelTitle.PanelTitle;
|
|
148
144
|
exports.PanelRow = PanelRow.PanelRow;
|
|
149
145
|
exports.QuantityCounter = QuantityCounter.QuantityCounter;
|
|
150
|
-
exports.Sidebar = Sidebar.Sidebar;
|
|
151
|
-
exports.SidebarNavLink = SidebarNavLink.SidebarNavLink;
|
|
152
|
-
exports.FlexTable = FlexTable.FlexTable;
|
|
153
|
-
exports.Tabs = Tabs.Tabs;
|
|
154
|
-
exports.TabList = TabList.TabList;
|
|
155
|
-
exports.Tab = Tab.Tab;
|
|
156
|
-
exports.TabPanel = TabPanel.TabPanel;
|
|
157
146
|
exports.Text = Text.Text;
|
|
158
147
|
exports.FormContainer = FormContainer.FormContainer;
|
|
159
148
|
exports.SubFormContainer = SubFormContainer.SubFormContainer;
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -25,8 +25,23 @@ const ThemeProvider = ({ children, theme: theme$1 = {}, mode: modeProp = "light"
|
|
|
25
25
|
const handleSetMode = React.useCallback((newMode) => {
|
|
26
26
|
setMode(newMode);
|
|
27
27
|
}, []);
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
React.useEffect(() => {
|
|
29
|
+
const el = document.getElementById("root");
|
|
30
|
+
if (!el)
|
|
31
|
+
return;
|
|
32
|
+
el.setAttribute("data-resoui-theme", resolvedMode);
|
|
33
|
+
const varKeys = Object.keys(cssVars);
|
|
34
|
+
varKeys.forEach((key) => {
|
|
35
|
+
el.style.setProperty(key, cssVars[key]);
|
|
36
|
+
});
|
|
37
|
+
return () => {
|
|
38
|
+
el.removeAttribute("data-resoui-theme");
|
|
39
|
+
varKeys.forEach((key) => {
|
|
40
|
+
el.style.removeProperty(key);
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
}, [cssVars, resolvedMode]);
|
|
44
|
+
return (React.createElement(ThemeContext.ThemeContext.Provider, { value: { mode, resolvedMode, setMode: handleSetMode, theme: mergedConfig } }, children));
|
|
30
45
|
};
|
|
31
46
|
|
|
32
47
|
exports.ThemeProvider = ThemeProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/library/providers/ThemeProvider.tsx"],"sourcesContent":[null],"names":["theme","useState","getSystemMode","useEffect","useMemo","buildCssVars","darkTheme","useCallback","ThemeContext"],"mappings":";;;;;;;AAYO,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,SAAEA,OAAK,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAuB,KAAI;IACvG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGC,cAAQ,CAAY,QAAQ,CAAC;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAmBC,mBAAa,CAAC;IAE7EC,eAAS,CAAC,MAAK;QACb,IAAI,IAAI,KAAK,QAAQ;YAAE;QACvB,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC;QAC5D,MAAM,OAAO,GAAG,CAAC,CAAsB,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACvF,QAAA,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC;QACtC,OAAO,MAAM,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AACxD,IAAA,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAEV,IAAA,MAAM,YAAY,GAAqB,IAAI,KAAK,QAAQ,GAAG,UAAU,GAAG,IAAI;AAE5E,IAAA,MAAM,YAAY,GAAGC,aAAO,CAC1B,OAAO;QACL,MAAM,EAAE,EAAE,IAAIJ,OAAK,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE;QACnC,MAAM,EAAE,EAAE,IAAIA,OAAK,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE;AACpC,KAAA,CAAC,EACF,CAACA,OAAK,CAAC,CACR;AAED,IAAA,MAAM,OAAO,GAAGI,aAAO,CACrB,MAAMC,kBAAY,CAAC,YAAY,EAAE,YAAY,KAAK,MAAM,GAAGC,mBAAS,GAAG,SAAS,CAAC,EACjF,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B;AAED,IAAA,MAAM,aAAa,GAAGC,iBAAW,CAAC,CAAC,OAAkB,KAAI;QACvD,OAAO,CAAC,OAAO,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/library/providers/ThemeProvider.tsx"],"sourcesContent":[null],"names":["theme","useState","getSystemMode","useEffect","useMemo","buildCssVars","darkTheme","useCallback","ThemeContext"],"mappings":";;;;;;;AAYO,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,SAAEA,OAAK,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAuB,KAAI;IACvG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGC,cAAQ,CAAY,QAAQ,CAAC;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAmBC,mBAAa,CAAC;IAE7EC,eAAS,CAAC,MAAK;QACb,IAAI,IAAI,KAAK,QAAQ;YAAE;QACvB,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC;QAC5D,MAAM,OAAO,GAAG,CAAC,CAAsB,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACvF,QAAA,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC;QACtC,OAAO,MAAM,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AACxD,IAAA,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAEV,IAAA,MAAM,YAAY,GAAqB,IAAI,KAAK,QAAQ,GAAG,UAAU,GAAG,IAAI;AAE5E,IAAA,MAAM,YAAY,GAAGC,aAAO,CAC1B,OAAO;QACL,MAAM,EAAE,EAAE,IAAIJ,OAAK,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE;QACnC,MAAM,EAAE,EAAE,IAAIA,OAAK,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE;AACpC,KAAA,CAAC,EACF,CAACA,OAAK,CAAC,CACR;AAED,IAAA,MAAM,OAAO,GAAGI,aAAO,CACrB,MAAMC,kBAAY,CAAC,YAAY,EAAE,YAAY,KAAK,MAAM,GAAGC,mBAAS,GAAG,SAAS,CAAC,EACjF,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B;AAED,IAAA,MAAM,aAAa,GAAGC,iBAAW,CAAC,CAAC,OAAkB,KAAI;QACvD,OAAO,CAAC,OAAO,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;IAENJ,eAAS,CAAC,MAAK;QACb,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC;AAC1C,QAAA,IAAI,CAAC,EAAE;YAAE;AAET,QAAA,EAAE,CAAC,YAAY,CAAC,mBAAmB,EAAE,YAAY,CAAC;QAElD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;AACpC,QAAA,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACtB,YAAA,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAG,OAAkC,CAAC,GAAG,CAAC,CAAC;AACrE,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,MAAK;AACV,YAAA,EAAE,CAAC,eAAe,CAAC,mBAAmB,CAAC;AACvC,YAAA,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACtB,gBAAA,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;AAC9B,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE3B,QACE,KAAA,CAAA,aAAA,CAACK,yBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,EAAA,EAC9F,QAAQ,CACa;AAE5B;;;;"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import IComponent from "../../../interfaces/IComponent";
|
|
3
3
|
import "./styles/Banner.layout.scss";
|
|
4
|
+
export declare const TRANSITION_DURATION = 250;
|
|
4
5
|
export interface IBannerProps extends IComponent {
|
|
5
6
|
type: "info" | "warning" | "error" | "success";
|
|
6
7
|
text: string;
|
|
8
|
+
isShown?: boolean;
|
|
9
|
+
disappearsAfterMs?: number;
|
|
10
|
+
wrapperIsPositionFixed?: boolean;
|
|
7
11
|
onCloseOverride?: () => void;
|
|
8
12
|
}
|
|
9
|
-
export declare const Banner: ({ type, text, onCloseOverride, rootClassName, rootStyles, }: IBannerProps) => React.JSX.Element;
|
|
13
|
+
export declare const Banner: ({ type, text, isShown: isShownProp, disappearsAfterMs, wrapperIsPositionFixed, onCloseOverride, rootClassName, rootStyles, }: IBannerProps) => React.JSX.Element;
|
|
@@ -1,39 +1,63 @@
|
|
|
1
|
-
import React__default, { useState, useEffect } from 'react';
|
|
1
|
+
import React__default, { useState, useRef, useEffect } from 'react';
|
|
2
2
|
import { createComponentStyles, createLayoutStyles } from '../../../utils/styles.js';
|
|
3
3
|
import { Button } from '../../Buttons/Button/Button.js';
|
|
4
4
|
|
|
5
|
-
const
|
|
5
|
+
const TRANSITION_DURATION = 250;
|
|
6
|
+
const Banner = ({ type, text, isShown: isShownProp, disappearsAfterMs, wrapperIsPositionFixed = false, onCloseOverride, rootClassName, rootStyles = {}, }) => {
|
|
6
7
|
const [show, setShow] = useState(true);
|
|
7
|
-
const [
|
|
8
|
+
const [_isShown, _setIsShown] = useState(false);
|
|
9
|
+
const isClosingRef = useRef(false);
|
|
10
|
+
const isShown = (isShownProp !== null && isShownProp !== void 0 ? isShownProp : true) && show;
|
|
11
|
+
// open/_open pattern: delay unmount to allow exit transition
|
|
8
12
|
useEffect(() => {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
+
if (isShown) {
|
|
14
|
+
_setIsShown(true);
|
|
15
|
+
}
|
|
16
|
+
else {
|
|
17
|
+
const timeout = setTimeout(() => _setIsShown(false), TRANSITION_DURATION);
|
|
18
|
+
return () => clearTimeout(timeout);
|
|
19
|
+
}
|
|
20
|
+
}, [isShown]);
|
|
21
|
+
// reset internal state when isShownProp transitions to true
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
if (isShownProp) {
|
|
24
|
+
setShow(true);
|
|
25
|
+
isClosingRef.current = false;
|
|
26
|
+
}
|
|
27
|
+
}, [isShownProp]);
|
|
13
28
|
const handleClose = () => {
|
|
14
|
-
|
|
29
|
+
if (isClosingRef.current)
|
|
30
|
+
return;
|
|
31
|
+
isClosingRef.current = true;
|
|
32
|
+
setShow(false);
|
|
15
33
|
setTimeout(() => {
|
|
16
34
|
if (typeof onCloseOverride === "function") {
|
|
17
35
|
onCloseOverride();
|
|
18
36
|
}
|
|
19
|
-
|
|
20
|
-
setShow(false);
|
|
21
|
-
}
|
|
22
|
-
}, 250);
|
|
37
|
+
}, TRANSITION_DURATION);
|
|
23
38
|
};
|
|
39
|
+
// auto-dismiss after disappearsAfterMs
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
if (_isShown && disappearsAfterMs != null) {
|
|
42
|
+
const timeout = setTimeout(() => handleClose(), disappearsAfterMs);
|
|
43
|
+
return () => clearTimeout(timeout);
|
|
44
|
+
}
|
|
45
|
+
}, [_isShown, disappearsAfterMs]);
|
|
24
46
|
const containerStyles = createComponentStyles(createLayoutStyles({
|
|
25
47
|
resoui_banner_container: true,
|
|
26
|
-
resoui_banner_container_visible:
|
|
48
|
+
resoui_banner_container_visible: isShown ? _isShown : isShown,
|
|
49
|
+
resoui_banner_container_fixed: wrapperIsPositionFixed,
|
|
27
50
|
[`resoui_banner_container_${type}`]: true,
|
|
28
51
|
}, rootClassName, {
|
|
29
52
|
resoui_position_relative: true,
|
|
30
53
|
}));
|
|
31
|
-
|
|
54
|
+
const getIsShown = () => (isShown ? isShown : _isShown);
|
|
55
|
+
return (getIsShown() && (React__default.createElement("div", { className: containerStyles, style: {
|
|
32
56
|
...rootStyles,
|
|
33
57
|
}, "data-testid": "banner-root" },
|
|
34
58
|
React__default.createElement("span", null, text),
|
|
35
59
|
React__default.createElement(Button, { text: "X", rootClassName: "resoui_banner_close_button", onClick: handleClose }))));
|
|
36
60
|
};
|
|
37
61
|
|
|
38
|
-
export { Banner };
|
|
62
|
+
export { Banner, TRANSITION_DURATION };
|
|
39
63
|
//# sourceMappingURL=Banner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sources":["../../../../../src/library/components/Banners/Banner/Banner.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Banner.js","sources":["../../../../../src/library/components/Banners/Banner/Banner.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import IComponent from "../../../interfaces/IComponent";
|
|
|
3
3
|
import "./styles/Banner-Wrapper.layout.scss";
|
|
4
4
|
export interface IBannerWrapperProps extends IComponent {
|
|
5
5
|
children: React.ReactNode;
|
|
6
|
-
|
|
6
|
+
position?: "relative" | "absolute" | "fixed";
|
|
7
7
|
hasMaxHeight?: boolean;
|
|
8
8
|
}
|
|
9
|
-
export declare const BannerWrapper: ({ children,
|
|
9
|
+
export declare const BannerWrapper: ({ children, position, hasMaxHeight, rootClassName, rootStyles, }: IBannerWrapperProps) => React.JSX.Element;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { createComponentStyles, createLayoutStyles } from '../../../utils/styles.js';
|
|
3
3
|
|
|
4
|
-
const BannerWrapper = ({ children,
|
|
4
|
+
const BannerWrapper = ({ children, position, hasMaxHeight = false, rootClassName, rootStyles = {}, }) => {
|
|
5
5
|
const containerStyles = createComponentStyles(createLayoutStyles({
|
|
6
6
|
resoui_banner_wrapper_container: true,
|
|
7
|
-
|
|
7
|
+
resoui_banner_wrapper_container_relative: position === "relative",
|
|
8
|
+
resoui_banner_wrapper_container_absolute: position === "absolute",
|
|
9
|
+
resoui_banner_wrapper_container_fixed: position === "fixed",
|
|
8
10
|
resoui_banner_wrapper_container_scroll: hasMaxHeight,
|
|
9
11
|
}, rootClassName));
|
|
10
12
|
return (React__default.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "banner-wrapper-root" }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner-Wrapper.js","sources":["../../../../../src/library/components/Banners/Banner-Wrapper/Banner-Wrapper.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"Banner-Wrapper.js","sources":["../../../../../src/library/components/Banners/Banner-Wrapper/Banner-Wrapper.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;MAoBa,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,aAAa,EACb,UAAU,GAAG,EAAE,GACK,KAAI;AACxB,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB;AACE,QAAA,+BAA+B,EAAE,IAAI;QACrC,wCAAwC,EAAE,QAAQ,KAAK,UAAU;QACjE,wCAAwC,EAAE,QAAQ,KAAK,UAAU;QACjE,qCAAqC,EAAE,QAAQ,KAAK,OAAO;AAC3D,QAAA,sCAAsC,EAAE,YAAY;KACrD,EACD,aAAa,CACd,CACF;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,iBACL,qBAAqB,EAAA,EAEhC,QAAQ,CACL;AAEV;;;;"}
|
|
@@ -2,7 +2,6 @@ export * from "./Center-Container";
|
|
|
2
2
|
export * from "./Flex";
|
|
3
3
|
export * from "./Horizontal-Scroll-Container";
|
|
4
4
|
export * from "./Horizontal-Scroll-Item";
|
|
5
|
-
export * from "./Infinite-Scroll-Container";
|
|
6
5
|
export * from "./Loading-Container";
|
|
7
6
|
export * from "./Main";
|
|
8
7
|
export * from "./View";
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import IComponent from "../../../interfaces/IComponent";
|
|
3
|
+
import { IMarginProps } from "../../../interfaces/ISpacingsProps";
|
|
4
|
+
import "./styles/Flex-Table-Cell.layout.scss";
|
|
5
|
+
import "./styles/Flex-Table-Cell.theme.scss";
|
|
6
|
+
export interface IFlexTableCellProps extends IComponent, IMarginProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
width: number | "auto";
|
|
9
|
+
minWidth: number;
|
|
10
|
+
isMobile: boolean;
|
|
11
|
+
contentType?: "text" | "custom";
|
|
12
|
+
label?: string;
|
|
13
|
+
showLabel?: boolean;
|
|
14
|
+
isHeader?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare const FlexTableCell: ({ children, width, minWidth, isMobile, contentType, label, showLabel, isHeader, rootClassName, rootStyles, ...spacingsProps }: IFlexTableCellProps) => React.JSX.Element;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
|
|
3
|
+
|
|
4
|
+
const FlexTableCell = ({ children, width, minWidth, isMobile, contentType = "text", label, showLabel = false, isHeader = false, rootClassName, rootStyles = {}, ...spacingsProps }) => {
|
|
5
|
+
const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
|
|
6
|
+
resoui_flexTable_cell: true,
|
|
7
|
+
resoui_flexTable_cell_mobile: isMobile,
|
|
8
|
+
}, spacingsProps), rootClassName));
|
|
9
|
+
const cellStyles = {
|
|
10
|
+
width: isMobile ? "100%" : width !== "auto" ? `${width}px` : undefined,
|
|
11
|
+
minWidth: `${minWidth}px`,
|
|
12
|
+
flex: width === "auto" ? 1 : undefined,
|
|
13
|
+
...rootStyles,
|
|
14
|
+
};
|
|
15
|
+
return (React__default.createElement("div", { className: containerStyles, style: cellStyles, "data-testid": "flex-table-cell-root" },
|
|
16
|
+
showLabel && label && (React__default.createElement("span", { className: "resoui_flexTable_cell_label" }, label)),
|
|
17
|
+
contentType === "text" ? (React__default.createElement("span", { className: `resoui_flexTable_cell_text${isHeader ? " resoui_flexTable_cell_text_header" : ""}` }, children)) : (children)));
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
export { FlexTableCell };
|
|
21
|
+
//# sourceMappingURL=Flex-Table-Cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flex-Table-Cell.js","sources":["../../../../../src/library/components/Flex-Table/Flex-Table-Cell/Flex-Table-Cell.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AA4BO,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,MAAM,EACpB,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACI,KAAI;AACxB,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,4BAA4B,EAAE,QAAQ;AACvC,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,UAAU,GAAwB;QACtC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAK,KAAK,MAAM,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,GAAG,SAAS;QACtE,QAAQ,EAAE,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAI;QACzB,IAAI,EAAE,KAAK,KAAK,MAAM,GAAG,CAAC,GAAG,SAAS;AACtC,QAAA,GAAG,UAAU;KACd;IAED,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,sBAAsB,EAAA;QAEjC,SAAS,IAAI,KAAK,KACjBA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,6BAA6B,EAAA,EAAE,KAAK,CAAQ,CAC7D;AACA,QAAA,WAAW,KAAK,MAAM,IACrBA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,CAAA,0BAAA,EAA6B,QAAQ,GAAG,oCAAoC,GAAG,EAAE,CAAA,CAAE,EAAA,EAE7F,QAAQ,CACJ,KAEP,QAAQ,CACT,CACG;AAEV;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import IComponent from "../../../interfaces/IComponent";
|
|
3
|
+
import { IMarginProps } from "../../../interfaces/ISpacingsProps";
|
|
4
|
+
import "./styles/Flex-Table-Container.layout.scss";
|
|
5
|
+
import "./styles/Flex-Table-Container.theme.scss";
|
|
6
|
+
export interface IFlexTableContainerProps extends IComponent, IMarginProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
autoHeight?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const FlexTableContainer: ({ children, autoHeight, rootClassName, rootStyles, ...spacingsProps }: IFlexTableContainerProps) => React.JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
|
|
3
|
+
|
|
4
|
+
const FlexTableContainer = ({ children, autoHeight = false, rootClassName, rootStyles = {}, ...spacingsProps }) => {
|
|
5
|
+
const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
|
|
6
|
+
resoui_flexTable_container: true,
|
|
7
|
+
resoui_flexTable_container_autoHeight: autoHeight,
|
|
8
|
+
}, spacingsProps), rootClassName));
|
|
9
|
+
return (React__default.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "flex-table-container-root" }, children));
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { FlexTableContainer };
|
|
13
|
+
//# sourceMappingURL=Flex-Table-Container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flex-Table-Container.js","sources":["../../../../../src/library/components/Flex-Table/Flex-Table-Container/Flex-Table-Container.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;MAsBa,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACS,KAAI;AAC7B,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,0BAA0B,EAAE,IAAI;AAChC,QAAA,qCAAqC,EAAE,UAAU;AAClD,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,iBACL,2BAA2B,EAAA,EAEtC,QAAQ,CACL;AAEV;;;;"}
|