reso-ui 3.0.0-alpha.5 → 3.0.0-alpha.6
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/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 +6 -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/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 +3 -9
- 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/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
|
@@ -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');
|
|
@@ -119,7 +113,6 @@ exports.CenterContainer = CenterContainer.CenterContainer;
|
|
|
119
113
|
exports.Flex = Flex.Flex;
|
|
120
114
|
exports.HorizontalScrollContainer = HorizontalScrollContainer.HorizontalScrollContainer;
|
|
121
115
|
exports.HorizontalScrollItem = HorizontalScrollItem.HorizontalScrollItem;
|
|
122
|
-
exports.InfiniteScrollContainer = InfiniteScrollContainer.InfiniteScrollContainer;
|
|
123
116
|
exports.LoadingContainer = LoadingContainer.LoadingContainer;
|
|
124
117
|
exports.Main = Main.Main;
|
|
125
118
|
exports.View = View.View;
|
|
@@ -130,6 +123,9 @@ exports.ComponentError = ComponentError.ComponentError;
|
|
|
130
123
|
exports.FullScreenError = FullScreenError.FullScreenError;
|
|
131
124
|
exports.Example = Example.Example;
|
|
132
125
|
exports.ExternalLinks = ExternalLinks.ExternalLinks;
|
|
126
|
+
exports.FlexTableContainer = FlexTableContainer.FlexTableContainer;
|
|
127
|
+
exports.FlexTableRow = FlexTableRow.FlexTableRow;
|
|
128
|
+
exports.FlexTableCell = FlexTableCell.FlexTableCell;
|
|
133
129
|
exports.Footer = Footer.Footer;
|
|
134
130
|
exports.Icon = Icon.Icon;
|
|
135
131
|
exports.Hero = Hero.Hero;
|
|
@@ -142,18 +138,10 @@ exports.ModalBody = ModalBody.ModalBody;
|
|
|
142
138
|
exports.ModalHeader = ModalHeader.ModalHeader;
|
|
143
139
|
exports.Navbar = Navbar.Navbar;
|
|
144
140
|
exports.NavItem = NavItem.NavItem;
|
|
145
|
-
exports.Paginator = Paginator.Paginator;
|
|
146
141
|
exports.PanelContainer = PanelContainer.PanelContainer;
|
|
147
142
|
exports.PanelTitle = PanelTitle.PanelTitle;
|
|
148
143
|
exports.PanelRow = PanelRow.PanelRow;
|
|
149
144
|
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
145
|
exports.Text = Text.Text;
|
|
158
146
|
exports.FormContainer = FormContainer.FormContainer;
|
|
159
147
|
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;;;;"}
|
|
@@ -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;;;;"}
|
|
@@ -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-Row.layout.scss";
|
|
5
|
+
import "./styles/Flex-Table-Row.theme.scss";
|
|
6
|
+
export interface IFlexTableRowProps extends IComponent, IMarginProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
itemId: string;
|
|
9
|
+
namespace: string;
|
|
10
|
+
isMobile: boolean;
|
|
11
|
+
active?: boolean;
|
|
12
|
+
isHeader?: boolean;
|
|
13
|
+
onClick?: () => void;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare const FlexTableRow: ({ children, itemId, namespace, isMobile, active, isHeader, onClick, disabled, rootClassName, rootStyles, ...spacingsProps }: IFlexTableRowProps) => React.JSX.Element;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
|
|
3
|
+
import { methodHasValue } from '../../../utils/validations.js';
|
|
4
|
+
|
|
5
|
+
const FlexTableRow = ({ children, itemId, namespace, isMobile, active = false, isHeader = false, onClick, disabled = false, rootClassName, rootStyles = {}, ...spacingsProps }) => {
|
|
6
|
+
const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
|
|
7
|
+
resoui_flexTable_row: true,
|
|
8
|
+
resoui_flexTable_row_desktop: !isMobile,
|
|
9
|
+
resoui_flexTable_row_mobile: isMobile,
|
|
10
|
+
resoui_flexTable_row_active: active,
|
|
11
|
+
resoui_flexTable_row_header: isHeader,
|
|
12
|
+
resoui_flexTable_row_disabled: disabled,
|
|
13
|
+
}, spacingsProps), rootClassName));
|
|
14
|
+
return (React__default.createElement("div", { id: itemId, key: `manage-${namespace}-page-list-${itemId}`, className: containerStyles, style: rootStyles, "data-testid": "flex-table-row-root", onClick: (e) => {
|
|
15
|
+
if (disabled)
|
|
16
|
+
return;
|
|
17
|
+
e.preventDefault();
|
|
18
|
+
e.stopPropagation();
|
|
19
|
+
if (methodHasValue(onClick)) {
|
|
20
|
+
onClick();
|
|
21
|
+
}
|
|
22
|
+
} }, children));
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export { FlexTableRow };
|
|
26
|
+
//# 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":["React"],"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,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,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,QACEA,cAAA,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,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;AAC3B,gBAAA,OAAO,EAAE;YACX;AACF,QAAA,CAAC,EAAA,EAEA,QAAQ,CACL;AAEV;;;;"}
|
|
@@ -8,16 +8,13 @@ export * from "./Drawer";
|
|
|
8
8
|
export * from "./Errors";
|
|
9
9
|
export * from "./Example";
|
|
10
10
|
export * from "./External-Links";
|
|
11
|
+
export * from "./Flex-Table";
|
|
11
12
|
export * from "./Footer";
|
|
12
13
|
export * from "./Icon";
|
|
13
14
|
export * from "./Images";
|
|
14
15
|
export * from "./Loaders";
|
|
15
16
|
export * from "./Modal";
|
|
16
17
|
export * from "./Nav";
|
|
17
|
-
export * from "./Paginator";
|
|
18
18
|
export * from "./Panel";
|
|
19
19
|
export * from "./Quantity-Counter";
|
|
20
|
-
export * from "./Sidebar";
|
|
21
|
-
export * from "./Table";
|
|
22
|
-
export * from "./Tabs";
|
|
23
20
|
export * from "./Text";
|
|
@@ -10,7 +10,6 @@ import { useClickOutside } from '../../../../hooks/useClickOutside.js';
|
|
|
10
10
|
import '../../../../context/ThemeContext.js';
|
|
11
11
|
import { Icon } from '../../../../components/Icon/Icon.js';
|
|
12
12
|
import '../../../../context/ResponsiveContext.js';
|
|
13
|
-
import '../../../../components/Tabs/Tabs.js';
|
|
14
13
|
import { validate } from '../../../Validators/index.js';
|
|
15
14
|
import useInputValidatorsMemo from '../../../Hooks/useInputValidatorsMemo.js';
|
|
16
15
|
import { DropdownOption } from '../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":["React","DropdownDown"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dropdown-Select.js","sources":["../../../../../../src/library/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.tsx"],"sourcesContent":[null],"names":["React","DropdownDown"],"mappings":"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"}
|
package/dist/esm/index.js
CHANGED
|
@@ -9,7 +9,6 @@ export { CenterContainer } from './components/Containers/Center-Container/Center
|
|
|
9
9
|
export { Flex } from './components/Containers/Flex/Flex.js';
|
|
10
10
|
export { HorizontalScrollContainer } from './components/Containers/Horizontal-Scroll-Container/Horizontal-Scroll-Container.js';
|
|
11
11
|
export { HorizontalScrollItem } from './components/Containers/Horizontal-Scroll-Item/Horizontal-Scroll-Item.js';
|
|
12
|
-
export { InfiniteScrollContainer } from './components/Containers/Infinite-Scroll-Container/Infinite-Scroll-Container.js';
|
|
13
12
|
export { LoadingContainer } from './components/Containers/Loading-Container/Loading-Container.js';
|
|
14
13
|
export { Main } from './components/Containers/Main/Main.js';
|
|
15
14
|
export { View } from './components/Containers/View/View.js';
|
|
@@ -20,6 +19,9 @@ export { ComponentError } from './components/Errors/Component-Error/Component-Er
|
|
|
20
19
|
export { FullScreenError } from './components/Errors/Full-Screen-Error/Full-Screen-Error.js';
|
|
21
20
|
export { Example } from './components/Example/Example.js';
|
|
22
21
|
export { ExternalLinks } from './components/External-Links/External-Links.js';
|
|
22
|
+
export { FlexTableContainer } from './components/Flex-Table/Flex-Table-Container/Flex-Table-Container.js';
|
|
23
|
+
export { FlexTableRow } from './components/Flex-Table/Flex-Table-Row/Flex-Table-Row.js';
|
|
24
|
+
export { FlexTableCell } from './components/Flex-Table/Flex-Table-Cell/Flex-Table-Cell.js';
|
|
23
25
|
export { Footer } from './components/Footer/Footer.js';
|
|
24
26
|
export { Icon } from './components/Icon/Icon.js';
|
|
25
27
|
export { Hero } from './components/Images/Hero/Hero.js';
|
|
@@ -32,18 +34,10 @@ export { ModalBody } from './components/Modal/Modal-Body/Modal-Body.js';
|
|
|
32
34
|
export { ModalHeader } from './components/Modal/Modal-Header/Modal-Header.js';
|
|
33
35
|
export { Navbar } from './components/Nav/Navbar/Navbar.js';
|
|
34
36
|
export { NavItem } from './components/Nav/NavItem/NavItem.js';
|
|
35
|
-
export { Paginator } from './components/Paginator/Paginator.js';
|
|
36
37
|
export { PanelContainer } from './components/Panel/Panel-Container/Panel-Container.js';
|
|
37
38
|
export { PanelTitle } from './components/Panel/Panel-Title/Panel-Title.js';
|
|
38
39
|
export { PanelRow } from './components/Panel/Panel-Row/Panel-Row.js';
|
|
39
40
|
export { QuantityCounter } from './components/Quantity-Counter/Quantity-Counter.js';
|
|
40
|
-
export { Sidebar } from './components/Sidebar/Sidebar.js';
|
|
41
|
-
export { SidebarNavLink } from './components/Sidebar/SidebarNavLink.js';
|
|
42
|
-
export { FlexTable } from './components/Table/FlexTable.js';
|
|
43
|
-
export { Tabs } from './components/Tabs/Tabs.js';
|
|
44
|
-
export { TabList } from './components/Tabs/TabList.js';
|
|
45
|
-
export { Tab } from './components/Tabs/Tab.js';
|
|
46
|
-
export { TabPanel } from './components/Tabs/TabPanel.js';
|
|
47
41
|
export { Text } from './components/Text/Text.js';
|
|
48
42
|
export { FormContainer } from './forms/Containers/Form-Container/Form-Container.js';
|
|
49
43
|
export { SubFormContainer } from './forms/Containers/Sub-Form-Container/Sub-Form-Container.js';
|
package/dist/esm/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -23,8 +23,23 @@ const ThemeProvider = ({ children, theme = {}, mode: modeProp = "light" }) => {
|
|
|
23
23
|
const handleSetMode = useCallback((newMode) => {
|
|
24
24
|
setMode(newMode);
|
|
25
25
|
}, []);
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
const el = document.getElementById("root");
|
|
28
|
+
if (!el)
|
|
29
|
+
return;
|
|
30
|
+
el.setAttribute("data-resoui-theme", resolvedMode);
|
|
31
|
+
const varKeys = Object.keys(cssVars);
|
|
32
|
+
varKeys.forEach((key) => {
|
|
33
|
+
el.style.setProperty(key, cssVars[key]);
|
|
34
|
+
});
|
|
35
|
+
return () => {
|
|
36
|
+
el.removeAttribute("data-resoui-theme");
|
|
37
|
+
varKeys.forEach((key) => {
|
|
38
|
+
el.style.removeProperty(key);
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
}, [cssVars, resolvedMode]);
|
|
42
|
+
return (React__default.createElement(ThemeContext.Provider, { value: { mode, resolvedMode, setMode: handleSetMode, theme: mergedConfig } }, children));
|
|
28
43
|
};
|
|
29
44
|
|
|
30
45
|
export { ThemeProvider };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/library/providers/ThemeProvider.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;;AAYO,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAuB,KAAI;IACvG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAY,QAAQ,CAAC;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAmB,aAAa,CAAC;IAE7E,SAAS,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,GAAG,OAAO,CAC1B,OAAO;QACL,MAAM,EAAE,EAAE,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE;QACnC,MAAM,EAAE,EAAE,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE;AACpC,KAAA,CAAC,EACF,CAAC,KAAK,CAAC,CACR;AAED,IAAA,MAAM,OAAO,GAAG,OAAO,CACrB,MAAM,YAAY,CAAC,YAAY,EAAE,YAAY,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,EACjF,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B;AAED,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,OAAkB,KAAI;QACvD,OAAO,CAAC,OAAO,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;IAEN,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/library/providers/ThemeProvider.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;;AAYO,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAuB,KAAI;IACvG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAY,QAAQ,CAAC;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAmB,aAAa,CAAC;IAE7E,SAAS,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,GAAG,OAAO,CAC1B,OAAO;QACL,MAAM,EAAE,EAAE,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE;QACnC,MAAM,EAAE,EAAE,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE;AACpC,KAAA,CAAC,EACF,CAAC,KAAK,CAAC,CACR;AAED,IAAA,MAAM,OAAO,GAAG,OAAO,CACrB,MAAM,YAAY,CAAC,YAAY,EAAE,YAAY,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,EACjF,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B;AAED,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,OAAkB,KAAI;QACvD,OAAO,CAAC,OAAO,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;IAEN,SAAS,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,QACEA,cAAA,CAAA,aAAA,CAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,EAAA,EAC9F,QAAQ,CACa;AAE5B;;;;"}
|
|
@@ -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,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,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import IComponent from "../../../interfaces/IComponent";
|
|
3
|
+
import { IMarginProps } from "../../../interfaces/ISpacingsProps";
|
|
4
|
+
import "./styles/Flex-Table-Row.layout.scss";
|
|
5
|
+
import "./styles/Flex-Table-Row.theme.scss";
|
|
6
|
+
export interface IFlexTableRowProps extends IComponent, IMarginProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
itemId: string;
|
|
9
|
+
namespace: string;
|
|
10
|
+
isMobile: boolean;
|
|
11
|
+
active?: boolean;
|
|
12
|
+
isHeader?: boolean;
|
|
13
|
+
onClick?: () => void;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare const FlexTableRow: ({ children, itemId, namespace, isMobile, active, isHeader, onClick, disabled, rootClassName, rootStyles, ...spacingsProps }: IFlexTableRowProps) => React.JSX.Element;
|