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

package/build/EditableTable/components/TableTextInput.js

@@ -0,0 +1,90 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { PureComponent } from "react";
+import { getTableTextInputTextWidth } from "./utils/getTextWidth";
+import { NumericFormat } from "react-number-format";
+import * as inputClasses from "./Input.css" with { type: "css" };
+import * as errorClasses from "./SmallError.css" with { type: "css" };
+var TableTextInput = /** @class */ (function (_super) {
+    __extends(TableTextInput, _super);
+    function TableTextInput() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TableTextInput.prototype.render = function () {
+        var _a;
+        var props = this.props;
+        var displayValue = props.value === null || props.value === undefined
+            ? props.fixedDecimalScale
+                ? "0.00"
+                : ""
+            : props.fixedDecimalScale
+                ? Number(props.value).toFixed(2)
+                : String(props.value);
+        if (props.value &&
+            typeof props.value !== "string" &&
+            typeof props.value !== "number") {
+            return _jsx("small", { className: errorClasses.error, children: "Incorrect value type" });
+        }
+        var gridTemplateColumns;
+        if (props.prefix && props.suffix) {
+            gridTemplateColumns = "auto 1fr auro";
+        }
+        else if (props.prefix) {
+            gridTemplateColumns = "auto 1fr";
+        }
+        else if (props.suffix) {
+            gridTemplateColumns = "1fr auto";
+        }
+        else {
+            gridTemplateColumns = "1fr";
+        }
+        var inputComponent;
+        if (props.numberField || props.fixedDecimalScale) {
+            inputComponent = (_jsx(NumericFormat, { type: "text", name: props.name, className: "".concat(inputClasses.input, " ").concat(props.styling || ""), value: displayValue, onValueChange: function (values) {
+                    var _a;
+                    // TODO: we should not be passing around change events!
+                    // onChange should accept {value} - not {event}, like the date input
+                    var changeEvent = {
+                        target: {
+                            name: props.name,
+                            value: values.floatValue === undefined ? "" : String(values.floatValue),
+                        },
+                    };
+                    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, changeEvent);
+                }, onBlur: props.onBlur, disabled: props.disabled, style: {
+                    textAlign: props.textAlign,
+                    width: getTableTextInputTextWidth(displayValue, 40, 200),
+                }, "data-valid": !props.error, decimalScale: 2, thousandSeparator: ",", thousandsGroupStyle: "thousand", fixedDecimalScale: props.fixedDecimalScale, allowLeadingZeros: false, placeholder: props.placeholder }));
+        }
+        else if (props.disabled) {
+            inputComponent = (_jsx("span", { className: "".concat(inputClasses.input, " ").concat(props.styling || ""), style: {
+                    textAlign: props.textAlign,
+                    width: getTableTextInputTextWidth(displayValue, 40, 200),
+                }, "data-valid": !props.error, children: displayValue === "" ? (_jsx("span", { style: { color: "rgb(99,99,99)" }, children: (_a = props.placeholder) !== null && _a !== void 0 ? _a : "" })) : displayValue }));
+        }
+        else {
+            inputComponent = (_jsx("input", { type: "text", name: props.name, className: "".concat(inputClasses.input, " ").concat(props.styling || ""), value: displayValue, onChange: props.onChange, onBlur: props.onBlur, disabled: props.disabled, style: {
+                    textAlign: props.textAlign,
+                    width: getTableTextInputTextWidth(displayValue, 40, 200),
+                }, "data-valid": !props.error, placeholder: props.placeholder }));
+        }
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "".concat(inputClasses.wrapper, " ").concat(props.wrapperStyling || ""), style: { gridTemplateColumns: gridTemplateColumns }, "data-full-width": Boolean(props.fullWidth), children: [props.prefix, inputComponent, props.suffix] }), props.error && (_jsx("div", { children: _jsx("small", { className: errorClasses.error, style: { textAlign: props.textAlign }, children: props.error }) }))] }));
+    };
+    return TableTextInput;
+}(PureComponent));
+export { TableTextInput };
+//# sourceMappingURL=TableTextInput.js.map

package/build/EditableTable/components/TableTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTextInput.js","sourceRoot":"","sources":["../../../src/EditableTable/components/TableTextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,EAAe,aAAa,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,KAAK,YAAY,MAAM,aAAa,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,CAAC;AACjE,OAAO,KAAK,YAAY,MAAM,kBAAkB,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,CAAC;AA4BtE;IAAoC,kCAAmC;IAAvE;;IA2HA,CAAC;IA1HC,+BAAM,GAAN;;QACE,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzB,IAAM,YAAY,GAChB,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS;YAC/C,CAAC,CAAC,KAAK,CAAC,iBAAiB;gBACvB,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,EAAE;YACN,CAAC,CAAC,KAAK,CAAC,iBAAiB;gBACzB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;gBAChC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE1B,IACE,KAAK,CAAC,KAAK;YACX,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ;YAC/B,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,EAC/B,CAAC;YACD,OAAO,gBAAO,SAAS,EAAE,YAAY,CAAC,KAAK,qCAA8B,CAAC;QAC5E,CAAC;QAED,IAAI,mBAAmB,CAAC;QAExB,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACjC,mBAAmB,GAAG,eAAe,CAAC;QACxC,CAAC;aAAM,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACxB,mBAAmB,GAAG,UAAU,CAAC;QACnC,CAAC;aAAM,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACxB,mBAAmB,GAAG,UAAU,CAAC;QACnC,CAAC;aAAM,CAAC;YACN,mBAAmB,GAAG,KAAK,CAAC;QAC9B,CAAC;QAED,IAAI,cAAc,CAAC;QAEnB,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAC;YACjD,cAAc,GAAG,CACf,KAAC,aAAa,IACZ,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,UAAG,YAAY,CAAC,KAAK,cAAI,KAAK,CAAC,OAAO,IAAI,EAAE,CAAE,EACzD,KAAK,EAAE,YAAY,EACnB,aAAa,EAAE,UAAC,MAAM;;oBACpB,uDAAuD;oBACvD,oEAAoE;oBACpE,IAAM,WAAW,GAAG;wBAClB,MAAM,EAAE;4BACN,IAAI,EAAE,KAAK,CAAC,IAAI;4BAChB,KAAK,EAAE,MAAM,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;yBACxE;qBAC+B,CAAC;oBAEnC,MAAA,KAAK,CAAC,QAAQ,sDAAG,WAAW,CAAC,CAAC;gBAChC,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE;oBACL,SAAS,EAAE,KAAK,CAAC,SAAS;oBAC1B,KAAK,EAAE,0BAA0B,CAAC,YAAY,EAAE,EAAE,EAAE,GAAG,CAAC;iBACzD,gBACW,CAAC,KAAK,CAAC,KAAK,EACxB,YAAY,EAAE,CAAC,EACf,iBAAiB,EAAE,GAAG,EACtB,mBAAmB,EAAC,UAAU,EAC9B,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,iBAAiB,EAAE,KAAK,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,GAC9B,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC1B,cAAc,GAAG,CACf,eACE,SAAS,EAAE,UAAG,YAAY,CAAC,KAAK,cAAI,KAAK,CAAC,OAAO,IAAI,EAAE,CAAE,EACzD,KAAK,EAAE;oBACL,SAAS,EAAE,KAAK,CAAC,SAAS;oBAC1B,KAAK,EAAE,0BAA0B,CAAC,YAAY,EAAE,EAAE,EAAE,GAAG,CAAC;iBACzD,gBACW,CAAC,KAAK,CAAC,KAAK,YAEvB,YAAY,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,YAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,GAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,GAC5G,CACR,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,cAAc,GAAG,CACf,gBACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,UAAG,YAAY,CAAC,KAAK,cAAI,KAAK,CAAC,OAAO,IAAI,EAAE,CAAE,EACzD,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE;oBACL,SAAS,EAAE,KAAK,CAAC,SAAS;oBAC1B,KAAK,EAAE,0BAA0B,CAAC,YAAY,EAAE,EAAE,EAAE,GAAG,CAAC;iBACzD,gBACW,CAAC,KAAK,CAAC,KAAK,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,GAC9B,CACH,CAAC;QACJ,CAAC;QAED,OAAO,CACL,8BACE,eACE,SAAS,EAAE,UAAG,YAAY,CAAC,OAAO,cAAI,KAAK,CAAC,cAAc,IAAI,EAAE,CAAE,EAClE,KAAK,EAAE,EAAE,mBAAmB,qBAAA,EAAE,qBACb,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,aAExC,KAAK,CAAC,MAAM,EACZ,cAAc,EACd,KAAK,CAAC,MAAM,IACT,EACL,KAAK,CAAC,KAAK,IAAI,CACd,wBACE,gBAAO,SAAS,EAAE,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,YACxE,KAAK,CAAC,KAAK,GACN,GACJ,CACP,IACA,CACJ,CAAC;IACJ,CAAC;IACH,qBAAC;AAAD,CAAC,AA3HD,CAAoC,aAAa,GA2HhD"}

package/build/EditableTable/components/utils/getTextWidth.js

@@ -0,0 +1,58 @@
+import * as inputClasses from "../Input.css" with { type: "css" };
+var canvas = null;
+var input = null;
+/**
+ * Optimised for TableTextField.
+ *
+ * Instead of accepting a HTMLElement, which would require a re-render to get the correct width,
+ * this function is oprimised to accept only the text and max width.
+ */
+export function getTableTextInputTextWidth(text, minWidth, maxWidth) {
+    if (minWidth === void 0) { minWidth = 0; }
+    if (maxWidth === void 0) { maxWidth = 200; }
+    if (!input) {
+        input = document.createElement("input");
+        input.setAttribute("class", inputClasses.input);
+    }
+    return getTextWidth(text, input, minWidth, maxWidth);
+}
+/**
+ * Calculates the width of a given string in pixels (perfect result)
+ *
+ * When using this to size inputs, the input must have CSS box-sizing: content-box
+ */
+export function getTextWidth(text, element, minWidth, maxWidth) {
+    if (minWidth === void 0) { minWidth = 0; }
+    if (maxWidth === void 0) { maxWidth = 200; }
+    var font = getCanvasFont(element);
+    // Re-use canvas object for better performance
+    if (!canvas) {
+        canvas = document.createElement("canvas");
+    }
+    var context = canvas.getContext("2d");
+    // Older browsers may not support canvas
+    // Then, use a simple and wrong approximation
+    if (!context) {
+        return text.length + "ch";
+    }
+    context.font = font;
+    var metrics = context.measureText(text);
+    // Some browsers give sub-pixel perfect width, others don't
+    // We want consistency
+    var width = Math.ceil(metrics.width);
+    // Apply min/max widths
+    width = Math.min(width, maxWidth);
+    width = Math.max(width, minWidth);
+    return width + "px";
+}
+function getComputedStyleProperty(element, prop) {
+    return window.getComputedStyle(element, null).getPropertyValue(prop);
+}
+function getCanvasFont(element) {
+    if (element === void 0) { element = document.body; }
+    var fontWeight = getComputedStyleProperty(element, "font-weight") || "normal";
+    var fontSize = getComputedStyleProperty(element, "font-size") || "16px";
+    var fontFamily = getComputedStyleProperty(element, "font-family") || "Times New Roman";
+    return "".concat(fontWeight, " ").concat(fontSize, " ").concat(fontFamily);
+}
+//# sourceMappingURL=getTextWidth.js.map

package/build/EditableTable/components/utils/getTextWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTextWidth.js","sourceRoot":"","sources":["../../../../src/EditableTable/components/utils/getTextWidth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,cAAc,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,CAAC;AAElE,IAAI,MAAM,GAA6B,IAAI,CAAC;AAC5C,IAAI,KAAK,GAA4B,IAAI,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,UAAU,0BAA0B,CACxC,IAAY,EACZ,QAAY,EACZ,QAAc;IADd,yBAAA,EAAA,YAAY;IACZ,yBAAA,EAAA,cAAc;IAEd,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACxC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC;IAED,OAAO,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACvD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAC1B,IAAY,EACZ,OAAoB,EACpB,QAAY,EACZ,QAAc;IADd,yBAAA,EAAA,YAAY;IACZ,yBAAA,EAAA,cAAc;IAEd,IAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAEpC,8CAA8C;IAC9C,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAED,IAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAExC,wCAAwC;IACxC,6CAA6C;IAC7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;IAEpB,IAAM,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAE1C,2DAA2D;IAC3D,sBAAsB;IACtB,IAAI,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAErC,uBAAuB;IACvB,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAClC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAElC,OAAO,KAAK,GAAG,IAAI,CAAC;AACtB,CAAC;AAED,SAAS,wBAAwB,CAAC,OAAoB,EAAE,IAAY;IAClE,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACvE,CAAC;AAED,SAAS,aAAa,CAAC,OAAuB;IAAvB,wBAAA,EAAA,UAAU,QAAQ,CAAC,IAAI;IAC5C,IAAM,UAAU,GAAG,wBAAwB,CAAC,OAAO,EAAE,aAAa,CAAC,IAAI,QAAQ,CAAC;IAChF,IAAM,QAAQ,GAAG,wBAAwB,CAAC,OAAO,EAAE,WAAW,CAAC,IAAI,MAAM,CAAC;IAC1E,IAAM,UAAU,GACd,wBAAwB,CAAC,OAAO,EAAE,aAAa,CAAC,IAAI,iBAAiB,CAAC;IAExE,OAAO,UAAG,UAAU,cAAI,QAAQ,cAAI,UAAU,CAAE,CAAC;AACnD,CAAC"}

package/build/EditableTable/defaultCells.js

@@ -0,0 +1,118 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormHelperText, MenuItem, Select as MuiSelect, } from "@mui/material";
+import makeStyles from "@mui/styles/makeStyles";
+import Select from "../Select/Select";
+import { TableDateInput } from "./components/TableDateInput";
+import { TableCheckbox } from "./components/TableCheckbox";
+import { TableTextInput } from "./components/TableTextInput";
+var useDefaultTableCellsStyles = makeStyles(function (theme) { return ({
+    inputBase: function (_a) {
+        var textAlign = _a.textAlign;
+        return ({
+            height: "unset",
+            padding: 0,
+            textAlign: textAlign || "center",
+        });
+    },
+    input: function (_a) {
+        var textAlign = _a.textAlign;
+        return ({
+            textAlign: textAlign || "center",
+            marginRight: "0.4rem",
+            marginLeft: "0.4rem",
+        });
+    },
+    startAdornment: {
+        color: theme.palette.text.secondary,
+    },
+    modifiedUnderline: {
+        "&:not(.Mui-disabled):before": {
+            borderBottom: "none",
+            transition: "none",
+        },
+        "&:hover:not(.Mui-disabled):before": {
+            borderBottom: "1px solid ".concat(theme.palette.grey["500"], " !important"),
+        },
+    },
+    body2Text: __assign({}, theme.typography.body2),
+    dateFieldWidth: {
+        width: "8ch",
+    },
+    fullDateWidth: {
+        width: "11ch",
+    },
+    justifyStart: {
+        justifyContent: "flex-start",
+    },
+    justifyCenter: {
+        justifyContent: "center",
+    },
+    justifyEnd: {
+        justifyContent: "flex-end",
+    },
+    totalContainer: {
+        display: "flex",
+        alignItems: "center",
+        cursor: "default",
+        whiteSpace: "nowrap",
+    },
+    selectFocusBackground: {
+        "&:focus": {
+            backgroundColor: "unset",
+        },
+    },
+}); });
+export var tableTextField = function (tableProps) {
+    return _jsx(TableTextInput, __assign({}, tableProps));
+};
+export var tableNumericStringField = function (tableProps) {
+    return _jsx(TableTextInput, __assign({}, tableProps, { numberField: true }));
+};
+export var tableNumericStringFixedDecimalField = function (tableProps) {
+    return (_jsx(TableTextInput, __assign({}, tableProps, { numberField: true, fixedDecimalScale: true })));
+};
+export var tableDateField = function (_a) {
+    var _b;
+    var value = _a.value, onChange = _a.onChange, disabled = _a.disabled, error = _a.error;
+    return (_jsx(TableDateInput, { disabled: disabled, error: error, onChange: onChange, value: (_b = value) !== null && _b !== void 0 ? _b : null }));
+};
+export var tableCheckbox = function (tableProps) {
+    return (_jsx(TableCheckbox, { value: tableProps.value, onChange: tableProps.onChange, disabled: tableProps.disabled }));
+};
+export var NonEditableField = function (_a) {
+    var text = _a.text, _b = _a.numberField, numberField = _b === void 0 ? false : _b, _c = _a.prefix, prefix = _c === void 0 ? null : _c, _d = _a.suffix, suffix = _d === void 0 ? null : _d, textAlign = _a.textAlign, fixedDecimalScale = _a.fixedDecimalScale, _e = _a.styling, styling = _e === void 0 ? "" : _e, _f = _a.widthOverride, widthOverride = _f === void 0 ? undefined : _f, fullWidth = _a.fullWidth;
+    return (_jsx("div", { className: styling, style: {
+            width: widthOverride,
+        }, children: _jsx(TableTextInput, { value: text, disabled: true, numberField: numberField, fixedDecimalScale: fixedDecimalScale, textAlign: textAlign, prefix: prefix, suffix: suffix, fullWidth: fullWidth }) }));
+};
+export var TableSelect = function (_a) {
+    var error = _a.error, value = _a.value, onBlur = _a.onBlur, onChange = _a.onChange, selectOptions = _a.selectOptions, disabled = _a.disabled;
+    var classes = useDefaultTableCellsStyles({});
+    return (_jsxs(FormControl, { variant: "standard", margin: "none", error: !!error, children: [_jsx(Select, { variant: "standard", className: "".concat(classes.body2Text, " ").concat(classes.modifiedUnderline), inputProps: { className: classes.selectFocusBackground }, value: value, onChange: onChange, onBlur: onBlur, disabled: disabled, selectOptions: Object.entries(selectOptions).map(function (_a) {
+                    var value = _a[0], description = _a[1];
+                    return ({
+                        value: value,
+                        description: description,
+                    });
+                }) }), error && _jsx(FormHelperText, { children: error })] }));
+};
+export var TableMultipleSelect = function (_a) {
+    var error = _a.error, value = _a.value, onBlur = _a.onBlur, onChange = _a.onChange, selectOptions = _a.selectOptions, disabled = _a.disabled, renderValue = _a.renderValue;
+    var classes = useDefaultTableCellsStyles({});
+    return (_jsxs(FormControl, { variant: "standard", margin: "none", error: !!error, children: [_jsx(MuiSelect, { variant: "standard", className: "".concat(classes.body2Text, " ").concat(classes.modifiedUnderline), inputProps: { className: classes.selectFocusBackground }, value: value, onChange: onChange, onBlur: onBlur, disabled: disabled, renderValue: renderValue, multiple: true, children: Object.entries(selectOptions).map(function (_a) {
+                    var key = _a[0], value = _a[1];
+                    return (_jsx(MenuItem, { className: classes.body2Text, value: key, children: value }, key));
+                }) }), error && _jsx(FormHelperText, { children: error })] }));
+};
+//# sourceMappingURL=defaultCells.js.map

package/build/EditableTable/defaultCells.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultCells.js","sourceRoot":"","sources":["../../src/EditableTable/defaultCells.tsx"],"names":[],"mappings":"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"}

package/build/EditableTable/defaultCompare.js

@@ -0,0 +1,31 @@
+var toString = function (obj) {
+    //ECMA specification: http://www.ecma-international.org/ecma-262/6.0/#sec-tostring
+    if (obj === null)
+        return "null";
+    if (typeof obj === "boolean" || typeof obj === "number")
+        return (obj).toString();
+    if (typeof obj === "string")
+        return obj;
+    if (typeof obj === "symbol")
+        throw new TypeError();
+    //we know we have an object. perhaps return JSON.stringify?
+    return (obj).toString();
+};
+export var defaultCompare = function (x, y) {
+    //INFO: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
+    //ECMA specification: http://www.ecma-international.org/ecma-262/6.0/#sec-sortcompare
+    if (x === undefined && y === undefined)
+        return 0;
+    if (x === undefined)
+        return 1;
+    if (y === undefined)
+        return -1;
+    var xString = toString(x);
+    var yString = toString(y);
+    if (xString < yString)
+        return -1;
+    if (xString > yString)
+        return 1;
+    return 0;
+};
+//# sourceMappingURL=defaultCompare.js.map

package/build/EditableTable/defaultCompare.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultCompare.js","sourceRoot":"","sources":["../../src/EditableTable/defaultCompare.ts"],"names":[],"mappings":"AAAA,IAAM,QAAQ,GAAG,UAAC,GAAQ;IACxB,kFAAkF;IAElF,IAAI,GAAG,KAAK,IAAI;QACZ,OAAO,MAAM,CAAC;IAElB,IAAI,OAAO,GAAG,KAAK,SAAS,IAAK,OAAO,GAAG,KAAK,QAAQ;QACpD,OAAO,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC;IAE5B,IAAI,OAAO,GAAG,KAAK,QAAQ;QACvB,OAAO,GAAG,CAAC;IAEf,IAAI,OAAO,GAAG,KAAK,QAAQ;QACvB,MAAM,IAAI,SAAS,EAAE,CAAC;IAE1B,2DAA2D;IAC3D,OAAO,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,CAAM,EAAE,CAAM;IAC3C,mGAAmG;IACnG,qFAAqF;IAErF,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,SAAS;QAClC,OAAO,CAAC,CAAC;IAEb,IAAI,CAAC,KAAK,SAAS;QACf,OAAO,CAAC,CAAC;IAEb,IAAI,CAAC,KAAK,SAAS;QACf,OAAO,CAAC,CAAC,CAAC;IAEd,IAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5B,IAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5B,IAAI,OAAO,GAAG,OAAO;QACjB,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,OAAO,GAAG,OAAO;QACjB,OAAO,CAAC,CAAC;IAEb,OAAO,CAAC,CAAC;AACX,CAAC,CAAC"}

package/build/EntityList/EntityList.js

@@ -0,0 +1,53 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Grid, Typography } from "@mui/material";
+import makeStyles from "@mui/styles/makeStyles";
+import LoadingSpinner from "../LoadingSpinner/LoadingSpinner";
+import { Link as RouterLink } from "react-router-dom";
+import { useFontStyles, useSpacingStyles } from "../styles";
+import { BORDER_RADIUS } from "../globals";
+var useStyles = makeStyles(function (theme) { return ({
+    container: {
+        marginRight: theme.spacing(-1.5),
+        marginLeft: theme.spacing(-1.5),
+    },
+    svgContainer: {
+        marginLeft: "auto",
+        marginRight: "auto",
+    },
+    button: {
+        display: "block",
+        textDecoration: "none",
+        borderRadius: BORDER_RADIUS,
+        height: "100%",
+        width: "100%",
+        textAlign: "center",
+        color: theme.palette.text.primary,
+    },
+    orgLabel: {
+        padding: theme.spacing(1),
+        paddingTop: 0,
+    },
+}); });
+var EntityList = function (_a) {
+    var entities = _a.entities, icon = _a.icon, _b = _a.loadingMessage, loadingMessage = _b === void 0 ? "Loading list..." : _b, _c = _a.emptyMessage, emptyMessage = _c === void 0 ? "List is empty" : _c, onClick = _a.onClick;
+    var classes = __assign(__assign(__assign({}, useStyles()), useSpacingStyles()), useFontStyles());
+    return (_jsx(Box, { className: classes.container, children: !entities ? (_jsx(LoadingSpinner, { text: loadingMessage })) : entities.length ? (_jsx(Grid, { container: true, spacing: 3, children: entities.map(function (entity, index) { return (_jsx(Grid, { item: true, xs: 4, md: 3, children: _jsxs(Button, __assign({ className: classes.button }, (onClick
+                    ? { onClick: function () { return onClick(entity); } }
+                    : {
+                        component: RouterLink,
+                        to: entity.link,
+                    }), { children: [_jsx(Box, { className: "".concat(classes.svgContainer, " ").concat(classes.labelBreak), children: icon(entity) }), _jsx(Typography, { className: classes.orgLabel, variant: "body1", children: entity.name })] }), entity.name) }, "".concat(entity.name, "-").concat(index))); }) })) : (_jsx(Typography, { className: classes.centerText, variant: "body2", color: "text.primary", children: emptyMessage })) }));
+};
+export default EntityList;
+//# sourceMappingURL=EntityList.js.map

package/build/EntityList/EntityList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityList.js","sourceRoot":"","sources":["../../src/EntityList/EntityList.tsx"],"names":[],"mappings":"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"}

package/build/EntityList/EntityList.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EntityList.types.js.map

package/build/EntityList/EntityList.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityList.types.js","sourceRoot":"","sources":["../../src/EntityList/EntityList.types.ts"],"names":[],"mappings":""}

package/build/ErrorIndicator/ErrorIndicator.js

@@ -0,0 +1,22 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ErrorIcon from "@mui/icons-material/Error";
+import { Typography, Box } from "@mui/material";
+import { useLayoutStyles, useSpacingStyles } from "../styles";
+var ErrorIndicator = function (_a) {
+    var _b = _a.text, text = _b === void 0 ? "Something went wrong" : _b;
+    var classes = __assign(__assign({}, useSpacingStyles()), useLayoutStyles());
+    return (_jsxs(Box, { className: classes.flexCenter, children: [_jsx(ErrorIcon, { fontSize: "medium", className: classes.rightSpacer1, color: "error" }), _jsx(Typography, { variant: "body2", color: "textSecondary", children: text })] }));
+};
+export default ErrorIndicator;
+//# sourceMappingURL=ErrorIndicator.js.map

package/build/ErrorIndicator/ErrorIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorIndicator.js","sourceRoot":"","sources":["../../src/ErrorIndicator/ErrorIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG9D,IAAM,cAAc,GAAmC,UAAC,EAEvD;QADC,YAA6B,EAA7B,IAAI,mBAAG,sBAAsB,KAAA;IAE7B,IAAM,OAAO,yBAAQ,gBAAgB,EAAE,GAAK,eAAe,EAAE,CAAE,CAAC;IAEhE,OAAO,CACL,MAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,UAAU,aAChC,KAAC,SAAS,IAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,EAAE,KAAK,EAAC,OAAO,GAAG,EAC9E,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,eAAe,YAC9C,IAAI,GACM,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/build/ErrorIndicator/ErrorIndicator.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ErrorIndicator.types.js.map

package/build/ErrorIndicator/ErrorIndicator.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorIndicator.types.js","sourceRoot":"","sources":["../../src/ErrorIndicator/ErrorIndicator.types.ts"],"names":[],"mappings":""}