@oc-digital/react-component-library 7.2.4 → 7.2.5-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/Alert/Alert.js +43 -0
- package/build/Alert/Alert.js.map +1 -0
- package/build/Alert/Alert.types.js +2 -0
- package/build/Alert/Alert.types.js.map +1 -0
- package/build/AlphabeticalList/AlphabeticalList.js +81 -0
- package/build/AlphabeticalList/AlphabeticalList.js.map +1 -0
- package/build/AlphabeticalList/AlphabeticalList.types.js +2 -0
- package/build/AlphabeticalList/AlphabeticalList.types.js.map +1 -0
- package/build/Breadcrumbs/Breadcrumbs.js +137 -0
- package/build/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/build/Breadcrumbs/Breadcrumbs.types.js +2 -0
- package/build/Breadcrumbs/Breadcrumbs.types.js.map +1 -0
- package/build/Button/Button.js +54 -0
- package/build/Button/Button.js.map +1 -0
- package/build/Button/Button.types.js +2 -0
- package/build/Button/Button.types.js.map +1 -0
- package/build/ButtonWithConfirm/ButtonWithConfirm.js +66 -0
- package/build/ButtonWithConfirm/ButtonWithConfirm.js.map +1 -0
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.js +2 -0
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.js.map +1 -0
- package/build/ContentBox/ContentBox.js +22 -0
- package/build/ContentBox/ContentBox.js.map +1 -0
- package/build/ContentBox/ContentBox.types.js +2 -0
- package/build/ContentBox/ContentBox.types.js.map +1 -0
- package/build/ContentLabel/ContentLabel.js +10 -0
- package/build/ContentLabel/ContentLabel.js.map +1 -0
- package/build/ContentLabel/ContentLabel.types.js +2 -0
- package/build/ContentLabel/ContentLabel.types.js.map +1 -0
- package/build/DatePicker/DatePicker.js +40 -0
- package/build/DatePicker/DatePicker.js.map +1 -0
- package/build/DatePicker/DatePicker.types.js +2 -0
- package/build/DatePicker/DatePicker.types.js.map +1 -0
- package/build/EditableTable/EditableTable.js +434 -0
- package/build/EditableTable/EditableTable.js.map +1 -0
- package/build/EditableTable/EditableTable.types.js +2 -0
- package/build/EditableTable/EditableTable.types.js.map +1 -0
- package/build/EditableTable/defaultCells.js +166 -0
- package/build/EditableTable/defaultCells.js.map +1 -0
- package/build/EntityList/EntityList.js +54 -0
- package/build/EntityList/EntityList.js.map +1 -0
- package/build/EntityList/EntityList.types.js +2 -0
- package/build/EntityList/EntityList.types.js.map +1 -0
- package/build/ErrorIndicator/ErrorIndicator.js +24 -0
- package/build/ErrorIndicator/ErrorIndicator.js.map +1 -0
- package/build/ErrorIndicator/ErrorIndicator.types.js +2 -0
- package/build/ErrorIndicator/ErrorIndicator.types.js.map +1 -0
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js +309 -0
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js.map +1 -0
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js +2 -0
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js.map +1 -0
- package/build/KeyboardDatePicker/KeyboardDatePicker.js +40 -0
- package/build/KeyboardDatePicker/KeyboardDatePicker.js.map +1 -0
- package/build/KeyboardDatePicker/KeyboardDatePicker.types.js +2 -0
- package/build/KeyboardDatePicker/KeyboardDatePicker.types.js.map +1 -0
- package/build/LeftNavigation/LeftNavigation.js +47 -0
- package/build/LeftNavigation/LeftNavigation.js.map +1 -0
- package/build/LeftNavigation/LeftNavigation.types.js +2 -0
- package/build/LeftNavigation/LeftNavigation.types.js.map +1 -0
- package/build/LeftNavigation/NavListItem.js +138 -0
- package/build/LeftNavigation/NavListItem.js.map +1 -0
- package/build/LeftNavigation/PrimaryLeftNavigation.js +111 -0
- package/build/LeftNavigation/PrimaryLeftNavigation.js.map +1 -0
- package/build/LeftNavigation/SecondaryLeftNavigation.js +98 -0
- package/build/LeftNavigation/SecondaryLeftNavigation.js.map +1 -0
- package/build/LoadingSpinner/LoadingSpinner.js +23 -0
- package/build/LoadingSpinner/LoadingSpinner.js.map +1 -0
- package/build/LoadingSpinner/LoadingSpinner.types.js +2 -0
- package/build/LoadingSpinner/LoadingSpinner.types.js.map +1 -0
- package/build/MainLayout/MainLayout.js +37 -0
- package/build/MainLayout/MainLayout.js.map +1 -0
- package/build/MainLayout/MainLayout.types.js +2 -0
- package/build/MainLayout/MainLayout.types.js.map +1 -0
- package/build/NavbarLayout/Navbar.js +104 -0
- package/build/NavbarLayout/Navbar.js.map +1 -0
- package/build/NavbarLayout/NavbarLayout.d.ts +3 -1
- package/build/NavbarLayout/NavbarLayout.js +56 -0
- package/build/NavbarLayout/NavbarLayout.js.map +1 -0
- package/build/NavbarLayout/constants.d.ts +1 -0
- package/build/NavbarLayout/index.js +2 -0
- package/build/NavbarLayout/index.js.map +1 -0
- package/build/SearchBar/SearchBar.js +77 -0
- package/build/SearchBar/SearchBar.js.map +1 -0
- package/build/SearchBar/SearchBar.types.js +2 -0
- package/build/SearchBar/SearchBar.types.js.map +1 -0
- package/build/Select/Select.js +69 -0
- package/build/Select/Select.js.map +1 -0
- package/build/Select/Select.types.js +2 -0
- package/build/Select/Select.types.js.map +1 -0
- package/build/StaticTable/StaticTable.js +152 -0
- package/build/StaticTable/StaticTable.js.map +1 -0
- package/build/StaticTable/StaticTable.types.js +2 -0
- package/build/StaticTable/StaticTable.types.js.map +1 -0
- package/build/SvgComponents/ContainedPartnersLogo.js +10 -0
- package/build/SvgComponents/ContainedPartnersLogo.js.map +1 -0
- package/build/SvgComponents/HomeSvg.js +16 -0
- package/build/SvgComponents/HomeSvg.js.map +1 -0
- package/build/SvgComponents/NovelLogoSvg.js +97 -0
- package/build/SvgComponents/NovelLogoSvg.js.map +1 -0
- package/build/SvgComponents/OrganisationList.js +103 -0
- package/build/SvgComponents/OrganisationList.js.map +1 -0
- package/build/SvgComponents/ProjectsSvg.js +18 -0
- package/build/SvgComponents/ProjectsSvg.js.map +1 -0
- package/build/SvgComponents/index.js +6 -0
- package/build/SvgComponents/index.js.map +1 -0
- package/build/SvgComponents/types.js +2 -0
- package/build/SvgComponents/types.js.map +1 -0
- package/build/TextField/TextField.js +66 -0
- package/build/TextField/TextField.js.map +1 -0
- package/build/TextField/TextField.types.js +2 -0
- package/build/TextField/TextField.types.js.map +1 -0
- package/build/ThemeProvider/index.d.ts +2 -2
- package/build/globals/index.js +27 -0
- package/build/globals/index.js.map +1 -0
- package/build/hooks/index.js +4 -0
- package/build/hooks/index.js.map +1 -0
- package/build/hooks/useDebounceEffect.js +12 -0
- package/build/hooks/useDebounceEffect.js.map +1 -0
- package/build/hooks/useInterval.js +19 -0
- package/build/hooks/useInterval.js.map +1 -0
- package/build/hooks/useWhyDidYouUpdate.js +43 -0
- package/build/hooks/useWhyDidYouUpdate.js.map +1 -0
- package/build/index.js +1 -1
- package/build/index.js.map +1 -1
- package/build/styles/font.js +19 -0
- package/build/styles/font.js.map +1 -0
- package/build/styles/index.js +4 -0
- package/build/styles/index.js.map +1 -0
- package/build/styles/layout.js +81 -0
- package/build/styles/layout.js.map +1 -0
- package/build/styles/spacing.js +50 -0
- package/build/styles/spacing.js.map +1 -0
- package/build/utils/index.js +14 -0
- package/build/utils/index.js.map +1 -0
- package/package.json +1 -1
- package/build/AutoSave/Select/AutoSave.d.ts +0 -3
- package/build/AutoSave/Text/AutoSave.d.ts +0 -3
- package/build/EditableTable/components/styled/Checkbox.d.ts +0 -5
- package/build/EditableTable/components/styled/CheckboxLabel.d.ts +0 -5
- package/build/EditableTable/components/styled/Input.d.ts +0 -5
- package/build/EditableTable/components/styled/InputWrapper.d.ts +0 -5
- package/build/EditableTable/components/styled/SmallError.d.ts +0 -5
- package/build/styles/theme.d.ts +0 -1
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Container, makeStyles } from "@material-ui/core";
|
|
3
|
+
import Navbar from "./Navbar";
|
|
4
|
+
var useNavbarLayoutStyles = makeStyles(function (theme) {
|
|
5
|
+
var _a;
|
|
6
|
+
return ({
|
|
7
|
+
tablessGrid: {},
|
|
8
|
+
grid: function (_a) {
|
|
9
|
+
var _b;
|
|
10
|
+
var hideTabs = _a.hideTabs, leaveHeightForMenu = _a.leaveHeightForMenu;
|
|
11
|
+
return hideTabs
|
|
12
|
+
? {}
|
|
13
|
+
: (_b = {
|
|
14
|
+
display: "grid",
|
|
15
|
+
gridTemplateRows: "auto 1fr",
|
|
16
|
+
gridTemplateColumns: "auto 1fr",
|
|
17
|
+
height: leaveHeightForMenu ? "calc(100dvh - 4rem)" : "100dvh",
|
|
18
|
+
boxSize: "border-box"
|
|
19
|
+
},
|
|
20
|
+
_b[theme.breakpoints.down("sm")] = {
|
|
21
|
+
gridTemplateColumns: "1fr",
|
|
22
|
+
gridTemplateRows: "1fr auto",
|
|
23
|
+
},
|
|
24
|
+
_b);
|
|
25
|
+
},
|
|
26
|
+
tabs: (_a = {
|
|
27
|
+
height: function (_a) {
|
|
28
|
+
var leaveHeightForMenu = _a.leaveHeightForMenu;
|
|
29
|
+
return leaveHeightForMenu ? "calc(100dvh - 4rem)" : "100dvh";
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
_a[theme.breakpoints.down("sm")] = {
|
|
33
|
+
order: 1,
|
|
34
|
+
height: "max-content !important",
|
|
35
|
+
},
|
|
36
|
+
_a),
|
|
37
|
+
content: {
|
|
38
|
+
padding: "1rem",
|
|
39
|
+
boxSizing: "border-box",
|
|
40
|
+
height: "100%",
|
|
41
|
+
overflowY: "scroll",
|
|
42
|
+
},
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
var NavbarLayout = function (_a) {
|
|
46
|
+
var tabs = _a.tabs, _b = _a.hideTabs, hideTabs = _b === void 0 ? false : _b, _c = _a.leaveHeightForMenu, leaveHeightForMenu = _c === void 0 ? true : _c, children = _a.children;
|
|
47
|
+
var classes = useNavbarLayoutStyles({ hideTabs: hideTabs, leaveHeightForMenu: leaveHeightForMenu });
|
|
48
|
+
return (React.createElement("div", { className: "" + classes.grid },
|
|
49
|
+
React.createElement("div", { className: classes.tabs },
|
|
50
|
+
React.createElement(Navbar, { tabs: tabs })),
|
|
51
|
+
React.createElement("div", { className: classes.content },
|
|
52
|
+
React.createElement(Container, { disableGutters: true },
|
|
53
|
+
React.createElement(React.Fragment, null, children)))));
|
|
54
|
+
};
|
|
55
|
+
export default NavbarLayout;
|
|
56
|
+
//# sourceMappingURL=NavbarLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavbarLayout.js","sourceRoot":"","sources":["../../src/NavbarLayout/NavbarLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,MAAM,MAAM,UAAU,CAAC;AAqB9B,IAAM,qBAAqB,GAAG,UAAU,CAAC,UAAC,KAAK;;IAAK,OAAA,CAAC;QACnD,WAAW,EAAE,EAAE;QACf,IAAI,EAAE,UAAC,EAA4D;;gBAA1D,QAAQ,cAAA,EAAE,kBAAkB,wBAAA;YACnC,OAAA,QAAQ;gBACN,CAAC,CAAC,EAAE;gBACJ,CAAC;wBACG,OAAO,EAAE,MAAM;wBACf,gBAAgB,EAAE,UAAU;wBAC5B,mBAAmB,EAAE,UAAU;wBAC/B,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,QAAQ;wBAC7D,OAAO,EAAE,YAAY;;oBAErB,GAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAG;wBAC9B,mBAAmB,EAAE,KAAK;wBAC1B,gBAAgB,EAAE,UAAU;qBAC7B;uBACF;QAbL,CAaK;QACP,IAAI;gBACF,MAAM,EAAE,UAAC,EAAkD;wBAAhD,kBAAkB,wBAAA;oBAC3B,OAAA,kBAAkB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,QAAQ;gBAArD,CAAqD;;YAEvD,GAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAG;gBAC9B,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,wBAAwB;aACjC;eACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,YAAY;YACvB,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,QAAQ;SACpB;KACF,CAAC;AAhCkD,CAgClD,CAAC,CAAC;AAEJ,IAAM,YAAY,GAAG,UAAC,EAKF;QAJlB,IAAI,UAAA,EACJ,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,0BAAyB,EAAzB,kBAAkB,mBAAG,IAAI,KAAA,EACzB,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,qBAAqB,CAAC,EAAE,QAAQ,UAAA,EAAE,kBAAkB,oBAAA,EAAE,CAAC,CAAC;IAExE,OAAO,CACL,6BAAK,SAAS,EAAE,KAAG,OAAO,CAAC,IAAM;QAC/B,6BAAK,SAAS,EAAE,OAAO,CAAC,IAAI;YAC1B,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,CAClB;QAEN,6BAAK,SAAS,EAAE,OAAO,CAAC,OAAO;YAC7B,oBAAC,SAAS,IAAC,cAAc;gBACvB,0CAAG,QAAQ,CAAI,CACL,CACR,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const MOBILE_MEDIA = "@media (orientation: portrait)";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/NavbarLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import React, { useEffect, useState } from "react";
|
|
13
|
+
import { Box, InputBase, InputAdornment, makeStyles } from "@material-ui/core";
|
|
14
|
+
import SearchIcon from "@material-ui/icons/Search";
|
|
15
|
+
import { useLayoutStyles, useSpacingStyles } from "../styles";
|
|
16
|
+
import { useDebounceEffect } from "../hooks";
|
|
17
|
+
import { BORDER_RADIUS } from "../globals";
|
|
18
|
+
import AlphabeticalList from "../AlphabeticalList/AlphabeticalList";
|
|
19
|
+
var useSearchBarStyles = makeStyles(function (theme) { return ({
|
|
20
|
+
searchBox: {
|
|
21
|
+
display: "flex",
|
|
22
|
+
alignContent: "center",
|
|
23
|
+
alignItems: "center",
|
|
24
|
+
padding: "8px",
|
|
25
|
+
border: "2px solid " + theme.palette.grey[300],
|
|
26
|
+
borderRadius: BORDER_RADIUS,
|
|
27
|
+
},
|
|
28
|
+
searchField: {
|
|
29
|
+
borderRadius: BORDER_RADIUS,
|
|
30
|
+
width: "100%",
|
|
31
|
+
background: function (_a) {
|
|
32
|
+
var background = _a.background;
|
|
33
|
+
return background || "RGBA(179, 213, 235, 0.1)";
|
|
34
|
+
},
|
|
35
|
+
height: "46px",
|
|
36
|
+
paddingLeft: "24px",
|
|
37
|
+
color: theme.palette.grey[600],
|
|
38
|
+
},
|
|
39
|
+
searchIcon: {
|
|
40
|
+
color: theme.palette.grey[600],
|
|
41
|
+
},
|
|
42
|
+
}); });
|
|
43
|
+
var SearchBar = function (_a) {
|
|
44
|
+
var array = _a.array, sortFn = _a.sortFn, _b = _a.sortKey, sortKey = _b === void 0 ? "name" : _b, buttonClick = _a.buttonClick, linkTo = _a.linkTo, ItemTemplate = _a.ItemTemplate, _c = _a.arrayKey, arrayKey = _c === void 0 ? "id" : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.loadingMessage, loadingMessage = _e === void 0 ? "Loading list..." : _e, _f = _a.emptyMessage, emptyMessage = _f === void 0 ? "List is empty" : _f, dynamicEmptyMessage = _a.dynamicEmptyMessage, inputBackgroundColor = _a.inputBackgroundColor, placeholder = _a.placeholder, disabledSearch = _a.disabledSearch, _g = _a.delay, delay = _g === void 0 ? 500 : _g, _h = _a.minQueryLength, minQueryLength = _h === void 0 ? 3 : _h, handleOnChange = _a.handleOnChange, _j = _a.searchKeys, searchKeys = _j === void 0 ? ["name"] : _j, _k = _a.alphabetisedHeader, alphabetisedHeader = _k === void 0 ? true : _k, _l = _a.initialSearchQuery, initialSearchQuery = _l === void 0 ? "" : _l;
|
|
45
|
+
var classes = __assign(__assign(__assign({}, useSpacingStyles()), useLayoutStyles()), useSearchBarStyles({ background: inputBackgroundColor }));
|
|
46
|
+
var _m = useState(initialSearchQuery), searchInput = _m[0], setSearchInput = _m[1];
|
|
47
|
+
var _o = useState(false), blockSearch = _o[0], setBlockSearch = _o[1];
|
|
48
|
+
var _p = useState(array), result = _p[0], setResult = _p[1];
|
|
49
|
+
useDebounceEffect(function () {
|
|
50
|
+
if (!handleOnChange && !blockSearch && searchInput.length >= minQueryLength) {
|
|
51
|
+
setResult(array === null || array === void 0 ? void 0 : array.filter(function (item) {
|
|
52
|
+
var itemIsFound = searchKeys.some(function (key) { var _a; return (_a = item[key]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchInput.toLowerCase()); });
|
|
53
|
+
return itemIsFound;
|
|
54
|
+
}));
|
|
55
|
+
}
|
|
56
|
+
}, [searchInput, array], delay);
|
|
57
|
+
useDebounceEffect(function () {
|
|
58
|
+
if (handleOnChange && !blockSearch && searchInput.length >= minQueryLength) {
|
|
59
|
+
handleOnChange(searchInput);
|
|
60
|
+
}
|
|
61
|
+
}, [searchInput], delay);
|
|
62
|
+
useEffect(function () {
|
|
63
|
+
setResult(array);
|
|
64
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
65
|
+
}, [array]);
|
|
66
|
+
return (React.createElement(React.Fragment, null,
|
|
67
|
+
React.createElement(Box, { className: classes.searchBox + " " + classes.limitWidth50rem },
|
|
68
|
+
React.createElement(InputBase, { disabled: disabledSearch, type: "text", value: searchInput, placeholder: placeholder || "Enter to search", onChange: function (event) {
|
|
69
|
+
if (blockSearch)
|
|
70
|
+
setBlockSearch(false);
|
|
71
|
+
setSearchInput(event.target.value);
|
|
72
|
+
}, className: classes.searchField, endAdornment: React.createElement(InputAdornment, { position: "end", className: classes.rightSpacer2 },
|
|
73
|
+
React.createElement(SearchIcon, { className: classes.searchIcon })) })),
|
|
74
|
+
array !== null && (React.createElement(AlphabeticalList, { array: result, sortFn: sortFn, sortKey: sortKey, buttonClick: buttonClick, linkTo: linkTo, ItemTemplate: ItemTemplate, arrayKey: arrayKey, loading: loading, loadingMessage: loadingMessage, emptyMessage: dynamicEmptyMessage ? dynamicEmptyMessage(searchInput) : emptyMessage, alphabetisedHeader: alphabetisedHeader }))));
|
|
75
|
+
};
|
|
76
|
+
export default SearchBar;
|
|
77
|
+
//# sourceMappingURL=SearchBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../src/SearchBar/SearchBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchBar.types.js","sourceRoot":"","sources":["../../src/SearchBar/SearchBar.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { makeStyles, MenuItem } from "@material-ui/core";
|
|
24
|
+
import React from "react";
|
|
25
|
+
import { BORDER_RADIUS, NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
|
|
26
|
+
import TextField from "../TextField/TextField";
|
|
27
|
+
var useSelectStyles = makeStyles(function (theme) { return ({
|
|
28
|
+
listItem: function (_a) {
|
|
29
|
+
var background = _a.background, size = _a.size;
|
|
30
|
+
return (__assign(__assign({ overflow: "auto", scrollbarWidth: "thin" }, (size === "small" ? theme.typography.body2 : {})), { "&:hover": {
|
|
31
|
+
backgroundColor: background + " !important",
|
|
32
|
+
} }));
|
|
33
|
+
},
|
|
34
|
+
inputStyles: function (_a) {
|
|
35
|
+
var background = _a.background, size = _a.size;
|
|
36
|
+
return (__assign(__assign({ borderRadius: BORDER_RADIUS + " !important" }, (size === "small"
|
|
37
|
+
? __assign({ paddingTop: "9.5px", paddingBottom: "8.5px" }, theme.typography.body2) : {})), { "&:focus": {
|
|
38
|
+
backgroundColor: background,
|
|
39
|
+
} }));
|
|
40
|
+
},
|
|
41
|
+
selectedListItem: function (_a) {
|
|
42
|
+
var background = _a.background;
|
|
43
|
+
return ({
|
|
44
|
+
"&:focus": {
|
|
45
|
+
background: background + " !important",
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
},
|
|
49
|
+
}); });
|
|
50
|
+
var Select = function (_a) {
|
|
51
|
+
var selectOptions = _a.selectOptions, _b = _a.background, background = _b === void 0 ? "#EFEDFF" : _b, _c = _a.size, size = _c === void 0 ? "small" : _c, styling = _a.styling, disabled = _a.disabled, accessLevel = _a.accessLevel, rest = __rest(_a, ["selectOptions", "background", "size", "styling", "disabled", "accessLevel"]);
|
|
52
|
+
var classes = useSelectStyles({ background: background, size: size });
|
|
53
|
+
if (accessLevel === NO_ACCESS_LEVEL)
|
|
54
|
+
return null;
|
|
55
|
+
var disabledProp = disabled;
|
|
56
|
+
if (accessLevel === READ_LEVEL) {
|
|
57
|
+
disabledProp = true;
|
|
58
|
+
}
|
|
59
|
+
return (React.createElement(TextField, __assign({ className: styling || "" }, rest, { disabled: disabledProp, size: size, SelectProps: {
|
|
60
|
+
inputProps: {
|
|
61
|
+
className: classes.inputStyles,
|
|
62
|
+
},
|
|
63
|
+
}, select: true }), selectOptions.map(function (option) {
|
|
64
|
+
var _a;
|
|
65
|
+
return (React.createElement(MenuItem, { key: option.value, value: option.value, disabled: (_a = option === null || option === void 0 ? void 0 : option.disabled) !== null && _a !== void 0 ? _a : false, className: classes.listItem, classes: { selected: classes.selectedListItem } }, option.description));
|
|
66
|
+
})));
|
|
67
|
+
};
|
|
68
|
+
export default Select;
|
|
69
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAG/C,IAAM,eAAe,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IAC7C,QAAQ,EAAE,UAAC,EAAiC;YAA/B,UAAU,gBAAA,EAAE,IAAI,UAAA;QAAoB,OAAA,qBAC/C,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,MAAM,IACnB,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KACnD,SAAS,EAAE;gBACT,eAAe,EAAK,UAAU,gBAAa;aAC5C,IACD;IAP+C,CAO/C;IACF,WAAW,EAAE,UAAC,EAAiC;YAA/B,UAAU,gBAAA,EAAE,IAAI,UAAA;QAAoB,OAAA,qBAClD,YAAY,EAAK,aAAa,gBAAa,IACxC,CAAC,IAAI,KAAK,OAAO;YAClB,CAAC,YAAG,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,IAAK,KAAK,CAAC,UAAU,CAAC,KAAK,EAC1E,CAAC,CAAC,EAAE,CAAC,KACP,SAAS,EAAE;gBACT,eAAe,EAAE,UAAU;aAC5B,IACD;IARkD,CAQlD;IACF,gBAAgB,EAAE,UAAC,EAA2B;YAAzB,UAAU,gBAAA;QAAoB,OAAA,CAAC;YAClD,SAAS,EAAE;gBACT,UAAU,EAAK,UAAU,gBAAa;aACvC;SACF,CAAC;IAJiD,CAIjD;CACH,CAAC,EAvB4C,CAuB5C,CAAC,CAAC;AAEJ,IAAM,MAAM,GAA2B,UAAC,EAQvC;IAPC,IAAA,aAAa,mBAAA,EACb,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA,EACR,IAAI,cAP+B,6EAQvC,CADQ;IAEP,IAAM,OAAO,GAAG,eAAe,CAAC,EAAE,UAAU,YAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;IAEtD,IAAI,WAAW,KAAK,eAAe;QAAE,OAAO,IAAI,CAAC;IAEjD,IAAI,YAAY,GAAG,QAAQ,CAAC;IAE5B,IAAI,WAAW,KAAK,UAAU,EAAE;QAC9B,YAAY,GAAG,IAAI,CAAC;KACrB;IAED,OAAO,CACL,oBAAC,SAAS,aACR,SAAS,EAAE,OAAO,IAAI,EAAE,IACpB,IAAI,IACR,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE;YACX,UAAU,EAAE;gBACV,SAAS,EAAE,OAAO,CAAC,WAAW;aAC/B;SACF,EACD,MAAM,WAEL,aAAa,CAAC,GAAG,CAAC,UAAC,MAAM;;QAAK,OAAA,CAC7B,oBAAC,QAAQ,IACP,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,mCAAI,KAAK,EACnC,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,OAAO,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,gBAAgB,EAAE,IAE9C,MAAM,CAAC,WAAW,CACV,CACZ,CAAA;KAAA,CAAC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.types.js","sourceRoot":"","sources":["../../src/Select/Select.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React, { memo, useCallback, useEffect, useMemo, useState } from "react";
|
|
24
|
+
import { createStyles, makeStyles, Table, TableBody, TableCell as MUITableCell, TableHead, TableRow as MUITableRow, withStyles, } from "@material-ui/core";
|
|
25
|
+
import { useLayoutStyles, useSpacingStyles } from "../styles";
|
|
26
|
+
import LoadingSpinner from "../LoadingSpinner/LoadingSpinner";
|
|
27
|
+
import { BORDER_RADIUS } from "../globals";
|
|
28
|
+
import { Pagination } from "@material-ui/lab";
|
|
29
|
+
var StyledTableRow = withStyles(createStyles({
|
|
30
|
+
root: {
|
|
31
|
+
"&:hover td": {
|
|
32
|
+
backgroundColor: "rgba(0, 0, 0, 0.06)",
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
}))(MUITableRow);
|
|
36
|
+
var ShadedTableRow = withStyles(createStyles({
|
|
37
|
+
root: {
|
|
38
|
+
"&:nth-of-type(even) td": {
|
|
39
|
+
backgroundColor: "rgba(0, 0, 0, 0.03)",
|
|
40
|
+
},
|
|
41
|
+
"&:hover td": {
|
|
42
|
+
backgroundColor: "rgba(0, 0, 0, 0.06)",
|
|
43
|
+
},
|
|
44
|
+
},
|
|
45
|
+
}))(MUITableRow);
|
|
46
|
+
var useTableCellStyles = makeStyles(function (theme) { return ({
|
|
47
|
+
root: {
|
|
48
|
+
borderBottom: "none",
|
|
49
|
+
paddingTop: "8px",
|
|
50
|
+
paddingBottom: "8px",
|
|
51
|
+
"&:first-child": {
|
|
52
|
+
borderTopLeftRadius: BORDER_RADIUS,
|
|
53
|
+
borderBottomLeftRadius: BORDER_RADIUS,
|
|
54
|
+
},
|
|
55
|
+
"&:last-child": {
|
|
56
|
+
borderTopRightRadius: BORDER_RADIUS,
|
|
57
|
+
borderBottomRightRadius: BORDER_RADIUS,
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
head: function (_a) {
|
|
61
|
+
var background = _a.background, border = _a.border, text = _a.text;
|
|
62
|
+
return ({
|
|
63
|
+
backgroundColor: background || "HSLA(204, 58.3%, 81.2%, 0.1)",
|
|
64
|
+
borderTop: "1px solid " + (border || "HSLA(204, 58.3%, 81.2%, 0.3)"),
|
|
65
|
+
borderBottom: "1px solid " + (border || "HSLA(204, 58.3%, 81.2%, 0.3)"),
|
|
66
|
+
color: text || theme.palette.text.primary,
|
|
67
|
+
fontWeight: 500,
|
|
68
|
+
"&:first-child": {
|
|
69
|
+
borderLeft: "1px solid " + (border || "HSLA(204, 58.3%, 81.2%, 0.3)"),
|
|
70
|
+
},
|
|
71
|
+
"&:last-child": {
|
|
72
|
+
borderRight: "1px solid " + (border || "HSLA(204, 58.3%, 81.2%, 0.3)"),
|
|
73
|
+
},
|
|
74
|
+
});
|
|
75
|
+
},
|
|
76
|
+
}); });
|
|
77
|
+
var TableCell = function (_a) {
|
|
78
|
+
var children = _a.children, _b = _a.align, align = _b === void 0 ? "centerJustify" : _b, headerColours = _a.headerColours, rest = __rest(_a, ["children", "align", "headerColours"]);
|
|
79
|
+
var classes = __assign(__assign({}, useLayoutStyles()), useTableCellStyles(__assign({}, (headerColours || {}))));
|
|
80
|
+
return (React.createElement(MUITableCell, __assign({}, rest, { classes: {
|
|
81
|
+
root: classes.root,
|
|
82
|
+
head: classes.head,
|
|
83
|
+
} }),
|
|
84
|
+
React.createElement("div", { className: classes.flexCenter + " " + classes[align] }, children)));
|
|
85
|
+
};
|
|
86
|
+
var TableRow = function (_a) {
|
|
87
|
+
var _b = _a.rowBorderSeparation, rowBorderSeparation = _b === void 0 ? false : _b, children = _a.children, rest = __rest(_a, ["rowBorderSeparation", "children"]);
|
|
88
|
+
if (rowBorderSeparation) {
|
|
89
|
+
return React.createElement(StyledTableRow, __assign({}, rest), children);
|
|
90
|
+
}
|
|
91
|
+
return React.createElement(ShadedTableRow, __assign({}, rest), children);
|
|
92
|
+
};
|
|
93
|
+
var SingleCellRow = function (_a) {
|
|
94
|
+
var colSpan = _a.colSpan, children = _a.children;
|
|
95
|
+
var classes = useStaticTableStyles();
|
|
96
|
+
return (React.createElement(TableRow, null,
|
|
97
|
+
React.createElement(TableCell, { className: classes.adjustedCellPadding, colSpan: colSpan }, children)));
|
|
98
|
+
};
|
|
99
|
+
var useStaticTableStyles = makeStyles({
|
|
100
|
+
tableStyles: {
|
|
101
|
+
borderCollapse: "separate",
|
|
102
|
+
borderBottom: "1px solid rgb(224, 224, 224)",
|
|
103
|
+
},
|
|
104
|
+
pointer: {
|
|
105
|
+
cursor: "pointer",
|
|
106
|
+
},
|
|
107
|
+
bottomBorder: {
|
|
108
|
+
borderBottom: "1px solid rgba(224, 224, 224, 1)",
|
|
109
|
+
},
|
|
110
|
+
noShading: {
|
|
111
|
+
backgroundColor: "transparent !important",
|
|
112
|
+
},
|
|
113
|
+
adjustedCellPadding: {
|
|
114
|
+
paddingTop: "11px",
|
|
115
|
+
paddingBottom: "11px",
|
|
116
|
+
},
|
|
117
|
+
});
|
|
118
|
+
var StaticTableHeaders = memo(function (_a) {
|
|
119
|
+
var headers = _a.headers, _b = _a.headerCellAlignment, headerCellAlignment = _b === void 0 ? [] : _b, headerColours = _a.headerColours;
|
|
120
|
+
if (!headers)
|
|
121
|
+
return null;
|
|
122
|
+
return (React.createElement(TableHead, null,
|
|
123
|
+
React.createElement(MUITableRow, null, headers.map(function (header, i) { return (React.createElement(TableCell, { align: headerCellAlignment[i] || "centerJustify", key: "header-cell-" + i, headerColours: headerColours }, header)); }))));
|
|
124
|
+
});
|
|
125
|
+
var StaticTable = memo(function (_a) {
|
|
126
|
+
var _b = _a.rowBorderSeparation, rowBorderSeparation = _b === void 0 ? false : _b, headers = _a.headers, rows = _a.rows, _c = _a.headerCellAlignment, headerCellAlignment = _c === void 0 ? [] : _c, _d = _a.rowCellAlignment, rowCellAlignment = _d === void 0 ? [] : _d, styling = _a.styling, headerColours = _a.headerColours, _e = _a.paginate, paginate = _e === void 0 ? false : _e, _f = _a.itemsPerPage, itemsPerPage = _f === void 0 ? 30 : _f;
|
|
127
|
+
var classes = __assign(__assign(__assign({}, useLayoutStyles()), useSpacingStyles()), useStaticTableStyles());
|
|
128
|
+
var _g = useState(1), page = _g[0], setPage = _g[1];
|
|
129
|
+
var hasRowsAndPaginated = useMemo(function () { return !!(paginate && ((rows === null || rows === void 0 ? void 0 : rows.length) || 0) > itemsPerPage); }, [itemsPerPage, paginate, rows]);
|
|
130
|
+
var _h = useState(hasRowsAndPaginated ? rows.slice(0, itemsPerPage) : rows), visibleRows = _h[0], setVisibleRows = _h[1];
|
|
131
|
+
var handlePageChange = useCallback(function (event, value) {
|
|
132
|
+
setPage(value);
|
|
133
|
+
}, []);
|
|
134
|
+
useEffect(function () {
|
|
135
|
+
setVisibleRows(hasRowsAndPaginated
|
|
136
|
+
? rows.slice(itemsPerPage * (page - 1), itemsPerPage * page)
|
|
137
|
+
: rows);
|
|
138
|
+
}, [hasRowsAndPaginated, itemsPerPage, page, rows]);
|
|
139
|
+
return (React.createElement(React.Fragment, null,
|
|
140
|
+
React.createElement(Table, { className: classes.tableStyles + " " + (hasRowsAndPaginated ? classes.contentBreak : "") + " " + (styling || "") },
|
|
141
|
+
React.createElement(StaticTableHeaders, { headers: headers, headerCellAlignment: headerCellAlignment, headerColours: headerColours }),
|
|
142
|
+
React.createElement(TableBody, null, visibleRows ? (visibleRows.length ? (visibleRows.map(function (data, i) {
|
|
143
|
+
var containsOnClick = !!data.onClick;
|
|
144
|
+
return (React.createElement(TableRow, { rowBorderSeparation: rowBorderSeparation, className: containsOnClick ? classes.pointer : undefined, key: "row-" + i, onClick: containsOnClick ? data.onClick : undefined }, data.row.map(function (cell, n) { return (React.createElement(TableCell, { align: rowCellAlignment[n] || "centerJustify", className: rowBorderSeparation && visibleRows.length !== i + 1
|
|
145
|
+
? classes.bottomBorder
|
|
146
|
+
: undefined, key: "row-" + i + "-cell-" + n }, cell)); })));
|
|
147
|
+
})) : (React.createElement(SingleCellRow, { colSpan: (headers === null || headers === void 0 ? void 0 : headers.length) || 0 }, "Table is empty"))) : (React.createElement(SingleCellRow, { colSpan: (headers === null || headers === void 0 ? void 0 : headers.length) || 0 },
|
|
148
|
+
React.createElement(LoadingSpinner, null))))),
|
|
149
|
+
hasRowsAndPaginated ? (React.createElement(Pagination, { className: classes.flexCenter, count: Math.ceil(rows.length / itemsPerPage), page: page, onChange: handlePageChange, shape: "rounded", showFirstButton: true, showLastButton: true })) : null));
|
|
150
|
+
});
|
|
151
|
+
export default StaticTable;
|
|
152
|
+
//# sourceMappingURL=StaticTable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StaticTable.js","sourceRoot":"","sources":["../../src/StaticTable/StaticTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAa,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1F,OAAO,EACL,YAAY,EACZ,UAAU,EACV,KAAK,EACL,SAAS,EACT,SAAS,IAAI,YAAY,EACzB,SAAS,EACT,QAAQ,IAAI,WAAW,EACvB,UAAU,GAGX,MAAM,mBAAmB,CAAC;AAM3B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,IAAM,cAAc,GAAG,UAAU,CAC/B,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,eAAe,EAAE,qBAAqB;SACvC;KACF;CACF,CAAC,CACH,CAAC,WAAW,CAAC,CAAC;AAEf,IAAM,cAAc,GAAG,UAAU,CAC/B,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,wBAAwB,EAAE;YACxB,eAAe,EAAE,qBAAqB;SACvC;QACD,YAAY,EAAE;YACZ,eAAe,EAAE,qBAAqB;SACvC;KACF;CACF,CAAC,CACH,CAAC,WAAW,CAAC,CAAC;AAEf,IAAM,kBAAkB,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IAChD,IAAI,EAAE;QACJ,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,KAAK;QACpB,eAAe,EAAE;YACf,mBAAmB,EAAE,aAAa;YAClC,sBAAsB,EAAE,aAAa;SACtC;QACD,cAAc,EAAE;YACd,oBAAoB,EAAE,aAAa;YACnC,uBAAuB,EAAE,aAAa;SACvC;KACF;IACD,IAAI,EAAE,UAAC,EAA2C;YAAzC,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;QAAsB,OAAA,CAAC;YACtD,eAAe,EAAE,UAAU,IAAI,8BAA8B;YAC7D,SAAS,EAAE,gBAAa,MAAM,IAAI,8BAA8B,CAAE;YAClE,YAAY,EAAE,gBAAa,MAAM,IAAI,8BAA8B,CAAE;YACrE,KAAK,EAAE,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YACzC,UAAU,EAAE,GAAG;YACf,eAAe,EAAE;gBACf,UAAU,EAAE,gBAAa,MAAM,IAAI,8BAA8B,CAAE;aACpE;YACD,cAAc,EAAE;gBACd,WAAW,EAAE,gBAAa,MAAM,IAAI,8BAA8B,CAAE;aACrE;SACF,CAAC;IAZqD,CAYrD;CACH,CAAC,EA3B+C,CA2B/C,CAAC,CAAC;AAQJ,IAAM,SAAS,GAAG,UAAC,EAKD;IAJhB,IAAA,QAAQ,cAAA,EACR,aAAuB,EAAvB,KAAK,mBAAG,eAAe,KAAA,EACvB,aAAa,mBAAA,EACV,IAAI,cAJU,sCAKlB,CADQ;IAEP,IAAM,OAAO,yBACR,eAAe,EAAE,GACjB,kBAAkB,cAAM,CAAC,aAAa,IAAI,EAAE,CAAC,EAAG,CACpD,CAAC;IACF,OAAO,CACL,oBAAC,YAAY,eACP,IAAI,IACR,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,IAAI,EAAE,OAAO,CAAC,IAAI;SACnB;QAED,6BAAK,SAAS,EAAK,OAAO,CAAC,UAAU,SAAI,OAAO,CAAC,KAAK,CAAG,IAAG,QAAQ,CAAO,CAC9D,CAChB,CAAC;AACJ,CAAC,CAAC;AAMF,IAAM,QAAQ,GAAG,UAAC,EAA6D;IAA3D,IAAA,2BAA2B,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAhD,mCAAkD,CAAF;IAChE,IAAI,mBAAmB,EAAE;QACvB,OAAO,oBAAC,cAAc,eAAK,IAAI,GAAG,QAAQ,CAAkB,CAAC;KAC9D;IACD,OAAO,oBAAC,cAAc,eAAK,IAAI,GAAG,QAAQ,CAAkB,CAAC;AAC/D,CAAC,CAAC;AAOF,IAAM,aAAa,GAAG,UAAC,EAA0C;QAAxC,OAAO,aAAA,EAAE,QAAQ,cAAA;IACxC,IAAM,OAAO,GAAG,oBAAoB,EAAE,CAAC;IACvC,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,mBAAmB,EAAE,OAAO,EAAE,OAAO,IAChE,QAAQ,CACC,CACH,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAAG,UAAU,CAAC;IACtC,WAAW,EAAE;QACX,cAAc,EAAE,UAAU;QAC1B,YAAY,EAAE,8BAA8B;KAC7C;IACD,OAAO,EAAE;QACP,MAAM,EAAE,SAAS;KAClB;IACD,YAAY,EAAE;QACZ,YAAY,EAAE,kCAAkC;KACjD;IACD,SAAS,EAAE;QACT,eAAe,EAAE,wBAAwB;KAC1C;IACD,mBAAmB,EAAE;QACnB,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,MAAM;KACtB;CACF,CAAC,CAAC;AAOH,IAAM,kBAAkB,GAAsC,IAAI,CAChE,UAAC,EAAoD;QAAlD,OAAO,aAAA,EAAE,2BAAwB,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EAAE,aAAa,mBAAA;IACjD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,WAAW,QACT,OAAO,CAAC,GAAG,CAAC,UAAC,MAAiB,EAAE,CAAC,IAAK,OAAA,CACrC,oBAAC,SAAS,IACR,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,IAAI,eAAe,EAChD,GAAG,EAAE,iBAAe,CAAG,EACvB,aAAa,EAAE,aAAa,IAE3B,MAAM,CACG,CACb,EARsC,CAQtC,CAAC,CACU,CACJ,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAM,WAAW,GAAgC,IAAI,CACnD,UAAC,EAUA;QATC,2BAA2B,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAC3B,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,2BAAwB,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EACxB,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA,EACrB,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA;IAEjB,IAAM,OAAO,kCACR,eAAe,EAAE,GACjB,gBAAgB,EAAE,GAClB,oBAAoB,EAAE,CAC1B,CAAC;IACI,IAAA,KAAkB,QAAQ,CAAC,CAAC,CAAC,EAA5B,IAAI,QAAA,EAAE,OAAO,QAAe,CAAC;IAEpC,IAAM,mBAAmB,GAAG,OAAO,CACjC,cAAM,OAAA,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,CAAC,CAAC,GAAG,YAAY,CAAC,EAAlD,CAAkD,EACxD,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,CAAC,CAC/B,CAAC;IAEI,IAAA,KAAgC,QAAQ,CAC5C,mBAAmB,CAAC,CAAC,CAAC,IAAK,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1D,EAFM,WAAW,QAAA,EAAE,cAAc,QAEjC,CAAC;IAEF,IAAM,gBAAgB,GAAG,WAAW,CAClC,UAAC,KAAiC,EAAE,KAAa;QAC/C,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,EAAE,CACH,CAAC;IAEF,SAAS,CAAC;QACR,cAAc,CACZ,mBAAmB;YACjB,CAAC,CAAC,IAAK,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;YAC7D,CAAC,CAAC,IAAI,CACT,CAAC;IACJ,CAAC,EAAE,CAAC,mBAAmB,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL;QACE,oBAAC,KAAK,IACJ,SAAS,EAAK,OAAO,CAAC,WAAW,UAC/B,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,WAC7C,OAAO,IAAI,EAAE,CAAE;YAEnB,oBAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,aAAa,GAC5B;YAEF,oBAAC,SAAS,QACP,WAAW,CAAC,CAAC,CAAC,CACb,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,WAAW,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC;gBACtB,IAAM,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;gBACvC,OAAO,CACL,oBAAC,QAAQ,IACP,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACxD,GAAG,EAAE,SAAO,CAAG,EACf,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IAElD,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,UAAC,IAAe,EAAE,CAAC,IAAK,OAAA,CACpC,oBAAC,SAAS,IACR,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAAI,eAAe,EAC7C,SAAS,EACP,mBAAmB,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC;wBACjD,CAAC,CAAC,OAAO,CAAC,YAAY;wBACtB,CAAC,CAAC,SAAS,EAEf,GAAG,EAAE,SAAO,CAAC,cAAS,CAAG,IAExB,IAAI,CACK,CACb,EAZqC,CAYrC,CAAC,CACO,CACZ,CAAC;YACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IAAC,OAAO,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,CAAC,qBAE5B,CACjB,CACF,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IAAC,OAAO,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,CAAC;gBAC1C,oBAAC,cAAc,OAAG,CACJ,CACjB,CACS,CACN;QACP,mBAAmB,CAAC,CAAC,CAAC,CACrB,oBAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,IAAK,CAAC,MAAM,GAAG,YAAY,CAAC,EAC7C,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAC,SAAS,EACf,eAAe,QACf,cAAc,SACd,CACH,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StaticTable.types.js","sourceRoot":"","sources":["../../src/StaticTable/StaticTable.types.ts"],"names":[],"mappings":""}
|