@oc-digital/react-component-library 8.8.0 → 8.9.1

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.
Files changed (166) hide show
  1. package/build/Alert/Alert.js +48 -0
  2. package/build/Alert/Alert.js.map +1 -0
  3. package/build/Alert/Alert.types.js +2 -0
  4. package/build/Alert/Alert.types.js.map +1 -0
  5. package/build/AlphabeticalList/AlphabeticalList.js +91 -0
  6. package/build/AlphabeticalList/AlphabeticalList.js.map +1 -0
  7. package/build/AlphabeticalList/AlphabeticalList.types.js +2 -0
  8. package/build/AlphabeticalList/AlphabeticalList.types.js.map +1 -0
  9. package/build/AutoSave/Select/AutoSave.types.js +2 -0
  10. package/build/AutoSave/Select/AutoSave.types.js.map +1 -0
  11. package/build/AutoSave/Select/index.js +31 -0
  12. package/build/AutoSave/Select/index.js.map +1 -0
  13. package/build/AutoSave/Text/AutoSave.types.js +2 -0
  14. package/build/AutoSave/Text/AutoSave.types.js.map +1 -0
  15. package/build/AutoSave/Text/index.js +140 -0
  16. package/build/AutoSave/Text/index.js.map +1 -0
  17. package/build/Breadcrumbs/Breadcrumbs.js +126 -0
  18. package/build/Breadcrumbs/Breadcrumbs.js.map +1 -0
  19. package/build/Breadcrumbs/Breadcrumbs.types.js +2 -0
  20. package/build/Breadcrumbs/Breadcrumbs.types.js.map +1 -0
  21. package/build/Button/Button.js +54 -0
  22. package/build/Button/Button.js.map +1 -0
  23. package/build/Button/Button.types.d.ts +1 -1
  24. package/build/Button/Button.types.js +2 -0
  25. package/build/Button/Button.types.js.map +1 -0
  26. package/build/ButtonWithConfirm/ButtonWithConfirm.js +63 -0
  27. package/build/ButtonWithConfirm/ButtonWithConfirm.js.map +1 -0
  28. package/build/ButtonWithConfirm/ButtonWithConfirm.types.js +2 -0
  29. package/build/ButtonWithConfirm/ButtonWithConfirm.types.js.map +1 -0
  30. package/build/ContentBox/ContentBox.js +21 -0
  31. package/build/ContentBox/ContentBox.js.map +1 -0
  32. package/build/ContentBox/ContentBox.types.js +2 -0
  33. package/build/ContentBox/ContentBox.types.js.map +1 -0
  34. package/build/ContentLabel/ContentLabel.js +10 -0
  35. package/build/ContentLabel/ContentLabel.js.map +1 -0
  36. package/build/ContentLabel/ContentLabel.types.js +2 -0
  37. package/build/ContentLabel/ContentLabel.types.js.map +1 -0
  38. package/build/DatePicker/DatePicker.js +38 -0
  39. package/build/DatePicker/DatePicker.js.map +1 -0
  40. package/build/DatePicker/DatePicker.types.js +2 -0
  41. package/build/DatePicker/DatePicker.types.js.map +1 -0
  42. package/build/EditableTable/Caret.js +17 -0
  43. package/build/EditableTable/Caret.js.map +1 -0
  44. package/build/EditableTable/EditableTable.js +475 -0
  45. package/build/EditableTable/EditableTable.js.map +1 -0
  46. package/build/EditableTable/EditableTable.types.js +2 -0
  47. package/build/EditableTable/EditableTable.types.js.map +1 -0
  48. package/build/EditableTable/components/TableCheckbox.js +8 -0
  49. package/build/EditableTable/components/TableCheckbox.js.map +1 -0
  50. package/build/EditableTable/components/TableDateInput.js +20 -0
  51. package/build/EditableTable/components/TableDateInput.js.map +1 -0
  52. package/build/EditableTable/components/TableTextInput.js +90 -0
  53. package/build/EditableTable/components/TableTextInput.js.map +1 -0
  54. package/build/EditableTable/components/utils/getTextWidth.js +58 -0
  55. package/build/EditableTable/components/utils/getTextWidth.js.map +1 -0
  56. package/build/EditableTable/defaultCells.js +118 -0
  57. package/build/EditableTable/defaultCells.js.map +1 -0
  58. package/build/EditableTable/defaultCompare.js +31 -0
  59. package/build/EditableTable/defaultCompare.js.map +1 -0
  60. package/build/EntityList/EntityList.js +53 -0
  61. package/build/EntityList/EntityList.js.map +1 -0
  62. package/build/EntityList/EntityList.types.js +2 -0
  63. package/build/EntityList/EntityList.types.js.map +1 -0
  64. package/build/ErrorIndicator/ErrorIndicator.js +22 -0
  65. package/build/ErrorIndicator/ErrorIndicator.js.map +1 -0
  66. package/build/ErrorIndicator/ErrorIndicator.types.js +2 -0
  67. package/build/ErrorIndicator/ErrorIndicator.types.js.map +1 -0
  68. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js +293 -0
  69. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js.map +1 -0
  70. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js +2 -0
  71. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js.map +1 -0
  72. package/build/KeyboardDatePicker/KeyboardDatePicker.js +38 -0
  73. package/build/KeyboardDatePicker/KeyboardDatePicker.js.map +1 -0
  74. package/build/KeyboardDatePicker/KeyboardDatePicker.types.js +2 -0
  75. package/build/KeyboardDatePicker/KeyboardDatePicker.types.js.map +1 -0
  76. package/build/LeftNavigation/LeftNavigation.js +47 -0
  77. package/build/LeftNavigation/LeftNavigation.js.map +1 -0
  78. package/build/LeftNavigation/LeftNavigation.types.js +2 -0
  79. package/build/LeftNavigation/LeftNavigation.types.js.map +1 -0
  80. package/build/LeftNavigation/NavListItem.js +122 -0
  81. package/build/LeftNavigation/NavListItem.js.map +1 -0
  82. package/build/LeftNavigation/PrimaryLeftNavigation.js +108 -0
  83. package/build/LeftNavigation/PrimaryLeftNavigation.js.map +1 -0
  84. package/build/LeftNavigation/SecondaryLeftNavigation.js +89 -0
  85. package/build/LeftNavigation/SecondaryLeftNavigation.js.map +1 -0
  86. package/build/LoadingSpinner/LoadingSpinner.js +21 -0
  87. package/build/LoadingSpinner/LoadingSpinner.js.map +1 -0
  88. package/build/LoadingSpinner/LoadingSpinner.types.js +2 -0
  89. package/build/LoadingSpinner/LoadingSpinner.types.js.map +1 -0
  90. package/build/MainLayout/MainLayout.js +46 -0
  91. package/build/MainLayout/MainLayout.js.map +1 -0
  92. package/build/MainLayout/MainLayout.types.js +2 -0
  93. package/build/MainLayout/MainLayout.types.js.map +1 -0
  94. package/build/MobileDatePicker/MobileDatePicker.js +38 -0
  95. package/build/MobileDatePicker/MobileDatePicker.js.map +1 -0
  96. package/build/MobileDatePicker/MobileDatePicker.types.js +2 -0
  97. package/build/MobileDatePicker/MobileDatePicker.types.js.map +1 -0
  98. package/build/NavbarLayout/Navbar.js +101 -0
  99. package/build/NavbarLayout/Navbar.js.map +1 -0
  100. package/build/NavbarLayout/NavbarLayout.js +52 -0
  101. package/build/NavbarLayout/NavbarLayout.js.map +1 -0
  102. package/build/NavbarLayout/constants.d.ts +1 -0
  103. package/build/NavbarLayout/index.js +2 -0
  104. package/build/NavbarLayout/index.js.map +1 -0
  105. package/build/SearchBar/SearchBar.js +75 -0
  106. package/build/SearchBar/SearchBar.js.map +1 -0
  107. package/build/SearchBar/SearchBar.types.js +2 -0
  108. package/build/SearchBar/SearchBar.types.js.map +1 -0
  109. package/build/Select/Select.js +140 -0
  110. package/build/Select/Select.js.map +1 -0
  111. package/build/Select/Select.types.js +2 -0
  112. package/build/Select/Select.types.js.map +1 -0
  113. package/build/StaticTable/StaticTable.js +147 -0
  114. package/build/StaticTable/StaticTable.js.map +1 -0
  115. package/build/StaticTable/StaticTable.types.js +2 -0
  116. package/build/StaticTable/StaticTable.types.js.map +1 -0
  117. package/build/SvgComponents/ContainedPartnersLogo.js +8 -0
  118. package/build/SvgComponents/ContainedPartnersLogo.js.map +1 -0
  119. package/build/SvgComponents/HomeSvg.js +8 -0
  120. package/build/SvgComponents/HomeSvg.js.map +1 -0
  121. package/build/SvgComponents/NovelLogoSvg.js +8 -0
  122. package/build/SvgComponents/NovelLogoSvg.js.map +1 -0
  123. package/build/SvgComponents/OrganisationList.js +8 -0
  124. package/build/SvgComponents/OrganisationList.js.map +1 -0
  125. package/build/SvgComponents/ProjectsSvg.js +8 -0
  126. package/build/SvgComponents/ProjectsSvg.js.map +1 -0
  127. package/build/SvgComponents/index.js +6 -0
  128. package/build/SvgComponents/index.js.map +1 -0
  129. package/build/SvgComponents/types.js +2 -0
  130. package/build/SvgComponents/types.js.map +1 -0
  131. package/build/TextField/TextField.js +67 -0
  132. package/build/TextField/TextField.js.map +1 -0
  133. package/build/TextField/TextField.types.d.ts +1 -0
  134. package/build/TextField/TextField.types.js +2 -0
  135. package/build/TextField/TextField.types.js.map +1 -0
  136. package/build/Tooltip/OptionalTooltip.js +11 -0
  137. package/build/Tooltip/OptionalTooltip.js.map +1 -0
  138. package/build/Tooltip/index.js +2 -0
  139. package/build/Tooltip/index.js.map +1 -0
  140. package/build/globals/index.js +28 -0
  141. package/build/globals/index.js.map +1 -0
  142. package/build/hooks/index.js +4 -0
  143. package/build/hooks/index.js.map +1 -0
  144. package/build/hooks/useDebounceEffect.js +12 -0
  145. package/build/hooks/useDebounceEffect.js.map +1 -0
  146. package/build/hooks/useInterval.js +19 -0
  147. package/build/hooks/useInterval.js.map +1 -0
  148. package/build/hooks/useWhyDidYouUpdate.js +43 -0
  149. package/build/hooks/useWhyDidYouUpdate.js.map +1 -0
  150. package/build/index.js +1 -1
  151. package/build/index.js.map +1 -1
  152. package/build/styles/colours.js +4 -0
  153. package/build/styles/colours.js.map +1 -0
  154. package/build/styles/font.js +19 -0
  155. package/build/styles/font.js.map +1 -0
  156. package/build/styles/index.js +4 -0
  157. package/build/styles/index.js.map +1 -0
  158. package/build/styles/layout.js +85 -0
  159. package/build/styles/layout.js.map +1 -0
  160. package/build/styles/spacing.js +50 -0
  161. package/build/styles/spacing.js.map +1 -0
  162. package/build/styles/themes.js +56 -0
  163. package/build/styles/themes.js.map +1 -0
  164. package/build/utils/index.js +14 -0
  165. package/build/utils/index.js.map +1 -0
  166. package/package.json +1 -1
@@ -0,0 +1,108 @@
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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { useLocation, Link as RouterLink } from "react-router-dom";
14
+ import { Box, List, ListItem, ListItemIcon, Typography } from "@mui/material";
15
+ import makeStyles from "@mui/styles/makeStyles";
16
+ import { BORDER_RADIUS } from "../globals";
17
+ var usePrimaryLeftNavStyles = makeStyles(function (theme) { return ({
18
+ primaryNavContainer: function (props) { return ({
19
+ background: props.background || "linear-gradient(to bottom, #253a68 40%, #73c4ca)",
20
+ border: "2px solid ".concat(props.activeBorderColor || "#8FC1FF"),
21
+ borderLeft: "none",
22
+ borderTopRightRadius: BORDER_RADIUS,
23
+ borderBottomRightRadius: BORDER_RADIUS,
24
+ minWidth: "4.5rem",
25
+ overflowY: "auto",
26
+ overflowX: "hidden",
27
+ }); },
28
+ listWrapper: {
29
+ display: "flex",
30
+ flexDirection: "column",
31
+ paddingTop: 0,
32
+ },
33
+ itemWrapper: {
34
+ display: "flex",
35
+ flexDirection: "column",
36
+ padding: "0.75rem 0.5rem 0.5rem 0.5rem",
37
+ },
38
+ itemBorder: {
39
+ borderRight: function (props) {
40
+ return "6px solid ".concat(props.activeBorderColor || "#8FC1FF");
41
+ },
42
+ position: "absolute",
43
+ bottom: "50%",
44
+ top: "50%",
45
+ transition: "all 0.2s ease-in-out",
46
+ right: "-3px",
47
+ },
48
+ activeBorder: {
49
+ top: "15%",
50
+ bottom: "15%",
51
+ },
52
+ iconWrapper: {
53
+ minWidth: 0,
54
+ marginBottom: "4px",
55
+ position: "relative",
56
+ },
57
+ itemName: {
58
+ fontSize: "0.7rem",
59
+ maxWidth: "3.5rem",
60
+ textAlign: "center",
61
+ textOverflow: "ellipsis",
62
+ overflow: "hidden",
63
+ },
64
+ textColour: {
65
+ color: function (props) { return props.text || "#FFFFFF"; },
66
+ },
67
+ activeTextColour: {
68
+ color: function (props) { return props.activeText || "#8FC1FF"; },
69
+ },
70
+ lastItem: {
71
+ marginTop: "auto",
72
+ },
73
+ }); });
74
+ var PrimaryLeftNavContainer = function (_a) {
75
+ var expandedOptions = _a.expandedOptions, setExpandedOptions = _a.setExpandedOptions, navigationLinks = _a.navigationLinks, config = _a.config;
76
+ var location = useLocation();
77
+ var classes = usePrimaryLeftNavStyles(__assign({}, (config.primary || {})));
78
+ var applyActiveBackground = function (fieldName, path) {
79
+ if (expandedOptions.view === "") {
80
+ if (location.pathname === path) {
81
+ return true;
82
+ }
83
+ else if (fieldName !== config.rootRouteName &&
84
+ location.pathname.startsWith(path)) {
85
+ return true;
86
+ }
87
+ else
88
+ return false;
89
+ }
90
+ else if (expandedOptions.view === fieldName) {
91
+ return true;
92
+ }
93
+ else
94
+ return false;
95
+ };
96
+ return (_jsx(List, { className: "".concat(classes.primaryNavContainer, " ").concat(classes.listWrapper), children: navigationLinks.map(function (item, index, arr) {
97
+ var _a;
98
+ return (_jsxs(ListItem, __assign({ button: true, className: "".concat(classes.itemWrapper, " ").concat(classes.textColour, " ").concat(((_a = config.primary) === null || _a === void 0 ? void 0 : _a.moveLastItemToBottom) && index === arr.length - 1
99
+ ? classes.lastItem
100
+ : "") }, (!!item.hasSecondary ? {} : { component: RouterLink, to: item.path }), { onClick: function () {
101
+ setExpandedOptions({ view: item.field, expanded: !!item.hasSecondary });
102
+ }, children: [_jsx(ListItemIcon, { className: classes.iconWrapper, children: _jsx(item.Icon, { styling: "".concat(classes.textColour, " ").concat(applyActiveBackground(item.field, item.path)
103
+ ? classes.activeTextColour
104
+ : "") }) }), _jsx(Typography, { variant: "caption", className: "".concat(classes.itemName, " ").concat(classes.textColour, " ").concat(applyActiveBackground(item.field, item.path) ? classes.activeTextColour : ""), children: item.field }), _jsx(Box, { className: "".concat(classes.itemBorder, " ").concat(applyActiveBackground(item.field, item.path) ? classes.activeBorder : "") })] }), item.field));
105
+ }) }));
106
+ };
107
+ export default PrimaryLeftNavContainer;
108
+ //# sourceMappingURL=PrimaryLeftNavigation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PrimaryLeftNavigation.js","sourceRoot":"","sources":["../../src/LeftNavigation/PrimaryLeftNavigation.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,89 @@
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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
13
+ import { Box, IconButton, Typography, List } from "@mui/material";
14
+ import makeStyles from "@mui/styles/makeStyles";
15
+ import NavListItem from "./NavListItem";
16
+ import { sortDescendingStartDateString } from "../utils";
17
+ import CloseIcon from "@mui/icons-material/Close";
18
+ import AddBoxOutlinedIcon from "@mui/icons-material/AddBoxOutlined";
19
+ import { useFontStyles, useSpacingStyles } from "../styles";
20
+ import { BORDER_RADIUS } from "../globals";
21
+ import { useNavigate } from "react-router-dom";
22
+ var useSecondaryNavStyles = makeStyles(function (theme) { return ({
23
+ secondaryNavWrapper: {
24
+ height: "100%",
25
+ width: "300px",
26
+ background: "white",
27
+ overflowY: "auto",
28
+ overflowX: "hidden",
29
+ borderTopRightRadius: BORDER_RADIUS,
30
+ borderBottomRightRadius: BORDER_RADIUS,
31
+ marginLeft: "-16px",
32
+ paddingLeft: "16px",
33
+ border: "1px solid ".concat(theme.palette.grey[300]),
34
+ boxShadow: "0 2px 4px 0 rgba(0, 0, 0, 0.3)",
35
+ boxSizing: "border-box",
36
+ },
37
+ titleWrapper: {
38
+ marginTop: "24px",
39
+ display: "flex",
40
+ alignItems: "center",
41
+ paddingLeft: "16px",
42
+ paddingRight: "16px",
43
+ },
44
+ title: {
45
+ fontSize: "18px",
46
+ fontWeight: 500,
47
+ color: function (props) { return props.titleColor || "#8FC1FF"; },
48
+ },
49
+ titleIcons: {
50
+ color: function (props) { return props.titleIconColor || "#8FC1FF"; },
51
+ },
52
+ closeButton: {
53
+ marginLeft: "auto",
54
+ },
55
+ archivedSeparator: {
56
+ paddingLeft: "8px",
57
+ color: theme.palette.grey[500],
58
+ },
59
+ archivedBorder: {
60
+ marginTop: "3rem",
61
+ border: "1px solid ".concat(theme.palette.grey[200]),
62
+ width: "33%",
63
+ marginLeft: "8px",
64
+ },
65
+ listWrapper: {
66
+ marginLeft: theme.spacing(1),
67
+ marginRight: theme.spacing(1),
68
+ },
69
+ }); });
70
+ var SecondaryLeftNavContainer = function (_a) {
71
+ var _b, _c, _d, _e, _f, _g;
72
+ var secondaryNavItems = _a.secondaryNavItems, primaryNavItems = _a.primaryNavItems, expandedOptions = _a.expandedOptions, setExpandedOptions = _a.setExpandedOptions, config = _a.config;
73
+ var navigate = useNavigate();
74
+ var stylesProps = {
75
+ titleColor: (_b = config.secondary) === null || _b === void 0 ? void 0 : _b.titleColor,
76
+ titleIconColor: (_c = config.secondary) === null || _c === void 0 ? void 0 : _c.titleIconColor,
77
+ };
78
+ var classes = __assign(__assign(__assign({}, useSpacingStyles()), useFontStyles()), useSecondaryNavStyles(stylesProps));
79
+ var navItem = secondaryNavItems[expandedOptions.view];
80
+ if (!navItem)
81
+ return null;
82
+ var mainItemIcon = primaryNavItems.find(function (item) { return item.field === expandedOptions.view; }).Icon;
83
+ var sortByStartDate = (_e = (_d = config.secondary) === null || _d === void 0 ? void 0 : _d.sortByStartDate) !== null && _e !== void 0 ? _e : true;
84
+ return (_jsxs(Box, { className: classes.secondaryNavWrapper, children: [_jsxs(Box, { className: classes.titleWrapper, children: [_jsx(Typography, { className: "".concat(classes.rightSpacer1, " ").concat(classes.title), children: expandedOptions.view }), navItem.button ? (_jsx(IconButton, { className: classes.titleIcons, size: "small", type: "button",
85
+ // TODO: remove the !
86
+ onClick: function () { return navigate(navItem.button.url); }, children: _jsx(AddBoxOutlinedIcon, {}) })) : null, _jsx(IconButton, { className: "".concat(classes.titleIcons, " ").concat(classes.closeButton), size: "small", type: "button", onClick: function () { return setExpandedOptions({ view: "", expanded: false }); }, children: ((_f = config.secondary) === null || _f === void 0 ? void 0 : _f.closeButtonSvg) || _jsx(CloseIcon, {}) })] }), _jsxs(List, { className: classes.listWrapper, component: "div", children: [(sortByStartDate ? sortDescendingStartDateString(navItem.items) : navItem.items).map(function (item) { return (_jsx(NavListItem, __assign({}, item, { config: config, Icon: mainItemIcon }), item.mainItem.route)); }), ((_g = navItem.archivedItems) === null || _g === void 0 ? void 0 : _g.length) ? (_jsxs(_Fragment, { children: [_jsx(Box, { className: "".concat(classes.archivedBorder, " ").concat(classes.contentBreak) }), _jsxs(Typography, { variant: "body2", className: "".concat(classes.archivedSeparator, " ").concat(classes.bolderText), children: ["Archived ", expandedOptions.view] }), (sortByStartDate ? sortDescendingStartDateString(navItem.archivedItems) : navItem.archivedItems).map(function (item) { return (_jsx(NavListItem, __assign({}, item, { config: config, Icon: mainItemIcon }), item.mainItem.route)); })] })) : null] })] }));
87
+ };
88
+ export default SecondaryLeftNavContainer;
89
+ //# sourceMappingURL=SecondaryLeftNavigation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SecondaryLeftNavigation.js","sourceRoot":"","sources":["../../src/LeftNavigation/SecondaryLeftNavigation.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,21 @@
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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { Box, Typography, CircularProgress } from "@mui/material";
14
+ import { useLayoutStyles, useSpacingStyles } from "../styles";
15
+ var LoadingSpinner = function (_a) {
16
+ var _b = _a.text, text = _b === void 0 ? "Loading data..." : _b, styling = _a.styling;
17
+ var classes = __assign(__assign({}, useSpacingStyles()), useLayoutStyles());
18
+ return (_jsxs(Box, { className: "".concat(classes.flexCenter, " ").concat(styling || ""), children: [_jsx(Typography, { variant: "body2", color: "textSecondary", className: classes.rightSpacer1, children: text }), _jsx(CircularProgress, { size: "1.5rem" })] }));
19
+ };
20
+ export default LoadingSpinner;
21
+ //# sourceMappingURL=LoadingSpinner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../src/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG9D,IAAM,cAAc,GAAmC,UAAC,EAGvD;QAFC,YAAwB,EAAxB,IAAI,mBAAG,iBAAiB,KAAA,EACxB,OAAO,aAAA;IAEP,IAAM,OAAO,yBAAQ,gBAAgB,EAAE,GAAK,eAAe,EAAE,CAAE,CAAC;IAEhE,OAAO,CACL,MAAC,GAAG,IAAC,SAAS,EAAE,UAAG,OAAO,CAAC,UAAU,cAAI,OAAO,IAAI,EAAE,CAAE,aACtD,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,eAAe,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,YAC9E,IAAI,GACM,EACb,KAAC,gBAAgB,IAAC,IAAI,EAAC,QAAQ,GAAG,IAC9B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=LoadingSpinner.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LoadingSpinner.types.js","sourceRoot":"","sources":["../../src/LoadingSpinner/LoadingSpinner.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,46 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Box, Container } from "@mui/material";
3
+ import makeStyles from "@mui/styles/makeStyles";
4
+ var useMainLayoutStyles = makeStyles(function (theme) { return ({
5
+ remainingHeightBox: {
6
+ position: "absolute",
7
+ top: function (props) { var _a; return (_a = props.topOffset) !== null && _a !== void 0 ? _a : "4rem"; },
8
+ bottom: 0,
9
+ left: 0,
10
+ right: 0,
11
+ display: "flex",
12
+ },
13
+ fullHeightFlexbox: {
14
+ display: "flex",
15
+ height: "100%",
16
+ },
17
+ relativeContainer: {
18
+ position: "relative",
19
+ },
20
+ scrollWrapper: {
21
+ overflow: "auto",
22
+ overflowX: "hidden",
23
+ },
24
+ componentWrapper: {
25
+ padding: theme.spacing(2),
26
+ paddingBottom: theme.spacing(2),
27
+ position: "relative",
28
+ },
29
+ }); });
30
+ var MainLayout = function (_a) {
31
+ var sideNavigation = _a.sideNavigation, children = _a.children, desktopWidth = _a.desktopWidth, topOffset = _a.topOffset, id = _a.id;
32
+ var classes = useMainLayoutStyles({ topOffset: topOffset });
33
+ var width = false;
34
+ if (desktopWidth === null || desktopWidth === undefined || desktopWidth === false) {
35
+ width = "lg";
36
+ }
37
+ else if (desktopWidth === true) {
38
+ width = "xl";
39
+ }
40
+ else {
41
+ width = false;
42
+ }
43
+ return (_jsxs(Box, { className: classes.remainingHeightBox, children: [sideNavigation ? (_jsx(Box, { className: "".concat(classes.fullHeightFlexbox, " ").concat(classes.relativeContainer), children: sideNavigation })) : null, _jsx(Container, { id: id, disableGutters: true, maxWidth: false, className: classes.scrollWrapper, children: _jsx(Container, { disableGutters: true, maxWidth: width === false ? false : width, className: classes.componentWrapper, children: children }) })] }));
44
+ };
45
+ export default MainLayout;
46
+ //# sourceMappingURL=MainLayout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MainLayout.js","sourceRoot":"","sources":["../../src/MainLayout/MainLayout.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAGhD,IAAM,mBAAmB,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IACjD,kBAAkB,EAAE;QAClB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,UAAC,KAA4B,YAAK,OAAA,MAAA,KAAK,CAAC,SAAS,mCAAI,MAAM,CAAA,EAAA;QAChE,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,MAAM;KAChB;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;KACf;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,UAAU;KACrB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,QAAQ;KACpB;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/B,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,EAzBgD,CAyBhD,CAAC,CAAC;AAEJ,IAAM,UAAU,GAA+B,UAAC,EAM/C;QALC,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,EAAE,QAAA;IAEF,IAAM,OAAO,GAAG,mBAAmB,CAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;IACnD,IAAI,KAAK,GAAwB,KAAK,CAAC;IACvC,IAAI,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,KAAK,EAAE,CAAC;QAClF,KAAK,GAAG,IAAI,CAAC;IACf,CAAC;SAAM,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QACjC,KAAK,GAAG,IAAI,CAAC;IACf,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,KAAK,CAAC;IAChB,CAAC;IAED,OAAO,CACL,MAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,kBAAkB,aACvC,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,GAAG,IAAC,SAAS,EAAE,UAAG,OAAO,CAAC,iBAAiB,cAAI,OAAO,CAAC,iBAAiB,CAAE,YACxE,cAAc,GACX,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,cAAc,QACd,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,OAAO,CAAC,aAAa,YAEhC,KAAC,SAAS,IACR,cAAc,QACd,QAAQ,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EACzC,SAAS,EAAE,OAAO,CAAC,gBAAgB,YAElC,QAAQ,GACC,GACF,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=MainLayout.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MainLayout.types.js","sourceRoot":"","sources":["../../src/MainLayout/MainLayout.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,38 @@
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 { jsx as _jsx } from "react/jsx-runtime";
24
+ import { MobileDatePicker as MobileMaterialDatePicker } from "@mui/x-date-pickers/MobileDatePicker";
25
+ import { NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
26
+ import TextField from "../TextField/TextField";
27
+ var MobileDatePicker = function (_a) {
28
+ var styling = _a.styling, _b = _a.format, format = _b === void 0 ? "dd MMM yyyy" : _b, _c = _a.minDate, minDate = _c === void 0 ? new Date("1856-09-25") : _c, accessLevel = _a.accessLevel, disabled = _a.disabled, slots = _a.slots, rest = __rest(_a, ["styling", "format", "minDate", "accessLevel", "disabled", "slots"]);
29
+ if (accessLevel === NO_ACCESS_LEVEL)
30
+ return null;
31
+ var disabledProp = disabled;
32
+ if (accessLevel === READ_LEVEL) {
33
+ disabledProp = true;
34
+ }
35
+ return (_jsx(MobileMaterialDatePicker, __assign({ className: styling || "", closeOnSelect: true }, rest, { disabled: disabledProp, format: format, minDate: minDate, slots: __assign({ textField: TextField }, (slots || {})) })));
36
+ };
37
+ export default MobileDatePicker;
38
+ //# sourceMappingURL=MobileDatePicker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MobileDatePicker.js","sourceRoot":"","sources":["../../src/MobileDatePicker/MobileDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAEpG,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAG/C,IAAM,gBAAgB,GAAqC,UAAC,EAQ3D;IAPC,IAAA,OAAO,aAAA,EACP,cAAsB,EAAtB,MAAM,mBAAG,aAAa,KAAA,EACtB,eAAgC,EAAhC,OAAO,mBAAG,IAAI,IAAI,CAAC,YAAY,CAAC,KAAA,EAChC,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAPmD,oEAQ3D,CADQ;IAEP,IAAI,WAAW,KAAK,eAAe;QAAE,OAAO,IAAI,CAAC;IAEjD,IAAI,YAAY,GAAG,QAAQ,CAAC;IAE5B,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;QAC/B,YAAY,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,OAAO,CACL,KAAC,wBAAwB,aACvB,SAAS,EAAE,OAAO,IAAI,EAAE,EACxB,aAAa,UACT,IAAI,IACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,aACH,SAAS,EAAE,SAA8C,IACtD,CAAC,KAAK,IAAI,EAAE,CAAC,KAElB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=MobileDatePicker.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MobileDatePicker.types.js","sourceRoot":"","sources":["../../src/MobileDatePicker/MobileDatePicker.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,101 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Link, useLocation } from "react-router-dom";
3
+ import makeStyles from "@mui/styles/makeStyles";
4
+ var useNavbarStyles = makeStyles(function (theme) {
5
+ var _a, _b;
6
+ return ({
7
+ container: (_a = {
8
+ minWidth: "4.5rem",
9
+ height: "100%",
10
+ background: "linear-gradient(180deg, #B3D6EC 0%, #B3D6EC 40%, #E97FAB 100%)",
11
+ display: "flex",
12
+ flexDirection: "column",
13
+ overflowY: "auto",
14
+ borderTopRightRadius: "1rem",
15
+ borderBottomRightRadius: "1rem",
16
+ border: "solid 2px rgb(188, 172, 242)",
17
+ borderLeft: "none",
18
+ boxSize: "border-box"
19
+ },
20
+ _a[theme.breakpoints.down("sm")] = {
21
+ flexDirection: "row",
22
+ justifyContent: "center",
23
+ background: "linear-gradient(90deg, #B3D6EC 0%, #B3D6EC 40%, #E97FAB 100%)",
24
+ borderRadius: 0,
25
+ borderTopLeftRadius: "1rem",
26
+ borderTopRightRadius: "1rem",
27
+ width: "100dvw",
28
+ margin: "auto",
29
+ border: "solid 2px rgb(188, 172, 242)",
30
+ borderBottom: "none",
31
+ overflowY: "hidden",
32
+ overflowX: "scroll",
33
+ },
34
+ _a),
35
+ item: (_b = {
36
+ position: "relative",
37
+ display: "flex",
38
+ flexDirection: "column",
39
+ justifyContent: "center",
40
+ alignItems: "center",
41
+ textAlign: "center",
42
+ color: "black",
43
+ textDecoration: "none",
44
+ fontSize: "0.725rem",
45
+ padding: "0.75rem 0.5rem",
46
+ gap: "0.25rem",
47
+ backgroundColor: "transparent",
48
+ transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
49
+ "&:hover": {
50
+ backgroundColor: "rgba(0, 0, 0, 0.04)",
51
+ },
52
+ "&::after": {
53
+ content: '" "',
54
+ position: "absolute",
55
+ top: "15%",
56
+ bottom: "15%",
57
+ right: 0,
58
+ width: 3,
59
+ zIndex: 1,
60
+ transition: "background-color 80ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
61
+ }
62
+ },
63
+ _b[theme.breakpoints.down("sm")] = {
64
+ padding: "0.5rem 1.0rem",
65
+ "&::after": {
66
+ top: 0,
67
+ left: "15%",
68
+ right: "15%",
69
+ bottom: "auto",
70
+ height: 4,
71
+ width: "auto",
72
+ },
73
+ },
74
+ _b),
75
+ itemActive: {
76
+ "&::after": {
77
+ backgroundColor: "rgb(188, 172, 242)",
78
+ },
79
+ },
80
+ separateItem: {
81
+ marginTop: "auto",
82
+ },
83
+ });
84
+ });
85
+ var Navbar = function (_a) {
86
+ var tabs = _a.tabs;
87
+ var classes = useNavbarStyles();
88
+ var location = useLocation();
89
+ return (_jsx("div", { className: classes.container, children: tabs.map(function (_a) {
90
+ var Icon = _a.Icon, field = _a.field, path = _a.path, _b = _a.separate, separate = _b === void 0 ? false : _b;
91
+ return (_jsx(Link, { to: path, className: [
92
+ classes.item,
93
+ separate ? classes.separateItem : null,
94
+ location.pathname === path ? classes.itemActive : null,
95
+ ]
96
+ .filter(Boolean)
97
+ .join(" "), children: _jsxs(_Fragment, { children: [_jsx(Icon, {}), field] }) }, path));
98
+ }) }));
99
+ };
100
+ export default Navbar;
101
+ //# sourceMappingURL=Navbar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../src/NavbarLayout/Navbar.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,52 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Container } from "@mui/material";
3
+ import makeStyles from "@mui/styles/makeStyles";
4
+ import Navbar from "./Navbar";
5
+ var useNavbarLayoutStyles = makeStyles(function (theme) {
6
+ var _a;
7
+ return ({
8
+ tablessGrid: {},
9
+ grid: function (_a) {
10
+ var _b;
11
+ var hideTabs = _a.hideTabs, leaveHeightForMenu = _a.leaveHeightForMenu;
12
+ return hideTabs
13
+ ? {}
14
+ : (_b = {
15
+ display: "grid",
16
+ gridTemplateRows: "auto 1fr",
17
+ gridTemplateColumns: "auto 1fr",
18
+ height: leaveHeightForMenu ? "calc(100dvh - 4rem)" : "100dvh",
19
+ boxSize: "border-box"
20
+ },
21
+ _b[theme.breakpoints.down("sm")] = {
22
+ gridTemplateColumns: "1fr",
23
+ gridTemplateRows: "1fr auto",
24
+ },
25
+ _b);
26
+ },
27
+ tabs: (_a = {
28
+ height: function (_a) {
29
+ var leaveHeightForMenu = _a.leaveHeightForMenu;
30
+ return leaveHeightForMenu ? "calc(100dvh - 4rem)" : "100dvh";
31
+ }
32
+ },
33
+ _a[theme.breakpoints.down("sm")] = {
34
+ order: 1,
35
+ height: "max-content !important",
36
+ },
37
+ _a),
38
+ content: {
39
+ padding: "1rem",
40
+ boxSizing: "border-box",
41
+ height: "100%",
42
+ overflowY: "scroll",
43
+ },
44
+ });
45
+ });
46
+ var NavbarLayout = function (_a) {
47
+ var tabs = _a.tabs, _b = _a.hideTabs, hideTabs = _b === void 0 ? false : _b, _c = _a.leaveHeightForMenu, leaveHeightForMenu = _c === void 0 ? true : _c, _d = _a.maxWidth, maxWidth = _d === void 0 ? "lg" : _d, children = _a.children;
48
+ var classes = useNavbarLayoutStyles({ hideTabs: hideTabs, leaveHeightForMenu: leaveHeightForMenu });
49
+ return (_jsxs("div", { className: "".concat(classes.grid), children: [_jsx("div", { className: classes.tabs, children: _jsx(Navbar, { tabs: tabs }) }), _jsx("div", { className: classes.content, children: _jsx(Container, { disableGutters: true, maxWidth: maxWidth, children: _jsx(_Fragment, { children: children }) }) })] }));
50
+ };
51
+ export default NavbarLayout;
52
+ //# sourceMappingURL=NavbarLayout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavbarLayout.js","sourceRoot":"","sources":["../../src/NavbarLayout/NavbarLayout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,SAAS,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,MAAM,MAAM,UAAU,CAAC;AAsB9B,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,EAMF;QALlB,IAAI,UAAA,EACJ,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,0BAAyB,EAAzB,kBAAkB,mBAAG,IAAI,KAAA,EACzB,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,qBAAqB,CAAC,EAAE,QAAQ,UAAA,EAAE,kBAAkB,oBAAA,EAAE,CAAC,CAAC;IAExE,OAAO,CACL,eAAK,SAAS,EAAE,UAAG,OAAO,CAAC,IAAI,CAAE,aAC/B,cAAK,SAAS,EAAE,OAAO,CAAC,IAAI,YAC1B,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,GAClB,EAEN,cAAK,SAAS,EAAE,OAAO,CAAC,OAAO,YAC7B,KAAC,SAAS,IAAC,cAAc,QAAC,QAAQ,EAAE,QAAQ,YAC1C,4BAAG,QAAQ,GAAI,GACL,GACR,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -0,0 +1 @@
1
+ export declare const MOBILE_MEDIA = "@media (orientation: portrait)";
@@ -0,0 +1,2 @@
1
+ export { default as NavbarLayout } from "./NavbarLayout";
2
+ //# sourceMappingURL=index.js.map
@@ -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,75 @@
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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { useEffect, useState } from "react";
14
+ import { Box, InputBase, InputAdornment } from "@mui/material";
15
+ import makeStyles from "@mui/styles/makeStyles";
16
+ import SearchIcon from "@mui/icons-material/Search";
17
+ import { useLayoutStyles, useSpacingStyles } from "../styles";
18
+ import { useDebounceEffect } from "../hooks";
19
+ import { BORDER_RADIUS } from "../globals";
20
+ import AlphabeticalList from "../AlphabeticalList/AlphabeticalList";
21
+ var useSearchBarStyles = makeStyles(function (theme) { return ({
22
+ searchBox: {
23
+ display: "flex",
24
+ alignContent: "center",
25
+ alignItems: "center",
26
+ padding: "8px",
27
+ border: "2px solid ".concat(theme.palette.grey[300]),
28
+ borderRadius: BORDER_RADIUS,
29
+ },
30
+ searchField: {
31
+ borderRadius: BORDER_RADIUS,
32
+ width: "100%",
33
+ background: function (_a) {
34
+ var background = _a.background;
35
+ return background || "RGBA(179, 213, 235, 0.1)";
36
+ },
37
+ height: "46px",
38
+ paddingLeft: "24px",
39
+ color: theme.palette.grey[600],
40
+ },
41
+ searchIcon: {
42
+ color: theme.palette.grey[600],
43
+ },
44
+ }); });
45
+ var SearchBar = function (_a) {
46
+ 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, isResultDisabled = _a.isResultDisabled;
47
+ var classes = __assign(__assign(__assign({}, useSpacingStyles()), useLayoutStyles()), useSearchBarStyles({ background: inputBackgroundColor }));
48
+ var _m = useState(initialSearchQuery), searchInput = _m[0], setSearchInput = _m[1];
49
+ var _o = useState(false), blockSearch = _o[0], setBlockSearch = _o[1];
50
+ var _p = useState(array), result = _p[0], setResult = _p[1];
51
+ useDebounceEffect(function () {
52
+ if (!handleOnChange && !blockSearch && searchInput.length >= minQueryLength) {
53
+ setResult(array === null || array === void 0 ? void 0 : array.filter(function (item) {
54
+ var itemIsFound = searchKeys.some(function (key) { var _a; return (_a = item[key]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchInput.toLowerCase()); });
55
+ return itemIsFound;
56
+ }));
57
+ }
58
+ }, [searchInput, array], delay);
59
+ useDebounceEffect(function () {
60
+ if (handleOnChange && !blockSearch && searchInput.length >= minQueryLength) {
61
+ handleOnChange(searchInput);
62
+ }
63
+ }, [searchInput], delay);
64
+ useEffect(function () {
65
+ setResult(array);
66
+ // eslint-disable-next-line react-hooks/exhaustive-deps
67
+ }, [array]);
68
+ return (_jsxs(_Fragment, { children: [_jsx(Box, { className: "".concat(classes.searchBox, " ").concat(classes.limitWidth50rem), children: _jsx(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: _jsx(InputAdornment, { position: "end", className: classes.rightSpacer2, children: _jsx(SearchIcon, { className: classes.searchIcon }) }) }) }), array !== null && (_jsx(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, isItemDisabled: isResultDisabled }))] }));
73
+ };
74
+ export default SearchBar;
75
+ //# 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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=SearchBar.types.js.map