@oc-digital/react-component-library 7.2.1 → 7.2.2-beta.2

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 (246) hide show
  1. package/build/Alert/Alert.d.ts +4 -4
  2. package/build/Alert/Alert.js +48 -0
  3. package/build/Alert/Alert.js.map +1 -0
  4. package/build/Alert/Alert.types.d.ts +13 -13
  5. package/build/Alert/Alert.types.js +2 -0
  6. package/build/Alert/Alert.types.js.map +1 -0
  7. package/build/AlphabeticalList/AlphabeticalList.d.ts +4 -4
  8. package/build/AlphabeticalList/AlphabeticalList.js +91 -0
  9. package/build/AlphabeticalList/AlphabeticalList.js.map +1 -0
  10. package/build/AlphabeticalList/AlphabeticalList.types.d.ts +22 -22
  11. package/build/AlphabeticalList/AlphabeticalList.types.js +2 -0
  12. package/build/AlphabeticalList/AlphabeticalList.types.js.map +1 -0
  13. package/build/AutoSave/Select/AutoSave.types.d.ts +11 -11
  14. package/build/AutoSave/Select/AutoSave.types.js +2 -0
  15. package/build/AutoSave/Select/AutoSave.types.js.map +1 -0
  16. package/build/AutoSave/Select/index.d.ts +3 -3
  17. package/build/AutoSave/Select/index.js +31 -0
  18. package/build/AutoSave/Select/index.js.map +1 -0
  19. package/build/AutoSave/Text/AutoSave.types.d.ts +16 -16
  20. package/build/AutoSave/Text/AutoSave.types.js +2 -0
  21. package/build/AutoSave/Text/AutoSave.types.js.map +1 -0
  22. package/build/AutoSave/Text/index.d.ts +3 -3
  23. package/build/AutoSave/Text/index.js +140 -0
  24. package/build/AutoSave/Text/index.js.map +1 -0
  25. package/build/Breadcrumbs/Breadcrumbs.d.ts +4 -4
  26. package/build/Breadcrumbs/Breadcrumbs.js +126 -0
  27. package/build/Breadcrumbs/Breadcrumbs.js.map +1 -0
  28. package/build/Breadcrumbs/Breadcrumbs.types.d.ts +23 -23
  29. package/build/Breadcrumbs/Breadcrumbs.types.js +2 -0
  30. package/build/Breadcrumbs/Breadcrumbs.types.js.map +1 -0
  31. package/build/Button/Button.d.ts +4 -4
  32. package/build/Button/Button.js +54 -0
  33. package/build/Button/Button.js.map +1 -0
  34. package/build/Button/Button.types.d.ts +10 -10
  35. package/build/Button/Button.types.js +2 -0
  36. package/build/Button/Button.types.js.map +1 -0
  37. package/build/ButtonWithConfirm/ButtonWithConfirm.d.ts +4 -4
  38. package/build/ButtonWithConfirm/ButtonWithConfirm.js +63 -0
  39. package/build/ButtonWithConfirm/ButtonWithConfirm.js.map +1 -0
  40. package/build/ButtonWithConfirm/ButtonWithConfirm.types.d.ts +9 -9
  41. package/build/ButtonWithConfirm/ButtonWithConfirm.types.js +2 -0
  42. package/build/ButtonWithConfirm/ButtonWithConfirm.types.js.map +1 -0
  43. package/build/ContentBox/ContentBox.d.ts +4 -4
  44. package/build/ContentBox/ContentBox.js +21 -0
  45. package/build/ContentBox/ContentBox.js.map +1 -0
  46. package/build/ContentBox/ContentBox.types.d.ts +7 -7
  47. package/build/ContentBox/ContentBox.types.js +2 -0
  48. package/build/ContentBox/ContentBox.types.js.map +1 -0
  49. package/build/ContentLabel/ContentLabel.d.ts +4 -4
  50. package/build/ContentLabel/ContentLabel.js +10 -0
  51. package/build/ContentLabel/ContentLabel.js.map +1 -0
  52. package/build/ContentLabel/ContentLabel.types.d.ts +5 -5
  53. package/build/ContentLabel/ContentLabel.types.js +2 -0
  54. package/build/ContentLabel/ContentLabel.types.js.map +1 -0
  55. package/build/DatePicker/DatePicker.d.ts +4 -4
  56. package/build/DatePicker/DatePicker.js +38 -0
  57. package/build/DatePicker/DatePicker.js.map +1 -0
  58. package/build/DatePicker/DatePicker.types.d.ts +5 -5
  59. package/build/DatePicker/DatePicker.types.js +2 -0
  60. package/build/DatePicker/DatePicker.types.js.map +1 -0
  61. package/build/EditableTable/EditableTable.d.ts +4 -4
  62. package/build/EditableTable/EditableTable.js +398 -0
  63. package/build/EditableTable/EditableTable.js.map +1 -0
  64. package/build/EditableTable/EditableTable.types.d.ts +106 -106
  65. package/build/EditableTable/EditableTable.types.js +2 -0
  66. package/build/EditableTable/EditableTable.types.js.map +1 -0
  67. package/build/EditableTable/components/TableCheckbox.d.ts +8 -8
  68. package/build/EditableTable/components/TableCheckbox.js +8 -0
  69. package/build/EditableTable/components/TableCheckbox.js.map +1 -0
  70. package/build/EditableTable/components/TableDateInput.d.ts +9 -9
  71. package/build/EditableTable/components/TableDateInput.js +20 -0
  72. package/build/EditableTable/components/TableDateInput.js.map +1 -0
  73. package/build/EditableTable/components/TableTextInput.d.ts +20 -20
  74. package/build/EditableTable/components/TableTextInput.js +89 -0
  75. package/build/EditableTable/components/TableTextInput.js.map +1 -0
  76. package/build/EditableTable/components/styled/Checkbox.d.ts +5 -0
  77. package/build/EditableTable/components/styled/CheckboxLabel.d.ts +5 -0
  78. package/build/EditableTable/components/styled/Input.d.ts +21 -0
  79. package/build/EditableTable/components/styled/InputAdornmentWrapper.d.ts +5 -0
  80. package/build/EditableTable/components/styled/InputWrapper.d.ts +5 -0
  81. package/build/EditableTable/components/styled/SmallError.d.ts +5 -0
  82. package/build/EditableTable/components/utils/getTextWidth.d.ts +13 -13
  83. package/build/EditableTable/components/utils/getTextWidth.js +58 -0
  84. package/build/EditableTable/components/utils/getTextWidth.js.map +1 -0
  85. package/build/EditableTable/defaultCells.d.ts +30 -30
  86. package/build/EditableTable/defaultCells.js +118 -0
  87. package/build/EditableTable/defaultCells.js.map +1 -0
  88. package/build/EntityList/EntityList.d.ts +4 -4
  89. package/build/EntityList/EntityList.js +53 -0
  90. package/build/EntityList/EntityList.js.map +1 -0
  91. package/build/EntityList/EntityList.types.d.ts +14 -14
  92. package/build/EntityList/EntityList.types.js +2 -0
  93. package/build/EntityList/EntityList.types.js.map +1 -0
  94. package/build/ErrorIndicator/ErrorIndicator.d.ts +4 -4
  95. package/build/ErrorIndicator/ErrorIndicator.js +22 -0
  96. package/build/ErrorIndicator/ErrorIndicator.js.map +1 -0
  97. package/build/ErrorIndicator/ErrorIndicator.types.d.ts +4 -4
  98. package/build/ErrorIndicator/ErrorIndicator.types.js +2 -0
  99. package/build/ErrorIndicator/ErrorIndicator.types.js.map +1 -0
  100. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.d.ts +4 -4
  101. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js +293 -0
  102. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js.map +1 -0
  103. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.d.ts +8 -8
  104. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js +2 -0
  105. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js.map +1 -0
  106. package/build/KeyboardDatePicker/KeyboardDatePicker.d.ts +4 -4
  107. package/build/KeyboardDatePicker/KeyboardDatePicker.js +38 -0
  108. package/build/KeyboardDatePicker/KeyboardDatePicker.js.map +1 -0
  109. package/build/KeyboardDatePicker/KeyboardDatePicker.types.d.ts +5 -5
  110. package/build/KeyboardDatePicker/KeyboardDatePicker.types.js +2 -0
  111. package/build/KeyboardDatePicker/KeyboardDatePicker.types.js.map +1 -0
  112. package/build/LeftNavigation/LeftNavigation.d.ts +4 -4
  113. package/build/LeftNavigation/LeftNavigation.js +47 -0
  114. package/build/LeftNavigation/LeftNavigation.js.map +1 -0
  115. package/build/LeftNavigation/LeftNavigation.types.d.ts +96 -96
  116. package/build/LeftNavigation/LeftNavigation.types.js +2 -0
  117. package/build/LeftNavigation/LeftNavigation.types.js.map +1 -0
  118. package/build/LeftNavigation/NavListItem.d.ts +4 -4
  119. package/build/LeftNavigation/NavListItem.js +122 -0
  120. package/build/LeftNavigation/NavListItem.js.map +1 -0
  121. package/build/LeftNavigation/PrimaryLeftNavigation.d.ts +4 -4
  122. package/build/LeftNavigation/PrimaryLeftNavigation.js +108 -0
  123. package/build/LeftNavigation/PrimaryLeftNavigation.js.map +1 -0
  124. package/build/LeftNavigation/SecondaryLeftNavigation.d.ts +4 -4
  125. package/build/LeftNavigation/SecondaryLeftNavigation.js +88 -0
  126. package/build/LeftNavigation/SecondaryLeftNavigation.js.map +1 -0
  127. package/build/LoadingSpinner/LoadingSpinner.d.ts +4 -4
  128. package/build/LoadingSpinner/LoadingSpinner.js +21 -0
  129. package/build/LoadingSpinner/LoadingSpinner.js.map +1 -0
  130. package/build/LoadingSpinner/LoadingSpinner.types.d.ts +5 -5
  131. package/build/LoadingSpinner/LoadingSpinner.types.js +2 -0
  132. package/build/LoadingSpinner/LoadingSpinner.types.js.map +1 -0
  133. package/build/MainLayout/MainLayout.d.ts +4 -4
  134. package/build/MainLayout/MainLayout.js +46 -0
  135. package/build/MainLayout/MainLayout.js.map +1 -0
  136. package/build/MainLayout/MainLayout.types.d.ts +10 -10
  137. package/build/MainLayout/MainLayout.types.js +2 -0
  138. package/build/MainLayout/MainLayout.types.js.map +1 -0
  139. package/build/MobileDatePicker/MobileDatePicker.d.ts +4 -4
  140. package/build/MobileDatePicker/MobileDatePicker.js +38 -0
  141. package/build/MobileDatePicker/MobileDatePicker.js.map +1 -0
  142. package/build/MobileDatePicker/MobileDatePicker.types.d.ts +5 -5
  143. package/build/MobileDatePicker/MobileDatePicker.types.js +2 -0
  144. package/build/MobileDatePicker/MobileDatePicker.types.js.map +1 -0
  145. package/build/NavbarLayout/Navbar.d.ts +12 -12
  146. package/build/NavbarLayout/Navbar.js +101 -0
  147. package/build/NavbarLayout/Navbar.js.map +1 -0
  148. package/build/NavbarLayout/NavbarLayout.d.ts +16 -16
  149. package/build/NavbarLayout/NavbarLayout.js +52 -0
  150. package/build/NavbarLayout/NavbarLayout.js.map +1 -0
  151. package/build/NavbarLayout/index.d.ts +2 -2
  152. package/build/NavbarLayout/index.js +2 -0
  153. package/build/NavbarLayout/index.js.map +1 -0
  154. package/build/SearchBar/SearchBar.d.ts +4 -4
  155. package/build/SearchBar/SearchBar.js +75 -0
  156. package/build/SearchBar/SearchBar.js.map +1 -0
  157. package/build/SearchBar/SearchBar.types.d.ts +33 -33
  158. package/build/SearchBar/SearchBar.types.js +2 -0
  159. package/build/SearchBar/SearchBar.types.js.map +1 -0
  160. package/build/Select/Select.d.ts +4 -4
  161. package/build/Select/Select.js +140 -0
  162. package/build/Select/Select.js.map +1 -0
  163. package/build/Select/Select.types.d.ts +16 -16
  164. package/build/Select/Select.types.js +2 -0
  165. package/build/Select/Select.types.js.map +1 -0
  166. package/build/StaticTable/StaticTable.d.ts +4 -4
  167. package/build/StaticTable/StaticTable.js +147 -0
  168. package/build/StaticTable/StaticTable.js.map +1 -0
  169. package/build/StaticTable/StaticTable.types.d.ts +21 -21
  170. package/build/StaticTable/StaticTable.types.js +2 -0
  171. package/build/StaticTable/StaticTable.types.js.map +1 -0
  172. package/build/SvgComponents/ContainedPartnersLogo.d.ts +4 -4
  173. package/build/SvgComponents/ContainedPartnersLogo.js +8 -0
  174. package/build/SvgComponents/ContainedPartnersLogo.js.map +1 -0
  175. package/build/SvgComponents/HomeSvg.d.ts +4 -4
  176. package/build/SvgComponents/HomeSvg.js +8 -0
  177. package/build/SvgComponents/HomeSvg.js.map +1 -0
  178. package/build/SvgComponents/NovelLogoSvg.d.ts +4 -4
  179. package/build/SvgComponents/NovelLogoSvg.js +8 -0
  180. package/build/SvgComponents/NovelLogoSvg.js.map +1 -0
  181. package/build/SvgComponents/OrganisationList.d.ts +4 -4
  182. package/build/SvgComponents/OrganisationList.js +8 -0
  183. package/build/SvgComponents/OrganisationList.js.map +1 -0
  184. package/build/SvgComponents/ProjectsSvg.d.ts +4 -4
  185. package/build/SvgComponents/ProjectsSvg.js +8 -0
  186. package/build/SvgComponents/ProjectsSvg.js.map +1 -0
  187. package/build/SvgComponents/index.d.ts +5 -5
  188. package/build/SvgComponents/index.js +6 -0
  189. package/build/SvgComponents/index.js.map +1 -0
  190. package/build/SvgComponents/types.d.ts +6 -6
  191. package/build/SvgComponents/types.js +2 -0
  192. package/build/SvgComponents/types.js.map +1 -0
  193. package/build/TextField/TextField.d.ts +15 -15
  194. package/build/TextField/TextField.js +67 -0
  195. package/build/TextField/TextField.js.map +1 -0
  196. package/build/TextField/TextField.types.d.ts +7 -7
  197. package/build/TextField/TextField.types.js +2 -0
  198. package/build/TextField/TextField.types.js.map +1 -0
  199. package/build/Tooltip/OptionalTooltip.d.ts +8 -8
  200. package/build/Tooltip/OptionalTooltip.js +11 -0
  201. package/build/Tooltip/OptionalTooltip.js.map +1 -0
  202. package/build/Tooltip/index.d.ts +1 -1
  203. package/build/Tooltip/index.js +2 -0
  204. package/build/Tooltip/index.js.map +1 -0
  205. package/build/assets/index-DCUzKTQq.css +78 -0
  206. package/build/globals/index.d.ts +26 -26
  207. package/build/globals/index.js +28 -0
  208. package/build/globals/index.js.map +1 -0
  209. package/build/hooks/index.d.ts +3 -3
  210. package/build/hooks/index.js +4 -0
  211. package/build/hooks/index.js.map +1 -0
  212. package/build/hooks/useDebounceEffect.d.ts +2 -2
  213. package/build/hooks/useDebounceEffect.js +12 -0
  214. package/build/hooks/useDebounceEffect.js.map +1 -0
  215. package/build/hooks/useInterval.d.ts +2 -2
  216. package/build/hooks/useInterval.js +19 -0
  217. package/build/hooks/useInterval.js.map +1 -0
  218. package/build/hooks/useWhyDidYouUpdate.d.ts +1 -1
  219. package/build/hooks/useWhyDidYouUpdate.js +43 -0
  220. package/build/hooks/useWhyDidYouUpdate.js.map +1 -0
  221. package/build/index.d.ts +37 -37
  222. package/build/index.js +1 -1
  223. package/build/index.js.map +1 -1
  224. package/build/styles/colours.d.ts +3 -3
  225. package/build/styles/colours.js +4 -0
  226. package/build/styles/colours.js.map +1 -0
  227. package/build/styles/font.d.ts +1 -1
  228. package/build/styles/font.js +19 -0
  229. package/build/styles/font.js.map +1 -0
  230. package/build/styles/index.d.ts +3 -3
  231. package/build/styles/index.js +4 -0
  232. package/build/styles/index.js.map +1 -0
  233. package/build/styles/layout.d.ts +1 -1
  234. package/build/styles/layout.js +85 -0
  235. package/build/styles/layout.js.map +1 -0
  236. package/build/styles/spacing.d.ts +1 -1
  237. package/build/styles/spacing.js +50 -0
  238. package/build/styles/spacing.js.map +1 -0
  239. package/build/styles/themes.d.ts +2 -2
  240. package/build/styles/themes.js +56 -0
  241. package/build/styles/themes.js.map +1 -0
  242. package/build/utils/index.d.ts +5 -5
  243. package/build/utils/index.js +14 -0
  244. package/build/utils/index.js.map +1 -0
  245. package/package.json +21 -17
  246. package/build/ThemeProvider/index.d.ts +0 -5
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { IMainLayoutProps } from "./MainLayout.types";
3
- declare const MainLayout: React.FC<IMainLayoutProps>;
4
- export default MainLayout;
1
+ import React from "react";
2
+ import { IMainLayoutProps } from "./MainLayout.types";
3
+ declare const MainLayout: React.FC<IMainLayoutProps>;
4
+ export default MainLayout;
@@ -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"}
@@ -1,10 +1,10 @@
1
- import { ReactElement } from "react";
2
- export interface IMainLayoutProps {
3
- id?: string;
4
- sideNavigation?: ReactElement;
5
- desktopWidth?: boolean | string;
6
- children: ReactElement;
7
- topOffset?: number | string;
8
- }
9
- export interface IMainLayoutStyleProps extends Pick<IMainLayoutProps, "topOffset"> {
10
- }
1
+ import { ReactElement } from "react";
2
+ export interface IMainLayoutProps {
3
+ id?: string;
4
+ sideNavigation?: ReactElement;
5
+ desktopWidth?: boolean | string;
6
+ children: ReactElement;
7
+ topOffset?: number | string;
8
+ }
9
+ export interface IMainLayoutStyleProps extends Pick<IMainLayoutProps, "topOffset"> {
10
+ }
@@ -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":""}
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { IMobileDatePickerProps } from "./MobileDatePicker.types";
3
- declare const MobileDatePicker: React.FC<IMobileDatePickerProps>;
4
- export default MobileDatePicker;
1
+ import React from "react";
2
+ import { IMobileDatePickerProps } from "./MobileDatePicker.types";
3
+ declare const MobileDatePicker: React.FC<IMobileDatePickerProps>;
4
+ export default MobileDatePicker;
@@ -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"}
@@ -1,5 +1,5 @@
1
- import { MobileDatePickerProps } from "@mui/x-date-pickers/MobileDatePicker";
2
- import { IAuthoriserProp } from "../globals";
3
- export type IMobileDatePickerProps = MobileDatePickerProps<Date> & IAuthoriserProp & {
4
- styling?: string;
5
- };
1
+ import { MobileDatePickerProps } from "@mui/x-date-pickers/MobileDatePicker";
2
+ import { IAuthoriserProp } from "../globals";
3
+ export type IMobileDatePickerProps = MobileDatePickerProps<Date> & IAuthoriserProp & {
4
+ styling?: string;
5
+ };
@@ -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":""}
@@ -1,12 +1,12 @@
1
- import { FC } from "react";
2
- import { ISvgComponentProps } from "../SvgComponents/types";
3
- export type NavbarProps = {
4
- tabs: Array<{
5
- Icon: FC<ISvgComponentProps>;
6
- field: string;
7
- path: string;
8
- separate?: boolean;
9
- }>;
10
- };
11
- declare const Navbar: ({ tabs }: NavbarProps) => JSX.Element;
12
- export default Navbar;
1
+ import { FC } from "react";
2
+ import { ISvgComponentProps } from "../SvgComponents/types";
3
+ export type NavbarProps = {
4
+ tabs: Array<{
5
+ Icon: FC<ISvgComponentProps>;
6
+ field: string;
7
+ path: string;
8
+ separate?: boolean;
9
+ }>;
10
+ };
11
+ declare const Navbar: ({ tabs }: NavbarProps) => JSX.Element;
12
+ export default Navbar;
@@ -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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"}
@@ -1,16 +1,16 @@
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
+ 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;
@@ -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, 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
@@ -0,0 +1 @@
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,2 +1,2 @@
1
- export { default as NavbarLayout } from "./NavbarLayout";
2
- export type { NavbarLayoutProps, NavbarLayoutTabs } from "./NavbarLayout";
1
+ export { default as NavbarLayout } from "./NavbarLayout";
2
+ export type { NavbarLayoutProps, NavbarLayoutTabs } from "./NavbarLayout";
@@ -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"}
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { ISearchBarProps } from "./SearchBar.types";
3
- declare const SearchBar: React.FC<ISearchBarProps>;
4
- export default SearchBar;
1
+ import React from "react";
2
+ import { ISearchBarProps } from "./SearchBar.types";
3
+ declare const SearchBar: React.FC<ISearchBarProps>;
4
+ export default SearchBar;
@@ -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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"}
@@ -1,33 +1,33 @@
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
+ /// <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
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=SearchBar.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SearchBar.types.js","sourceRoot":"","sources":["../../src/SearchBar/SearchBar.types.ts"],"names":[],"mappings":""}
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { ISelectProps } from "./Select.types";
3
- declare const Select: React.FC<ISelectProps>;
4
- export default Select;
1
+ import React from "react";
2
+ import { ISelectProps } from "./Select.types";
3
+ declare const Select: React.FC<ISelectProps>;
4
+ export default Select;