@pega/react-sdk-components 0.23.12 → 0.23.14

package/lib/components/template/SimpleTable/SimpleTable/SimpleTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTable.js","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTable/SimpleTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,MAAM,0BAA0B,CAAC;AAC1D,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAIrD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK;IACvC,MAAM,EAAE,WAAW,EAAE,oBAAoB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEpE,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC7B,IAAI,CAAC,YAAY,EAAE;QACjB,IAAI,QAAQ,GAAG,WAAW,EAAE,CAAC,kBAAkB,EAAE,CAAC,aAAa,CAAC;QAChE,QAAQ,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAChE,YAAY,GAAG,WAAW,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;KACpE;IACD,IAAI,oBAAoB,KAAK,YAAY,EAAE;QACzC,MAAM,eAAe,GAAG,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,CAAC;QACnD,OAAO,oBAAC,kBAAkB,OAAK,eAAe,GAAI,CAAC;KACpD;SAAM;QACL,MAAM,sBAAsB,GAAG,EAAC,GAAG,KAAK,EAAE,YAAY,EAAC,CAAC;QACxD,IAAI,cAAc,KAAK,KAAK,EAAE;YAC5B,sBAAsB,CAAC,UAAU,GAAG,IAAI,CAAC;YACzC,sBAAsB,CAAC,aAAa,GAAG,IAAI,CAAC;YAC5C,sBAAsB,CAAC,eAAe,GAAG,IAAI,CAAC;SAC/C;QACD,OAAO,oBAAC,iBAAiB,OAAK,sBAAsB,GAAI,CAAC;KAC1D;AACH,CAAC","sourcesContent":["import React from 'react';\nimport FieldGroupTemplate from '../../FieldGroupTemplate';\nimport SimpleTableManual from '../SimpleTableManual';\n\ndeclare const PCore: any;\n\nexport default function SimpleTable(props) {\n  const { getPConnect, multiRecordDisplayAs, allowTableEdit } = props;\n\n  let { contextClass } = props;\n  if (!contextClass) {\n    let listName = getPConnect().getComponentConfig().referenceList;\n    listName = PCore.getAnnotationUtils().getPropertyName(listName);\n    contextClass = getPConnect().getFieldMetadata(listName)?.pageClass;\n  }\n  if (multiRecordDisplayAs === 'fieldGroup') {\n    const fieldGroupProps = { ...props, contextClass };\n    return <FieldGroupTemplate {...fieldGroupProps} />;\n  } else {\n    const simpleTableManualProps = {...props, contextClass};\n    if (allowTableEdit === false) {\n      simpleTableManualProps.hideAddRow = true;\n      simpleTableManualProps.hideDeleteRow = true;\n      simpleTableManualProps.disableDragDrop = true;\n    }\n    return <SimpleTableManual {...simpleTableManualProps} />;\n  }\n}\n"]}

package/lib/components/template/SimpleTable/SimpleTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/lib/components/template/SimpleTable/SimpleTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default } from './SimpleTable';\n"]}

package/lib/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTableManual.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.tsx"],"names":[],"mappings":";AAoEA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,KAAA,eA4oB9C"}

package/lib/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.js

@@ -0,0 +1,507 @@
+/* eslint-disable no-nested-ternary */
+import React, { useEffect, useState } from 'react';
+import Table from '@material-ui/core/Table';
+import TableBody from '@material-ui/core/TableBody';
+import TableCell from '@material-ui/core/TableCell';
+import TableContainer from '@material-ui/core/TableContainer';
+import TableHead from '@material-ui/core/TableHead';
+import TableRow from '@material-ui/core/TableRow';
+import Paper from '@material-ui/core/Paper';
+import { makeStyles } from '@material-ui/core/styles';
+import { buildFieldsForTable, filterData } from '../../../helpers/simpleTableHelpers';
+import { getDataPage } from '../../../helpers/data_page';
+import Link from '@material-ui/core/Link';
+import { getReferenceList } from '../../../helpers/field-group-utils';
+import { Utils } from '../../../helpers/utils';
+import { createElement } from 'react';
+import createPConnectComponent from '../../../../bridge/react_pconnect';
+import TableSortLabel from '@material-ui/core/TableSortLabel';
+import MoreIcon from '@material-ui/icons/MoreVert';
+import Menu from '@material-ui/core/Menu';
+import MenuItem from '@material-ui/core/MenuItem';
+import FilterListIcon from '@material-ui/icons/FilterList';
+import SubjectIcon from '@material-ui/icons/Subject';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import Select from '@material-ui/core/Select';
+import Button from '@material-ui/core/Button';
+import TextField from '@material-ui/core/TextField';
+const useStyles = makeStyles(( /* theme */) => ({
+    label: {
+        margin: '8px'
+    },
+    header: {
+        background: '#f5f5f5'
+    },
+    tableCell: {
+        borderRight: '1px solid lightgray',
+        padding: '8px'
+    },
+    visuallyHidden: {
+        border: 0,
+        clip: 'rect(0 0 0 0)',
+        height: 1,
+        margin: -1,
+        overflow: 'hidden',
+        padding: 0,
+        position: 'absolute',
+        top: 20,
+        width: 1
+    },
+    moreIcon: {
+        verticalAlign: 'bottom'
+    }
+}));
+let menuColumnId = '';
+let menuColumnType = '';
+let menuColumnLabel = '';
+const filterByColumns = [];
+let myRows;
+export default function SimpleTableManual(props) {
+    const classes = useStyles();
+    const { getPConnect, referenceList = [], // if referenceList not in configProps$, default to empy list
+    children, renderMode, presets, label: labelProp, showLabel, dataPageName, contextClass, hideAddRow, hideDeleteRow, propertyLabel, fieldMetadata } = props;
+    const pConn = getPConnect();
+    const [rowData, setRowData] = useState([]);
+    const [elements, setElementsData] = useState([]);
+    const [order, setOrder] = useState('asc');
+    const [orderBy, setOrderBy] = useState('');
+    const [anchorEl, setAnchorEl] = useState(null);
+    const [open, setOpen] = useState(false);
+    const [filterBy, setFilterBy] = useState();
+    const [containsDateOrTime, setContainsDateOrTime] = useState(false);
+    const [filterType, setFilterType] = useState('string');
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
+    const [displayDialogFilterName, setDisplayDialogFilterName] = useState('');
+    const [displayDialogContainsFilter, setDisplayDialogContainsFilter] = useState('contains');
+    const [displayDialogContainsValue, setDisplayDialogContainsValue] = useState('');
+    const [displayDialogDateFilter, setDisplayDialogDateFilter] = useState('notequal');
+    const [displayDialogDateValue, setDisplayDialogDateValue] = useState('');
+    const parameters = fieldMetadata?.datasource?.parameters;
+    const label = labelProp || propertyLabel;
+    const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
+    if (propsToUse.showLabel === false) {
+        propsToUse.label = '';
+    }
+    // Getting current context
+    const context = getPConnect().getContextName();
+    const resolvedList = getReferenceList(pConn);
+    const pageReference = `${pConn.getPageReference()}${resolvedList}`;
+    pConn.setReferenceList(resolvedList);
+    const menuIconOverride$ = Utils.getImageSrc('trash', PCore.getAssetLoader().getStaticServerUrl());
+    const resolvedFields = children?.[0]?.children || presets?.[0].children?.[0].children;
+    // NOTE: props has each child.config with datasource and value undefined
+    //  but getRawMetadata() has each child.config with datasource and value showing their unresolved values (ex: "@P thePropName")
+    //  We need to use the prop name as the "glue" to tie the table dataSource, displayColumns and data together.
+    //  So, in the code below, we'll use the unresolved config.value (but replacing the space with an underscore to keep things happy)
+    const rawMetadata = getPConnect().getRawMetadata();
+    // get raw config since @P and other annotations are processed and don't appear in the resolved config.
+    //  Destructure "raw" children into array var: "rawFields"
+    //  NOTE: when config.listType == "associated", the property can be found in either
+    //    config.value (ex: "@P .DeclarantChoice") or
+    //    config.datasource (ex: "@ASSOCIATED .DeclarantChoice")
+    //  Neither of these appear in the resolved props
+    const rawConfig = rawMetadata?.config;
+    const rawFields = rawConfig?.children?.[0]?.children || rawConfig?.presets?.[0].children?.[0]?.children;
+    const readOnlyMode = renderMode === 'ReadOnly';
+    const editableMode = renderMode === 'Editable';
+    const showAddRowButton = !readOnlyMode && !hideAddRow;
+    const showDeleteButton = !readOnlyMode && !hideDeleteRow;
+    useEffect(() => {
+        if (editableMode) {
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            buildElementsForTable();
+        }
+        else {
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            generateRowsData();
+        }
+    }, [referenceList.length]);
+    // Nebula has other handling for isReadOnlyMode but has Cosmos-specific code
+    //  so ignoring that for now...
+    // fieldDefs will be an array where each entry will have a "name" which will be the
+    //  "resolved" property name (that we can use as the colId) though it's not really
+    //  resolved. The buildFieldsForTable helper just removes the "@P " (which is what
+    //  Nebula does). It will also have the "label", and "meta" contains the original,
+    //  unchanged config info. For now, much of the info here is carried over from
+    //  Nebula and we may not end up using it all.
+    const fieldDefs = buildFieldsForTable(rawFields, resolvedFields, showDeleteButton);
+    const displayedColumns = fieldDefs.map(field => {
+        return field.name ? field.name : field.cellRenderer;
+    });
+    // console.log(`SimpleTable displayedColumns:`);
+    // console.log(displayedColumns);
+    // And now we can process the resolvedFields to add in the "name"
+    //  from from the fieldDefs. This "name" is the value that
+    //  we'll share to connect things together in the table.
+    // const processedFields = resolvedFields.map((field, i) => {
+    //   field.config['name'] = displayedColumns[i]; // .config["value"].replace(/ ./g,"_");   // replace space dot with underscore
+    //   return field;
+    // });
+    // console.log("SimpleTable processedFields:");
+    // console.log(processedFields);
+    // return the value that should be shown as the contents for the given row data
+    //  of the given row field
+    function getRowValue(inRowData, inColKey) {
+        // See what data (if any) we have to display
+        const refKeys = inColKey.split('.');
+        let valBuilder = inRowData;
+        for (const key of refKeys) {
+            valBuilder = valBuilder[key];
+        }
+        return valBuilder;
+    }
+    const formatRowsData = data => {
+        if (!data)
+            return {};
+        return data.map(item => {
+            return displayedColumns.reduce((dataForRow, colKey) => {
+                dataForRow[colKey] = getRowValue(item, colKey);
+                return dataForRow;
+            }, {});
+        });
+    };
+    function generateRowsData() {
+        // if dataPageName property value exists then make a datapage fetch call and get the list of data.
+        if (dataPageName) {
+            getDataPage(dataPageName, parameters, context).then(listData => {
+                const data = formatRowsData(listData);
+                myRows = data;
+                setRowData(data);
+            });
+        }
+        else {
+            // The referenceList prop has the JSON data for each row to be displayed
+            //  in the table. So, iterate over referenceList to create the dataRows that
+            //  we're using as the table's dataSource
+            const data = [];
+            for (const row of referenceList) {
+                const dataForRow = {};
+                for (const col of displayedColumns) {
+                    const colKey = col;
+                    const theVal = getRowValue(row, colKey);
+                    dataForRow[colKey] = theVal || '';
+                }
+                data.push(dataForRow);
+                myRows = data;
+            }
+            setRowData(data);
+        }
+    }
+    // These are the data structures referred to in the html file.
+    //  These are the relationships that make the table work
+    //  displayedColumns: key/value pairs where key is order of column and
+    //    value is the property shown in that column. Ex: 1: "FirstName"
+    //  processedFields: key/value pairs where each key is order of column
+    //    and each value is an object of more detailed information about that
+    //    column.
+    //  rowData: array of each row's key/value pairs. Inside each row,
+    //    each key is an entry in displayedColumns: ex: "FirstName": "Charles"
+    //    Ex: { 1: {config: {label: "First Name", readOnly: true: name: "FirstName"}}, type: "TextInput" }
+    //    The "type" indicates the type of component that should be used for editing (when editing is enabled)
+    //
+    //  Note that the "property" shown in the column ("FirstName" in the above examples) is what
+    //  ties the 3 data structures together.
+    // console.log("SimpleTable displayedColumns:");
+    // console.log(displayedColumns);
+    // console.log("SimpleTable processedFields:");
+    // console.log(processedFields);
+    // console.log(`SimpleTable rowData (${rowData.length} row(s)):`);
+    // console.log(JSON.stringify(rowData));
+    const addRecord = () => {
+        if (PCore.getPCoreVersion()?.includes('8.7')) {
+            pConn.getListActions().insert({ classID: contextClass }, referenceList.length, pageReference);
+        }
+        else {
+            pConn.getListActions().insert({ classID: contextClass }, referenceList.length);
+        }
+    };
+    const deleteRecord = index => {
+        if (PCore.getPCoreVersion()?.includes('8.7')) {
+            pConn.getListActions().deleteEntry(index, pageReference);
+        }
+        else {
+            pConn.getListActions().deleteEntry(index);
+        }
+    };
+    function buildElementsForTable() {
+        const eleData = [];
+        referenceList.forEach((element, index) => {
+            const data = [];
+            rawFields.forEach(item => {
+                // removing label field from config to hide title in the table cell
+                item = { ...item, config: { ...item.config, label: '' } };
+                const referenceListData = getReferenceList(pConn);
+                const isDatapage = referenceListData.startsWith('D_');
+                const pageReferenceValue = isDatapage
+                    ? `${referenceListData}[${index}]`
+                    : `${pConn.getPageReference()}${referenceListData.substring(referenceListData.lastIndexOf('.'))}[${index}]`;
+                const config = {
+                    meta: item,
+                    options: {
+                        context,
+                        pageReference: pageReferenceValue,
+                        referenceList: referenceListData,
+                        hasForm: true
+                    }
+                };
+                const view = PCore.createPConnect(config);
+                data.push(createElement(createPConnectComponent(), view));
+            });
+            eleData.push(data);
+        });
+        setElementsData(eleData);
+    }
+    const handleRequestSort = (event, property) => {
+        const isAsc = orderBy === property && order === 'asc';
+        setOrder(isAsc ? 'desc' : 'asc');
+        setOrderBy(property);
+    };
+    const createSortHandler = (property) => (event) => {
+        handleRequestSort(event, property);
+    };
+    function descendingComparator(a, b, orderedBy) {
+        if (b[orderedBy] < a[orderedBy]) {
+            return -1;
+        }
+        if (b[orderedBy] > a[orderedBy]) {
+            return 1;
+        }
+        return 0;
+    }
+    function getComparator(theOrder, orderedBy
+    // eslint-disable-next-line no-unused-vars
+    ) {
+        return theOrder === 'desc'
+            ? (a, b) => descendingComparator(a, b, orderedBy)
+            : (a, b) => -descendingComparator(a, b, orderedBy);
+    }
+    // eslint-disable-next-line no-unused-vars
+    function stableSort(array, comparator) {
+        const stabilizedThis = array.map((el, index) => [el, index]);
+        stabilizedThis.sort((a, b) => {
+            // eslint-disable-next-line @typescript-eslint/no-shadow, no-shadow
+            const order = comparator(a[0], b[0]);
+            if (order !== 0)
+                return order;
+            return a[1] - b[1];
+        });
+        return stabilizedThis.map(el => el[0]);
+    }
+    function _menuClick(event, columnId, columnType, labelValue) {
+        menuColumnId = columnId;
+        menuColumnType = columnType;
+        menuColumnLabel = labelValue;
+        setAnchorEl(event.currentTarget);
+    }
+    function _menuClose() {
+        setAnchorEl(null);
+    }
+    function _filterMenu() {
+        setAnchorEl(null);
+        let bFound = false;
+        for (const filterObj of filterByColumns) {
+            if (filterObj.ref === menuColumnId) {
+                setFilterBy(menuColumnLabel);
+                if (filterObj.type === 'Date' ||
+                    filterObj.type === 'DateTime' ||
+                    filterObj.type === 'Time') {
+                    setContainsDateOrTime(true);
+                    setFilterType(filterObj.type);
+                    setDisplayDialogDateFilter(filterObj.containsFilter);
+                    setDisplayDialogDateValue(filterObj.containsFilterValue);
+                }
+                else {
+                    setContainsDateOrTime(false);
+                    setFilterType('string');
+                    setDisplayDialogContainsFilter(filterObj.containsFilter);
+                    setDisplayDialogContainsValue(filterObj.containsFilterValue);
+                }
+                bFound = true;
+                break;
+            }
+        }
+        if (!bFound) {
+            setFilterBy(menuColumnLabel);
+            setDisplayDialogFilterName(menuColumnId);
+            setDisplayDialogContainsValue('');
+            switch (menuColumnType) {
+                case 'Date':
+                case 'DateTime':
+                case 'Time':
+                    setContainsDateOrTime(true);
+                    setFilterType(menuColumnType);
+                    break;
+                default:
+                    setContainsDateOrTime(false);
+                    setFilterType('string');
+                    break;
+            }
+        }
+        // open dialog
+        setOpen(true);
+    }
+    function _groupMenu() { }
+    function _closeDialog() {
+        setOpen(false);
+    }
+    function _dialogContainsFilter(event) {
+        setDisplayDialogContainsFilter(event.target.value);
+    }
+    function _dialogContainsValue(event) {
+        setDisplayDialogContainsValue(event.target.value);
+    }
+    function _dialogDateFilter(event) {
+        setDisplayDialogDateFilter(event.target.value);
+    }
+    function _dialogDateValue(event) {
+        setDisplayDialogDateValue(event.target.value);
+    }
+    function filterSortGroupBy() {
+        // get original data set
+        let theData = myRows.slice();
+        // last filter config data is global
+        theData = theData.filter(filterData(filterByColumns));
+        // move data to array and then sort
+        setRowData(theData);
+    }
+    function updateFilterWithInfo() {
+        let bFound = false;
+        for (const filterObj of filterByColumns) {
+            if (filterObj['ref'] === menuColumnId) {
+                filterObj['type'] = filterType;
+                if (containsDateOrTime) {
+                    filterObj['containsFilter'] = displayDialogDateFilter;
+                    filterObj['containsFilterValue'] = displayDialogDateValue;
+                }
+                else {
+                    filterObj['containsFilter'] = displayDialogContainsFilter;
+                    filterObj['containsFilterValue'] = displayDialogContainsValue;
+                }
+                bFound = true;
+                break;
+            }
+        }
+        if (!bFound) {
+            // add in
+            const filterObj = {};
+            filterObj.ref = menuColumnId;
+            filterObj['type'] = filterType;
+            if (containsDateOrTime) {
+                filterObj['containsFilter'] = displayDialogDateFilter;
+                filterObj['containsFilterValue'] = displayDialogDateValue;
+            }
+            else {
+                filterObj['containsFilter'] = displayDialogContainsFilter;
+                filterObj['containsFilterValue'] = displayDialogContainsValue;
+            }
+            filterByColumns.push(filterObj);
+        }
+    }
+    function _submitFilter() {
+        updateFilterWithInfo();
+        filterSortGroupBy();
+        setOpen(false);
+    }
+    function _showFilteredIcon(columnId) {
+        for (const filterObj of filterByColumns) {
+            if (filterObj['ref'] === columnId) {
+                // eslint-disable-next-line sonarjs/prefer-single-boolean-return
+                if (filterObj['containsFilterValue'] !== '') {
+                    return true;
+                }
+                return false;
+            }
+        }
+        return false;
+    }
+    function results() {
+        const len = editableMode ? elements.length : rowData.length;
+        return len ? (React.createElement("span", { style: { fontSize: '0.9em', opacity: '0.7' } },
+            len,
+            " result",
+            len > 1 ? 's' : '')) : null;
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TableContainer, { component: Paper, style: { margin: '4px 0px' }, id: "simple-table-manual" },
+            propsToUse.label && (React.createElement("h3", { className: classes.label },
+                propsToUse.label,
+                " ",
+                results())),
+            React.createElement(Table, null,
+                React.createElement(TableHead, { className: classes.header },
+                    React.createElement(TableRow, null, fieldDefs.map((field, index) => {
+                        return (React.createElement(TableCell, { key: `head-${displayedColumns[index]}`, className: classes.tableCell }, readOnlyMode ? (React.createElement("div", null,
+                            React.createElement(TableSortLabel, { active: orderBy === displayedColumns[index], direction: orderBy === displayedColumns[index] ? order : 'asc', onClick: createSortHandler(displayedColumns[index]) },
+                                field.label,
+                                _showFilteredIcon(field.name) && (React.createElement(FilterListIcon, { className: classes.moreIcon })),
+                                orderBy === displayedColumns[index] ? (React.createElement("span", { className: classes.visuallyHidden }, order === 'desc' ? 'sorted descending' : 'sorted ascending')) : null),
+                            React.createElement(MoreIcon, { id: 'menu-icon', className: classes.moreIcon, onClick: event => {
+                                    _menuClick(event, field.name, field.meta.type, field.label);
+                                } }))) : (field.label)));
+                    }))),
+                React.createElement(TableBody, null,
+                    editableMode &&
+                        elements.map((row, index) => {
+                            const theKey = `row-${index}`;
+                            return (React.createElement(TableRow, { key: theKey },
+                                row.map((item, childIndex) => {
+                                    const theColKey = `data-${index}-${childIndex}`;
+                                    return (React.createElement(TableCell, { key: theColKey, className: classes.tableCell }, item));
+                                }),
+                                showDeleteButton && (React.createElement(TableCell, null,
+                                    React.createElement("button", { type: 'button', className: 'psdk-utility-button', id: 'delete-button', onClick: () => deleteRecord(index) },
+                                        React.createElement("img", { className: 'psdk-utility-card-action-svg-icon', src: menuIconOverride$ }))))));
+                        }),
+                    readOnlyMode &&
+                        rowData &&
+                        rowData.length > 0 &&
+                        stableSort(rowData, getComparator(order, orderBy))
+                            .slice(0)
+                            .map(row => {
+                            return (React.createElement(TableRow, { key: row[displayedColumns[0]] }, displayedColumns.map(colKey => {
+                                return (React.createElement(TableCell, { key: colKey, className: classes.tableCell }, typeof row[colKey] === 'boolean' && !row[colKey]
+                                    ? 'False'
+                                    : typeof row[colKey] === 'boolean' && row[colKey]
+                                        ? 'True'
+                                        : row[colKey]));
+                            })));
+                        }))),
+            readOnlyMode && rowData && rowData.length === 0 && (React.createElement("div", { className: 'no-records', id: 'no-records' }, "No records found.")),
+            editableMode && referenceList && referenceList.length === 0 && (React.createElement("div", { className: 'no-records', id: 'no-records' }, "No records found."))),
+        showAddRowButton && (React.createElement("div", { style: { fontSize: '1rem' } },
+            React.createElement(Link, { style: { cursor: 'pointer' }, onClick: addRecord }, "+ Add"))),
+        React.createElement(Menu, { id: 'simple-menu', anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: _menuClose },
+            React.createElement(MenuItem, { onClick: _filterMenu },
+                React.createElement(FilterListIcon, null),
+                " Filter"),
+            React.createElement(MenuItem, { onClick: _groupMenu },
+                React.createElement(SubjectIcon, null),
+                " Group")),
+        React.createElement(Dialog, { open: open, onClose: _closeDialog, "aria-labelledby": 'form-dialog-title' },
+            React.createElement(DialogTitle, { id: 'form-dialog-title' },
+                "Filter: ",
+                filterBy),
+            React.createElement(DialogContent, null, containsDateOrTime ? (React.createElement(React.Fragment, null,
+                React.createElement(Select, { value: displayDialogDateFilter, onChange: _dialogDateFilter, fullWidth: true },
+                    React.createElement(MenuItem, { value: 'notequal' }, "is not equal to"),
+                    React.createElement(MenuItem, { value: 'equal' }, "is equal to"),
+                    React.createElement(MenuItem, { value: 'after' }, "after"),
+                    React.createElement(MenuItem, { value: 'before' }, "before"),
+                    React.createElement(MenuItem, { value: 'null' }, "is null"),
+                    React.createElement(MenuItem, { value: 'notnull' }, "is not null")),
+                filterType === 'Date' && (React.createElement(TextField, { autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'date', fullWidth: true, value: displayDialogDateValue, onChange: _dialogDateValue })),
+                filterType === 'DateTime' && (React.createElement(TextField, { autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'datetime-local', fullWidth: true, value: displayDialogDateValue, onChange: _dialogDateValue })),
+                filterType === 'Time' && (React.createElement(TextField, { autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'time', fullWidth: true, value: displayDialogDateValue, onChange: _dialogDateValue })))) : (React.createElement(React.Fragment, null,
+                React.createElement(Select, { id: 'filter', fullWidth: true, onChange: _dialogContainsFilter, value: displayDialogContainsFilter },
+                    React.createElement(MenuItem, { value: 'contains' }, "Contains"),
+                    React.createElement(MenuItem, { value: 'equals' }, "Equals"),
+                    React.createElement(MenuItem, { value: 'startswith' }, "Starts with")),
+                React.createElement(TextField, { autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'text', fullWidth: true, value: displayDialogContainsValue, onChange: _dialogContainsValue })))),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { onClick: _closeDialog, color: 'secondary' }, "Cancel"),
+                React.createElement(Button, { onClick: _submitFilter, color: 'primary' }, "Submit")))));
+}
+//# sourceMappingURL=SimpleTableManual.js.map

package/lib/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTableManual.js","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-nested-ternary */\nimport React, { useEffect, useState } from 'react';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { buildFieldsForTable, filterData } from '../../../helpers/simpleTableHelpers';\nimport { getDataPage } from '../../../helpers/data_page';\nimport Link from '@material-ui/core/Link';\nimport { getReferenceList } from '../../../helpers/field-group-utils';\nimport { Utils } from '../../../helpers/utils';\nimport { createElement } from 'react';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\n\nimport TableSortLabel from '@material-ui/core/TableSortLabel';\nimport MoreIcon from '@material-ui/icons/MoreVert';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FilterListIcon from '@material-ui/icons/FilterList';\nimport SubjectIcon from '@material-ui/icons/Subject';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Select from '@material-ui/core/Select';\nimport Button from '@material-ui/core/Button';\nimport TextField from '@material-ui/core/TextField';\n\nconst useStyles = makeStyles((/* theme */) => ({\n  label: {\n    margin: '8px'\n  },\n  header: {\n    background: '#f5f5f5'\n  },\n  tableCell: {\n    borderRight: '1px solid lightgray',\n    padding: '8px'\n  },\n  visuallyHidden: {\n    border: 0,\n    clip: 'rect(0 0 0 0)',\n    height: 1,\n    margin: -1,\n    overflow: 'hidden',\n    padding: 0,\n    position: 'absolute',\n    top: 20,\n    width: 1\n  },\n  moreIcon: {\n    verticalAlign: 'bottom'\n  }\n}));\n\ndeclare const PCore: any;\n\nlet menuColumnId = '';\nlet menuColumnType = '';\nlet menuColumnLabel = '';\n\nconst filterByColumns: Array<any> = [];\nlet myRows: Array<any>;\nexport default function SimpleTableManual(props) {\n  const classes = useStyles();\n  const {\n    getPConnect,\n    referenceList = [], // if referenceList not in configProps$, default to empy list\n    children,\n    renderMode,\n    presets,\n    label: labelProp,\n    showLabel,\n    dataPageName,\n    contextClass,\n    hideAddRow,\n    hideDeleteRow,\n    propertyLabel,\n    fieldMetadata\n  } = props;\n  const pConn = getPConnect();\n  const [rowData, setRowData] = useState([]);\n  const [elements, setElementsData] = useState([]);\n  const [order, setOrder] = useState<Order>('asc');\n  const [orderBy, setOrderBy] = useState<keyof any>('');\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const [open, setOpen] = useState(false);\n  const [filterBy, setFilterBy] = useState<string>();\n  const [containsDateOrTime, setContainsDateOrTime] = useState<boolean>(false);\n  const [filterType, setFilterType] = useState<string>('string');\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [displayDialogFilterName, setDisplayDialogFilterName] = useState<string>('');\n  const [displayDialogContainsFilter, setDisplayDialogContainsFilter] =\n    useState<string>('contains');\n  const [displayDialogContainsValue, setDisplayDialogContainsValue] = useState<string>('');\n  const [displayDialogDateFilter, setDisplayDialogDateFilter] = useState<string>('notequal');\n  const [displayDialogDateValue, setDisplayDialogDateValue] = useState<string>('');\n\n  const parameters = fieldMetadata?.datasource?.parameters;\n\n  const label = labelProp || propertyLabel;\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n  if (propsToUse.showLabel === false) {\n    propsToUse.label = '';\n  }\n  // Getting current context\n  const context = getPConnect().getContextName();\n  const resolvedList = getReferenceList(pConn);\n  const pageReference = `${pConn.getPageReference()}${resolvedList}`;\n  pConn.setReferenceList(resolvedList);\n  const menuIconOverride$ = Utils.getImageSrc('trash', PCore.getAssetLoader().getStaticServerUrl());\n\n  const resolvedFields = children?.[0]?.children || presets?.[0].children?.[0].children;\n  // NOTE: props has each child.config with datasource and value undefined\n  //  but getRawMetadata() has each child.config with datasource and value showing their unresolved values (ex: \"@P thePropName\")\n  //  We need to use the prop name as the \"glue\" to tie the table dataSource, displayColumns and data together.\n  //  So, in the code below, we'll use the unresolved config.value (but replacing the space with an underscore to keep things happy)\n  const rawMetadata = getPConnect().getRawMetadata();\n\n  // get raw config since @P and other annotations are processed and don't appear in the resolved config.\n  //  Destructure \"raw\" children into array var: \"rawFields\"\n  //  NOTE: when config.listType == \"associated\", the property can be found in either\n  //    config.value (ex: \"@P .DeclarantChoice\") or\n  //    config.datasource (ex: \"@ASSOCIATED .DeclarantChoice\")\n  //  Neither of these appear in the resolved props\n\n  const rawConfig = rawMetadata?.config;\n  const rawFields =\n    rawConfig?.children?.[0]?.children || rawConfig?.presets?.[0].children?.[0]?.children;\n\n  const readOnlyMode = renderMode === 'ReadOnly';\n  const editableMode = renderMode === 'Editable';\n  const showAddRowButton = !readOnlyMode && !hideAddRow;\n  const showDeleteButton = !readOnlyMode && !hideDeleteRow;\n  useEffect(() => {\n    if (editableMode) {\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      buildElementsForTable();\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      generateRowsData();\n    }\n  }, [referenceList.length]);\n\n  // Nebula has other handling for isReadOnlyMode but has Cosmos-specific code\n  //  so ignoring that for now...\n  // fieldDefs will be an array where each entry will have a \"name\" which will be the\n  //  \"resolved\" property name (that we can use as the colId) though it's not really\n  //  resolved. The buildFieldsForTable helper just removes the \"@P \" (which is what\n  //  Nebula does). It will also have the \"label\", and \"meta\" contains the original,\n  //  unchanged config info. For now, much of the info here is carried over from\n  //  Nebula and we may not end up using it all.\n  const fieldDefs = buildFieldsForTable(rawFields, resolvedFields, showDeleteButton);\n\n  const displayedColumns = fieldDefs.map(field => {\n    return field.name ? field.name : field.cellRenderer;\n  });\n\n  // console.log(`SimpleTable displayedColumns:`);\n  // console.log(displayedColumns);\n\n  // And now we can process the resolvedFields to add in the \"name\"\n  //  from from the fieldDefs. This \"name\" is the value that\n  //  we'll share to connect things together in the table.\n\n  // const processedFields = resolvedFields.map((field, i) => {\n  //   field.config['name'] = displayedColumns[i]; // .config[\"value\"].replace(/ ./g,\"_\");   // replace space dot with underscore\n  //   return field;\n  // });\n\n  // console.log(\"SimpleTable processedFields:\");\n  // console.log(processedFields);\n\n  // return the value that should be shown as the contents for the given row data\n  //  of the given row field\n  function getRowValue(inRowData: Object, inColKey: string): any {\n    // See what data (if any) we have to display\n    const refKeys: Array<string> = inColKey.split('.');\n    let valBuilder = inRowData;\n    for (const key of refKeys) {\n      valBuilder = valBuilder[key];\n    }\n    return valBuilder;\n  }\n\n  const formatRowsData = data => {\n    if(!data) return {};\n\n    return data.map(item => {\n      return displayedColumns.reduce((dataForRow, colKey) => {\n        dataForRow[colKey] = getRowValue(item, colKey);\n        return dataForRow;\n      }, {});\n    });\n  };\n\n  function generateRowsData() {\n    // if dataPageName property value exists then make a datapage fetch call and get the list of data.\n    if (dataPageName) {\n      getDataPage(dataPageName, parameters, context).then(listData => {\n        const data = formatRowsData(listData);\n        myRows = data;\n        setRowData(data);\n      });\n    } else {\n      // The referenceList prop has the JSON data for each row to be displayed\n      //  in the table. So, iterate over referenceList to create the dataRows that\n      //  we're using as the table's dataSource\n      const data: any = [];\n      for (const row of referenceList) {\n        const dataForRow: Object = {};\n        for (const col of displayedColumns) {\n          const colKey: string = col;\n          const theVal = getRowValue(row, colKey);\n          dataForRow[colKey] = theVal || '';\n        }\n        data.push(dataForRow);\n        myRows = data;\n      }\n      setRowData(data);\n    }\n  }\n\n  // These are the data structures referred to in the html file.\n  //  These are the relationships that make the table work\n  //  displayedColumns: key/value pairs where key is order of column and\n  //    value is the property shown in that column. Ex: 1: \"FirstName\"\n  //  processedFields: key/value pairs where each key is order of column\n  //    and each value is an object of more detailed information about that\n  //    column.\n  //  rowData: array of each row's key/value pairs. Inside each row,\n  //    each key is an entry in displayedColumns: ex: \"FirstName\": \"Charles\"\n  //    Ex: { 1: {config: {label: \"First Name\", readOnly: true: name: \"FirstName\"}}, type: \"TextInput\" }\n  //    The \"type\" indicates the type of component that should be used for editing (when editing is enabled)\n  //\n  //  Note that the \"property\" shown in the column (\"FirstName\" in the above examples) is what\n  //  ties the 3 data structures together.\n\n  // console.log(\"SimpleTable displayedColumns:\");\n  // console.log(displayedColumns);\n  // console.log(\"SimpleTable processedFields:\");\n  // console.log(processedFields);\n  // console.log(`SimpleTable rowData (${rowData.length} row(s)):`);\n  // console.log(JSON.stringify(rowData));\n\n  const addRecord = () => {\n    if (PCore.getPCoreVersion()?.includes('8.7')) {\n      pConn.getListActions().insert({ classID: contextClass }, referenceList.length, pageReference);\n    } else {\n      pConn.getListActions().insert({ classID: contextClass }, referenceList.length);\n    }\n  };\n\n  const deleteRecord = index => {\n    if (PCore.getPCoreVersion()?.includes('8.7')) {\n      pConn.getListActions().deleteEntry(index, pageReference);\n    } else {\n      pConn.getListActions().deleteEntry(index);\n    }\n  };\n\n  function buildElementsForTable() {\n    const eleData: any = [];\n    referenceList.forEach((element, index) => {\n      const data: any = [];\n      rawFields.forEach(item => {\n        // removing label field from config to hide title in the table cell\n        item = {...item, config: {...item.config, label: ''}};\n        const referenceListData = getReferenceList(pConn);\n        const isDatapage = referenceListData.startsWith('D_');\n        const pageReferenceValue = isDatapage\n          ? `${referenceListData}[${index}]`\n          : `${pConn.getPageReference()}${referenceListData.substring(\n              referenceListData.lastIndexOf('.')\n            )}[${index}]`;\n        const config = {\n          meta: item,\n          options: {\n            context,\n            pageReference: pageReferenceValue,\n            referenceList: referenceListData,\n            hasForm: true\n          }\n        };\n        const view = PCore.createPConnect(config);\n        data.push(createElement(createPConnectComponent(), view));\n      });\n      eleData.push(data);\n    });\n    setElementsData(eleData);\n  }\n\n  const handleRequestSort = (event: React.MouseEvent<unknown>, property: keyof any) => {\n    const isAsc = orderBy === property && order === 'asc';\n    setOrder(isAsc ? 'desc' : 'asc');\n    setOrderBy(property);\n  };\n\n  const createSortHandler = (property: keyof any) => (event: React.MouseEvent<unknown>) => {\n    handleRequestSort(event, property);\n  };\n\n  function descendingComparator<T>(a: T, b: T, orderedBy: keyof T) {\n    if (b[orderedBy] < a[orderedBy]) {\n      return -1;\n    }\n    if (b[orderedBy] > a[orderedBy]) {\n      return 1;\n    }\n    return 0;\n  }\n\n  type Order = 'asc' | 'desc';\n\n  function getComparator<Key extends keyof any>(\n    theOrder: Order,\n    orderedBy: Key\n    // eslint-disable-next-line no-unused-vars\n  ): (a: { [key in Key]: number | string }, b: { [key in Key]: number | string }) => number {\n    return theOrder === 'desc'\n      ? (a, b) => descendingComparator(a, b, orderedBy)\n      : (a, b) => -descendingComparator(a, b, orderedBy);\n  }\n\n  // eslint-disable-next-line no-unused-vars\n  function stableSort<T>(array: Array<T>, comparator: (a: T, b: T) => number) {\n    const stabilizedThis = array.map((el, index) => [el, index] as [T, number]);\n    stabilizedThis.sort((a, b) => {\n      // eslint-disable-next-line @typescript-eslint/no-shadow, no-shadow\n      const order = comparator(a[0], b[0]);\n      if (order !== 0) return order;\n      return a[1] - b[1];\n    });\n\n    return stabilizedThis.map(el => el[0]);\n  }\n\n  function _menuClick(event, columnId: string, columnType: string, labelValue: string) {\n    menuColumnId = columnId;\n    menuColumnType = columnType;\n    menuColumnLabel = labelValue;\n\n    setAnchorEl(event.currentTarget);\n  }\n\n  function _menuClose() {\n    setAnchorEl(null);\n  }\n\n  function _filterMenu() {\n    setAnchorEl(null);\n\n    let bFound = false;\n\n    for (const filterObj of filterByColumns) {\n      if (filterObj.ref === menuColumnId) {\n        setFilterBy(menuColumnLabel);\n        if (\n          filterObj.type === 'Date' ||\n          filterObj.type === 'DateTime' ||\n          filterObj.type === 'Time'\n        ) {\n          setContainsDateOrTime(true);\n          setFilterType(filterObj.type);\n          setDisplayDialogDateFilter(filterObj.containsFilter);\n          setDisplayDialogDateValue(filterObj.containsFilterValue);\n        } else {\n          setContainsDateOrTime(false);\n          setFilterType('string');\n          setDisplayDialogContainsFilter(filterObj.containsFilter);\n          setDisplayDialogContainsValue(filterObj.containsFilterValue);\n        }\n        bFound = true;\n        break;\n      }\n    }\n\n    if (!bFound) {\n      setFilterBy(menuColumnLabel);\n      setDisplayDialogFilterName(menuColumnId);\n      setDisplayDialogContainsValue('');\n\n      switch (menuColumnType) {\n        case 'Date':\n        case 'DateTime':\n        case 'Time':\n          setContainsDateOrTime(true);\n          setFilterType(menuColumnType);\n          break;\n        default:\n          setContainsDateOrTime(false);\n          setFilterType('string');\n          break;\n      }\n    }\n\n    // open dialog\n    setOpen(true);\n  }\n\n  function _groupMenu() {}\n\n  function _closeDialog() {\n    setOpen(false);\n  }\n\n  function _dialogContainsFilter(event) {\n    setDisplayDialogContainsFilter(event.target.value);\n  }\n\n  function _dialogContainsValue(event) {\n    setDisplayDialogContainsValue(event.target.value);\n  }\n\n  function _dialogDateFilter(event) {\n    setDisplayDialogDateFilter(event.target.value);\n  }\n\n  function _dialogDateValue(event) {\n    setDisplayDialogDateValue(event.target.value);\n  }\n\n  function filterSortGroupBy() {\n    // get original data set\n    let theData: any = myRows.slice();\n\n    // last filter config data is global\n    theData = theData.filter(filterData(filterByColumns));\n\n    // move data to array and then sort\n    setRowData(theData);\n  }\n\n  function updateFilterWithInfo() {\n    let bFound = false;\n    for (const filterObj of filterByColumns) {\n      if (filterObj['ref'] === menuColumnId) {\n        filterObj['type'] = filterType;\n        if (containsDateOrTime) {\n          filterObj['containsFilter'] = displayDialogDateFilter;\n          filterObj['containsFilterValue'] = displayDialogDateValue;\n        } else {\n          filterObj['containsFilter'] = displayDialogContainsFilter;\n          filterObj['containsFilterValue'] = displayDialogContainsValue;\n        }\n        bFound = true;\n        break;\n      }\n    }\n\n    if (!bFound) {\n      // add in\n      const filterObj: any = {};\n      filterObj.ref = menuColumnId;\n      filterObj['type'] = filterType;\n      if (containsDateOrTime) {\n        filterObj['containsFilter'] = displayDialogDateFilter;\n        filterObj['containsFilterValue'] = displayDialogDateValue;\n      } else {\n        filterObj['containsFilter'] = displayDialogContainsFilter;\n        filterObj['containsFilterValue'] = displayDialogContainsValue;\n      }\n\n      filterByColumns.push(filterObj);\n    }\n  }\n\n  function _submitFilter() {\n    updateFilterWithInfo();\n    filterSortGroupBy();\n\n    setOpen(false);\n  }\n\n  function _showFilteredIcon(columnId) {\n    for (const filterObj of filterByColumns) {\n      if (filterObj['ref'] === columnId) {\n        // eslint-disable-next-line sonarjs/prefer-single-boolean-return\n        if (filterObj['containsFilterValue'] !== '') {\n          return true;\n        }\n        return false;\n      }\n    }\n\n    return false;\n  }\n\n  function results() {\n    const len = editableMode ? elements.length : rowData.length;\n\n    return len ? (\n      <span style={{ fontSize: '0.9em', opacity: '0.7' }}>\n        {len} result{len > 1 ? 's' : ''}\n      </span>\n    ) : null;\n  }\n\n  return (\n    <React.Fragment>\n      <TableContainer component={Paper} style={{ margin: '4px 0px' }} id=\"simple-table-manual\">\n        {propsToUse.label && (\n          <h3 className={classes.label}>\n            {propsToUse.label} {results()}\n          </h3>\n        )}\n        <Table>\n          <TableHead className={classes.header}>\n            <TableRow>\n              {fieldDefs.map((field: any, index) => {\n                return (\n                  <TableCell key={`head-${displayedColumns[index]}`} className={classes.tableCell}>\n                    {readOnlyMode ? (\n                      <div>\n                        <TableSortLabel\n                          active={orderBy === displayedColumns[index]}\n                          direction={orderBy === displayedColumns[index] ? order : 'asc'}\n                          onClick={createSortHandler(displayedColumns[index])}\n                        >\n                          {field.label}\n                          {_showFilteredIcon(field.name) && (\n                            <FilterListIcon className={classes.moreIcon} />\n                          )}\n                          {orderBy === displayedColumns[index] ? (\n                            <span className={classes.visuallyHidden}>\n                              {order === 'desc' ? 'sorted descending' : 'sorted ascending'}\n                            </span>\n                          ) : null}\n                        </TableSortLabel>\n                        <MoreIcon\n                          id='menu-icon'\n                          className={classes.moreIcon}\n                          onClick={event => {\n                            _menuClick(event, field.name, field.meta.type, field.label);\n                          }}\n                        />\n                      </div>\n                    ) : (\n                      field.label\n                    )}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {editableMode &&\n              elements.map((row: any, index) => {\n                const theKey = `row-${index}`;\n                return (\n                  <TableRow key={theKey}>\n                    {row.map((item, childIndex) => {\n                      const theColKey = `data-${index}-${childIndex}`;\n                      return (\n                        <TableCell key={theColKey} className={classes.tableCell}>\n                          {item}\n                        </TableCell>\n                      );\n                    })}\n                    {showDeleteButton && (\n                      <TableCell>\n                        <button\n                          type='button'\n                          className='psdk-utility-button'\n                          id='delete-button'\n                          onClick={() => deleteRecord(index)}\n                        >\n                          <img\n                            className='psdk-utility-card-action-svg-icon'\n                            src={menuIconOverride$}\n                          ></img>\n                        </button>\n                      </TableCell>\n                    )}\n                  </TableRow>\n                );\n              })}\n            {readOnlyMode &&\n              rowData &&\n              rowData.length > 0 &&\n              stableSort(rowData, getComparator(order, orderBy))\n                .slice(0)\n                .map(row => {\n                  return (\n                    <TableRow key={row[displayedColumns[0]]}>\n                      {displayedColumns.map(colKey => {\n                        return (\n                          <TableCell key={colKey} className={classes.tableCell}>\n                            {typeof row[colKey] === 'boolean' && !row[colKey]\n                              ? 'False'\n                              : typeof row[colKey] === 'boolean' && row[colKey]\n                              ? 'True'\n                              : row[colKey]}\n                          </TableCell>\n                        );\n                      })}\n                    </TableRow>\n                  );\n                })}\n          </TableBody>\n        </Table>\n        {readOnlyMode && rowData && rowData.length === 0 && (\n          <div className='no-records' id='no-records'>\n            No records found.\n          </div>\n        )}\n        {editableMode && referenceList && referenceList.length === 0 && (\n          <div className='no-records' id='no-records'>\n            No records found.\n          </div>\n        )}\n      </TableContainer>\n      {showAddRowButton && (\n        <div style={{ fontSize: '1rem' }}>\n          <Link style={{ cursor: 'pointer' }} onClick={addRecord}>\n            + Add\n          </Link>\n        </div>\n      )}\n      <Menu\n        id='simple-menu'\n        anchorEl={anchorEl}\n        keepMounted\n        open={Boolean(anchorEl)}\n        onClose={_menuClose}\n      >\n        <MenuItem onClick={_filterMenu}>\n          <FilterListIcon /> Filter\n        </MenuItem>\n        <MenuItem onClick={_groupMenu}>\n          <SubjectIcon /> Group\n        </MenuItem>\n      </Menu>\n      <Dialog open={open} onClose={_closeDialog} aria-labelledby='form-dialog-title'>\n        <DialogTitle id='form-dialog-title'>Filter: {filterBy}</DialogTitle>\n        <DialogContent>\n          {containsDateOrTime ? (\n            <>\n              <Select value={displayDialogDateFilter} onChange={_dialogDateFilter} fullWidth>\n                <MenuItem value='notequal'>is not equal to</MenuItem>\n                <MenuItem value='equal'>is equal to</MenuItem>\n                <MenuItem value='after'>after</MenuItem>\n                <MenuItem value='before'>before</MenuItem>\n                <MenuItem value='null'>is null</MenuItem>\n                <MenuItem value='notnull'>is not null</MenuItem>\n              </Select>\n              {filterType === 'Date' && (\n                <TextField\n                  autoFocus\n                  margin='dense'\n                  id='containsFilter'\n                  type='date'\n                  fullWidth\n                  value={displayDialogDateValue}\n                  onChange={_dialogDateValue}\n                />\n              )}\n              {filterType === 'DateTime' && (\n                <TextField\n                  autoFocus\n                  margin='dense'\n                  id='containsFilter'\n                  type='datetime-local'\n                  fullWidth\n                  value={displayDialogDateValue}\n                  onChange={_dialogDateValue}\n                />\n              )}\n              {filterType === 'Time' && (\n                <TextField\n                  autoFocus\n                  margin='dense'\n                  id='containsFilter'\n                  type='time'\n                  fullWidth\n                  value={displayDialogDateValue}\n                  onChange={_dialogDateValue}\n                />\n              )}\n            </>\n          ) : (\n            <>\n              <Select\n                id='filter'\n                fullWidth\n                onChange={_dialogContainsFilter}\n                value={displayDialogContainsFilter}\n              >\n                <MenuItem value='contains'>Contains</MenuItem>\n                <MenuItem value='equals'>Equals</MenuItem>\n                <MenuItem value='startswith'>Starts with</MenuItem>\n              </Select>\n              <TextField\n                autoFocus\n                margin='dense'\n                id='containsFilter'\n                type='text'\n                fullWidth\n                value={displayDialogContainsValue}\n                onChange={_dialogContainsValue}\n              />\n            </>\n          )}\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={_closeDialog} color='secondary'>\n            Cancel\n          </Button>\n          <Button onClick={_submitFilter} color='primary'>\n            Submit\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </React.Fragment>\n  );\n}\n"]}

package/lib/components/template/SimpleTable/SimpleTableManual/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTableManual/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/components/template/SimpleTable/SimpleTableManual/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTableManual/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { default } from './SimpleTableManual';\n"]}