@oc-digital/react-component-library 7.2.2 → 7.2.3-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/index.js +63000 -1
- package/build/index.js.map +1 -1
- package/build/style.css +1 -0
- package/package.json +22 -19
- package/build/Alert/Alert.d.ts +0 -4
- package/build/Alert/Alert.js +0 -48
- package/build/Alert/Alert.js.map +0 -1
- package/build/Alert/Alert.types.d.ts +0 -13
- package/build/Alert/Alert.types.js +0 -2
- package/build/Alert/Alert.types.js.map +0 -1
- package/build/AlphabeticalList/AlphabeticalList.d.ts +0 -4
- package/build/AlphabeticalList/AlphabeticalList.js +0 -91
- package/build/AlphabeticalList/AlphabeticalList.js.map +0 -1
- package/build/AlphabeticalList/AlphabeticalList.types.d.ts +0 -22
- package/build/AlphabeticalList/AlphabeticalList.types.js +0 -2
- package/build/AlphabeticalList/AlphabeticalList.types.js.map +0 -1
- package/build/AutoSave/Select/AutoSave.types.d.ts +0 -11
- package/build/AutoSave/Select/AutoSave.types.js +0 -2
- package/build/AutoSave/Select/AutoSave.types.js.map +0 -1
- package/build/AutoSave/Select/index.d.ts +0 -3
- package/build/AutoSave/Select/index.js +0 -31
- package/build/AutoSave/Select/index.js.map +0 -1
- package/build/AutoSave/Text/AutoSave.types.d.ts +0 -16
- package/build/AutoSave/Text/AutoSave.types.js +0 -2
- package/build/AutoSave/Text/AutoSave.types.js.map +0 -1
- package/build/AutoSave/Text/index.d.ts +0 -3
- package/build/AutoSave/Text/index.js +0 -140
- package/build/AutoSave/Text/index.js.map +0 -1
- package/build/Breadcrumbs/Breadcrumbs.d.ts +0 -4
- package/build/Breadcrumbs/Breadcrumbs.js +0 -126
- package/build/Breadcrumbs/Breadcrumbs.js.map +0 -1
- package/build/Breadcrumbs/Breadcrumbs.types.d.ts +0 -23
- package/build/Breadcrumbs/Breadcrumbs.types.js +0 -2
- package/build/Breadcrumbs/Breadcrumbs.types.js.map +0 -1
- package/build/Button/Button.d.ts +0 -4
- package/build/Button/Button.js +0 -54
- package/build/Button/Button.js.map +0 -1
- package/build/Button/Button.types.d.ts +0 -10
- package/build/Button/Button.types.js +0 -2
- package/build/Button/Button.types.js.map +0 -1
- package/build/ButtonWithConfirm/ButtonWithConfirm.d.ts +0 -4
- package/build/ButtonWithConfirm/ButtonWithConfirm.js +0 -63
- package/build/ButtonWithConfirm/ButtonWithConfirm.js.map +0 -1
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.d.ts +0 -9
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.js +0 -2
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.js.map +0 -1
- package/build/ContentBox/ContentBox.d.ts +0 -4
- package/build/ContentBox/ContentBox.js +0 -21
- package/build/ContentBox/ContentBox.js.map +0 -1
- package/build/ContentBox/ContentBox.types.d.ts +0 -7
- package/build/ContentBox/ContentBox.types.js +0 -2
- package/build/ContentBox/ContentBox.types.js.map +0 -1
- package/build/ContentLabel/ContentLabel.d.ts +0 -4
- package/build/ContentLabel/ContentLabel.js +0 -10
- package/build/ContentLabel/ContentLabel.js.map +0 -1
- package/build/ContentLabel/ContentLabel.types.d.ts +0 -5
- package/build/ContentLabel/ContentLabel.types.js +0 -2
- package/build/ContentLabel/ContentLabel.types.js.map +0 -1
- package/build/DatePicker/DatePicker.d.ts +0 -4
- package/build/DatePicker/DatePicker.js +0 -38
- package/build/DatePicker/DatePicker.js.map +0 -1
- package/build/DatePicker/DatePicker.types.d.ts +0 -5
- package/build/DatePicker/DatePicker.types.js +0 -2
- package/build/DatePicker/DatePicker.types.js.map +0 -1
- package/build/EditableTable/EditableTable.d.ts +0 -4
- package/build/EditableTable/EditableTable.js +0 -398
- package/build/EditableTable/EditableTable.js.map +0 -1
- package/build/EditableTable/EditableTable.types.d.ts +0 -106
- package/build/EditableTable/EditableTable.types.js +0 -2
- package/build/EditableTable/EditableTable.types.js.map +0 -1
- package/build/EditableTable/components/TableCheckbox.d.ts +0 -8
- package/build/EditableTable/components/TableCheckbox.js +0 -8
- package/build/EditableTable/components/TableCheckbox.js.map +0 -1
- package/build/EditableTable/components/TableDateInput.d.ts +0 -9
- package/build/EditableTable/components/TableDateInput.js +0 -20
- package/build/EditableTable/components/TableDateInput.js.map +0 -1
- package/build/EditableTable/components/TableTextInput.d.ts +0 -20
- package/build/EditableTable/components/TableTextInput.js +0 -89
- package/build/EditableTable/components/TableTextInput.js.map +0 -1
- 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 -21
- package/build/EditableTable/components/styled/InputAdornmentWrapper.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/EditableTable/components/utils/getTextWidth.d.ts +0 -13
- package/build/EditableTable/components/utils/getTextWidth.js +0 -58
- package/build/EditableTable/components/utils/getTextWidth.js.map +0 -1
- package/build/EditableTable/defaultCells.d.ts +0 -30
- package/build/EditableTable/defaultCells.js +0 -118
- package/build/EditableTable/defaultCells.js.map +0 -1
- package/build/EntityList/EntityList.d.ts +0 -4
- package/build/EntityList/EntityList.js +0 -53
- package/build/EntityList/EntityList.js.map +0 -1
- package/build/EntityList/EntityList.types.d.ts +0 -14
- package/build/EntityList/EntityList.types.js +0 -2
- package/build/EntityList/EntityList.types.js.map +0 -1
- package/build/ErrorIndicator/ErrorIndicator.d.ts +0 -4
- package/build/ErrorIndicator/ErrorIndicator.js +0 -22
- package/build/ErrorIndicator/ErrorIndicator.js.map +0 -1
- package/build/ErrorIndicator/ErrorIndicator.types.d.ts +0 -4
- package/build/ErrorIndicator/ErrorIndicator.types.js +0 -2
- package/build/ErrorIndicator/ErrorIndicator.types.js.map +0 -1
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.d.ts +0 -4
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js +0 -293
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js.map +0 -1
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.d.ts +0 -8
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js +0 -2
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js.map +0 -1
- package/build/KeyboardDatePicker/KeyboardDatePicker.d.ts +0 -4
- package/build/KeyboardDatePicker/KeyboardDatePicker.js +0 -38
- package/build/KeyboardDatePicker/KeyboardDatePicker.js.map +0 -1
- package/build/KeyboardDatePicker/KeyboardDatePicker.types.d.ts +0 -5
- package/build/KeyboardDatePicker/KeyboardDatePicker.types.js +0 -2
- package/build/KeyboardDatePicker/KeyboardDatePicker.types.js.map +0 -1
- package/build/LeftNavigation/LeftNavigation.d.ts +0 -4
- package/build/LeftNavigation/LeftNavigation.js +0 -47
- package/build/LeftNavigation/LeftNavigation.js.map +0 -1
- package/build/LeftNavigation/LeftNavigation.types.d.ts +0 -96
- package/build/LeftNavigation/LeftNavigation.types.js +0 -2
- package/build/LeftNavigation/LeftNavigation.types.js.map +0 -1
- package/build/LeftNavigation/NavListItem.d.ts +0 -4
- package/build/LeftNavigation/NavListItem.js +0 -122
- package/build/LeftNavigation/NavListItem.js.map +0 -1
- package/build/LeftNavigation/PrimaryLeftNavigation.d.ts +0 -4
- package/build/LeftNavigation/PrimaryLeftNavigation.js +0 -108
- package/build/LeftNavigation/PrimaryLeftNavigation.js.map +0 -1
- package/build/LeftNavigation/SecondaryLeftNavigation.d.ts +0 -4
- package/build/LeftNavigation/SecondaryLeftNavigation.js +0 -88
- package/build/LeftNavigation/SecondaryLeftNavigation.js.map +0 -1
- package/build/LoadingSpinner/LoadingSpinner.d.ts +0 -4
- package/build/LoadingSpinner/LoadingSpinner.js +0 -21
- package/build/LoadingSpinner/LoadingSpinner.js.map +0 -1
- package/build/LoadingSpinner/LoadingSpinner.types.d.ts +0 -5
- package/build/LoadingSpinner/LoadingSpinner.types.js +0 -2
- package/build/LoadingSpinner/LoadingSpinner.types.js.map +0 -1
- package/build/MainLayout/MainLayout.d.ts +0 -4
- package/build/MainLayout/MainLayout.js +0 -46
- package/build/MainLayout/MainLayout.js.map +0 -1
- package/build/MainLayout/MainLayout.types.d.ts +0 -10
- package/build/MainLayout/MainLayout.types.js +0 -2
- package/build/MainLayout/MainLayout.types.js.map +0 -1
- package/build/MobileDatePicker/MobileDatePicker.d.ts +0 -4
- package/build/MobileDatePicker/MobileDatePicker.js +0 -38
- package/build/MobileDatePicker/MobileDatePicker.js.map +0 -1
- package/build/MobileDatePicker/MobileDatePicker.types.d.ts +0 -5
- package/build/MobileDatePicker/MobileDatePicker.types.js +0 -2
- package/build/MobileDatePicker/MobileDatePicker.types.js.map +0 -1
- package/build/NavbarLayout/Navbar.d.ts +0 -12
- package/build/NavbarLayout/Navbar.js +0 -101
- package/build/NavbarLayout/Navbar.js.map +0 -1
- package/build/NavbarLayout/NavbarLayout.d.ts +0 -16
- package/build/NavbarLayout/NavbarLayout.js +0 -52
- package/build/NavbarLayout/NavbarLayout.js.map +0 -1
- package/build/NavbarLayout/index.d.ts +0 -2
- package/build/NavbarLayout/index.js +0 -2
- package/build/NavbarLayout/index.js.map +0 -1
- package/build/SearchBar/SearchBar.d.ts +0 -4
- package/build/SearchBar/SearchBar.js +0 -75
- package/build/SearchBar/SearchBar.js.map +0 -1
- package/build/SearchBar/SearchBar.types.d.ts +0 -33
- package/build/SearchBar/SearchBar.types.js +0 -2
- package/build/SearchBar/SearchBar.types.js.map +0 -1
- package/build/Select/Select.d.ts +0 -4
- package/build/Select/Select.js +0 -140
- package/build/Select/Select.js.map +0 -1
- package/build/Select/Select.types.d.ts +0 -16
- package/build/Select/Select.types.js +0 -2
- package/build/Select/Select.types.js.map +0 -1
- package/build/StaticTable/StaticTable.d.ts +0 -4
- package/build/StaticTable/StaticTable.js +0 -147
- package/build/StaticTable/StaticTable.js.map +0 -1
- package/build/StaticTable/StaticTable.types.d.ts +0 -21
- package/build/StaticTable/StaticTable.types.js +0 -2
- package/build/StaticTable/StaticTable.types.js.map +0 -1
- package/build/SvgComponents/ContainedPartnersLogo.d.ts +0 -4
- package/build/SvgComponents/ContainedPartnersLogo.js +0 -8
- package/build/SvgComponents/ContainedPartnersLogo.js.map +0 -1
- package/build/SvgComponents/HomeSvg.d.ts +0 -4
- package/build/SvgComponents/HomeSvg.js +0 -8
- package/build/SvgComponents/HomeSvg.js.map +0 -1
- package/build/SvgComponents/NovelLogoSvg.d.ts +0 -4
- package/build/SvgComponents/NovelLogoSvg.js +0 -8
- package/build/SvgComponents/NovelLogoSvg.js.map +0 -1
- package/build/SvgComponents/OrganisationList.d.ts +0 -4
- package/build/SvgComponents/OrganisationList.js +0 -8
- package/build/SvgComponents/OrganisationList.js.map +0 -1
- package/build/SvgComponents/ProjectsSvg.d.ts +0 -4
- package/build/SvgComponents/ProjectsSvg.js +0 -8
- package/build/SvgComponents/ProjectsSvg.js.map +0 -1
- package/build/SvgComponents/index.d.ts +0 -5
- package/build/SvgComponents/index.js +0 -6
- package/build/SvgComponents/index.js.map +0 -1
- package/build/SvgComponents/types.d.ts +0 -6
- package/build/SvgComponents/types.js +0 -2
- package/build/SvgComponents/types.js.map +0 -1
- package/build/TextField/TextField.d.ts +0 -15
- package/build/TextField/TextField.js +0 -67
- package/build/TextField/TextField.js.map +0 -1
- package/build/TextField/TextField.types.d.ts +0 -7
- package/build/TextField/TextField.types.js +0 -2
- package/build/TextField/TextField.types.js.map +0 -1
- package/build/Tooltip/OptionalTooltip.d.ts +0 -8
- package/build/Tooltip/OptionalTooltip.js +0 -11
- package/build/Tooltip/OptionalTooltip.js.map +0 -1
- package/build/Tooltip/index.d.ts +0 -1
- package/build/Tooltip/index.js +0 -2
- package/build/Tooltip/index.js.map +0 -1
- package/build/assets/index-DCUzKTQq.css +0 -78
- package/build/globals/index.d.ts +0 -26
- package/build/globals/index.js +0 -28
- package/build/globals/index.js.map +0 -1
- package/build/hooks/index.d.ts +0 -3
- package/build/hooks/index.js +0 -4
- package/build/hooks/index.js.map +0 -1
- package/build/hooks/useDebounceEffect.d.ts +0 -2
- package/build/hooks/useDebounceEffect.js +0 -12
- package/build/hooks/useDebounceEffect.js.map +0 -1
- package/build/hooks/useInterval.d.ts +0 -2
- package/build/hooks/useInterval.js +0 -19
- package/build/hooks/useInterval.js.map +0 -1
- package/build/hooks/useWhyDidYouUpdate.d.ts +0 -1
- package/build/hooks/useWhyDidYouUpdate.js +0 -43
- package/build/hooks/useWhyDidYouUpdate.js.map +0 -1
- package/build/index.d.ts +0 -37
- package/build/styles/colours.d.ts +0 -3
- package/build/styles/colours.js +0 -4
- package/build/styles/colours.js.map +0 -1
- package/build/styles/font.d.ts +0 -1
- package/build/styles/font.js +0 -19
- package/build/styles/font.js.map +0 -1
- package/build/styles/index.d.ts +0 -3
- package/build/styles/index.js +0 -4
- package/build/styles/index.js.map +0 -1
- package/build/styles/layout.d.ts +0 -1
- package/build/styles/layout.js +0 -85
- package/build/styles/layout.js.map +0 -1
- package/build/styles/spacing.d.ts +0 -1
- package/build/styles/spacing.js +0 -50
- package/build/styles/spacing.js.map +0 -1
- package/build/styles/themes.d.ts +0 -2
- package/build/styles/themes.js +0 -56
- package/build/styles/themes.js.map +0 -1
- package/build/utils/index.d.ts +0 -5
- package/build/utils/index.js +0 -14
- package/build/utils/index.js.map +0 -1
|
@@ -1,101 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../src/NavbarLayout/Navbar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React, { FC } from "react";
|
|
2
|
-
import { ISvgComponentProps } from "../SvgComponents/types";
|
|
3
|
-
export type NavbarLayoutTabs = Array<{
|
|
4
|
-
Icon: FC<ISvgComponentProps>;
|
|
5
|
-
field: string;
|
|
6
|
-
path: string;
|
|
7
|
-
separate?: boolean;
|
|
8
|
-
}>;
|
|
9
|
-
export type NavbarLayoutProps = {
|
|
10
|
-
tabs: NavbarLayoutTabs;
|
|
11
|
-
hideTabs?: boolean;
|
|
12
|
-
leaveHeightForMenu?: boolean;
|
|
13
|
-
children: React.ReactNode;
|
|
14
|
-
};
|
|
15
|
-
declare const NavbarLayout: ({ tabs, hideTabs, leaveHeightForMenu, children, }: NavbarLayoutProps) => JSX.Element;
|
|
16
|
-
export default NavbarLayout;
|
|
@@ -1,52 +0,0 @@
|
|
|
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, 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, children: _jsx(_Fragment, { children: children }) }) })] }));
|
|
50
|
-
};
|
|
51
|
-
export default NavbarLayout;
|
|
52
|
-
//# sourceMappingURL=NavbarLayout.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NavbarLayout.js","sourceRoot":"","sources":["../../src/NavbarLayout/NavbarLayout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,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,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,kBACvB,4BAAG,QAAQ,GAAI,GACL,GACR,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/NavbarLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,75 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../src/SearchBar/SearchBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface ISearchBarProps {
|
|
3
|
-
array: any[] | undefined | null;
|
|
4
|
-
sortFn?: (arg1: any, arg2: any) => number;
|
|
5
|
-
sortKey?: string;
|
|
6
|
-
loading?: boolean;
|
|
7
|
-
buttonClick?: (item?: any) => void;
|
|
8
|
-
linkTo?: (item?: any) => string;
|
|
9
|
-
ItemTemplate: React.FC<{
|
|
10
|
-
item: any;
|
|
11
|
-
}>;
|
|
12
|
-
arrayKey?: string;
|
|
13
|
-
loadingMessage?: string;
|
|
14
|
-
emptyMessage?: string;
|
|
15
|
-
inputBackgroundColor?: string;
|
|
16
|
-
placeholder?: string;
|
|
17
|
-
disabledSearch?: boolean;
|
|
18
|
-
delay?: number;
|
|
19
|
-
minQueryLength?: number;
|
|
20
|
-
handleOnChange?: (query: string) => void;
|
|
21
|
-
searchKeys?: string[];
|
|
22
|
-
alphabetisedHeader?: boolean;
|
|
23
|
-
/** setting this will initialise the search query to a value */
|
|
24
|
-
initialSearchQuery?: string;
|
|
25
|
-
/** dynamically generate an empty list message based on what was searched for */
|
|
26
|
-
dynamicEmptyMessage?: (query: string) => string | JSX.Element;
|
|
27
|
-
isResultDisabled?: (result: any) => {
|
|
28
|
-
disabled: true;
|
|
29
|
-
reason: string;
|
|
30
|
-
} | {
|
|
31
|
-
disabled: false;
|
|
32
|
-
};
|
|
33
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.types.js","sourceRoot":"","sources":["../../src/SearchBar/SearchBar.types.ts"],"names":[],"mappings":""}
|
package/build/Select/Select.d.ts
DELETED
package/build/Select/Select.js
DELETED
|
@@ -1,140 +0,0 @@
|
|
|
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 ExpandMoreRoundedIcon from "@mui/icons-material/ExpandMoreRounded";
|
|
25
|
-
import { MenuItem } from "@mui/material";
|
|
26
|
-
import makeStyles from "@mui/styles/makeStyles";
|
|
27
|
-
import { useState } from "react";
|
|
28
|
-
import TextField from "../TextField/TextField";
|
|
29
|
-
import { NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
|
|
30
|
-
var useSelectStyles = makeStyles(function (theme) { return ({
|
|
31
|
-
wrapper: {
|
|
32
|
-
"& .MuiFormLabel-root": {
|
|
33
|
-
background: "white",
|
|
34
|
-
paddingLeft: 4,
|
|
35
|
-
paddingRight: 4,
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
root: {
|
|
39
|
-
"& fieldset": {
|
|
40
|
-
border: "0 !important",
|
|
41
|
-
},
|
|
42
|
-
"& .MuiSelect-icon": {
|
|
43
|
-
display: function (_a) {
|
|
44
|
-
var disabled = _a.disabled;
|
|
45
|
-
return (disabled ? "none" : "block");
|
|
46
|
-
},
|
|
47
|
-
transform: function (_a) {
|
|
48
|
-
var open = _a.open;
|
|
49
|
-
return (open ? "rotateX(180deg)" : "rotateX(0deg)");
|
|
50
|
-
},
|
|
51
|
-
fill: function (_a) {
|
|
52
|
-
var open = _a.open;
|
|
53
|
-
return open ? theme.palette.primary.main : "#B4B4B4";
|
|
54
|
-
},
|
|
55
|
-
},
|
|
56
|
-
},
|
|
57
|
-
listWrapper: __assign(__assign({ marginTop: 6 }, theme.typography.body2), { borderRadius: "15px !important", padding: "0 !important", border: "solid 1px #D5D5D5" }),
|
|
58
|
-
list: {
|
|
59
|
-
padding: "0 !important",
|
|
60
|
-
maxHeight: function (_a) {
|
|
61
|
-
var maxListHeight = _a.maxListHeight;
|
|
62
|
-
return maxListHeight;
|
|
63
|
-
},
|
|
64
|
-
overflowY: "auto",
|
|
65
|
-
},
|
|
66
|
-
listItem: __assign(__assign({}, theme.typography.body2), { overflow: "auto", scrollbarWidth: "thin", paddingTop: 9.5, paddingBottom: 9.5, paddingLeft: 15, paddingRight: 20, color: "#B4B4B4", fontWeight: 500, "&:hover": {
|
|
67
|
-
background: "#F5F5F5",
|
|
68
|
-
color: "#1F1F27",
|
|
69
|
-
} }),
|
|
70
|
-
selectedListItem: {
|
|
71
|
-
background: "white !important",
|
|
72
|
-
"&:hover": {
|
|
73
|
-
background: "#F5F5F5 !important",
|
|
74
|
-
color: "#1F1F27 !important",
|
|
75
|
-
},
|
|
76
|
-
},
|
|
77
|
-
input: __assign(__assign({}, theme.typography.body2), { borderRadius: function (_a) {
|
|
78
|
-
var variant = _a.variant;
|
|
79
|
-
return variant === "outlined" ? "15px !important" : "0 !important";
|
|
80
|
-
}, border: function (_a) {
|
|
81
|
-
var variant = _a.variant;
|
|
82
|
-
return (variant === "outlined" ? "solid 1px #D5D5D5" : undefined);
|
|
83
|
-
}, borderBottom: function (_a) {
|
|
84
|
-
var variant = _a.variant, disabled = _a.disabled;
|
|
85
|
-
return variant === "standard" && !disabled ? "solid 1px #D5D5D5" : undefined;
|
|
86
|
-
}, borderColor: function (_a) {
|
|
87
|
-
var open = _a.open;
|
|
88
|
-
return (open ? theme.palette.primary.main : "#D5D5D5");
|
|
89
|
-
}, fontWeight: 500, paddingLeft: function (_a) {
|
|
90
|
-
var variant = _a.variant;
|
|
91
|
-
return (variant === "standard" ? 0 : undefined);
|
|
92
|
-
}, paddingTop: function (_a) {
|
|
93
|
-
var variant = _a.variant;
|
|
94
|
-
return (variant === "standard" ? 4 : undefined);
|
|
95
|
-
}, paddingBottom: function (_a) {
|
|
96
|
-
var variant = _a.variant;
|
|
97
|
-
return (variant === "standard" ? 4 : undefined);
|
|
98
|
-
}, paddingRight: function (_a) {
|
|
99
|
-
var variant = _a.variant, disabled = _a.disabled;
|
|
100
|
-
return variant === "standard" && disabled ? 0 : undefined;
|
|
101
|
-
}, width: "100%" }),
|
|
102
|
-
}); });
|
|
103
|
-
var Select = function (_a) {
|
|
104
|
-
var selectOptions = _a.selectOptions, styling = _a.styling, disabled = _a.disabled, accessLevel = _a.accessLevel, maxListHeight = _a.maxListHeight, _b = _a.variant, variant = _b === void 0 ? "outlined" : _b, onOpen = _a.onOpen, onClose = _a.onClose, itemClassName = _a.itemClassName, rest = __rest(_a, ["selectOptions", "styling", "disabled", "accessLevel", "maxListHeight", "variant", "onOpen", "onClose", "itemClassName"]);
|
|
105
|
-
var _c = useState(false), open = _c[0], setOpen = _c[1];
|
|
106
|
-
var classes = useSelectStyles({ open: open, maxListHeight: maxListHeight, variant: variant, disabled: disabled });
|
|
107
|
-
if (accessLevel === NO_ACCESS_LEVEL) {
|
|
108
|
-
return null;
|
|
109
|
-
}
|
|
110
|
-
if (accessLevel === READ_LEVEL) {
|
|
111
|
-
disabled = true;
|
|
112
|
-
}
|
|
113
|
-
return (_jsx(TextField, __assign({}, rest, { className: [classes.wrapper, styling, rest.className].filter(function (x) { return x; }).join(" "), disabled: disabled, SelectProps: {
|
|
114
|
-
MenuProps: {
|
|
115
|
-
classes: { root: classes.root, paper: classes.listWrapper, list: classes.list },
|
|
116
|
-
},
|
|
117
|
-
inputProps: {
|
|
118
|
-
className: classes.input,
|
|
119
|
-
},
|
|
120
|
-
IconComponent: ExpandMoreRoundedIcon,
|
|
121
|
-
open: open,
|
|
122
|
-
onOpen: function () {
|
|
123
|
-
if (selectOptions.length === 0)
|
|
124
|
-
return;
|
|
125
|
-
setOpen(true);
|
|
126
|
-
onOpen === null || onOpen === void 0 ? void 0 : onOpen();
|
|
127
|
-
},
|
|
128
|
-
onClose: function () {
|
|
129
|
-
setOpen(false);
|
|
130
|
-
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
131
|
-
},
|
|
132
|
-
}, classes: {
|
|
133
|
-
root: classes.root,
|
|
134
|
-
}, select: true, children: selectOptions.map(function (option) {
|
|
135
|
-
var _a;
|
|
136
|
-
return (_jsx(MenuItem, { value: option.value, disabled: (_a = option.disabled) !== null && _a !== void 0 ? _a : false, className: [classes.listItem, itemClassName].filter(function (x) { return x; }).join(" "), classes: { selected: classes.selectedListItem }, children: option.description }, option.value));
|
|
137
|
-
}) })));
|
|
138
|
-
};
|
|
139
|
-
export default Select;
|
|
140
|
-
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { OutlinedTextFieldProps } from "@mui/material";
|
|
3
|
-
import { IAuthoriserProp } from "../globals";
|
|
4
|
-
export interface ISelectProps extends IAuthoriserProp, Omit<OutlinedTextFieldProps, "variant"> {
|
|
5
|
-
selectOptions: {
|
|
6
|
-
value: string | number;
|
|
7
|
-
description: React.ReactNode;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
}[];
|
|
10
|
-
maxListHeight?: number;
|
|
11
|
-
styling?: string;
|
|
12
|
-
variant?: "outlined" | "standard";
|
|
13
|
-
onOpen?: () => unknown;
|
|
14
|
-
onClose?: () => unknown;
|
|
15
|
-
itemClassName?: string;
|
|
16
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.types.js","sourceRoot":"","sources":["../../src/Select/Select.types.ts"],"names":[],"mappings":""}
|