@oc-digital/react-component-library 8.16.1-beta.1 → 8.16.2-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/Alert/Alert.js +6 -4
- package/build/Alert/Alert.js.map +1 -1
- package/build/AlphabeticalList/AlphabeticalList.js +1 -1
- package/build/AlphabeticalList/AlphabeticalList.js.map +1 -1
- package/build/AutoSave/Text/index.js +2 -2
- package/build/Breadcrumbs/Breadcrumbs.js +1 -1
- package/build/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/build/Button/Button.js +3 -3
- package/build/Button/Button.js.map +1 -1
- package/build/ButtonWithConfirm/ButtonWithConfirm.js +1 -1
- package/build/ButtonWithConfirm/ButtonWithConfirm.js.map +1 -1
- package/build/DatePicker/DatePicker.js +1 -1
- package/build/DatePicker/DatePicker.js.map +1 -1
- package/build/EditableTable/EditableTable.js +129 -58
- package/build/EditableTable/EditableTable.js.map +1 -1
- package/build/EditableTable/EditableTable.types.d.ts +7 -2
- package/build/EditableTable/defaultCells.js +1 -1
- package/build/EditableTable/defaultCells.js.map +1 -1
- package/build/EditableTable/useElementDimensions.d.ts +3 -0
- package/build/EntityList/EntityList.js +1 -1
- package/build/EntityList/EntityList.js.map +1 -1
- package/build/ErrorIndicator/ErrorIndicator.js +1 -1
- package/build/ErrorIndicator/ErrorIndicator.js.map +1 -1
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js +3 -3
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js.map +1 -1
- package/build/KeyboardDatePicker/KeyboardDatePicker.js +1 -1
- package/build/KeyboardDatePicker/KeyboardDatePicker.js.map +1 -1
- package/build/LeftNavigation/LeftNavigation.js +1 -1
- package/build/LeftNavigation/LeftNavigation.js.map +1 -1
- package/build/LeftNavigation/NavListItem.js +1 -1
- package/build/LeftNavigation/NavListItem.js.map +1 -1
- package/build/LeftNavigation/PrimaryLeftNavigation.js +1 -1
- package/build/LeftNavigation/PrimaryLeftNavigation.js.map +1 -1
- package/build/LeftNavigation/SecondaryLeftNavigation.js +44 -10
- package/build/LeftNavigation/SecondaryLeftNavigation.js.map +1 -1
- package/build/LeftNavigation/utils.js +5 -0
- package/build/LeftNavigation/utils.js.map +1 -0
- package/build/MainLayout/MainLayout.js +1 -1
- package/build/MainLayout/MainLayout.js.map +1 -1
- package/build/MobileDatePicker/MobileDatePicker.js +1 -1
- package/build/MobileDatePicker/MobileDatePicker.js.map +1 -1
- package/build/NavbarLayout/Navbar.js +1 -1
- package/build/NavbarLayout/Navbar.js.map +1 -1
- package/build/NavbarLayout/NavbarLayout.js +1 -1
- package/build/NavbarLayout/NavbarLayout.js.map +1 -1
- package/build/SearchBar/SearchBar.js +2 -2
- package/build/SearchBar/SearchBar.js.map +1 -1
- package/build/Select/Select.js +2 -2
- package/build/Select/Select.js.map +1 -1
- package/build/StaticTable/StaticTable.js +45 -12
- package/build/StaticTable/StaticTable.js.map +1 -1
- package/build/TextField/TextField.js +6 -4
- package/build/TextField/TextField.js.map +1 -1
- package/build/globals/index.js +1 -0
- package/build/globals/index.js.map +1 -1
- package/build/index.js +1 -1
- package/build/index.js.map +1 -1
- package/build/styles/font.js +1 -1
- package/build/styles/font.js.map +1 -1
- package/build/styles/layout.js +1 -1
- package/build/styles/layout.js.map +1 -1
- package/build/styles/spacing.js +1 -1
- package/build/styles/spacing.js.map +1 -1
- package/build/styles/themes.js +1 -1
- package/build/styles/themes.js.map +1 -1
- package/build/utils/index.js +0 -6
- package/build/utils/index.js.map +1 -1
- package/package.json +1 -1
package/build/Alert/Alert.js
CHANGED
|
@@ -12,10 +12,10 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import { forwardRef } from "react";
|
|
14
14
|
import { Collapse, Button } from "@mui/material";
|
|
15
|
-
import makeStyles from "@mui/styles
|
|
15
|
+
import { makeStyles } from "@mui/styles";
|
|
16
16
|
import { Alert as MUIAlert } from "@mui/material";
|
|
17
17
|
import { useSpacingStyles } from "../styles";
|
|
18
|
-
import { BORDER_RADIUS, FORM_ERROR, FORM_SUCCESS, FORM_WARNING } from "../globals";
|
|
18
|
+
import { BORDER_RADIUS, FORM_ERROR, FORM_SUCCESS, FORM_WARNING, FORM_INFO, } from "../globals";
|
|
19
19
|
var useAlertStyles = makeStyles(function (theme) { return ({
|
|
20
20
|
alertStyling: {
|
|
21
21
|
borderRadius: BORDER_RADIUS,
|
|
@@ -35,11 +35,13 @@ var useAlertStyles = makeStyles(function (theme) { return ({
|
|
|
35
35
|
var Alert = forwardRef(function (_a, ref) {
|
|
36
36
|
var alertActionHandler = _a.alertActionHandler, formStatus = _a.formStatus, actionButton = _a.actionButton, alertMessage = _a.alertMessage, _b = _a.addBreak, addBreak = _b === void 0 ? true : _b, styling = _a.styling;
|
|
37
37
|
var classes = __assign(__assign({}, useSpacingStyles()), useAlertStyles());
|
|
38
|
-
return (_jsx(Collapse, { in: [FORM_SUCCESS, FORM_ERROR, FORM_WARNING].includes(formStatus), ref: ref, className: classes.horizontalAutoMargin, children: _jsx(MUIAlert, { onClick: alertActionHandler, className: "".concat(classes.alertStyling, " ").concat(addBreak ? classes.sectionBreak : "", " ").concat(styling || "", " ").concat(alertActionHandler ? classes.showCursor : ""), severity: formStatus === FORM_ERROR
|
|
38
|
+
return (_jsx(Collapse, { in: [FORM_SUCCESS, FORM_ERROR, FORM_WARNING, FORM_INFO].includes(formStatus), ref: ref, className: classes.horizontalAutoMargin, children: _jsx(MUIAlert, { onClick: alertActionHandler, className: "".concat(classes.alertStyling, " ").concat(addBreak ? classes.sectionBreak : "", " ").concat(styling || "", " ").concat(alertActionHandler ? classes.showCursor : ""), severity: formStatus === FORM_ERROR
|
|
39
39
|
? FORM_ERROR
|
|
40
40
|
: formStatus === FORM_SUCCESS
|
|
41
41
|
? FORM_SUCCESS
|
|
42
|
-
:
|
|
42
|
+
: formStatus === FORM_INFO
|
|
43
|
+
? FORM_INFO
|
|
44
|
+
: FORM_WARNING, action: actionButton ? (_jsx(Button, { className: classes.closeButton, "aria-label": "close", color: "inherit", size: "small", onClick: function (event) {
|
|
43
45
|
event.stopPropagation();
|
|
44
46
|
actionButton.handler();
|
|
45
47
|
}, children: actionButton.text })) : null, children: alertMessage }) }));
|
package/build/Alert/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EACL,aAAa,EACb,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,SAAS,GACV,MAAM,YAAY,CAAC;AAGpB,IAAM,cAAc,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IAC5C,YAAY,EAAE;QACZ,YAAY,EAAE,aAAa;KAC5B;IACD,WAAW,EAAE;QACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QACnC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;IACD,UAAU,EAAE;QACV,MAAM,EAAE,SAAS;KAClB;IACD,oBAAoB,EAAE;QACpB,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,MAAM;KACpB;CACF,CAAC,EAf2C,CAe3C,CAAC,CAAC;AAEJ,IAAM,KAAK,GAA0B,UAAU,CAC7C,UACE,EAOC,EACD,GAAG;QAPD,kBAAkB,wBAAA,EAClB,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,OAAO,aAAA;IAIT,IAAM,OAAO,yBAAQ,gBAAgB,EAAE,GAAK,cAAc,EAAE,CAAE,CAAC;IAC/D,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,EAC5E,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,oBAAoB,YAEvC,KAAC,QAAQ,IACP,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,UAAG,OAAO,CAAC,YAAY,cAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,cACxE,OAAO,IAAI,EAAE,cACX,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAE,EAClD,QAAQ,EACN,UAAU,KAAK,UAAU;gBACvB,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,UAAU,KAAK,YAAY;oBAC7B,CAAC,CAAC,YAAY;oBACd,CAAC,CAAC,UAAU,KAAK,SAAS;wBAC1B,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC,YAAY,EAElB,MAAM,EACJ,YAAY,CAAC,CAAC,CAAC,CACb,KAAC,MAAM,IACL,SAAS,EAAE,OAAO,CAAC,WAAW,gBACnB,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,UAAC,KAAK;oBACb,KAAK,CAAC,eAAe,EAAE,CAAC;oBACxB,YAAY,CAAC,OAAO,EAAE,CAAC;gBACzB,CAAC,YAEA,YAAY,CAAC,IAAI,GACX,CACV,CAAC,CAAC,CAAC,IAAI,YAGT,YAAY,GACJ,GACF,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -20,7 +20,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
20
20
|
};
|
|
21
21
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
22
|
import { Divider, List, ListItem, Typography } from "@mui/material";
|
|
23
|
-
import makeStyles from "@mui/styles
|
|
23
|
+
import { makeStyles } from "@mui/styles";
|
|
24
24
|
import React from "react";
|
|
25
25
|
import { Link as RouterLink } from "react-router-dom";
|
|
26
26
|
import { BORDER_RADIUS } from "../globals";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlphabeticalList.js","sourceRoot":"","sources":["../../src/AlphabeticalList/AlphabeticalList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"AlphabeticalList.js","sourceRoot":"","sources":["../../src/AlphabeticalList/AlphabeticalList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,IAAM,yBAAyB,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IACvD,OAAO,EAAE;QACP,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACtC,MAAM,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACjC,SAAS,EAAE,MAAM;KAClB;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,aAAa;QAC3B,MAAM,EAAE,oBAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE;QAC9C,YAAY,EAAE,QAAQ;QACtB,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC5B;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE;YACP,KAAK,EAAE,SAAS;SACjB;QACD,UAAU,EAAE,kBAAkB;QAC9B,aAAa,EAAE,MAAM;KACtB;IACD,SAAS,EAAE;QACT,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,EA5BsD,CA4BtD,CAAC,CAAC;AAEJ,IAAM,gBAAgB,GAAqC,UAAC,EAa3D;QAZC,KAAK,WAAA,EACL,MAAM,YAAA,EACN,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA,EAChB,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,sBAAkC,EAAlC,cAAc,mBAAG,iBAAiB,KAAA,EAClC,oBAA8B,EAA9B,YAAY,mBAAG,eAAe,KAAA,EAC9B,0BAAyB,EAAzB,kBAAkB,mBAAG,IAAI,KAAA,EACzB,cAAc,oBAAA;IAEd,IAAM,OAAO,kCACR,yBAAyB,EAAE,GAC3B,gBAAgB,EAAE,GAClB,eAAe,EAAE,CACrB,CAAC;IAEF,IAAI,KAAK,KAAK,SAAS,IAAI,OAAO,EAAE,CAAC;QACnC,OAAO,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,cAAc,GAAI,CAAC;IAC9E,CAAC;IAED,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA,EAAE,CAAC;QACnB,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,eAAe,YAEpB,YAAY,GACF,CACd,CAAC;IACJ,CAAC;IAED,IAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,kBAAI,KAAK,QAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACxD,IAAI,WAAW,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,eAAe,YACrC,MAAM,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;;YACtB,IAAI,UAAU,GAAG,KAAK,CAAC;YACvB,IAAI,kBAAkB,EAAE,CAAC;gBACvB,IAAM,UAAU,GAAG,CAAC,CAAA,MAAA,IAAI,CAAC,OAAO,CAAC,0CAAG,CAAC,CAAC,KAAI,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;gBAE/D,IAAI,UAAU,KAAK,WAAW,EAAE,CAAC;oBAC/B,WAAW,GAAG,UAAU,CAAC;oBACzB,UAAU,GAAG,IAAI,CAAC;gBACpB,CAAC;YACH,CAAC;YAED,IAAM,cAAc,GAAG,WACrB,MAAM,EAAE,EAAE,IACP,CAAC,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,IAAI,CAAC,mCAAI,EAAE,CAAC,CACO,CAAC;YAE3C,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACZ,kBAAkB,IAAI,UAAU,CAAC,CAAC,CAAC,CAClC,8BACE,KAAC,UAAU,IAAC,SAAS,EAAE,UAAG,OAAO,CAAC,YAAY,CAAE,EAAE,KAAK,EAAC,MAAM,YAC3D,WAAW,CAAC,WAAW,EAAE,GACf,EACb,KAAC,OAAO,IAAC,SAAS,EAAE,UAAG,OAAO,CAAC,YAAY,cAAI,OAAO,CAAC,OAAO,CAAE,GAAI,IACnE,CACJ,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,eAAe,IACd,WAAW,EAAE,cAAc,CAAC,QAAQ,EACpC,WAAW,EAAE,cAAc,CAAC,MAAM,YAElC,KAAC,QAAQ,aACP,SAAS,EACP,cAAc,CAAC,QAAQ;gCACrB,CAAC,CAAC,UAAG,OAAO,CAAC,QAAQ,cAAI,OAAO,CAAC,gBAAgB,CAAE;gCACnD,CAAC,CAAC,OAAO,CAAC,QAAQ,EAEtB,UAAU,EAAC,YAAY,EACvB,MAAM,EAAE,CAAC,WAAW,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAqB,EACtE,OAAO,EACL,WAAW,IAAI,CAAC,cAAc,CAAC,QAAQ;gCACrC,CAAC,CAAC,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB;gCACzB,CAAC,CAAC,SAAS,IAEX,CAAC,MAAM,IAAI,CAAC,WAAW,IAAI,CAAC,cAAc,CAAC,QAAQ;4BACrD,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;4BAC7C,CAAC,CAAC,EAAE,CAAC,cAEP,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,IACnB,GACK,KAjCC,IAAI,CAAC,QAAQ,CAAC,IAAI,4BAAqB,KAAK,CAAE,CAkClD,CAClB,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -19,8 +19,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
19
19
|
});
|
|
20
20
|
};
|
|
21
21
|
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
23
|
-
return g =
|
|
22
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
23
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
24
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
25
|
function step(op) {
|
|
26
26
|
if (f) throw new TypeError("Generator is already executing.");
|
|
@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { Typography, Link, Box, ButtonBase } from "@mui/material";
|
|
14
|
-
import makeStyles from "@mui/styles
|
|
14
|
+
import { makeStyles } from "@mui/styles";
|
|
15
15
|
import { Link as RouterLink } from "react-router-dom";
|
|
16
16
|
var useStyles = makeStyles(function (theme) { return ({
|
|
17
17
|
logoContainer: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"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"}
|
package/build/Button/Button.js
CHANGED
|
@@ -21,9 +21,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
-
import MaterialButton from "@mui/material
|
|
25
|
-
import CircularProgress from "@mui/material
|
|
26
|
-
import makeStyles from "@mui/styles
|
|
24
|
+
import { Button as MaterialButton } from "@mui/material";
|
|
25
|
+
import { CircularProgress } from "@mui/material";
|
|
26
|
+
import { makeStyles } from "@mui/styles";
|
|
27
27
|
import { useSpacingStyles } from "../styles";
|
|
28
28
|
import { NO_ACCESS_LEVEL, ONE_AND_HALF_REM, READ_LEVEL } from "../globals";
|
|
29
29
|
var useButtonStyles = makeStyles(function (theme) { return ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,cAAc,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE3E,IAAM,eAAe,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IAC7C,YAAY,EAAE;QACZ,YAAY,EAAE,gBAAgB;QAC9B,OAAO,EAAE,aAAa;QACtB,aAAa,EAAE,MAAM;KACtB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,OAAO;KACf;IACD,aAAa,EAAE;QACb,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;KAC/B;CACF,CAAC,EAZ4C,CAY5C,CAAC,CAAC;AAEJ,SAAS,MAAM,CAAC,EAYD;IAXb,IAAA,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAoB,EAApB,OAAO,mBAAG,UAAU,KAAA,EACpB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,WAAW,iBAAA,EACR,IAAI,cAXO,8GAYf,CADQ;IAEP,IAAM,OAAO,yBAAQ,gBAAgB,EAAE,GAAK,eAAe,EAAE,CAAE,CAAC;IAEhE,IAAI,WAAW,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpF,IAAI,YAAY,GAAG,QAAQ,CAAC;IAE5B,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,EAAE,CAAC;QACrC,YAAY,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,OAAO,CACL,MAAC,cAAc,eACT,IAAI,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAG,OAAO,CAAC,YAAY,cAChC,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,aAAa,cAC9C,OAAO,CAAE,EACb,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,aAEf,QAAQ,EACR,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,gBAAgB,IACf,SAAS,EAAE,UAAG,OAAO,CAAC,WAAW,cAAI,OAAO,CAAC,aAAa,CAAE,EAC5D,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,GACZ,CACH,CAAC,CAAC,CAAC,CACF,EAAE,CACH,KACc,CAClB,CAAC;AACJ,CAAC;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
24
|
import { Box, Typography } from "@mui/material";
|
|
25
|
-
import makeStyles from "@mui/styles
|
|
25
|
+
import { makeStyles } from "@mui/styles";
|
|
26
26
|
import { useEffect, useState } from "react";
|
|
27
27
|
import Button from "../Button/Button";
|
|
28
28
|
import { NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonWithConfirm.js","sourceRoot":"","sources":["../../src/ButtonWithConfirm/ButtonWithConfirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"ButtonWithConfirm.js","sourceRoot":"","sources":["../../src/ButtonWithConfirm/ButtonWithConfirm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
-
import { DatePicker as MaterialDatePicker } from "@mui/x-date-pickers
|
|
24
|
+
import { DatePicker as MaterialDatePicker } from "@mui/x-date-pickers";
|
|
25
25
|
import { NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
|
|
26
26
|
import TextField from "../TextField/TextField";
|
|
27
27
|
var DatePicker = function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAG/C,IAAM,UAAU,GAA+B,UAAC,EAQ/C;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,cAPuC,oEAQ/C,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,kBAAkB,aACjB,SAAS,EAAE,OAAO,IAAI,EAAE,IACpB,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,UAAU,CAAC"}
|
|
@@ -19,8 +19,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
19
19
|
});
|
|
20
20
|
};
|
|
21
21
|
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
23
|
-
return g =
|
|
22
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
23
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
24
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
25
|
function step(op) {
|
|
26
26
|
if (f) throw new TypeError("Generator is already executing.");
|
|
@@ -70,11 +70,11 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
70
70
|
* V7 docs are not officially hosted anywhere anymore for react table v7
|
|
71
71
|
* it took a while but found someone self hosting them https://react-table-v7-docs.netlify.app/docs/api/useTable#column-options
|
|
72
72
|
*/
|
|
73
|
-
import React, { forwardRef, Fragment, memo, useCallback, useEffect, useImperativeHandle, useState, } from "react";
|
|
73
|
+
import React, { forwardRef, Fragment, memo, useCallback, useEffect, useImperativeHandle, useRef, useState, } from "react";
|
|
74
74
|
import { useTable, useRowSelect, useFilters, usePagination, useGlobalFilter, useAsyncDebounce, } from "react-table";
|
|
75
75
|
import { Table as MUITable, Typography, Box, Tooltip, InputBase } from "@mui/material";
|
|
76
|
-
import makeStyles from "@mui/styles
|
|
77
|
-
import SearchIcon from "@mui/icons-material
|
|
76
|
+
import { makeStyles } from "@mui/styles";
|
|
77
|
+
import { Search as SearchIcon } from "@mui/icons-material";
|
|
78
78
|
import { EDITED_STATUS, NEW_STATUS } from "../globals";
|
|
79
79
|
import { tableTextField } from "./defaultCells";
|
|
80
80
|
import { didCellValueChange } from "../utils";
|
|
@@ -88,7 +88,7 @@ import { defaultCompare } from "./defaultCompare";
|
|
|
88
88
|
import { Caret } from "./Caret";
|
|
89
89
|
var EditableCell = function (_a) {
|
|
90
90
|
var _b = _a.value, initialValue = _b === void 0 ? "" : _b, _c = _a.row, index = _c.index, values = _c.values, original = _c.original, id = _a.column.id, syncCellWithState = _a.syncCellWithState, setRows = _a.setRows, fieldConfig = _a.fieldConfig, disabled = _a.disabled;
|
|
91
|
-
var _d = fieldConfig[id], validationRule = _d.validationRule, dependentValidationRule = _d.dependentValidationRule, isCheckbox = _d.isCheckbox, isDateField = _d.isDateField, customRenderFn = _d.customRenderFn, prefix = _d.prefix, suffix = _d.suffix, textAlign = _d.textAlign, configOnBlur = _d.onBlur, onChangeValueModifier = _d.onChangeValueModifier, getCalculatedValue = _d.getCalculatedValue;
|
|
91
|
+
var _d = fieldConfig[id], validationRule = _d.validationRule, dependentValidationRule = _d.dependentValidationRule, isCheckbox = _d.isCheckbox, isDateField = _d.isDateField, customRenderFn = _d.customRenderFn, prefix = _d.prefix, suffix = _d.suffix, textAlign = _d.textAlign, configOnBlur = _d.onBlur, onChangeValueModifier = _d.onChangeValueModifier, getCalculatedValue = _d.getCalculatedValue, isReadOnly = _d.isReadOnly;
|
|
92
92
|
var _e = useState(false), error = _e[0], setError = _e[1];
|
|
93
93
|
// We need to keep and update the state of the cell normally
|
|
94
94
|
var _f = useState(initialValue), value = _f[0], setValue = _f[1];
|
|
@@ -198,7 +198,7 @@ var EditableCell = function (_a) {
|
|
|
198
198
|
var renderFnProps = {
|
|
199
199
|
value: valueToRender,
|
|
200
200
|
values: values,
|
|
201
|
-
disabled: getCalculatedValue || disabled || original.disabledRow,
|
|
201
|
+
disabled: getCalculatedValue || disabled || original.disabledRow || isReadOnly,
|
|
202
202
|
error: error,
|
|
203
203
|
onChange: onChange,
|
|
204
204
|
onBlur: onBlur,
|
|
@@ -214,19 +214,27 @@ var EditableCell = function (_a) {
|
|
|
214
214
|
else
|
|
215
215
|
return tableTextField(renderFnProps);
|
|
216
216
|
};
|
|
217
|
+
//...rowProps is where our selectedFlatRows error is coming from though it seems to have a note saying how it is required
|
|
218
|
+
/**
|
|
219
|
+
* This component is responsible for rendering the table row of the body.
|
|
220
|
+
*/
|
|
217
221
|
var TableRowContents = forwardRef(function (_a, ref) {
|
|
218
|
-
var row = _a.row, disabled = _a.disabled, includeRowSelect = _a.includeRowSelect, rowProps = __rest(_a, ["row", "disabled", "includeRowSelect"]);
|
|
219
|
-
return (_jsx("tr", __assign({}, rowProps, { ref: ref, className: "".concat(row.original.rowStatus === NEW_STATUS ? classes.newRowHighlight : "", " ").concat(row.original.rowStatus === EDITED_STATUS ? classes.editedBorder : "", "\n").concat(Object.values(row.original.errors || {}).includes(true) ? classes.errorBorder : "", " ").concat(row.original.disabledRow || disabled ? classes.disabled : "", "\n ").concat(classes.rowHoverForStickyCell, " ").concat(classes.tableRow), children: row.cells.map(function (cell, n) {
|
|
222
|
+
var row = _a.row, disabled = _a.disabled, includeRowSelect = _a.includeRowSelect, shadedHeaderLeadingColumns = _a.shadedHeaderLeadingColumns, cellSizes = _a.cellSizes, stickyColumnNumberPerHeader = _a.stickyColumnNumberPerHeader, rowProps = __rest(_a, ["row", "disabled", "includeRowSelect", "shadedHeaderLeadingColumns", "cellSizes", "stickyColumnNumberPerHeader"]);
|
|
223
|
+
return (_jsx("tr", __assign({}, rowProps, { ref: ref, className: "".concat(row.original.rowStatus === NEW_STATUS ? classes.newRowHighlight : "", " ").concat(row.original.rowStatus === EDITED_STATUS ? classes.editedBorder : "", "\n").concat(Object.values(row.original.errors || {}).includes(true) ? classes.errorBorder : "", " ").concat(row.original.disabledRow || disabled ? classes.disabled : "", "\n ").concat(classes.rowHoverForStickyCell, " ").concat(classes.tableRow, " ").concat(shadedHeaderLeadingColumns === 2 ? "".concat(classes.doubleLeadingColumn, " double-leading-column") : "".concat(classes.singleLeadingColumn, " single-leading-column")), children: row.cells.map(function (cell, n) {
|
|
220
224
|
var _a = cell.getCellProps(), key = _a.key, cellProps = __rest(_a, ["key"]);
|
|
225
|
+
var stickyTargetNumber = stickyColumnNumberPerHeader.length - 1;
|
|
226
|
+
var stickyColumn = n <= stickyColumnNumberPerHeader[stickyTargetNumber];
|
|
227
|
+
var stickyLeftPos = cellSizes === null || cellSizes === void 0 ? void 0 : cellSizes[stickyTargetNumber].slice(0, n).reduce(function (acc, val) { return acc + val; }, 0);
|
|
221
228
|
return (_jsx("td", __assign({}, cellProps, { "data-align": cell.column.textAlign || "center", style: {
|
|
222
229
|
textAlign: cell.column.textAlign || "center",
|
|
230
|
+
left: stickyColumn ? "".concat(stickyLeftPos, "px") : undefined,
|
|
223
231
|
}, className: "".concat(classes.tableCell, " ").concat(cell.row.original.rowStatus === EDITED_STATUS &&
|
|
224
|
-
cell.row.original.edited[cell.column.id]
|
|
232
|
+
(cell.row.original.edited[cell.column.id] || cell.row.original.edited[cell.column.linkedStatusColumn])
|
|
225
233
|
? classes.editedCellHighlight
|
|
226
234
|
: "", " ").concat(classes.cellPadding, "\n ").concat(cell.column.shadedHeaderGroup
|
|
227
235
|
? "".concat(classes.shadedBody2CellsInsideGroup, " shadedBody2CellsInsideGroup")
|
|
228
|
-
: "", "\n ").concat(cell.column.shadedHeader ? "".concat(classes.shadedBodyCell, " shadedBodyCell") : "", "\n ").concat(
|
|
229
|
-
? "".concat(classes.
|
|
236
|
+
: "", "\n ").concat(cell.column.shadedHeader ? "".concat(classes.shadedBodyCell, " shadedBodyCell") : "", "\n ").concat(stickyColumn
|
|
237
|
+
? "".concat(classes.stickyColumn, " ").concat(classes.stickyZIndex, " ").concat(classes.rowCellColour, " stickyRowCell")
|
|
230
238
|
: "", "\n "), padding: includeRowSelect && n === 0 ? "checkbox" : "normal", children: cell.render("Cell") }), key));
|
|
231
239
|
}) }), row.original.rowKey || row.getRowProps().key));
|
|
232
240
|
});
|
|
@@ -234,13 +242,13 @@ var TableRowContents = forwardRef(function (_a, ref) {
|
|
|
234
242
|
// useTable requires memoised row data to be defined at all times.
|
|
235
243
|
var emptyRows = [];
|
|
236
244
|
var EditableTable = forwardRef(function (_a, ref) {
|
|
237
|
-
var tableRows = _a.tableRows, tableHeaders = _a.tableHeaders, syncCellWithState = _a.syncCellWithState, _b = _a.setRows, setRows = _b === void 0 ? undefined : _b, _c = _a.skipPageReset, skipPageReset = _c === void 0 ? false : _c, fieldConfig = _a.fieldConfig, _d = _a.disabled, disabled = _d === void 0 ? false : _d, setSelectedRows = _a.setSelectedRows, _e = _a.includeRowSelect, includeRowSelect = _e === void 0 ? true : _e, filterData = _a.filterData, filterTypes = _a.filterTypes, _f = _a.emptyTableText, emptyTableText = _f === void 0 ? "Table is empty" : _f, _g = _a.paginate, paginate = _g === void 0 ? false : _g, _h = _a.defaultPageSize, defaultPageSize = _h === void 0 ? 50 : _h, virtContainerStyling = _a.virtContainerStyling, includeGlobalSearch = _a.includeGlobalSearch, disableHeaderSelect = _a.disableHeaderSelect, defaultSortMeta = _a.defaultSortMeta;
|
|
245
|
+
var tableRows = _a.tableRows, tableHeaders = _a.tableHeaders, syncCellWithState = _a.syncCellWithState, _b = _a.setRows, setRows = _b === void 0 ? undefined : _b, _c = _a.skipPageReset, skipPageReset = _c === void 0 ? false : _c, fieldConfig = _a.fieldConfig, _d = _a.disabled, disabled = _d === void 0 ? false : _d, setSelectedRows = _a.setSelectedRows, _e = _a.includeRowSelect, includeRowSelect = _e === void 0 ? true : _e, filterData = _a.filterData, filterTypes = _a.filterTypes, _f = _a.emptyTableText, emptyTableText = _f === void 0 ? "Table is empty" : _f, _g = _a.paginate, paginate = _g === void 0 ? false : _g, _h = _a.defaultPageSize, defaultPageSize = _h === void 0 ? 50 : _h, virtContainerStyling = _a.virtContainerStyling, includeGlobalSearch = _a.includeGlobalSearch, disableHeaderSelect = _a.disableHeaderSelect, defaultSortMeta = _a.defaultSortMeta, shadedHeaderLeadingColumns = _a.shadedHeaderLeadingColumns, _j = _a.freezeHeader, freezeHeader = _j === void 0 ? true : _j;
|
|
238
246
|
var parentRef = React.useRef(null);
|
|
239
247
|
// Set our editable cell renderer as the default Cell renderer
|
|
240
248
|
var defaultColumn = React.useMemo(function () { return ({
|
|
241
249
|
Cell: EditableCell,
|
|
242
250
|
}); }, []);
|
|
243
|
-
var
|
|
251
|
+
var _k = useTable({
|
|
244
252
|
//@ts-ignore FIX REQUIRED inconsistent typing the docs allow for an accessor function but this hook definition doesnt
|
|
245
253
|
columns: tableHeaders,
|
|
246
254
|
data: tableRows || emptyRows,
|
|
@@ -287,22 +295,31 @@ var EditableTable = forwardRef(function (_a, ref) {
|
|
|
287
295
|
}
|
|
288
296
|
], columns, true); });
|
|
289
297
|
}
|
|
290
|
-
}), getTableProps =
|
|
291
|
-
getTableBodyProps =
|
|
292
|
-
headerGroups =
|
|
293
|
-
rows =
|
|
294
|
-
page =
|
|
295
|
-
prepareRow =
|
|
296
|
-
|
|
297
|
-
state =
|
|
298
|
-
pageCount =
|
|
299
|
-
selectedFlatRows =
|
|
300
|
-
|
|
298
|
+
}), getTableProps = _k.getTableProps, // props to use in table, supplied by react-table
|
|
299
|
+
getTableBodyProps = _k.getTableBodyProps, // props to use in table, supplied by react-table
|
|
300
|
+
headerGroups = _k.headerGroups, // headers enriched with methods by react-table
|
|
301
|
+
rows = _k.rows, // rows enriched with methods by react-table
|
|
302
|
+
page = _k.page, // selected slice of data subset of rows. Visible paginated data
|
|
303
|
+
prepareRow = _k.prepareRow, // row optimisation function that must be called when rendering rows
|
|
304
|
+
_l = _k.state, selectedRowIds = _l.selectedRowIds, pageIndex = _l.pageIndex, // ids of selected rows and page index from internal table state
|
|
305
|
+
state = _k.state, setFilter = _k.setFilter, // manipulate filter criteria
|
|
306
|
+
pageCount = _k.pageCount, gotoPage = _k.gotoPage, preGlobalFilteredRows = _k.preGlobalFilteredRows, setGlobalFilter = _k.setGlobalFilter, isAllRowsSelected = _k.isAllRowsSelected, // used only to induce re-render in the header and update checkbox state
|
|
307
|
+
selectedFlatRows = _k.selectedFlatRows, // used only to induce re-render in the rows and update checkbox state
|
|
308
|
+
allColumns = _k.allColumns;
|
|
309
|
+
var _m = useState(defaultSortMeta !== null && defaultSortMeta !== void 0 ? defaultSortMeta : null), sortMeta = _m[0], setSortMeta = _m[1];
|
|
301
310
|
var rowsToSort = paginate ? page : rows;
|
|
302
|
-
var rowsToRender =
|
|
311
|
+
var rowsToRender = rowsToSort.toSorted(function (a, b) {
|
|
303
312
|
var _a;
|
|
313
|
+
if (!sortMeta) {
|
|
314
|
+
return 0;
|
|
315
|
+
}
|
|
304
316
|
var config = fieldConfig[sortMeta.sortingColumnId];
|
|
305
317
|
var multiplier = sortMeta.asc ? 1 : -1;
|
|
318
|
+
//if there is not column defined for the sort key set back to default
|
|
319
|
+
if (!config && sortMeta.sortingColumnId !== (defaultSortMeta === null || defaultSortMeta === void 0 ? void 0 : defaultSortMeta.sortingColumnId)) {
|
|
320
|
+
setSortMeta(defaultSortMeta !== null && defaultSortMeta !== void 0 ? defaultSortMeta : null);
|
|
321
|
+
return 0;
|
|
322
|
+
}
|
|
306
323
|
var aVal = a.original[sortMeta.sortingColumnId];
|
|
307
324
|
var bVal = b.original[sortMeta.sortingColumnId];
|
|
308
325
|
if (config.getCalculatedValue) {
|
|
@@ -311,7 +328,7 @@ var EditableTable = forwardRef(function (_a, ref) {
|
|
|
311
328
|
}
|
|
312
329
|
var compareFn = (_a = config.sortCompareFn) !== null && _a !== void 0 ? _a : defaultCompare;
|
|
313
330
|
return compareFn(aVal, bVal) * multiplier;
|
|
314
|
-
})
|
|
331
|
+
});
|
|
315
332
|
var handlePageChange = useCallback(function (event, value) {
|
|
316
333
|
gotoPage(value - 1);
|
|
317
334
|
},
|
|
@@ -349,7 +366,7 @@ var EditableTable = forwardRef(function (_a, ref) {
|
|
|
349
366
|
},
|
|
350
367
|
rows: rows,
|
|
351
368
|
}); }, [syncCellWithState, setRows, prepareRow, rows]);
|
|
352
|
-
return (_jsxs(_Fragment, { children: [includeGlobalSearch ? (_jsx(GlobalSearch, { preGlobalFilteredRows: preGlobalFilteredRows, globalFilter: state.globalFilter, setGlobalFilter: setGlobalFilter })) : null, _jsx("div", { ref: parentRef, className: virtContainerStyling || classes.virtualisationContainer, children: _jsx(TableContent, { disabled: disabled, includeRowSelect: includeRowSelect, getTableProps: getTableProps, headerGroups: headerGroups, getTableBodyProps: getTableBodyProps, rowsToRender: rowsToRender, prepareRow: prepareRow, isAllRowsSelected: isAllRowsSelected, selectedFlatRows: selectedFlatRows, fieldConfig: fieldConfig, tableHeaders: tableHeaders, sortMeta: sortMeta, setSortMeta: setSortMeta }) }), tableRows === null ? (_jsx(Box, { className: classes.emptyLoadingPadding, children: _jsx(LoadingSpinner, {}) })) : null, tableRows && !tableRows.length ? (_jsx(Box, { className: "".concat(classes.emptyLoadingPadding, " ").concat(classes.centeredText), children: _jsx(Typography, { variant: "body2", children: emptyTableText }) })) : null, paginate && (tableRows === null || tableRows === void 0 ? void 0 : tableRows.length) ? (_jsx(Pagination, { className: classes.pagination, count: pageCount, page: pageIndex + 1, onChange: handlePageChange, shape: "rounded", showFirstButton: true, showLastButton: true })) : null] }));
|
|
369
|
+
return (_jsxs(_Fragment, { children: [includeGlobalSearch ? (_jsx(GlobalSearch, { preGlobalFilteredRows: preGlobalFilteredRows, globalFilter: state.globalFilter, setGlobalFilter: setGlobalFilter })) : null, _jsx("div", { ref: parentRef, className: virtContainerStyling || classes.virtualisationContainer, children: _jsx(TableContent, { disabled: disabled, includeRowSelect: includeRowSelect, getTableProps: getTableProps, headerGroups: headerGroups, getTableBodyProps: getTableBodyProps, rowsToRender: rowsToRender, prepareRow: prepareRow, isAllRowsSelected: isAllRowsSelected, selectedFlatRows: selectedFlatRows, fieldConfig: fieldConfig, tableHeaders: tableHeaders, sortMeta: sortMeta, setSortMeta: setSortMeta, allColumns: allColumns, shadedHeaderLeadingColumns: shadedHeaderLeadingColumns, freezeHeader: freezeHeader }) }), tableRows === null ? (_jsx(Box, { className: classes.emptyLoadingPadding, children: _jsx(LoadingSpinner, {}) })) : null, tableRows && !tableRows.length ? (_jsx(Box, { className: "".concat(classes.emptyLoadingPadding, " ").concat(classes.centeredText), children: _jsx(Typography, { variant: "body2", children: emptyTableText }) })) : null, paginate && (tableRows === null || tableRows === void 0 ? void 0 : tableRows.length) ? (_jsx(Pagination, { className: classes.pagination, count: pageCount, page: pageIndex + 1, onChange: handlePageChange, shape: "rounded", showFirstButton: true, showLastButton: true })) : null] }));
|
|
353
370
|
});
|
|
354
371
|
export default EditableTable;
|
|
355
372
|
var useGlobalSearchStyles = makeStyles(function (theme) { return ({
|
|
@@ -389,38 +406,94 @@ var GlobalSearch = memo(function (_a) {
|
|
|
389
406
|
}, placeholder: "Search ".concat(count, " records..."), inputProps: { "aria-label": "search" } })] }));
|
|
390
407
|
});
|
|
391
408
|
var TableContent = memo(function (_a) {
|
|
392
|
-
var disabled = _a.disabled, includeRowSelect = _a.includeRowSelect, getTableProps = _a.getTableProps, headerGroups = _a.headerGroups, getTableBodyProps = _a.getTableBodyProps, rowsToRender = _a.rowsToRender, prepareRow = _a.prepareRow, isAllRowsSelected = _a.isAllRowsSelected, selectedFlatRows = _a.selectedFlatRows, fieldConfig = _a.fieldConfig,
|
|
409
|
+
var disabled = _a.disabled, includeRowSelect = _a.includeRowSelect, getTableProps = _a.getTableProps, headerGroups = _a.headerGroups, getTableBodyProps = _a.getTableBodyProps, rowsToRender = _a.rowsToRender, prepareRow = _a.prepareRow, isAllRowsSelected = _a.isAllRowsSelected, selectedFlatRows = _a.selectedFlatRows, fieldConfig = _a.fieldConfig, allColumns = _a.allColumns, sortMeta = _a.sortMeta, setSortMeta = _a.setSortMeta, shadedHeaderLeadingColumns = _a.shadedHeaderLeadingColumns, freezeHeader = _a.freezeHeader;
|
|
393
410
|
var shouldShowTotals = rowsToRender.length > 0 &&
|
|
394
|
-
Object.
|
|
395
|
-
|
|
411
|
+
Object.entries(fieldConfig).some(function (_a) {
|
|
412
|
+
var key = _a[0], config = _a[1];
|
|
413
|
+
return config.total && allColumns.some(function (column) { return column.id === key; });
|
|
414
|
+
});
|
|
415
|
+
var ref = useRef(null);
|
|
416
|
+
var _b = useState(undefined), cellSizes = _b[0], setCellSizes = _b[1];
|
|
417
|
+
//get the width of the cells in the table
|
|
418
|
+
var updateCellSizesFromRenderedWidth = useCallback(function () {
|
|
419
|
+
var _a;
|
|
420
|
+
var getTHead = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector("thead");
|
|
421
|
+
var getAllRows = getTHead === null || getTHead === void 0 ? void 0 : getTHead.querySelectorAll("tr");
|
|
422
|
+
var headerSizes = Array.from(getAllRows !== null && getAllRows !== void 0 ? getAllRows : []).map(function (row) {
|
|
423
|
+
var headerCells = row === null || row === void 0 ? void 0 : row.querySelectorAll('th');
|
|
424
|
+
var cellSizes = Array.from(headerCells !== null && headerCells !== void 0 ? headerCells : []).map(function (cell) {
|
|
425
|
+
var currentCellSize = cell.getBoundingClientRect();
|
|
426
|
+
return currentCellSize.width;
|
|
427
|
+
});
|
|
428
|
+
return cellSizes;
|
|
429
|
+
});
|
|
430
|
+
setCellSizes(headerSizes);
|
|
431
|
+
}, [ref.current]);
|
|
432
|
+
useEffect(function () {
|
|
433
|
+
window.addEventListener('resize', updateCellSizesFromRenderedWidth);
|
|
434
|
+
updateCellSizesFromRenderedWidth();
|
|
435
|
+
return function () {
|
|
436
|
+
window.removeEventListener('resize', updateCellSizesFromRenderedWidth);
|
|
437
|
+
};
|
|
438
|
+
}, [rowsToRender]);
|
|
439
|
+
var stickyColumnNumberPerHeader = headerGroups.map(function (headerGroup) {
|
|
440
|
+
//@ts-ignore
|
|
441
|
+
return headerGroup.headers.findLastIndex(function (column) { var _a, _b, _c, _d; return column.stickyColumn || ((_a = column.placeholderOf) === null || _a === void 0 ? void 0 : _a.stickyColumn) || ((_b = column.parent) === null || _b === void 0 ? void 0 : _b.stickyColumn) || ((_d = (_c = column.parent) === null || _c === void 0 ? void 0 : _c.placeholderOf) === null || _d === void 0 ? void 0 : _d.stickyColumn); });
|
|
442
|
+
});
|
|
443
|
+
return (_jsxs(MUITable, __assign({ ref: ref }, getTableProps(), { style: {
|
|
396
444
|
borderCollapse: "collapse",
|
|
397
445
|
borderTopLeftRadius: 15,
|
|
398
446
|
borderTopRightRadius: 15,
|
|
399
|
-
}, children: [_jsx(TableHeaderContent, { headerGroups: headerGroups, includeRowSelect: includeRowSelect, isAllRowsSelected: isAllRowsSelected, sortMeta: sortMeta, setSortMeta: setSortMeta, fieldConfig: fieldConfig }), _jsxs("tbody", __assign({}, getTableBodyProps(), { children: [_jsx(TableRows, { disabled: disabled, includeRowSelect: includeRowSelect, rowsToRender: rowsToRender, prepareRow: prepareRow, selectedFlatRows: selectedFlatRows
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
?
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
return
|
|
412
|
-
}
|
|
447
|
+
}, children: [_jsx(TableHeaderContent, { headerGroups: headerGroups, includeRowSelect: includeRowSelect, isAllRowsSelected: isAllRowsSelected, sortMeta: sortMeta, setSortMeta: setSortMeta, fieldConfig: fieldConfig, shadedHeaderLeadingColumns: shadedHeaderLeadingColumns, freezeHeader: freezeHeader, cellSizes: cellSizes, stickyColumnNumberPerHeader: stickyColumnNumberPerHeader }), _jsxs("tbody", __assign({}, getTableBodyProps(), { children: [_jsx(TableRows, { disabled: disabled, includeRowSelect: includeRowSelect, rowsToRender: rowsToRender, prepareRow: prepareRow, selectedFlatRows: selectedFlatRows, shadedHeaderLeadingColumns: shadedHeaderLeadingColumns, cellSizes: cellSizes, stickyColumnNumberPerHeader: stickyColumnNumberPerHeader }), shouldShowTotals && (_jsx("tr", { children: Object.values(allColumns).map(function (header, index) {
|
|
448
|
+
var accessor = header.id;
|
|
449
|
+
var config = fieldConfig[accessor];
|
|
450
|
+
var stickyColumn = index <= stickyColumnNumberPerHeader[stickyColumnNumberPerHeader.length - 1];
|
|
451
|
+
var stickyLeftPos = cellSizes === null || cellSizes === void 0 ? void 0 : cellSizes[stickyColumnNumberPerHeader.length - 1].slice(0, index).reduce(function (acc, val) { return acc + val; }, 0);
|
|
452
|
+
if (index === 0) {
|
|
453
|
+
return _jsx("td", { className: "".concat(classes.tableCellTotalsLabel, " ").concat(stickyColumn ? "".concat(classes.stickyColumn, " ").concat(classes.stickyZIndex, " ").concat(classes.rowCellColour) : ''), style: {
|
|
454
|
+
textAlign: (config === null || config === void 0 ? void 0 : config.textAlign) || "center",
|
|
455
|
+
left: stickyColumn ? "".concat(stickyLeftPos, "px") : undefined,
|
|
456
|
+
}, children: "Totals" }, "totals-".concat(header.id));
|
|
457
|
+
}
|
|
458
|
+
if (!config) {
|
|
459
|
+
return null;
|
|
460
|
+
}
|
|
461
|
+
if (!config.total) {
|
|
462
|
+
return _jsx("td", { className: "".concat(stickyColumn ? "".concat(classes.stickyColumn, " ").concat(classes.stickyZIndex, " ").concat(classes.rowCellColour) : ''), style: {
|
|
463
|
+
left: stickyColumn ? "".concat(stickyLeftPos, "px") : undefined,
|
|
464
|
+
} }, "totals-".concat(header.id));
|
|
465
|
+
}
|
|
466
|
+
var sum = rowsToRender.reduce(function (sum, row) {
|
|
467
|
+
var rowValue = config.getCalculatedValue
|
|
468
|
+
? config.getCalculatedValue(row.original)
|
|
469
|
+
: row.original[accessor];
|
|
470
|
+
return sum + Number(rowValue !== null && rowValue !== void 0 ? rowValue : 0);
|
|
471
|
+
}, 0);
|
|
472
|
+
return (_jsx("td", { className: "".concat(classes.tableCell, " ").concat(classes.tableTotalCell, " ").concat(stickyColumn ? "".concat(classes.stickyColumn, " ").concat(classes.stickyZIndex, " ").concat(classes.rowCellColour) : ''), style: {
|
|
473
|
+
textAlign: config.textAlign || "center",
|
|
474
|
+
left: stickyColumn ? "".concat(stickyLeftPos, "px") : undefined,
|
|
475
|
+
}, children: _jsxs("div", { className: classes.tableTotalWrapper, children: [config.prefix, _jsx(NumericFormat, { value: sum, thousandSeparator: ",", displayType: "text", decimalScale: 2, fixedDecimalScale: true, style: {
|
|
476
|
+
textAlign: config.textAlign || "center",
|
|
477
|
+
}, "data-align": config.textAlign || "center" }), config.suffix] }) }, "totals-".concat(header.id)));
|
|
478
|
+
}) }))] }))] })));
|
|
413
479
|
});
|
|
480
|
+
/**
|
|
481
|
+
* This component is responsible for rendering the table header row
|
|
482
|
+
*/
|
|
414
483
|
var TableHeaderContent = memo(function (_a) {
|
|
415
|
-
var headerGroups = _a.headerGroups, sortMeta = _a.sortMeta, setSortMeta = _a.setSortMeta, fieldConfig = _a.fieldConfig;
|
|
416
|
-
return (_jsx("thead", { className: "".concat(classes.
|
|
484
|
+
var headerGroups = _a.headerGroups, sortMeta = _a.sortMeta, setSortMeta = _a.setSortMeta, fieldConfig = _a.fieldConfig, shadedHeaderLeadingColumns = _a.shadedHeaderLeadingColumns, freezeHeader = _a.freezeHeader, cellSizes = _a.cellSizes, stickyColumnNumberPerHeader = _a.stickyColumnNumberPerHeader;
|
|
485
|
+
return (_jsx("thead", { className: "".concat(freezeHeader ? "".concat(classes.stickyRow, " ").concat(classes.stickyZIndex) : '', " ").concat(classes.headerBorders), children: headerGroups.map(function (headerGroup, headerGroupNumber) {
|
|
417
486
|
var _a = headerGroup.getHeaderGroupProps(), key = _a.key, headerGroupProps = __rest(_a, ["key"]);
|
|
418
|
-
return (_jsx("tr", __assign({}, headerGroupProps, { children: headerGroup.headers.map(function (column, i) {
|
|
419
|
-
var _a, _b
|
|
420
|
-
var
|
|
487
|
+
return (_jsx("tr", __assign({}, headerGroupProps, { className: "".concat(shadedHeaderLeadingColumns === 2 ? "".concat(classes.doubleLeadingColumn, " double-leading-column") : "".concat(classes.singleLeadingColumn, " single-leading-column")), children: headerGroup.headers.map(function (column, i) {
|
|
488
|
+
var _a, _b;
|
|
489
|
+
var _c = column.getHeaderProps(), key = _c.key, headerProps = __rest(_c, ["key"]);
|
|
490
|
+
var stickyColumn = i <= stickyColumnNumberPerHeader[headerGroupNumber];
|
|
491
|
+
//this will be the sum of all the cell sizes less than this integer
|
|
492
|
+
var stickyLeftPos = cellSizes === null || cellSizes === void 0 ? void 0 : cellSizes[headerGroupNumber].slice(0, i).reduce(function (acc, val) { return acc + val; }, 0);
|
|
421
493
|
return (_jsx("th", __assign({}, headerProps, { style: {
|
|
422
494
|
//@ts-ignore FIX REQUIRED incorrect use of react table props
|
|
423
495
|
textAlign: column.textAlign || "center",
|
|
496
|
+
left: stickyColumn ? "".concat(stickyLeftPos, "px") : undefined,
|
|
424
497
|
}, className: "".concat(classes.headerCellColour, " ").concat(classes.tableCell, " ").concat(classes.tableHeadingCell, "\n ").concat(
|
|
425
498
|
//@ts-ignore FIX REQUIRED incorrect use of react table props
|
|
426
499
|
!column.shadedHeaderGroup
|
|
@@ -431,11 +504,9 @@ var TableHeaderContent = memo(function (_a) {
|
|
|
431
504
|
? "".concat(classes.shadedHeaderGroup2Children, " shadedHeaderGroup2Children")
|
|
432
505
|
: "", " ").concat(
|
|
433
506
|
//@ts-ignore FIX REQUIRED incorrect use of react table props
|
|
434
|
-
column.shadedHeader ? "".concat(classes.shadedHeader, " shadedHeader") : "", "\n ").concat(
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
? "".concat(classes.offsetStickyPosition, " ").concat(classes.stickyHeaderZIndex)
|
|
438
|
-
: ""), children: ((_c = (_b = fieldConfig[column.id]) === null || _b === void 0 ? void 0 : _b.canUserSort) !== null && _c !== void 0 ? _c : false) ? (_jsxs("div", { className: classes.sortCaretHeaderWrapper, style:
|
|
507
|
+
column.shadedHeader ? "".concat(classes.shadedHeader, " shadedHeader") : "", "\n ").concat(stickyColumn
|
|
508
|
+
? "".concat(classes.stickyColumn, " ").concat(classes.stickyZIndex)
|
|
509
|
+
: ""), children: ((_b = (_a = fieldConfig[column.id]) === null || _a === void 0 ? void 0 : _a.canUserSort) !== null && _b !== void 0 ? _b : false) ? (_jsxs("div", { className: classes.sortCaretHeaderWrapper, style:
|
|
439
510
|
// @ts-ignore column.textAlign definitely exists on the type for column at this point is not related to our own ITableHeaders type but instead to something from react-table
|
|
440
511
|
column.textAlign === "center" ? { margin: "auto" } : column.textAlign === "right" ? { marginLeft: "auto" } : {}, children: [column.render("Header"), sortMeta && sortMeta.sortingColumnId === column.id ? (_jsx("div", { className: classes.sortCaret, onClick: function () {
|
|
441
512
|
// Reverse sort direction
|
|
@@ -459,7 +530,7 @@ var TableHeaderContent = memo(function (_a) {
|
|
|
459
530
|
}) }));
|
|
460
531
|
});
|
|
461
532
|
var TableRows = memo(function (_a) {
|
|
462
|
-
var rowsToRender = _a.rowsToRender, prepareRow = _a.prepareRow, disabled = _a.disabled, includeRowSelect = _a.includeRowSelect, selectedFlatRows = _a.selectedFlatRows;
|
|
533
|
+
var rowsToRender = _a.rowsToRender, prepareRow = _a.prepareRow, disabled = _a.disabled, includeRowSelect = _a.includeRowSelect, selectedFlatRows = _a.selectedFlatRows, shadedHeaderLeadingColumns = _a.shadedHeaderLeadingColumns, cellSizes = _a.cellSizes, stickyColumnNumberPerHeader = _a.stickyColumnNumberPerHeader;
|
|
463
534
|
return (_jsx(_Fragment, { children: rowsToRender.map(function (row) {
|
|
464
535
|
prepareRow(row);
|
|
465
536
|
return (_jsx(Fragment, { children: row.original.disabledRow ? (
|
|
@@ -467,9 +538,9 @@ var TableRows = memo(function (_a) {
|
|
|
467
538
|
// If this changes will need to change the check to be more specific
|
|
468
539
|
_jsx(Tooltip, { title: row.original.tooltipText || "This row is disabled", arrow: true, children: _jsx(TableRowContents, { row: row, disabled: disabled, includeRowSelect: includeRowSelect,
|
|
469
540
|
// @ts-ignore don't think it's used but too scared to delete (commit fa85ec60cca4edabb)
|
|
470
|
-
selectedFlatRows: selectedFlatRows }) })) : (_jsx(TableRowContents, { row: row, disabled: disabled, includeRowSelect: includeRowSelect,
|
|
541
|
+
selectedFlatRows: selectedFlatRows, shadedHeaderLeadingColumns: shadedHeaderLeadingColumns, cellSizes: cellSizes, stickyColumnNumberPerHeader: stickyColumnNumberPerHeader }) })) : (_jsx(TableRowContents, { row: row, disabled: disabled, includeRowSelect: includeRowSelect,
|
|
471
542
|
// @ts-ignore don't think it's used but too scared to delete (commit fa85ec60cca4edabb)
|
|
472
|
-
selectedFlatRows: selectedFlatRows })) }, row.original.rowKey || row.getRowProps().key));
|
|
543
|
+
selectedFlatRows: selectedFlatRows, shadedHeaderLeadingColumns: shadedHeaderLeadingColumns, cellSizes: cellSizes, stickyColumnNumberPerHeader: stickyColumnNumberPerHeader })) }, row.original.rowKey || row.getRowProps().key));
|
|
473
544
|
}) }));
|
|
474
545
|
});
|
|
475
546
|
//# sourceMappingURL=EditableTable.js.map
|