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

package/build/EditableTable/EditableTable.types.js

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

package/build/EditableTable/EditableTable.types.js.map

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

package/build/EditableTable/components/TableCheckbox.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-interface ITableCheckboxProps {
-    disabled?: boolean;
-    value: boolean | null | undefined;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
-export declare const TableCheckbox: ({ disabled, value, onChange }: ITableCheckboxProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+interface ITableCheckboxProps {
+    disabled?: boolean;
+    value: boolean | null | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const TableCheckbox: ({ disabled, value, onChange }: ITableCheckboxProps) => JSX.Element;
+export {};

package/build/EditableTable/components/TableCheckbox.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as classes from "./TableCheckbox.css" with { type: "css" };
+var noop = function () { };
+export var TableCheckbox = function (_a) {
+    var disabled = _a.disabled, value = _a.value, onChange = _a.onChange;
+    return (_jsx("label", { className: disabled ? "".concat(classes.label, " ").concat(classes.disabled) : classes.label, children: _jsx("input", { type: "checkbox", disabled: Boolean(disabled), checked: Boolean(value), onChange: onChange !== null && onChange !== void 0 ? onChange : noop, className: classes.checkbox }) }));
+};
+//# sourceMappingURL=TableCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCheckbox.js","sourceRoot":"","sources":["../../../src/EditableTable/components/TableCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,CAAC;AAQpE,IAAM,IAAI,GAAG,cAAO,CAAC,CAAC;AAEtB,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAAkD;QAAhD,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IAA4B,OAAA,CACnF,gBAAO,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAG,OAAO,CAAC,KAAK,cAAI,OAAO,CAAC,QAAQ,CAAE,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,YACjF,gBACE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACvB,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI,EAC1B,SAAS,EAAE,OAAO,CAAC,QAAQ,GAC3B,GACI,CACT;AAVoF,CAUpF,CAAC"}

package/build/EditableTable/components/TableDateInput.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-interface ITableDateInputProps {
-    disabled: boolean;
-    value: Date | string | null | undefined;
-    error: string | false;
-    onChange: (value: Date | string) => void;
-}
-export declare const TableDateInput: ({ disabled, value, error, onChange, }: ITableDateInputProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+interface ITableDateInputProps {
+    disabled: boolean;
+    value: Date | string | null | undefined;
+    error: string | false;
+    onChange: (value: Date | string) => void;
+}
+export declare const TableDateInput: ({ disabled, value, error, onChange, }: ITableDateInputProps) => JSX.Element;
+export {};

package/build/EditableTable/components/TableDateInput.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as inputClasses from "./Input.css" with { type: "css" };
+import * as errorClasses from "./SmallError.css" with { type: "css" };
+export var TableDateInput = function (_a) {
+    var _b;
+    var disabled = _a.disabled, value = _a.value, error = _a.error, onChange = _a.onChange;
+    // This input can accept Date or string values
+    var stringMode = typeof value === "string";
+    var stringValue = stringMode ? value : (_b = value === null || value === void 0 ? void 0 : value.toISOString().split("T")[0]) !== null && _b !== void 0 ? _b : "";
+    return (_jsxs(_Fragment, { children: [_jsx("input", { type: "date", disabled: disabled, value: stringValue, onChange: function (e) {
+                    var newValue = e.target.value;
+                    // Browsers fire events with blank values when you type some numbers
+                    // Just like with the previous date picker, you can't clear this date
+                    if (newValue) {
+                        var outputValue = stringMode ? newValue : new Date(newValue);
+                        onChange(outputValue);
+                    }
+                }, "data-valid": !error, className: inputClasses.input }), error && (_jsx("div", { children: _jsx("small", { className: errorClasses.error, children: error }) }))] }));
+};
+//# sourceMappingURL=TableDateInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableDateInput.js","sourceRoot":"","sources":["../../../src/EditableTable/components/TableDateInput.tsx"],"names":[],"mappings":";AAAA,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;AAStE,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAKR;;QAJrB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,8CAA8C;IAC9C,IAAM,UAAU,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC;IAC7C,IAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,mCAAI,EAAE,CAAC;IAElF,OAAO,CACL,8BACE,gBACE,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,CAAC;oBACV,IAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBAEhC,oEAAoE;oBACpE,qEAAqE;oBACrE,IAAI,QAAQ,EAAE,CAAC;wBACb,IAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;wBAE/D,QAAQ,CAAC,WAAW,CAAC,CAAC;oBACxB,CAAC;gBACH,CAAC,gBACW,CAAC,KAAK,EAClB,SAAS,EAAE,YAAY,CAAC,KAAK,GAC7B,EACD,KAAK,IAAI,CACR,wBACE,gBAAO,SAAS,EAAE,YAAY,CAAC,KAAK,YAAG,KAAK,GAAS,GACjD,CACP,IACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/build/EditableTable/components/TableTextInput.d.ts

@@ -1,20 +1,20 @@
-import { PureComponent } from "react";
-export interface ITableTextInputProps {
-    name?: string;
-    value: string | number | null | undefined;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    prefix?: string | React.ReactElement | JSX.Element | null;
-    suffix?: string | React.ReactElement | JSX.Element | null;
-    textAlign?: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent" | "inherit";
-    numberField?: boolean;
-    fixedDecimalScale?: boolean;
-    error?: string | false;
-    disabled?: boolean;
-    fullWidth?: boolean;
-    wrapperStyling?: string;
-    styling?: string;
-}
-export declare class TableTextInput extends PureComponent<ITableTextInputProps> {
-    render(): JSX.Element;
-}
+import { PureComponent } from "react";
+export interface ITableTextInputProps {
+    name?: string;
+    value: string | number | null | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    prefix?: string | React.ReactElement | JSX.Element | null;
+    suffix?: string | React.ReactElement | JSX.Element | null;
+    textAlign?: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent" | "inherit";
+    numberField?: boolean;
+    fixedDecimalScale?: boolean;
+    error?: string | false;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    wrapperStyling?: string;
+    styling?: string;
+}
+export declare class TableTextInput extends PureComponent<ITableTextInputProps> {
+    render(): JSX.Element;
+}

package/build/EditableTable/components/TableTextInput.js

@@ -0,0 +1,89 @@
+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 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 }));
+        }
+        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 }));
+        }
+        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 }));
+        }
+        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":"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"}

package/build/EditableTable/components/utils/getTextWidth.d.ts

@@ -1,13 +1,13 @@
-/**
- * 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 declare function getTableTextInputTextWidth(text: string, minWidth?: number, maxWidth?: number): string;
-/**
- * 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 declare function getTextWidth(text: string, element: HTMLElement, minWidth?: number, maxWidth?: number): string;
+/**
+ * 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 declare function getTableTextInputTextWidth(text: string, minWidth?: number, maxWidth?: number): string;
+/**
+ * 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 declare function getTextWidth(text: string, element: HTMLElement, minWidth?: number, maxWidth?: number): string;

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.d.ts

@@ -1,30 +1,30 @@
-import React, { ReactChild, ReactNode } from "react";
-import { ICustomRenderFnProps, IEssentialRenderFnProps } from "./EditableTable.types";
-export declare const tableTextField: (tableProps: ICustomRenderFnProps) => JSX.Element;
-export declare const tableNumericStringField: (tableProps: ICustomRenderFnProps) => JSX.Element;
-export declare const tableNumericStringFixedDecimalField: (tableProps: ICustomRenderFnProps) => JSX.Element;
-export declare const tableDateField: ({ value, onChange, disabled, error, }: ICustomRenderFnProps) => JSX.Element;
-export declare const tableCheckbox: (tableProps: ICustomRenderFnProps) => JSX.Element;
-interface INonEditableField extends Pick<IEssentialRenderFnProps, "numberField" | "prefix" | "suffix" | "textAlign" | "fixedDecimalScale"> {
-    text: React.ReactText;
-    styling?: string;
-    inputStyling?: string;
-    widthOverride?: string | undefined;
-    fullWidth?: boolean;
-}
-export declare const NonEditableField: React.FC<INonEditableField>;
-interface ITableSelect extends IEssentialRenderFnProps {
-    selectOptions: {
-        [key: string]: ReactChild;
-    };
-}
-export declare const TableSelect: React.FC<ITableSelect>;
-interface IMultipleTableSelect extends Omit<IEssentialRenderFnProps, "value"> {
-    selectOptions: {
-        [key: string]: ReactChild;
-    };
-    value: string[];
-    renderValue?: (value: any) => ReactNode;
-}
-export declare const TableMultipleSelect: React.FC<IMultipleTableSelect>;
-export {};
+import React, { ReactChild, ReactNode } from "react";
+import { ICustomRenderFnProps, IEssentialRenderFnProps } from "./EditableTable.types";
+export declare const tableTextField: (tableProps: ICustomRenderFnProps) => JSX.Element;
+export declare const tableNumericStringField: (tableProps: ICustomRenderFnProps) => JSX.Element;
+export declare const tableNumericStringFixedDecimalField: (tableProps: ICustomRenderFnProps) => JSX.Element;
+export declare const tableDateField: ({ value, onChange, disabled, error, }: ICustomRenderFnProps) => JSX.Element;
+export declare const tableCheckbox: (tableProps: ICustomRenderFnProps) => JSX.Element;
+interface INonEditableField extends Pick<IEssentialRenderFnProps, "numberField" | "prefix" | "suffix" | "textAlign" | "fixedDecimalScale"> {
+    text: React.ReactText;
+    styling?: string;
+    inputStyling?: string;
+    widthOverride?: string | undefined;
+    fullWidth?: boolean;
+}
+export declare const NonEditableField: React.FC<INonEditableField>;
+interface ITableSelect extends IEssentialRenderFnProps {
+    selectOptions: {
+        [key: string]: ReactChild;
+    };
+}
+export declare const TableSelect: React.FC<ITableSelect>;
+interface IMultipleTableSelect extends Omit<IEssentialRenderFnProps, "value"> {
+    selectOptions: {
+        [key: string]: ReactChild;
+    };
+    value: string[];
+    renderValue?: (value: any) => ReactNode;
+}
+export declare const TableMultipleSelect: React.FC<IMultipleTableSelect>;
+export {};

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/EntityList/EntityList.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { IEntityListProps } from "./EntityList.types";
-declare const EntityList: React.FC<IEntityListProps>;
-export default EntityList;
+import React from "react";
+import { IEntityListProps } from "./EntityList.types";
+declare const EntityList: React.FC<IEntityListProps>;
+export default EntityList;

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.d.ts

@@ -1,14 +1,14 @@
-import { ReactNode } from "react";
-export interface IEntity {
-    id: string;
-    name: string;
-    link: string;
-    [key: string]: any;
-}
-export interface IEntityListProps {
-    entities: IEntity[] | undefined;
-    icon: (entity?: IEntity) => ReactNode;
-    loadingMessage?: string;
-    emptyMessage?: string;
-    onClick?: (org: IEntity) => void;
-}
+import { ReactNode } from "react";
+export interface IEntity {
+    id: string;
+    name: string;
+    link: string;
+    [key: string]: any;
+}
+export interface IEntityListProps {
+    entities: IEntity[] | undefined;
+    icon: (entity?: IEntity) => ReactNode;
+    loadingMessage?: string;
+    emptyMessage?: string;
+    onClick?: (org: IEntity) => void;
+}

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.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { IErrorIndicatorProps } from "./ErrorIndicator.types";
-declare const ErrorIndicator: React.FC<IErrorIndicatorProps>;
-export default ErrorIndicator;
+import React from "react";
+import { IErrorIndicatorProps } from "./ErrorIndicator.types";
+declare const ErrorIndicator: React.FC<IErrorIndicatorProps>;
+export default ErrorIndicator;