@pega/react-sdk-components 0.23.0

package/lib/components/templates/OneColumn/OneColumn/OneColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneColumn.js","sourceRoot":"","sources":["../../../../../src/components/templates/OneColumn/OneColumn/OneColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAGJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK;IACrC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;QACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IAC5C,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAE,CACrC,CACF,CACR,CAAA;AACH,CAAC;AAED,SAAS,CAAC,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,wCAAwC;CACzC,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Grid } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((/* theme */) => ({\n  colStyles: {\n    display: \"grid\",\n    gap: \"1rem\",\n    alignContent: \"baseline\",\n  },\n}));\n\n\nexport default function OneColumn(props) {\n  const classes = useStyles();\n\n  const { children} = props;\n\n  return (\n    <Grid container spacing={2}>\n      <Grid item xs={12} className={classes.colStyles}>\n        {children.map(child => { return child; } )}\n      </Grid>\n    </Grid>\n  )\n}\n\nOneColumn.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  // template: PropTypes.string.isRequired\n};\n"]}

package/lib/components/templates/OneColumn/OneColumn/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './OneColumn';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/templates/OneColumn/OneColumn/index.d.ts.map

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

package/lib/components/templates/OneColumn/OneColumn/index.js

@@ -0,0 +1,2 @@
+export { default } from './OneColumn';
+//# sourceMappingURL=index.js.map

package/lib/components/templates/OneColumn/OneColumn/index.js.map

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

package/lib/components/templates/OneColumn/OneColumnPage/OneColumnPage.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+declare function OneColumnPage(props: any): JSX.Element;
+declare namespace OneColumnPage {
+    var propTypes: {
+        children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
+    };
+    var defaultProps: {};
+}
+export default OneColumnPage;
+//# sourceMappingURL=OneColumnPage.d.ts.map

package/lib/components/templates/OneColumn/OneColumnPage/OneColumnPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneColumnPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/OneColumn/OneColumnPage/OneColumnPage.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,iBAAwB,aAAa,CAAC,KAAK,KAAA,eAO1C;kBAPuB,aAAa;;;;;;eAAb,aAAa"}

package/lib/components/templates/OneColumn/OneColumnPage/OneColumnPage.js

@@ -0,0 +1,15 @@
+import React from "react";
+import PropTypes from "prop-types";
+import OneColumn from '../OneColumn';
+/*
+ * The wrapper handles knowing how to take in just children
+ *  and mapping to the TwoColumn template.
+ */
+export default function OneColumnPage(props) {
+    return (React.createElement(OneColumn, { ...props }));
+}
+OneColumnPage.propTypes = {
+    children: PropTypes.arrayOf(PropTypes.node).isRequired,
+};
+OneColumnPage.defaultProps = {};
+//# sourceMappingURL=OneColumnPage.js.map

package/lib/components/templates/OneColumn/OneColumnPage/OneColumnPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneColumnPage.js","sourceRoot":"","sources":["../../../../../src/components/templates/OneColumn/OneColumnPage/OneColumnPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK;IAEzC,OAAO,CACL,oBAAC,SAAS,OACH,KAAK,GACV,CACH,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;CACvD,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG,EAC5B,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport OneColumn from '../OneColumn';\n\n/*\n * The wrapper handles knowing how to take in just children\n *  and mapping to the TwoColumn template.\n */\nexport default function OneColumnPage(props) {\n\n  return (\n    <OneColumn\n       {...props}\n    />\n  );\n}\n\nOneColumnPage.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n};\n\nOneColumnPage.defaultProps = {\n};\n"]}

package/lib/components/templates/OneColumn/OneColumnPage/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './OneColumnPage';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/templates/OneColumn/OneColumnPage/index.d.ts.map

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

package/lib/components/templates/OneColumn/OneColumnPage/index.js

@@ -0,0 +1,2 @@
+export { default } from './OneColumnPage';
+//# sourceMappingURL=index.js.map

package/lib/components/templates/OneColumn/OneColumnPage/index.js.map

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

package/lib/components/templates/OneColumn/OneColumnTab/OneColumnTab.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+declare function OneColumnTab(props: any): JSX.Element;
+declare namespace OneColumnTab {
+    var propTypes: {
+        children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
+    };
+}
+export default OneColumnTab;
+//# sourceMappingURL=OneColumnTab.d.ts.map

package/lib/components/templates/OneColumn/OneColumnTab/OneColumnTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneColumnTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/OneColumn/OneColumnTab/OneColumnTab.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAwB,YAAY,CAAC,KAAK,KAAA,eAQzC;kBARuB,YAAY;;;;;eAAZ,YAAY"}

package/lib/components/templates/OneColumn/OneColumnTab/OneColumnTab.js

@@ -0,0 +1,11 @@
+import React from "react";
+import PropTypes from "prop-types";
+export default function OneColumnTab(props) {
+    const { children } = props;
+    return (React.createElement("div", { id: "OneColumnTab" }, children));
+}
+OneColumnTab.propTypes = {
+    children: PropTypes.arrayOf(PropTypes.node).isRequired,
+    // template: PropTypes.string.isRequired
+};
+//# sourceMappingURL=OneColumnTab.js.map

package/lib/components/templates/OneColumn/OneColumnTab/OneColumnTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneColumnTab.js","sourceRoot":"","sources":["../../../../../src/components/templates/OneColumn/OneColumnTab/OneColumnTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK;IACxC,MAAM,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,6BAAK,EAAE,EAAC,cAAc,IACnB,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,wCAAwC;CACzC,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport default function OneColumnTab(props) {\n  const { children} = props;\n\n  return (\n    <div id=\"OneColumnTab\">\n      {children}\n    </div>\n  )\n}\n\nOneColumnTab.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  // template: PropTypes.string.isRequired\n};\n"]}

package/lib/components/templates/OneColumn/OneColumnTab/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './OneColumnTab';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/templates/OneColumn/OneColumnTab/index.d.ts.map

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

package/lib/components/templates/OneColumn/OneColumnTab/index.js

@@ -0,0 +1,2 @@
+export { default } from './OneColumnTab';
+//# sourceMappingURL=index.js.map

package/lib/components/templates/OneColumn/OneColumnTab/index.js.map

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

package/lib/components/templates/PromotedFilters/PromotedFilters.css

@@ -0,0 +1,7 @@
+.psdk-grid-filter {
+  display: grid;
+  grid-template-columns: repeat(2,minmax(0,1fr));
+  column-gap: calc(2 * 0.5rem);
+  row-gap: calc(2 * 0.5rem);
+  align-items: start;
+}

package/lib/components/templates/PromotedFilters/PromotedFilters.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import './PromotedFilters.css';
+declare function PromotedFilters(props: any): JSX.Element;
+declare namespace PromotedFilters {
+    var propTypes: {
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        viewName: PropTypes.Validator<string>;
+        filters: PropTypes.Validator<(object | null | undefined)[]>;
+        listViewProps: PropTypes.Validator<{
+            [x: string]: any;
+        }>;
+        pageClass: PropTypes.Validator<string>;
+    };
+}
+export default PromotedFilters;
+//# sourceMappingURL=PromotedFilters.d.ts.map

package/lib/components/templates/PromotedFilters/PromotedFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromotedFilters.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,OAAO,uBAAuB,CAAC;AAkD/B,iBAAwB,eAAe,CAAC,KAAK,KAAA,eA8F5C;kBA9FuB,eAAe;;;;;;;;;;;eAAf,eAAe"}

package/lib/components/templates/PromotedFilters/PromotedFilters.js

@@ -0,0 +1,130 @@
+import React, { useCallback, useMemo, useState, createElement, Fragment } from 'react';
+import PropTypes from 'prop-types';
+import Button from '@material-ui/core/Button';
+import createPConnectComponent from '../../../bridge/react_pconnect';
+import ListView from '../ListView';
+import Utils from '../../helpers/utils';
+import './PromotedFilters.css';
+const localeCategory = 'SimpleTable';
+const SUPPORTED_TYPES_IN_PROMOTED_FILTERS = [
+    'TextInput',
+    'Percentage',
+    'Email',
+    'Integer',
+    'Decimal',
+    'Checkbox',
+    'DateTime',
+    'Date',
+    'Time',
+    'Text',
+    'TextArea',
+    'Currency',
+    'URL',
+    'RichText'
+];
+function Filters({ filters, transientItemID, localeReference }) {
+    return filters.map((filter, index) => {
+        const filterClone = { ...filter };
+        // convert any field which is not supported to TextInput and delete the placeholder as it may contain placeholder specific to original type.
+        if (!SUPPORTED_TYPES_IN_PROMOTED_FILTERS.includes(filterClone.type)) {
+            filterClone.type = 'TextInput';
+            delete filterClone.config.placeholder;
+        }
+        filterClone.config.contextName = transientItemID;
+        filterClone.config.readOnly = false;
+        filterClone.config.context = transientItemID;
+        filterClone.config.localeReference = localeReference;
+        const c11nEnv = PCore.createPConnect({
+            meta: filterClone,
+            options: {
+                hasForm: true,
+                contextName: transientItemID
+            }
+        });
+        // eslint-disable-next-line react/no-array-index-key
+        return React.createElement(React.Fragment, { key: index }, createElement(createPConnectComponent(), c11nEnv));
+    });
+}
+function isValidInput(input) {
+    return Object.values(input).findIndex((v) => v) >= 0;
+}
+export default function PromotedFilters(props) {
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const { getPConnect, viewName, filters, listViewProps, pageClass } = props;
+    const [initTable, setInitTable] = useState(false);
+    const [payload, setPayload] = useState({});
+    const filtersProperties = {};
+    filters.forEach((filter) => {
+        filtersProperties[PCore.getAnnotationUtils().getPropertyName(filter.config.value)] = '';
+    });
+    const transientItemID = useMemo(() => {
+        const filtersWithClassID = {
+            ...filtersProperties,
+            classID: pageClass
+        };
+        return getPConnect().getContainerManager().addTransientItem({
+            id: viewName,
+            data: filtersWithClassID
+        });
+    }, []);
+    function formatPromotedFilters(promotedFilters) {
+        return Object.entries(promotedFilters).reduce((acc, [field, value]) => {
+            if (value) {
+                acc[field] = {
+                    lhs: {
+                        field
+                    },
+                    comparator: "EQ",
+                    rhs: {
+                        value
+                    }
+                };
+            }
+            return acc;
+        }, {});
+    }
+    const getFilterData = useCallback((e) => {
+        e.preventDefault(); // to prevent un-intended forms submission.
+        const changes = PCore.getFormUtils().getChanges(transientItemID);
+        const formValues = {};
+        Object.keys(changes).forEach((key) => {
+            if (!['context_data', 'pageInstructions'].includes(key)) {
+                formValues[key] = changes[key];
+            }
+        });
+        const promotedFilters = formatPromotedFilters(formValues);
+        if (PCore.getFormUtils().isFormValid(transientItemID) && isValidInput(formValues)) {
+            setInitTable(true);
+            const Query = {
+                dataViewParameters: {}
+            };
+            if (!Utils.isEmptyObject(promotedFilters)) {
+                Query.query = { filter: { filterConditions: promotedFilters } };
+            }
+            setPayload(Query);
+        }
+    }, [transientItemID]);
+    const clearFilterData = useCallback(() => {
+        PCore.getContainerUtils().clearTransientData(transientItemID);
+        setInitTable(false);
+        getPConnect()?.getListActions?.()?.setSelectedRows([]); // Clear the selection (if any made by user)
+    }, [transientItemID]);
+    return (React.createElement(Fragment, null,
+        React.createElement("div", null, listViewProps.title),
+        React.createElement("div", { className: "psdk-grid-filter" },
+            React.createElement(Filters, { filters: filters, transientItemID: transientItemID, localeReference: listViewProps.localeReference })),
+        React.createElement("div", null,
+            React.createElement(Button, { key: '1', type: 'button', onClick: clearFilterData, "data-testid": 'clear', variant: 'contained', color: 'primary' }, localizedVal('Clear', localeCategory)),
+            React.createElement(Button, { style: { float: 'right' }, key: '2', type: 'submit', onClick: getFilterData, "data-testid": 'search', variant: 'contained', color: 'primary' }, localizedVal('Search', localeCategory))),
+        initTable && React.createElement(ListView, { ...listViewProps, title: '', payload: payload, isSearchable: true, tableDisplay: {
+                show: initTable
+            } })));
+}
+PromotedFilters.propTypes = {
+    getPConnect: PropTypes.func.isRequired,
+    viewName: PropTypes.string.isRequired,
+    filters: PropTypes.arrayOf(PropTypes.object).isRequired,
+    listViewProps: PropTypes.objectOf(PropTypes.any).isRequired,
+    pageClass: PropTypes.string.isRequired
+};
+//# sourceMappingURL=PromotedFilters.js.map

package/lib/components/templates/PromotedFilters/PromotedFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../../src/components/templates/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo, useState, createElement, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\nimport ListView from '../ListView';\nimport Utils from '../../helpers/utils';\nimport './PromotedFilters.css';\n\ndeclare const PCore;\nconst localeCategory = 'SimpleTable';\nconst SUPPORTED_TYPES_IN_PROMOTED_FILTERS = [\n  'TextInput',\n  'Percentage',\n  'Email',\n  'Integer',\n  'Decimal',\n  'Checkbox',\n  'DateTime',\n  'Date',\n  'Time',\n  'Text',\n  'TextArea',\n  'Currency',\n  'URL',\n  'RichText'\n];\n\nfunction Filters({ filters, transientItemID, localeReference }) {\n  return filters.map((filter, index) => {\n    const filterClone = { ...filter };\n    // convert any field which is not supported to TextInput and delete the placeholder as it may contain placeholder specific to original type.\n    if (!SUPPORTED_TYPES_IN_PROMOTED_FILTERS.includes(filterClone.type)) {\n      filterClone.type = 'TextInput';\n      delete filterClone.config.placeholder;\n    }\n    filterClone.config.contextName = transientItemID;\n    filterClone.config.readOnly = false;\n    filterClone.config.context = transientItemID;\n    filterClone.config.localeReference = localeReference;\n    const c11nEnv = PCore.createPConnect({\n      meta: filterClone,\n      options: {\n        hasForm: true,\n        contextName: transientItemID\n      }\n    });\n\n    // eslint-disable-next-line react/no-array-index-key\n    return <React.Fragment key={index}>{createElement(createPConnectComponent(), c11nEnv)}</React.Fragment>;\n  });\n}\n\nfunction isValidInput(input) {\n  return Object.values(input).findIndex((v) => v) >= 0;\n}\n\nexport default function PromotedFilters(props) {\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const { getPConnect, viewName, filters, listViewProps, pageClass } = props;\n  const [initTable, setInitTable] = useState(false);\n  const [payload, setPayload] = useState({});\n  const filtersProperties = {};\n\n  filters.forEach((filter) => {\n    filtersProperties[PCore.getAnnotationUtils().getPropertyName(filter.config.value)] = '';\n  });\n\n  const transientItemID = useMemo(() => {\n    const filtersWithClassID = {\n      ...filtersProperties,\n      classID: pageClass\n    };\n    return getPConnect().getContainerManager().addTransientItem({\n      id: viewName,\n      data: filtersWithClassID\n    });\n  }, []);\n\n  function formatPromotedFilters(promotedFilters) {\n    return Object.entries(promotedFilters).reduce((acc, [field, value]) => {\n      if (value) {\n        acc[field] = {\n          lhs: {\n            field\n          },\n          comparator: \"EQ\",\n          rhs: {\n            value\n          }\n        };\n      }\n      return acc;\n    }, {});\n  }\n\n  const getFilterData = useCallback(\n    (e) => {\n      e.preventDefault(); // to prevent un-intended forms submission.\n\n      const changes = PCore.getFormUtils().getChanges(transientItemID);\n      const formValues = {};\n      Object.keys(changes).forEach((key) => {\n        if (!['context_data', 'pageInstructions'].includes(key)) {\n          formValues[key] = changes[key];\n        }\n      });\n      const promotedFilters = formatPromotedFilters(formValues);\n      if (PCore.getFormUtils().isFormValid(transientItemID) && isValidInput(formValues)) {\n        setInitTable(true);\n        const Query: any = {\n          dataViewParameters: {}\n        };\n\n        if (!Utils.isEmptyObject(promotedFilters)) {\n          Query.query = { filter: { filterConditions: promotedFilters } };\n        }\n        setPayload(Query);\n      }\n    },\n    [transientItemID]\n  );\n\n  const clearFilterData = useCallback(() => {\n    PCore.getContainerUtils().clearTransientData(transientItemID);\n    setInitTable(false);\n    getPConnect()?.getListActions?.()?.setSelectedRows([]); // Clear the selection (if any made by user)\n  }, [transientItemID]);\n\n  return (\n    <Fragment>\n      <div>{listViewProps.title}</div>\n      <div className=\"psdk-grid-filter\">\n        <Filters filters={filters} transientItemID={transientItemID} localeReference={listViewProps.localeReference}/>\n      </div>\n      <div>\n        <Button key='1' type='button' onClick={clearFilterData} data-testid='clear' variant='contained' color='primary'>\n            {localizedVal('Clear', localeCategory)}\n        </Button>\n        <Button style={{float: 'right'}} key='2' type='submit' onClick={getFilterData} data-testid='search' variant='contained' color='primary'>\n            {localizedVal('Search', localeCategory)}\n        </Button>\n      </div>\n      {initTable && <ListView {...listViewProps} title='' payload={payload}\n         isSearchable\n         tableDisplay={{\n           show: initTable\n         }}\n       />}\n    </Fragment>\n  );\n}\n\nPromotedFilters.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  viewName: PropTypes.string.isRequired,\n  filters: PropTypes.arrayOf(PropTypes.object).isRequired,\n  listViewProps: PropTypes.objectOf(PropTypes.any).isRequired,\n  pageClass: PropTypes.string.isRequired\n};\n"]}

package/lib/components/templates/PromotedFilters/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './PromotedFilters';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/templates/PromotedFilters/index.d.ts.map

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

package/lib/components/templates/PromotedFilters/index.js

@@ -0,0 +1,2 @@
+export { default } from './PromotedFilters';
+//# sourceMappingURL=index.js.map

package/lib/components/templates/PromotedFilters/index.js.map

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

package/lib/components/templates/SimpleTable/SimpleTable/SimpleTable.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function SimpleTable(props: any): JSX.Element;
+//# sourceMappingURL=SimpleTable.d.ts.map

package/lib/components/templates/SimpleTable/SimpleTable/SimpleTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/SimpleTable/SimpleTable/SimpleTable.tsx"],"names":[],"mappings":";AAMA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,KAAA,eAqBxC"}

package/lib/components/templates/SimpleTable/SimpleTable/SimpleTable.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import FieldGroupTemplate from '../../FieldGroupTemplate/';
+import SimpleTableManual from '../SimpleTableManual';
+export default function SimpleTable(props) {
+    const { getPConnect, multiRecordDisplayAs, allowTableEdit } = props;
+    let { contextClass } = props;
+    if (!contextClass) {
+        let listName = getPConnect().getComponentConfig().referenceList;
+        listName = PCore.getAnnotationUtils().getPropertyName(listName);
+        contextClass = getPConnect().getFieldMetadata(listName)?.pageClass;
+    }
+    if (multiRecordDisplayAs === 'fieldGroup') {
+        const fieldGroupProps = { ...props, contextClass };
+        return React.createElement(FieldGroupTemplate, { ...fieldGroupProps });
+    }
+    else {
+        const simpleTableManualProps = { ...props, contextClass };
+        if (allowTableEdit === false) {
+            simpleTableManualProps.hideAddRow = true;
+            simpleTableManualProps.hideDeleteRow = true;
+            simpleTableManualProps.disableDragDrop = true;
+        }
+        return React.createElement(SimpleTableManual, { ...simpleTableManualProps });
+    }
+}
+//# sourceMappingURL=SimpleTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTable.js","sourceRoot":"","sources":["../../../../../src/components/templates/SimpleTable/SimpleTable/SimpleTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,MAAM,2BAA2B,CAAC;AAC3D,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/templates/SimpleTable/SimpleTable/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SimpleTable';
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/components/templates/SimpleTable/SimpleTable/index.js

@@ -0,0 +1,2 @@
+export { default } from './SimpleTable';
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/templates/SimpleTable/SimpleTableManual/SimpleTableManual.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function SimpleTableManual(props: any): JSX.Element;
+//# sourceMappingURL=SimpleTableManual.d.ts.map

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

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