@oc-digital/react-component-library 7.2.4-beta.0 → 7.2.5-beta.0

package/build/EditableTable/EditableTable.js

@@ -0,0 +1,434 @@
+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);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { forwardRef, Fragment, memo, useCallback, useEffect, useState, } from "react";
+import { useTable, useRowSelect, useFilters, usePagination, useGlobalFilter, useAsyncDebounce, } from "react-table";
+import { Table as MUITable, TableBody, TableCell, TableHead, TableRow, makeStyles, Typography, Box, Tooltip, InputBase, } from "@material-ui/core";
+import SearchIcon from "@material-ui/icons/Search";
+import { EDITED_STATUS, NEW_STATUS } from "../globals";
+import { SelectionCheckbox, tableTextField } from "./defaultCells";
+import { didCellValueChange } from "../utils";
+import LoadingSpinner from "../LoadingSpinner/LoadingSpinner";
+import { Pagination } from "@material-ui/lab";
+import { useLayoutStyles, useSpacingStyles } from "../styles";
+import { useVirtual } from "react-virtual";
+var useStyles = makeStyles(function (theme) { return ({
+    newRowHighlight: {
+        backgroundColor: "#73c4ca30",
+    },
+    editedCellHighlight: {
+        backgroundColor: "#5840f52e",
+        backgroundClip: "padding-box",
+    },
+    editedBorder: {
+        border: "3px solid #5840f52e",
+        borderWidth: "2px 4px",
+    },
+    errorBorder: {
+        border: "3px solid " + theme.palette.error.light,
+        borderWidth: "2px 4px",
+    },
+    emptyLoadingPadding: {
+        paddingTop: "0.75rem",
+        paddingBottom: "0.75rem",
+    },
+    centeredText: {
+        textAlign: "center",
+    },
+    disabled: {
+        backgroundColor: theme.palette.action.hover,
+    },
+    pagination: {
+        marginTop: "1rem",
+        marginBottom: "1rem",
+    },
+    virtualisationContainer: {
+        maxHeight: "500px",
+        overflow: "auto",
+    },
+    cellPadding: {
+        padding: ".5rem .75rem",
+    },
+}); });
+var EditableCell = function (_a) {
+    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;
+    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;
+    var _e = useState(false), error = _e[0], setError = _e[1];
+    // We need to keep and update the state of the cell normally
+    var _f = useState(initialValue), value = _f[0], setValue = _f[1];
+    var checkbox = isCheckbox;
+    var validateValue = function (value) {
+        var returnValue = false;
+        if (validationRule) {
+            try {
+                validationRule.validateSync(value);
+                if (error)
+                    setError(false);
+            }
+            catch (e) {
+                returnValue = true;
+                !error && setError(e.message);
+            }
+        }
+        if (dependentValidationRule) {
+            try {
+                dependentValidationRule(values).validateSync(value);
+                if (error)
+                    setError(false);
+            }
+            catch (e) {
+                returnValue = true;
+                !error && setError(e.message);
+            }
+        }
+        return returnValue;
+    };
+    // We'll only update the external data when the input is blurred
+    var onBlur = function (fieldValue) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (checkbox) {
+                        syncCellWithState(index, id, fieldValue, false);
+                    }
+                    else
+                        syncCellWithState(index, id, value, !!error);
+                    if (!(configOnBlur &&
+                        setRows &&
+                        !error &&
+                        !didCellValueChange(values[id], value, isDateField))) return [3 /*break*/, 2];
+                    return [4 /*yield*/, configOnBlur({
+                            rowIndex: index,
+                            value: value,
+                            setRows: setRows,
+                            values: original,
+                        })];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    var onChange = function (e) {
+        var event;
+        if (isDateField) {
+            event = e;
+            var adjustedDateValue = onChangeValueModifier
+                ? onChangeValueModifier(event)
+                : event;
+            setValue(adjustedDateValue);
+            validateValue(adjustedDateValue);
+            return;
+        }
+        event = e;
+        var eventValue = checkbox ? event.target.checked : event.target.value;
+        if (checkbox) {
+            setValue(eventValue);
+            onBlur(eventValue);
+        }
+        else {
+            setValue(eventValue);
+            validateValue(eventValue);
+        }
+    };
+    // If the initialValue is changed external, sync it up with our state
+    useEffect(function () {
+        setValue(initialValue);
+        var errorStatus = validateValue(initialValue);
+        if (error !== errorStatus) {
+            syncCellWithState(index, id, initialValue, errorStatus, true);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [initialValue]);
+    useEffect(function () {
+        if (original.errors && !!original.errors[id] !== !!error) {
+            validateValue(initialValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [original.errors]);
+    var renderFnProps = {
+        value: value,
+        values: values,
+        disabled: disabled || original.disabledRow,
+        error: error,
+        onChange: onChange,
+        onBlur: onBlur,
+        prefix: prefix,
+        suffix: suffix,
+        textAlign: textAlign,
+        originalValues: original,
+    };
+    if (customRenderFn) {
+        return customRenderFn(renderFnProps);
+    }
+    else
+        return tableTextField(renderFnProps);
+};
+var TableRowContents = forwardRef(function (_a, ref) {
+    var row = _a.row, classes = _a.classes, disabled = _a.disabled, includeRowSelect = _a.includeRowSelect, rest = __rest(_a, ["row", "classes", "disabled", "includeRowSelect"]);
+    return (React.createElement(TableRow, __assign({}, rest, { ref: ref, hover: true, className: (row.original.rowStatus === NEW_STATUS ? classes.newRowHighlight : "") + " " + (row.original.rowStatus === EDITED_STATUS ? classes.editedBorder : "") + "\n" + (Object.values(row.original.errors || {}).includes(true) ? classes.errorBorder : "") + " " + (row.original.disabledRow || disabled ? classes.disabled : "") }), row.cells.map(function (cell, n) { return (React.createElement(TableCell, __assign({}, cell.getCellProps(), { 
+        //@ts-ignore FIX REQUIRED incorrect use of react table props
+        align: cell.column.textAlign || "center", className: (cell.row.original.rowStatus === EDITED_STATUS &&
+            cell.row.original.edited[cell.column.id]
+            ? classes.editedCellHighlight
+            : "") + " " + classes.cellPadding, padding: includeRowSelect && n === 0 ? "checkbox" : "normal" }), cell.render("Cell"))); })));
+});
+// emptyRows is needed for when incoming data is null (loading state).
+// useTable requires memoised row data to be defined at all times.
+var emptyRows = [];
+var EditableTable = memo(function (_a) {
+    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, overscan = _a.overscan, rowHeight = _a.rowHeight, includeGlobalSearch = _a.includeGlobalSearch, disableHeaderSelect = _a.disableHeaderSelect;
+    var classes = __assign(__assign({}, useStyles()), useLayoutStyles());
+    var parentRef = React.useRef(null);
+    // Set our editable cell renderer as the default Cell renderer
+    var defaultColumn = React.useMemo(function () { return ({
+        Cell: EditableCell,
+    }); }, []);
+    var _j = useTable({
+        columns: tableHeaders,
+        data: tableRows || emptyRows,
+        defaultColumn: defaultColumn,
+        autoResetPage: paginate ? !skipPageReset : false,
+        filterTypes: filterTypes,
+        initialState: { pageSize: paginate ? defaultPageSize : undefined },
+        // below are custom methods and variables that will be supplied to EditableCell
+        syncCellWithState: syncCellWithState,
+        setRows: setRows,
+        fieldConfig: fieldConfig,
+        disabled: disabled,
+        autoResetGlobalFilter: false,
+    }, useFilters, // plugging in useFilters hook
+    useGlobalFilter, // plugging in useGlobalFilters hook
+    usePagination, // plugging in usePagination hook
+    useRowSelect, // plugging in useRowSelect hook
+    function (hooks) {
+        if (includeRowSelect) {
+            hooks.visibleColumns.push(function (columns) { return __spreadArray([
+                // Let's make a column for selection
+                {
+                    id: "selection",
+                    // The header can use the table's getToggleAllRowsSelectedProps method
+                    // to render a checkbox
+                    Header: function (_a) {
+                        var getToggleAllRowsSelectedProps = _a.getToggleAllRowsSelectedProps, getToggleAllPageRowsSelectedProps = _a.getToggleAllPageRowsSelectedProps;
+                        return !disableHeaderSelect ? (React.createElement(SelectionCheckbox, __assign({}, (paginate
+                            ? getToggleAllPageRowsSelectedProps()
+                            : getToggleAllRowsSelectedProps()), { disabled: disabled, size: "small" }))) : ("Select");
+                    },
+                    // The cell can use the individual row's getToggleRowSelectedProps method
+                    // to the render a checkbox
+                    Cell: function (_a) {
+                        var row = _a.row;
+                        return (React.createElement(SelectionCheckbox, __assign({}, row.getToggleRowSelectedProps(), { disabled: disabled || row.original.disableSelection, size: "small" })));
+                    },
+                }
+            ], columns, true); });
+        }
+    }), getTableProps = _j.getTableProps, // props to use in table, supplied by react-table
+    getTableBodyProps = _j.getTableBodyProps, // props to use in table, supplied by react-table
+    headerGroups = _j.headerGroups, // headers enriched with methods by react-table
+    rows = _j.rows, // rows enriched with methods by react-table
+    page = _j.page, // selected slice of data subset of rows. Visible paginated data
+    prepareRow = _j.prepareRow, // row optimisation function that must be called when rendering rows
+    _k = _j.state, selectedRowIds = _k.selectedRowIds, pageIndex = _k.pageIndex, // ids of selected rows and page index from internal table state
+    state = _j.state, setFilter = _j.setFilter, // manipulate filter criteria
+    pageCount = _j.pageCount, gotoPage = _j.gotoPage, preGlobalFilteredRows = _j.preGlobalFilteredRows, setGlobalFilter = _j.setGlobalFilter, isAllRowsSelected = _j.isAllRowsSelected, // used only to induce re-render in the header and update checkbox state
+    selectedFlatRows = _j.selectedFlatRows;
+    /* Few resources that helped the most with virtualisation work
+     * https://github.com/TanStack/virtual/issues/10
+     * https://codesandbox.io/s/poc-react-virtual-table-forked-857kdi?file=/src/index.js:2037-2101
+     */
+    var rowVirtualizer = useVirtual({
+        size: (paginate ? page : rows).length,
+        parentRef: parentRef,
+        // amount of rows to render above and below visible rows
+        overscan: overscan || 5,
+        // estimated row size to determine how many rows are visible
+        estimateSize: useCallback(function () { return rowHeight || 54; }, [rowHeight]),
+    });
+    var rowsToRender = paginate ? page : rows;
+    var items = rowVirtualizer.virtualItems;
+    var paddingTop = items.length > 0 ? items[0].start : 0;
+    var paddingBottom = items.length > 0 ? rowVirtualizer.totalSize - items[items.length - 1].end : 0;
+    var handlePageChange = useCallback(function (event, value) {
+        gotoPage(value - 1);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    // provide the data to filter on, if filter types is not present the default filter will be used
+    useEffect(function () {
+        if (filterData) {
+            setFilter(filterData.filterRow, filterData.filterValues);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [filterData]);
+    useEffect(function () {
+        if (setSelectedRows) {
+            setSelectedRows(Object.keys(selectedRowIds).map(function (id) { return +id; }));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedRowIds]);
+    return (React.createElement(React.Fragment, null,
+        includeGlobalSearch ? (React.createElement(GlobalSearch, { preGlobalFilteredRows: preGlobalFilteredRows, globalFilter: state.globalFilter, setGlobalFilter: setGlobalFilter })) : null,
+        React.createElement("div", { ref: parentRef, className: virtContainerStyling || classes.virtualisationContainer },
+            React.createElement(TableContent, __assign({}, {
+                disabled: disabled,
+                includeRowSelect: includeRowSelect,
+                getTableProps: getTableProps,
+                headerGroups: headerGroups,
+                getTableBodyProps: getTableBodyProps,
+                rowsToRender: rowsToRender,
+                prepareRow: prepareRow,
+                paddingTop: paddingTop,
+                paddingBottom: paddingBottom,
+                virtualRows: items,
+                isAllRowsSelected: isAllRowsSelected,
+                selectedFlatRows: selectedFlatRows,
+            }))),
+        tableRows === null ? (React.createElement(Box, { className: classes.emptyLoadingPadding },
+            React.createElement(LoadingSpinner, null))) : null,
+        tableRows && !tableRows.length ? (React.createElement(Box, { className: classes.emptyLoadingPadding + " " + classes.centeredText },
+            React.createElement(Typography, { variant: "body2" }, emptyTableText))) : null,
+        paginate && (tableRows === null || tableRows === void 0 ? void 0 : tableRows.length) ? (React.createElement(Pagination, { className: classes.flexCenter + " " + classes.pagination, count: pageCount, page: pageIndex + 1, onChange: handlePageChange, shape: "rounded", showFirstButton: true, showLastButton: true })) : null));
+});
+export default EditableTable;
+var useGlobalSearchStyles = makeStyles(function (theme) { return ({
+    container: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        border: "1px solid " + theme.palette.grey[600],
+        borderRadius: "8px",
+        width: "100%",
+        maxWidth: "20rem",
+        marginInline: "auto",
+        color: theme.palette.grey[600],
+        "&:hover": {
+            borderColor: theme.palette.grey[800],
+            color: theme.palette.grey[800],
+        },
+        "&:focus-within": {
+            borderColor: theme.palette.grey[800],
+            color: theme.palette.grey[800],
+        },
+    },
+    input: __assign({ width: "100%", maxWidth: "18rem", color: "inherit" }, theme.typography.body2),
+}); });
+var GlobalSearch = memo(function (_a) {
+    var preGlobalFilteredRows = _a.preGlobalFilteredRows, globalFilter = _a.globalFilter, setGlobalFilter = _a.setGlobalFilter;
+    var _b = useState(globalFilter), value = _b[0], setValue = _b[1];
+    var classes = __assign(__assign({}, useSpacingStyles()), useGlobalSearchStyles());
+    var onChange = useAsyncDebounce(function (value) {
+        setGlobalFilter(value || undefined);
+    }, 200);
+    var count = preGlobalFilteredRows.length;
+    return (React.createElement("div", { className: classes.container + " " + classes.contentBreak },
+        React.createElement(SearchIcon, { className: classes.rightSpacer1 + " " + classes.leftSpacer1 }),
+        React.createElement(InputBase, { className: "" + classes.input, value: value || "", onChange: function (e) {
+                setValue(e.target.value);
+                onChange(e.target.value);
+            }, placeholder: "Search " + count + " records...", inputProps: { "aria-label": "search" } })));
+});
+var TableContent = memo(function (_a) {
+    var disabled = _a.disabled, includeRowSelect = _a.includeRowSelect, getTableProps = _a.getTableProps, headerGroups = _a.headerGroups, getTableBodyProps = _a.getTableBodyProps, rowsToRender = _a.rowsToRender, prepareRow = _a.prepareRow, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, virtualRows = _a.virtualRows, isAllRowsSelected = _a.isAllRowsSelected, selectedFlatRows = _a.selectedFlatRows;
+    return (React.createElement(MUITable, __assign({}, getTableProps(), { stickyHeader: true, style: { borderCollapse: "collapse" } }),
+        React.createElement(TableHeaderContent, { headerGroups: headerGroups, includeRowSelect: includeRowSelect, isAllRowsSelected: isAllRowsSelected }),
+        React.createElement(TableBody, __assign({}, getTableBodyProps()),
+            paddingTop > 0 && (React.createElement("tr", null,
+                React.createElement("td", { style: { height: paddingTop + "px" } }))),
+            React.createElement(TableRows, __assign({}, {
+                disabled: disabled,
+                includeRowSelect: includeRowSelect,
+                rowsToRender: rowsToRender,
+                prepareRow: prepareRow,
+                virtualRows: virtualRows,
+                selectedFlatRows: selectedFlatRows,
+            })),
+            paddingBottom > 0 && (React.createElement("tr", null,
+                React.createElement("td", { style: { height: paddingBottom + "px" } }))))));
+});
+var TableHeaderContent = memo(function (_a) {
+    var headerGroups = _a.headerGroups, includeRowSelect = _a.includeRowSelect, isAllRowsSelected = _a.isAllRowsSelected;
+    return (React.createElement(TableHead, null, headerGroups.map(function (headerGroup) { return (React.createElement(TableRow, __assign({}, headerGroup.getHeaderGroupProps()), headerGroup.headers.map(function (column, i) { return (React.createElement(TableCell, __assign({}, column.getHeaderProps(), { 
+        //@ts-ignore FIX REQUIRED incorrect use of react table props
+        align: column.textAlign || "center", padding: includeRowSelect && i === 0 ? "checkbox" : "normal" }), column.render("Header"))); }))); })));
+});
+var TableRows = memo(function (_a) {
+    var rowsToRender = _a.rowsToRender, virtualRows = _a.virtualRows, prepareRow = _a.prepareRow, rest = __rest(_a, ["rowsToRender", "virtualRows", "prepareRow"]);
+    var classes = __assign(__assign({}, useStyles()), useLayoutStyles());
+    return (React.createElement(React.Fragment, null, virtualRows.map(function (virtualRow) {
+        var row = rowsToRender[virtualRow.index];
+        prepareRow(row);
+        return (React.createElement(Fragment, { key: row.original.rowKey || row.getRowProps().key }, row.original.disabledRow ? (
+        //At the moment disabledRow prop is only passed on xero costs so this check is fine
+        // If this changes will need to change the check to be more specific
+        React.createElement(Tooltip, { title: row.original.tooltipText || "This row is disabled", arrow: true },
+            React.createElement(TableRowContents, __assign({}, __assign(__assign({}, rest), { row: row, classes: classes }))))) : (React.createElement(TableRowContents, __assign({}, __assign(__assign({}, rest), { row: row, classes: classes }))))));
+    })));
+});
+//# sourceMappingURL=EditableTable.js.map

package/build/EditableTable/EditableTable.js.map

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

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/defaultCells.js

@@ -0,0 +1,166 @@
+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 React from "react";
+import { Box, Checkbox, createStyles, FormControl, FormHelperText, InputAdornment, makeStyles, MenuItem, Select, TextField, Typography, withStyles, } from "@material-ui/core";
+import { NumberFormatField } from "../TextField/TextField";
+import { DatePicker, MuiPickersUtilsProvider } from "@material-ui/pickers";
+import DateFnsUtils from "@date-io/date-fns";
+import NumberFormat from "react-number-format";
+var determineWidth = function (value, fixedDecimalScale) {
+    var valueLength = value.toString().length;
+    if (!valueLength)
+        return "6ch";
+    return valueLength + (fixedDecimalScale ? 3 : 1) + Math.floor(valueLength / 3) / 3 + "ch";
+};
+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 " + 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",
+    },
+    selectFocusBackground: {
+        "&:focus": {
+            backgroundColor: "unset",
+        },
+    },
+}); });
+export var TableTextField = function (_a) {
+    var error = _a.error, disabled = _a.disabled, value = _a.value, onBlur = _a.onBlur, onChange = _a.onChange, prefix = _a.prefix, suffix = _a.suffix, _b = _a.numberField, numberField = _b === void 0 ? false : _b, textAlign = _a.textAlign, fixedDecimalScale = _a.fixedDecimalScale;
+    var classes = useDefaultTableCellsStyles({ textAlign: textAlign });
+    var inputPropsForNumberField = __assign({}, (numberField && { fixedDecimalScale: !!fixedDecimalScale }));
+    if (typeof value === "string" || typeof value === "number") {
+        return (React.createElement(TextField, { error: !!error, inputProps: __assign({ className: classes.inputBase, style: { width: determineWidth(value, !!fixedDecimalScale) } }, inputPropsForNumberField), value: value, onChange: onChange, onBlur: onBlur, InputProps: {
+                startAdornment: prefix ? (React.createElement(InputAdornment, { position: "end", className: classes.startAdornment }, prefix)) : null,
+                endAdornment: suffix ? (React.createElement(InputAdornment, { position: "start", className: classes.startAdornment }, suffix)) : null,
+                inputComponent: numberField ? NumberFormatField : undefined,
+                className: classes.body2Text + " " + classes.modifiedUnderline,
+                classes: { input: classes.input },
+            }, helperText: error || undefined, disabled: disabled }));
+    }
+    else
+        return React.createElement(Typography, { variant: "body2" }, "Incorrect value type");
+};
+export var tableTextField = function (tableProps) {
+    return React.createElement(TableTextField, __assign({}, __assign({}, tableProps)));
+};
+export var tableNumericStringField = function (tableProps) {
+    return React.createElement(TableTextField, __assign({}, __assign(__assign({}, tableProps), { numberField: true })));
+};
+export var tableNumericStringFixedDecimalField = function (tableProps) {
+    return (React.createElement(TableTextField, __assign({}, __assign(__assign({}, tableProps), { numberField: true, fixedDecimalScale: true }))));
+};
+export var SelectionCheckbox = withStyles(createStyles({
+    root: {
+        padding: "3px",
+    },
+}))(Checkbox);
+export var TableDatePicker = function (_a) {
+    var disabled = _a.disabled, _b = _a.fullDate, fullDate = _b === void 0 ? false : _b, value = _a.value, error = _a.error, onChange = _a.onChange, onBlur = _a.onBlur, textAlign = _a.textAlign;
+    var classes = useDefaultTableCellsStyles({ textAlign: textAlign });
+    return (React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils },
+        React.createElement(DatePicker, { disabled: disabled, views: fullDate ? undefined : ["year", "month"], value: value, autoOk: true, format: fullDate ? "dd MMM yyyy" : "MMM yyyy", InputProps: {
+                className: classes.body2Text + " " + classes.modifiedUnderline,
+            }, inputProps: {
+                className: classes.inputBase + " " + (fullDate ? classes.fullDateWidth : classes.dateFieldWidth),
+                classes: { input: classes.input },
+            }, error: !!error, helperText: error || undefined, onChange: onChange, onBlur: onBlur })));
+};
+export var tableDateField = function (tableProps) {
+    return React.createElement(TableDatePicker, __assign({}, tableProps));
+};
+export var tableInvoiceDateField = function (tableProps) {
+    return React.createElement(TableDatePicker, __assign({}, tableProps, { fullDate: true }));
+};
+var TableCheckbox = function (_a) {
+    var value = _a.value, disabled = _a.disabled, onChange = _a.onChange;
+    return (React.createElement(Checkbox, { disabled: disabled, checked: value, onChange: onChange, color: "primary", size: "small" }));
+};
+export var tableCheckbox = function (tableProps) {
+    return React.createElement(TableCheckbox, __assign({}, tableProps));
+};
+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;
+    var classes = useDefaultTableCellsStyles({});
+    return (React.createElement(Box, { className: classes.totalContainer + " " + classes.body2Text + " " + (textAlign === "left"
+            ? classes.justifyStart
+            : textAlign === "right"
+                ? classes.justifyEnd
+                : classes.justifyCenter) },
+        prefix && prefix,
+        React.createElement(Box, { className: classes.body2Text }, numberField ? (React.createElement(NumberFormat, { value: text, displayType: "text", thousandSeparator: true, isNumericString: true, decimalScale: 2, fixedDecimalScale: fixedDecimalScale })) : (text)),
+        suffix && suffix));
+};
+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 (React.createElement(FormControl, { margin: "none", error: !!error },
+        React.createElement(Select, { className: classes.body2Text + " " + classes.modifiedUnderline, inputProps: { className: classes.selectFocusBackground }, value: value, onChange: onChange, onBlur: onBlur, disabled: disabled }, Object.entries(selectOptions).map(function (_a) {
+            var key = _a[0], value = _a[1];
+            return (React.createElement(MenuItem, { className: classes.body2Text, key: key, value: key }, value));
+        })),
+        error && React.createElement(FormHelperText, null, 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 (React.createElement(FormControl, { margin: "none", error: !!error },
+        React.createElement(Select, { className: classes.body2Text + " " + classes.modifiedUnderline, inputProps: { className: classes.selectFocusBackground }, value: value, onChange: onChange, onBlur: onBlur, disabled: disabled, renderValue: renderValue, multiple: true }, Object.entries(selectOptions).map(function (_a) {
+            var key = _a[0], value = _a[1];
+            return (React.createElement(MenuItem, { className: classes.body2Text, key: key, value: key }, value));
+        })),
+        error && React.createElement(FormHelperText, null, error)));
+};
+//# sourceMappingURL=defaultCells.js.map