@pega/react-sdk-components 8.23.11 → 23.1.11

package/lib/components/infra/Containers/SimpleView/helper.js

@@ -0,0 +1,102 @@
+import { useEffect, createElement } from 'react';
+import createPConnectComponent from '../../../../bridge/react_pconnect';
+import { isContainerInitialized } from '../helpers';
+const processRootViewDetails = (rootView, containerItem, options) => {
+    const { config: { context: viewContext, name: viewName } } = rootView;
+    const { context: containerContext } = containerItem;
+    const { parentGetPConnect } = options;
+    let resolvedViewName = viewName;
+    let resolvedViewContext = viewContext;
+    const isAnnotedViewName = PCore.getAnnotationUtils().isProperty(viewName);
+    const isAnnotedViewContext = PCore.getAnnotationUtils().isProperty(viewContext);
+    // resolving annoted view context
+    if (isAnnotedViewContext) {
+        const viewContextProperty = PCore.getAnnotationUtils().getPropertyName(viewContext);
+        resolvedViewContext = PCore.getStoreValue(`.${viewContextProperty}`, viewContextProperty.startsWith('.') ? parentGetPConnect().getPageReference() : '', containerContext);
+    }
+    if (!resolvedViewContext) {
+        resolvedViewContext = parentGetPConnect().getPageReference();
+    }
+    // resolving annoted view name
+    if (isAnnotedViewName) {
+        const viewNameProperty = PCore.getAnnotationUtils().getPropertyName(viewName);
+        resolvedViewName = PCore.getStoreValue(`.${viewNameProperty}`, resolvedViewContext, containerContext);
+    }
+    /* Special case where context and viewname are dynamic values
+      Use case - split for each shape
+  
+      Ex - (caseInfo.content.SCRequestWorkQueues[1]):context --> .pyViewName:viewName
+    */
+    if (isAnnotedViewName && isAnnotedViewContext && resolvedViewName !== '') {
+        /* Allow context processor to resolve view and context when both are dynamic */
+        resolvedViewName = viewName;
+        resolvedViewContext = viewContext;
+    }
+    return {
+        viewName: resolvedViewName,
+        viewContext: resolvedViewContext
+    };
+};
+export const getPConnectOfActiveContainerItem = (containerInfo, options) => {
+    const { accessedOrder, items } = containerInfo;
+    const { isAssignmentView = false, parentGetPConnect } = options;
+    const containerName = parentGetPConnect().getContainerName();
+    const { CONTAINER_NAMES } = PCore.getContainerUtils();
+    const { CREATE_DETAILS_VIEW_NAME } = PCore.getConstants();
+    if (accessedOrder && items) {
+        const activeContainerItemKey = accessedOrder[accessedOrder.length - 1];
+        if (items[activeContainerItemKey] && items[activeContainerItemKey].view && Object.keys(items[activeContainerItemKey].view).length > 0) {
+            const activeContainerItem = items[activeContainerItemKey];
+            const target = activeContainerItemKey.substring(0, activeContainerItemKey.lastIndexOf('_'));
+            const { view: rootView, context } = activeContainerItem;
+            const { viewName, viewContext } = processRootViewDetails(rootView, activeContainerItem, { parentGetPConnect });
+            if (!viewName)
+                return null;
+            const config = {
+                meta: rootView,
+                options: {
+                    context,
+                    pageReference: viewContext || parentGetPConnect().getPageReference(),
+                    containerName,
+                    containerItemID: activeContainerItemKey,
+                    parentPageReference: parentGetPConnect().getPageReference(),
+                    hasForm: isAssignmentView ||
+                        containerName === CONTAINER_NAMES.WORKAREA ||
+                        containerName === CONTAINER_NAMES.MODAL ||
+                        viewName === CREATE_DETAILS_VIEW_NAME,
+                    target
+                }
+            };
+            return PCore.createPConnect(config).getPConnect;
+        }
+    }
+    return null;
+};
+export const getActiveContainerRootViewElement = (containerInfo, options) => {
+    const getPConnect = getPConnectOfActiveContainerItem(containerInfo, options);
+    if (getPConnect) {
+        return createElement(createPConnectComponent(), { getPConnect });
+    }
+    return null;
+};
+export const getActiveContainerItemID = containerInfo => {
+    const { accessedOrder } = containerInfo;
+    if (accessedOrder && accessedOrder.length > 0) {
+        return accessedOrder[accessedOrder.length - 1];
+    }
+    return '';
+};
+export const useContainerInitializer = (getPConnect, mode) => {
+    const pConnect = getPConnect();
+    const containerName = pConnect.getContainerName();
+    const containerManager = pConnect.getContainerManager();
+    useEffect(() => {
+        if (!isContainerInitialized(pConnect)) {
+            containerManager.initializeContainers({
+                type: mode,
+                name: containerName
+            });
+        }
+    });
+};
+//# sourceMappingURL=helper.js.map

package/lib/components/infra/Containers/SimpleView/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/SimpleView/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,sBAAsB,GAAG,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,EAAE;IAClE,MAAM,EACJ,MAAM,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,EACjD,GAAG,QAAQ,CAAC;IACb,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,aAAa,CAAC;IACpD,MAAM,EAAE,iBAAiB,EAAE,GAAG,OAAO,CAAC;IACtC,IAAI,gBAAgB,GAAG,QAAQ,CAAC;IAChC,IAAI,mBAAmB,GAAG,WAAW,CAAC;IAEtC,MAAM,iBAAiB,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC1E,MAAM,oBAAoB,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAEhF,iCAAiC;IACjC,IAAI,oBAAoB,EAAE;QACxB,MAAM,mBAAmB,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QACpF,mBAAmB,GAAG,KAAK,CAAC,aAAa,CACvC,IAAI,mBAAmB,EAAE,EACzB,mBAAmB,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,EACjF,gBAAgB,CACjB,CAAC;KACH;IAED,IAAI,CAAC,mBAAmB,EAAE;QACxB,mBAAmB,GAAG,iBAAiB,EAAE,CAAC,gBAAgB,EAAE,CAAC;KAC9D;IAED,8BAA8B;IAC9B,IAAI,iBAAiB,EAAE;QACrB,MAAM,gBAAgB,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC9E,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,gBAAgB,EAAE,EAAE,mBAAmB,EAAE,gBAAgB,CAAC,CAAC;KACvG;IAED;;;;MAIE;IACF,IAAI,iBAAiB,IAAI,oBAAoB,IAAI,gBAAgB,KAAK,EAAE,EAAE;QACxE,+EAA+E;QAC/E,gBAAgB,GAAG,QAAQ,CAAC;QAC5B,mBAAmB,GAAG,WAAW,CAAC;KACnC;IAED,OAAO;QACL,QAAQ,EAAE,gBAAgB;QAC1B,WAAW,EAAE,mBAAmB;KACjC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,aAAa,EAAE,OAAO,EAAE,EAAE;IACzE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC;IAC/C,MAAM,EAAE,gBAAgB,GAAG,KAAK,EAAE,iBAAiB,EAAE,GAAG,OAAO,CAAC;IAChE,MAAM,aAAa,GAAG,iBAAiB,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC7D,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC;IACtD,MAAM,EAAE,wBAAwB,EAAE,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAE1D,IAAI,aAAa,IAAI,KAAK,EAAE;QAC1B,MAAM,sBAAsB,GAAG,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAEvE,IAAI,KAAK,CAAC,sBAAsB,CAAC,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YACrI,MAAM,mBAAmB,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;YAC1D,MAAM,MAAM,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;YAE5F,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,CAAC;YACxD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,sBAAsB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,EAAE,iBAAiB,EAAE,CAAC,CAAC;YAE/G,IAAI,CAAC,QAAQ;gBAAE,OAAO,IAAI,CAAC;YAE3B,MAAM,MAAM,GAAG;gBACb,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE;oBACP,OAAO;oBACP,aAAa,EAAE,WAAW,IAAI,iBAAiB,EAAE,CAAC,gBAAgB,EAAE;oBACpE,aAAa;oBACb,eAAe,EAAE,sBAAsB;oBACvC,mBAAmB,EAAE,iBAAiB,EAAE,CAAC,gBAAgB,EAAE;oBAC3D,OAAO,EACL,gBAAgB;wBAChB,aAAa,KAAK,eAAe,CAAC,QAAQ;wBAC1C,aAAa,KAAK,eAAe,CAAC,KAAK;wBACvC,QAAQ,KAAK,wBAAwB;oBACvC,MAAM;iBACP;aACF,CAAC;YAEF,OAAO,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC;SACjD;KACF;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,aAAa,EAAE,OAAO,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,gCAAgC,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAC7E,IAAI,WAAW,EAAE;QACf,OAAO,aAAa,CAAC,uBAAuB,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;KAClE;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,aAAa,CAAC,EAAE;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,aAAa,CAAC;IACxC,IAAI,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;QAC7C,OAAO,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;KAChD;IACD,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE;IAC3D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,aAAa,GAAG,QAAQ,CAAC,gBAAgB,EAAE,CAAC;IAClD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAE;YACrC,gBAAgB,CAAC,oBAAoB,CAAC;gBACpC,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,aAAa;aACpB,CAAC,CAAC;SACJ;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { useEffect, createElement } from 'react';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { isContainerInitialized } from '../helpers';\n\nconst processRootViewDetails = (rootView, containerItem, options) => {\n  const {\n    config: { context: viewContext, name: viewName }\n  } = rootView;\n  const { context: containerContext } = containerItem;\n  const { parentGetPConnect } = options;\n  let resolvedViewName = viewName;\n  let resolvedViewContext = viewContext;\n\n  const isAnnotedViewName = PCore.getAnnotationUtils().isProperty(viewName);\n  const isAnnotedViewContext = PCore.getAnnotationUtils().isProperty(viewContext);\n\n  // resolving annoted view context\n  if (isAnnotedViewContext) {\n    const viewContextProperty = PCore.getAnnotationUtils().getPropertyName(viewContext);\n    resolvedViewContext = PCore.getStoreValue(\n      `.${viewContextProperty}`,\n      viewContextProperty.startsWith('.') ? parentGetPConnect().getPageReference() : '',\n      containerContext\n    );\n  }\n\n  if (!resolvedViewContext) {\n    resolvedViewContext = parentGetPConnect().getPageReference();\n  }\n\n  // resolving annoted view name\n  if (isAnnotedViewName) {\n    const viewNameProperty = PCore.getAnnotationUtils().getPropertyName(viewName);\n    resolvedViewName = PCore.getStoreValue(`.${viewNameProperty}`, resolvedViewContext, containerContext);\n  }\n\n  /* Special case where context and viewname are dynamic values\n    Use case - split for each shape\n\n    Ex - (caseInfo.content.SCRequestWorkQueues[1]):context --> .pyViewName:viewName\n  */\n  if (isAnnotedViewName && isAnnotedViewContext && resolvedViewName !== '') {\n    /* Allow context processor to resolve view and context when both are dynamic */\n    resolvedViewName = viewName;\n    resolvedViewContext = viewContext;\n  }\n\n  return {\n    viewName: resolvedViewName,\n    viewContext: resolvedViewContext\n  };\n};\n\nexport const getPConnectOfActiveContainerItem = (containerInfo, options) => {\n  const { accessedOrder, items } = containerInfo;\n  const { isAssignmentView = false, parentGetPConnect } = options;\n  const containerName = parentGetPConnect().getContainerName();\n  const { CONTAINER_NAMES } = PCore.getContainerUtils();\n  const { CREATE_DETAILS_VIEW_NAME } = PCore.getConstants();\n\n  if (accessedOrder && items) {\n    const activeContainerItemKey = accessedOrder[accessedOrder.length - 1];\n\n    if (items[activeContainerItemKey] && items[activeContainerItemKey].view && Object.keys(items[activeContainerItemKey].view).length > 0) {\n      const activeContainerItem = items[activeContainerItemKey];\n      const target = activeContainerItemKey.substring(0, activeContainerItemKey.lastIndexOf('_'));\n\n      const { view: rootView, context } = activeContainerItem;\n      const { viewName, viewContext } = processRootViewDetails(rootView, activeContainerItem, { parentGetPConnect });\n\n      if (!viewName) return null;\n\n      const config = {\n        meta: rootView,\n        options: {\n          context,\n          pageReference: viewContext || parentGetPConnect().getPageReference(),\n          containerName,\n          containerItemID: activeContainerItemKey,\n          parentPageReference: parentGetPConnect().getPageReference(),\n          hasForm:\n            isAssignmentView ||\n            containerName === CONTAINER_NAMES.WORKAREA ||\n            containerName === CONTAINER_NAMES.MODAL ||\n            viewName === CREATE_DETAILS_VIEW_NAME,\n          target\n        }\n      };\n\n      return PCore.createPConnect(config).getPConnect;\n    }\n  }\n  return null;\n};\n\nexport const getActiveContainerRootViewElement = (containerInfo, options) => {\n  const getPConnect = getPConnectOfActiveContainerItem(containerInfo, options);\n  if (getPConnect) {\n    return createElement(createPConnectComponent(), { getPConnect });\n  }\n  return null;\n};\n\nexport const getActiveContainerItemID = containerInfo => {\n  const { accessedOrder } = containerInfo;\n  if (accessedOrder && accessedOrder.length > 0) {\n    return accessedOrder[accessedOrder.length - 1];\n  }\n  return '';\n};\n\nexport const useContainerInitializer = (getPConnect, mode) => {\n  const pConnect = getPConnect();\n  const containerName = pConnect.getContainerName();\n  const containerManager = pConnect.getContainerManager();\n  useEffect(() => {\n    if (!isContainerInitialized(pConnect)) {\n      containerManager.initializeContainers({\n        type: mode,\n        name: containerName\n      });\n    }\n  });\n};\n"]}

package/lib/components/infra/Containers/SimpleView/index.d.ts

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

package/lib/components/infra/Containers/SimpleView/index.d.ts.map

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

package/lib/components/infra/Containers/SimpleView/index.js

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

package/lib/components/infra/Containers/SimpleView/index.js.map

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

package/lib/components/infra/Containers/ViewContainer/ViewContainer.d.ts

@@ -1,25 +1,12 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function ViewContainer(props: any): JSX.Element;
-declare namespace ViewContainer {
-    var defaultProps: {
-        getPConnect: null;
-        name: string;
-        loadingInfo: boolean;
-        routingInfo: null;
-        mode: string;
-        limit: number;
-    };
-    var propTypes: {
-        getPConnect: PropTypes.Requireable<(...args: any[]) => any>;
-        name: PropTypes.Requireable<string>;
-        loadingInfo: PropTypes.Requireable<boolean>;
-        routingInfo: PropTypes.Requireable<{
-            [x: string]: any;
-        }>;
-        mode: PropTypes.Requireable<string>;
-        limit: PropTypes.Requireable<number>;
-    };
+import { PConnProps } from '../../../../types/PConnProps';
+interface ViewContainerProps extends PConnProps {
+    name?: string;
+    loadingInfo?: any;
+    routingInfo?: any;
+    mode?: string;
+    limit?: number;
 }
-export default ViewContainer;
+export default function ViewContainer(props: ViewContainerProps): JSX.Element;
+export {};
 //# sourceMappingURL=ViewContainer.d.ts.map

package/lib/components/infra/Containers/ViewContainer/ViewContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/ViewContainer/ViewContainer.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAoBnC,iBAAwB,aAAa,CAAC,KAAK,KAAA,eAkL1C;kBAlLuB,aAAa;;;;;;;;;;;;;;;;;;;;eAAb,aAAa"}
+{"version":3,"file":"ViewContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/ViewContainer/ViewContainer.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,kBAAmB,SAAQ,UAAU;IAE7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAWD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eA8K9D"}

package/lib/components/infra/Containers/ViewContainer/ViewContainer.js

@@ -1,8 +1,8 @@
-import React, { useEffect, useState, useContext, createElement } from "react";
-import PropTypes from "prop-types";
-import { Box, CircularProgress } from "@material-ui/core";
-import createPConnectComponent from "../../../../bridge/react_pconnect";
-import StoreContext from "../../../../bridge/Context/StoreContext";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { createElement, useContext, useEffect, useState } from 'react';
+import { Box, CircularProgress } from '@material-ui/core';
+import createPConnectComponent from '../../../../bridge/react_pconnect';
+import StoreContext from '../../../../bridge/Context/StoreContext';
 import { isEmptyObject } from '../../../helpers/common-utils';
 // ViewContainer can emit View
 // import View from '../View';
@@ -13,32 +13,36 @@ import { isEmptyObject } from '../../../helpers/common-utils';
 //
 export default function ViewContainer(props) {
     // const { getPConnect, children, routingInfo, name } = props;
-    const { getPConnect, name, mode, limit, loadingInfo, routingInfo } = props;
+    const { getPConnect, name = '', mode = 'single', limit = 16, loadingInfo = false, routingInfo = null } = props;
     const { displayOnlyFA } = useContext(StoreContext);
     const { CONTAINER_TYPE, APP } = PCore.getConstants();
     const pConn = getPConnect();
     const containerMgr = pConn.getContainerManager();
     const [dispatchObjState, setDispatchObjState] = useState({
-        dispatchObject: { semanticURL: "", context: "", acName: "" },
+        dispatchObject: { semanticURL: '', context: '', acName: '' },
         visible: false,
         loadingInfo: null,
         isLoadingInfoChange: false
     }); // was this.state in class-based ViewContainer avoiding use of just "state" as the name
     let root;
-    const thePConn = ((typeof getPConnect) === 'function') ? getPConnect() : null;
+    const thePConn = typeof getPConnect === 'function' ? getPConnect() : null;
     // beginning of functions for use by ViewContainer
     function buildName() {
-        const context = thePConn.getContextName();
+        const context = thePConn?.getContextName();
         let viewContainerName = name;
         if (!viewContainerName)
-            viewContainerName = "";
-        return `${context.toUpperCase()}/${viewContainerName.toUpperCase()}`;
+            viewContainerName = '';
+        return `${context?.toUpperCase()}/${viewContainerName.toUpperCase()}`;
     }
     function prepareDispatchObject() {
         const baseContext = pConn.getContextName();
-        const { acName = "primary" } = pConn.getContainerName();
+        // const { acName = "primary" } = pConn.getContainerName(); // doesn't work with 8.23 typings
+        let acName = pConn.getContainerName();
+        if (!acName) {
+            acName = 'primary';
+        }
         return {
-            semanticURL: "",
+            semanticURL: '',
             context: baseContext,
             acName
         };
@@ -64,9 +68,7 @@ export default function ViewContainer(props) {
     useEffect(() => {
         // This is adapted from the class-based ViewContainer constructor
         containerMgr.initializeContainers({
-            type: mode === CONTAINER_TYPE.MULTIPLE
-                ? CONTAINER_TYPE.MULTIPLE
-                : CONTAINER_TYPE.SINGLE
+            type: mode === CONTAINER_TYPE.MULTIPLE ? CONTAINER_TYPE.MULTIPLE : CONTAINER_TYPE.SINGLE
         });
         if (mode === CONTAINER_TYPE.MULTIPLE && limit) {
             /* NOTE: setContainerLimit use is temporary. It is a non-public, unsupported API. */
@@ -93,8 +95,8 @@ export default function ViewContainer(props) {
             objectForAddContainer = theDispatchObject;
         }
         // Getting default view label
-        const navPages = pConn.getValue("pyPortal.pyPrimaryNavPages");
-        const defaultViewLabel = Array.isArray(navPages) && navPages[0] ? navPages[0].pyLabel : "";
+        const navPages = pConn.getValue('pyPortal.pyPrimaryNavPages', ''); // 2nd arg empty string until typedefs allow optional
+        const defaultViewLabel = Array.isArray(navPages) && navPages[0] ? navPages[0].pyLabel : '';
         // TODO: Plan is to rename window.constellationCore to window.pega (or similar)
         //    And expose less via ui-bootstrap.js
         // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore
@@ -119,9 +121,7 @@ export default function ViewContainer(props) {
             let componentVisible = accessedOrder.length > 0;
             const { visible } = dispatchObjState;
             componentVisible = visible || componentVisible;
-            if (items[key] &&
-                items[key].view &&
-                !isEmptyObject(items[key].view)) {
+            if (items[key] && items[key].view && !isEmptyObject(items[key].view)) {
                 const latestItem = items[key];
                 const rootView = latestItem.view;
                 const { context, name: viewName } = rootView.config;
@@ -136,34 +136,14 @@ export default function ViewContainer(props) {
                 const configObject = PCore.createPConnect(config);
                 // Add in displayOnlyFA if prop is on ViewContainer
                 if (displayOnlyFA) {
-                    configObject["displayOnlyFA"] = true;
+                    configObject.displayOnlyFA = true;
                 }
                 setRootComponent(configObject);
-                return (React.createElement(React.Fragment, { key: theBuildName },
-                    componentVisible && root,
-                    loadingInfo && React.createElement(Box, { textAlign: "center" },
-                        React.createElement(CircularProgress, null))));
+                return (_jsxs(React.Fragment, { children: [componentVisible && root, loadingInfo && (_jsx(Box, { textAlign: 'center', children: _jsx(CircularProgress, {}) }))] }, theBuildName));
             }
         }
     }
     // fall through return if insufficient routingInfo
-    return (React.createElement(React.Fragment, { key: theBuildName }, loadingInfo && React.createElement(Box, { textAlign: "center" },
-        React.createElement(CircularProgress, null))));
+    return (_jsx(React.Fragment, { children: loadingInfo && (_jsx(Box, { textAlign: 'center', children: _jsx(CircularProgress, {}) })) }, theBuildName));
 }
-ViewContainer.defaultProps = {
-    getPConnect: null,
-    name: "",
-    loadingInfo: false,
-    routingInfo: null,
-    mode: "single",
-    limit: 16
-};
-ViewContainer.propTypes = {
-    getPConnect: PropTypes.func,
-    name: PropTypes.string,
-    loadingInfo: PropTypes.bool,
-    routingInfo: PropTypes.objectOf(PropTypes.any),
-    mode: PropTypes.string,
-    limit: PropTypes.number
-};
 //# sourceMappingURL=ViewContainer.js.map

package/lib/components/infra/Containers/ViewContainer/ViewContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewContainer.js","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/ViewContainer/ViewContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState, useContext, createElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Box, CircularProgress } from \"@material-ui/core\";\nimport createPConnectComponent from \"../../../../bridge/react_pconnect\";\nimport StoreContext from \"../../../../bridge/Context/StoreContext\";\nimport { isEmptyObject } from '../../../helpers/common-utils';\nimport PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';\n\ndeclare const PCore: typeof PCoreType;\n\n\n// ViewContainer can emit View\n// import View from '../View';\n\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\n\nexport default function ViewContainer(props) {\n  // const { getPConnect, children, routingInfo, name } = props;\n  const { getPConnect, name, mode, limit, loadingInfo, routingInfo } = props;\n\n  const { displayOnlyFA } = useContext<any>(StoreContext);\n\n\n  const { CONTAINER_TYPE, APP } = PCore.getConstants();\n  const pConn = getPConnect();\n  const containerMgr: any = pConn.getContainerManager();\n\n  const [dispatchObjState, setDispatchObjState] = useState({\n    dispatchObject: {semanticURL: \"\", context: \"\", acName: \"\"},\n    visible: false,\n    loadingInfo: null,\n    isLoadingInfoChange: false\n  });   // was this.state in class-based ViewContainer avoiding use of just \"state\" as the name\n\n  let root;\n\n\n  const thePConn = ((typeof getPConnect) === 'function') ? getPConnect() : null;\n\n  // beginning of functions for use by ViewContainer\n\n  function buildName() {\n    const context = thePConn.getContextName();\n    let viewContainerName = name;\n    if (!viewContainerName) viewContainerName = \"\";\n    return `${context.toUpperCase()}/${viewContainerName.toUpperCase()}`;\n  }\n\n  function prepareDispatchObject() {\n    const baseContext = pConn.getContextName();\n    const { acName = \"primary\" } = pConn.getContainerName();\n\n    return {\n      semanticURL: \"\",\n      context: baseContext,\n      acName\n    };\n  }\n\n  // determine if or not loadingInfo prop changed on next re-render\n  // function getDerivedStateFromProps(nextProps, prevState) {\n  //   const { loadingInfo: prevLoadingInfo } = prevState;\n  //   const { loadingInfo: nextLoadingIndfo } = nextProps;\n  //   return {\n  //     loadingInfo: nextLoadingIndfo,\n  //     isLoadingInfoChange: prevLoadingInfo !== nextLoadingIndfo\n  //   };\n  // }\n\n  // set the root component that is retrieved by PConnectHOC\n  function setRootComponent(configObject) {\n\n    const { isLoadingInfoChange } = dispatchObjState;\n    if (!isLoadingInfoChange) {\n      root = createElement(createPConnectComponent(), configObject);\n    }\n  }\n\n  // end of functions for use by ViewContainer\n\n  // useEffect on [] -> code that should be run once (as in old constructor and in componentDidMount)\n  useEffect(() => {\n\n    // This is adapted from the class-based ViewContainer constructor\n    containerMgr.initializeContainers({\n      type:\n        mode === CONTAINER_TYPE.MULTIPLE\n          ? CONTAINER_TYPE.MULTIPLE\n          : CONTAINER_TYPE.SINGLE\n    });\n\n    if (mode === CONTAINER_TYPE.MULTIPLE && limit) {\n      /* NOTE: setContainerLimit use is temporary. It is a non-public, unsupported API. */\n      PCore.getContainerUtils().setContainerLimit(`${APP.APP}/${name}`, limit);\n    }\n\n    const dispatchObject = prepareDispatchObject();\n    setDispatchObjState( {\n      dispatchObject,\n      // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore\n      visible: !PCore.checkIfSemanticURL(),\n      loadingInfo,\n      isLoadingInfoChange: false\n    });\n\n    const { visible } = dispatchObjState;\n    if (visible) containerMgr.addContainerItem(dispatchObject);\n\n    // This is adapted from the class-based ViewContainer componentDidMount\n    let objectForAddContainer;\n    if (PCore.checkIfSemanticURL()) {\n      objectForAddContainer = prepareDispatchObject();\n    } else {\n      const { dispatchObject: theDispatchObject } = dispatchObjState;\n      objectForAddContainer = theDispatchObject;\n    }\n\n    // Getting default view label\n    const navPages = pConn.getValue(\"pyPortal.pyPrimaryNavPages\");\n    const defaultViewLabel =\n      Array.isArray(navPages) && navPages[0] ? navPages[0].pyLabel : \"\";\n    // TODO: Plan is to rename window.constellationCore to window.pega (or similar)\n    //    And expose less via ui-bootstrap.js\n    // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore\n\n    if (!displayOnlyFA) {\n      // configureForBrowserBookmark not applicable in Embedded mode\n      PCore.configureForBrowserBookmark({\n        ...objectForAddContainer,\n        defaultViewLabel\n      });\n\n    }\n\n  },\n  []);\n\n  // This code (that's run every time the ViewContainer is called) is adapted from the class-based ViewContainer's render\n\n  // Looking for routingInfo\n\n  // debugging/investigation help\n  // console.log(`ViewContainer props: ${JSON.stringify(props)}`);\n\n  const theBuildName = buildName();\n  const { CREATE_DETAILS_VIEW_NAME } = PCore.getConstants();\n  if (routingInfo) {\n    const { accessedOrder, items } = routingInfo;\n    if (accessedOrder && items) {\n      const key = accessedOrder[accessedOrder.length - 1];\n      let componentVisible = accessedOrder.length > 0;\n      const { visible } = dispatchObjState;\n      componentVisible = visible || componentVisible;\n      if (\n        items[key] &&\n        items[key].view &&\n        !isEmptyObject(items[key].view)\n      ) {\n        const latestItem = items[key];\n        const rootView = latestItem.view;\n        const { context, name: viewName } = rootView.config;\n        const config: any = { meta: rootView };\n        config.options = {\n          context: latestItem.context,\n          pageReference: context || getPConnect().getPageReference(),\n          containerName: getPConnect().getContainerName(),\n          containerItemName: key,\n          hasForm: viewName === CREATE_DETAILS_VIEW_NAME\n        };\n        const configObject = PCore.createPConnect(config);\n\n        // Add in displayOnlyFA if prop is on ViewContainer\n        if (displayOnlyFA) {\n          configObject[\"displayOnlyFA\"] = true;\n        }\n\n        setRootComponent(configObject);\n        return (\n          <React.Fragment key={theBuildName}>\n            {componentVisible && root}\n            {loadingInfo && <Box textAlign=\"center\"><CircularProgress /></Box>}\n          </React.Fragment>\n        );\n      }\n    }\n  }\n\n  // fall through return if insufficient routingInfo\n  return (\n    <React.Fragment key={theBuildName}>\n      {loadingInfo && <Box textAlign=\"center\"><CircularProgress /></Box>}\n    </React.Fragment>\n  );\n\n}\n\nViewContainer.defaultProps = {\n  getPConnect: null,\n  name: \"\",\n  loadingInfo: false,\n  routingInfo: null,\n  mode: \"single\",\n  limit: 16\n};\n\nViewContainer.propTypes = {\n  getPConnect: PropTypes.func,\n  name: PropTypes.string,\n  loadingInfo: PropTypes.bool,\n  routingInfo: PropTypes.objectOf(PropTypes.any),\n  mode: PropTypes.string,\n  limit: PropTypes.number\n};\n"]}
+{"version":3,"file":"ViewContainer.js","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/ViewContainer/ViewContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createElement, useContext, useEffect, useState } from 'react';\nimport { Box, CircularProgress } from '@material-ui/core';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport StoreContext from '../../../../bridge/Context/StoreContext';\nimport { isEmptyObject } from '../../../helpers/common-utils';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface ViewContainerProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  name?: string;\n  loadingInfo?: any; // can't be boolean until setDispatchObjState expects loadingInfo to be type null\n  routingInfo?: any;\n  mode?: string;\n  limit?: number;\n}\n\n// ViewContainer can emit View\n// import View from '../View';\n\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\nexport default function ViewContainer(props: ViewContainerProps) {\n  // const { getPConnect, children, routingInfo, name } = props;\n  const { getPConnect, name = '', mode = 'single', limit = 16, loadingInfo = false, routingInfo = null } = props;\n\n  const { displayOnlyFA } = useContext<any>(StoreContext);\n\n  const { CONTAINER_TYPE, APP } = PCore.getConstants();\n  const pConn = getPConnect();\n  const containerMgr: any = pConn.getContainerManager();\n\n  const [dispatchObjState, setDispatchObjState] = useState({\n    dispatchObject: { semanticURL: '', context: '', acName: '' },\n    visible: false,\n    loadingInfo: null,\n    isLoadingInfoChange: false\n  }); // was this.state in class-based ViewContainer avoiding use of just \"state\" as the name\n\n  let root;\n\n  const thePConn = typeof getPConnect === 'function' ? getPConnect() : null;\n\n  // beginning of functions for use by ViewContainer\n\n  function buildName() {\n    const context = thePConn?.getContextName();\n    let viewContainerName = name;\n    if (!viewContainerName) viewContainerName = '';\n    return `${context?.toUpperCase()}/${viewContainerName.toUpperCase()}`;\n  }\n\n  function prepareDispatchObject() {\n    const baseContext = pConn.getContextName();\n    // const { acName = \"primary\" } = pConn.getContainerName(); // doesn't work with 8.23 typings\n    let acName = pConn.getContainerName();\n    if (!acName) {\n      acName = 'primary';\n    }\n\n    return {\n      semanticURL: '',\n      context: baseContext,\n      acName\n    };\n  }\n\n  // determine if or not loadingInfo prop changed on next re-render\n  // function getDerivedStateFromProps(nextProps, prevState) {\n  //   const { loadingInfo: prevLoadingInfo } = prevState;\n  //   const { loadingInfo: nextLoadingIndfo } = nextProps;\n  //   return {\n  //     loadingInfo: nextLoadingIndfo,\n  //     isLoadingInfoChange: prevLoadingInfo !== nextLoadingIndfo\n  //   };\n  // }\n\n  // set the root component that is retrieved by PConnectHOC\n  function setRootComponent(configObject) {\n    const { isLoadingInfoChange } = dispatchObjState;\n    if (!isLoadingInfoChange) {\n      root = createElement(createPConnectComponent(), configObject);\n    }\n  }\n\n  // end of functions for use by ViewContainer\n\n  // useEffect on [] -> code that should be run once (as in old constructor and in componentDidMount)\n  useEffect(() => {\n    // This is adapted from the class-based ViewContainer constructor\n    containerMgr.initializeContainers({\n      type: mode === CONTAINER_TYPE.MULTIPLE ? CONTAINER_TYPE.MULTIPLE : CONTAINER_TYPE.SINGLE\n    });\n\n    if (mode === CONTAINER_TYPE.MULTIPLE && limit) {\n      /* NOTE: setContainerLimit use is temporary. It is a non-public, unsupported API. */\n      PCore.getContainerUtils().setContainerLimit(`${APP.APP}/${name}`, limit);\n    }\n\n    const dispatchObject = prepareDispatchObject();\n    setDispatchObjState({\n      dispatchObject,\n      // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore\n      visible: !PCore.checkIfSemanticURL(),\n      loadingInfo,\n      isLoadingInfoChange: false\n    });\n\n    const { visible } = dispatchObjState;\n    if (visible) containerMgr.addContainerItem(dispatchObject);\n\n    // This is adapted from the class-based ViewContainer componentDidMount\n    let objectForAddContainer;\n    if (PCore.checkIfSemanticURL()) {\n      objectForAddContainer = prepareDispatchObject();\n    } else {\n      const { dispatchObject: theDispatchObject } = dispatchObjState;\n      objectForAddContainer = theDispatchObject;\n    }\n\n    // Getting default view label\n    const navPages = pConn.getValue('pyPortal.pyPrimaryNavPages', ''); // 2nd arg empty string until typedefs allow optional\n    const defaultViewLabel = Array.isArray(navPages) && navPages[0] ? navPages[0].pyLabel : '';\n    // TODO: Plan is to rename window.constellationCore to window.pega (or similar)\n    //    And expose less via ui-bootstrap.js\n    // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore\n\n    if (!displayOnlyFA) {\n      // configureForBrowserBookmark not applicable in Embedded mode\n      PCore.configureForBrowserBookmark({\n        ...objectForAddContainer,\n        defaultViewLabel\n      });\n    }\n  }, []);\n\n  // This code (that's run every time the ViewContainer is called) is adapted from the class-based ViewContainer's render\n\n  // Looking for routingInfo\n\n  // debugging/investigation help\n  // console.log(`ViewContainer props: ${JSON.stringify(props)}`);\n\n  const theBuildName = buildName();\n  const { CREATE_DETAILS_VIEW_NAME } = PCore.getConstants();\n  if (routingInfo) {\n    const { accessedOrder, items } = routingInfo;\n    if (accessedOrder && items) {\n      const key = accessedOrder[accessedOrder.length - 1];\n      let componentVisible = accessedOrder.length > 0;\n      const { visible } = dispatchObjState;\n      componentVisible = visible || componentVisible;\n      if (items[key] && items[key].view && !isEmptyObject(items[key].view)) {\n        const latestItem = items[key];\n        const rootView = latestItem.view;\n        const { context, name: viewName } = rootView.config;\n        const config: any = { meta: rootView };\n        config.options = {\n          context: latestItem.context,\n          pageReference: context || getPConnect().getPageReference(),\n          containerName: getPConnect().getContainerName(),\n          containerItemName: key,\n          hasForm: viewName === CREATE_DETAILS_VIEW_NAME\n        };\n        const configObject: any = PCore.createPConnect(config);\n\n        // Add in displayOnlyFA if prop is on ViewContainer\n        if (displayOnlyFA) {\n          configObject.displayOnlyFA = true;\n        }\n\n        setRootComponent(configObject);\n        return (\n          <React.Fragment key={theBuildName}>\n            {componentVisible && root}\n            {loadingInfo && (\n              <Box textAlign='center'>\n                <CircularProgress />\n              </Box>\n            )}\n          </React.Fragment>\n        );\n      }\n    }\n  }\n\n  // fall through return if insufficient routingInfo\n  return (\n    <React.Fragment key={theBuildName}>\n      {loadingInfo && (\n        <Box textAlign='center'>\n          <CircularProgress />\n        </Box>\n      )}\n    </React.Fragment>\n  );\n}\n"]}

package/lib/components/infra/Containers/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare const isContainerInitialized: (pConnect: any) => boolean;
+//# sourceMappingURL=helpers.d.ts.map

package/lib/components/infra/Containers/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Containers/helpers.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,sBAAsB,4BAIlC,CAAC"}

package/lib/components/infra/Containers/helpers.js

@@ -0,0 +1,7 @@
+// eslint-disable-next-line import/prefer-default-export
+export const isContainerInitialized = pConnect => {
+    const context = pConnect.getContextName();
+    const containerName = pConnect.getContainerName();
+    return PCore.getContainerUtils().isContainerInitialized(context, containerName);
+};
+//# sourceMappingURL=helpers.js.map

package/lib/components/infra/Containers/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/infra/Containers/helpers.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,EAAE;IAC/C,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;IAC1C,MAAM,aAAa,GAAG,QAAQ,CAAC,gBAAgB,EAAE,CAAC;IAClD,OAAO,KAAK,CAAC,iBAAiB,EAAE,CAAC,sBAAsB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;AAClF,CAAC,CAAC","sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport const isContainerInitialized = pConnect => {\n  const context = pConnect.getContextName();\n  const containerName = pConnect.getContainerName();\n  return PCore.getContainerUtils().isContainerInitialized(context, containerName);\n};\n"]}

package/lib/components/infra/DashboardFilter/DashboardFilter.d.ts

@@ -1,23 +1,12 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
 import 'react-datepicker/dist/react-datepicker.css';
-declare function DashboardFilter(props: any): JSX.Element;
-declare namespace DashboardFilter {
-    var defaultProps: {
-        children: null;
-        type: null;
-        metadata: null;
-    };
-    var propTypes: {
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        children: PropTypes.Requireable<object>;
-        name: PropTypes.Validator<string>;
-        filterProp: PropTypes.Validator<string>;
-        type: PropTypes.Requireable<string>;
-        metadata: PropTypes.Requireable<{
-            [x: string]: any;
-        }>;
-    };
+interface DashboardFilterProps extends PConnProps {
+    name: string;
+    filterProp: string;
+    type?: string;
+    metadata?: any;
 }
-export default DashboardFilter;
+export default function DashboardFilter(props: PropsWithChildren<DashboardFilterProps>): JSX.Element;
+export {};
 //# sourceMappingURL=DashboardFilter.d.ts.map

package/lib/components/infra/DashboardFilter/DashboardFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/DashboardFilter.tsx"],"names":[],"mappings":";AAIA,OAAO,SAAS,MAAM,YAAY,CAAC;AASnC,OAAO,4CAA4C,CAAC;AAOpD,iBAAwB,eAAe,CAAC,KAAK,KAAA,eAoJ5C;kBApJuB,eAAe;;;;;;;;;;;;;;;;;eAAf,eAAe"}
+{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/DashboardFilter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAOnF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,4CAA4C,CAAC;AAEpD,UAAU,oBAAqB,SAAQ,UAAU;IAE/C,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,eAqIrF"}

package/lib/components/infra/DashboardFilter/DashboardFilter.js

@@ -1,18 +1,15 @@
-/* eslint-disable no-shadow */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-shadow */
 /* eslint-disable operator-assignment */
-import { useRef, useEffect, useState, Fragment, forwardRef } from 'react';
-import PropTypes from 'prop-types';
+import { forwardRef, useEffect, useRef, useState } from 'react';
+import { TextField } from '@material-ui/core';
 import { v4 as uuidv4 } from 'uuid';
 import { debounce } from 'throttle-debounce';
-import { createFilter, combineFilters, getFormattedDate } from './filterUtils';
-import { getFilterExpression } from './filterUtils';
-import { TextField } from '@material-ui/core';
-import React from 'react';
 import DatePicker from 'react-datepicker';
+import { createFilter, combineFilters, getFormattedDate, getFilterExpression } from './filterUtils';
 import 'react-datepicker/dist/react-datepicker.css';
 export default function DashboardFilter(props) {
-    const { children, name, filterProp, type, metadata, getPConnect } = props;
+    const { children = [], name, filterProp, type = '', metadata = null, getPConnect } = props;
     const { current: filterId } = useRef(uuidv4());
     const [startDate, setStartDate] = useState(null);
     const [endDate, setEndDate] = useState(null);
@@ -73,7 +70,7 @@ export default function DashboardFilter(props) {
         metadata.config.onRecordChange = e => {
             fireFilterChange(e.id);
         };
-        return getPConnect().createComponent(metadata);
+        return getPConnect().createComponent(metadata, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);
     };
     const onChange = dates => {
         const [start, end] = dates;
@@ -82,29 +79,14 @@ export default function DashboardFilter(props) {
         dateRangeChangeHandler({ start, end });
     };
     const label = metadata.config.label.substring(3);
-    const CustomDateInput = forwardRef(({ value, onClick }, ref) => (React.createElement(TextField, { label: label, variant: 'outlined', fullWidth: true, value: value, size: 'small', onClick: onClick, ref: ref }, value)));
-    return (React.createElement(Fragment, null,
-        type === 'DateTime' && (React.createElement(DatePicker, { onChange: onChange, startDate: startDate, endDate: endDate, selectsRange: true, enableTabLoop: false, customInput: React.createElement(CustomDateInput, null) })),
-        type === 'AutoComplete' && (React.createElement("span", { onChange: event => {
-                if (event && event.target && !event.target.value) {
-                    fireFilterChange('ALL');
-                }
-            } }, renderAutoComplete())),
-        children && (React.createElement("span", { onChange: event => {
-                fireFilterChangeDebounced(event.target.value);
-            } }, children))));
+    // eslint-disable-next-line react/no-unstable-nested-components
+    const CustomDateInput = forwardRef(({ value, onClick }, ref) => (_jsx(TextField, { label: label, variant: 'outlined', fullWidth: true, value: value, size: 'small', onClick: onClick, ref: ref, children: value })));
+    return (_jsxs(_Fragment, { children: [type === 'DateTime' && (_jsx(DatePicker, { onChange: onChange, startDate: startDate, endDate: endDate, selectsRange: true, enableTabLoop: false, customInput: _jsx(CustomDateInput, {}) })), type === 'AutoComplete' && (_jsx("span", { onChange: event => {
+                    if (event && event.target && !event.target.value) {
+                        fireFilterChange('ALL');
+                    }
+                }, children: renderAutoComplete() })), children && (_jsx("span", { onChange: event => {
+                    fireFilterChangeDebounced(event.target.value);
+                }, children: children }))] }));
 }
-DashboardFilter.defaultProps = {
-    children: null,
-    type: null,
-    metadata: null
-};
-DashboardFilter.propTypes = {
-    getPConnect: PropTypes.func.isRequired,
-    children: PropTypes.object,
-    name: PropTypes.string.isRequired,
-    filterProp: PropTypes.string.isRequired,
-    type: PropTypes.string,
-    metadata: PropTypes.objectOf(PropTypes.any)
-};
 //# sourceMappingURL=DashboardFilter.js.map

package/lib/components/infra/DashboardFilter/DashboardFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardFilter.js","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/DashboardFilter.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,iDAAiD;AACjD,wCAAwC;AACxC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,OAAO,4CAA4C,CAAC;AAOpD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK;IAC3C,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,cAAc,EAAE,CAAC,SAAS,CAC9B,KAAK,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,gCAAgC,EACpE,GAAG,EAAE;YACH,IAAI,IAAI,KAAK,UAAU,EAAE;gBACvB,WAAW,EAAE,CAAC,aAAa,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;aAChE;iBAAM,IAAI,IAAI,KAAK,cAAc,EAAE;gBAClC,MAAM,SAAS,GAAG,WAAW,EAAE,CAAC,gBAAgB,EAAE,GAAG,UAAU,CAAC;gBAChE,MAAM,OAAO,GAAG,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;gBACtD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;oBAC7C,IAAK,OAAO,CAAC,CAAC,CAAsB,CAAC,KAAK,KAAK,EAAE,EAAE;wBAChD,OAAO,CAAC,CAAC,CAAsB,CAAC,OAAO,GAAG,IAAI,CAAC;qBACjD;yBAAM;wBACJ,OAAO,CAAC,CAAC,CAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;qBAClD;iBACF;aACF;iBAAM;gBACL,WAAW,EAAE,CAAC,aAAa,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;gBACtE,IAAI,IAAI,KAAK,UAAU,EAAE;oBACvB,YAAY,CAAC,IAAI,CAAC,CAAC;oBACnB,UAAU,CAAC,IAAI,CAAC,CAAC;iBAClB;aACF;QACH,CAAC,EACD,QAAQ,EACR,KAAK,EACL,WAAW,EAAE,CAAC,cAAc,EAAE,CAC/B,CAAC;QACF,OAAO,SAAS,OAAO;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC,WAAW,CAChC,KAAK,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,gCAAgC,EACpE,QAAQ,EACR,WAAW,EAAE,CAAC,cAAc,EAAE,CAC/B,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,WAAW,CAAC,EAAE;QACrC,MAAM,UAAU,GAAG;YACjB,QAAQ;YACR,gBAAgB,EAAE,mBAAmB,CAAC,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC;SACnE,CAAC;QAEF,KAAK,CAAC,cAAc,EAAE,CAAC,OAAO,CAC5B,KAAK,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,6BAA6B,EACjE,UAAU,CACX,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,QAAQ,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;IAClE,MAAM,sBAAsB,GAAG,KAAK,CAAC,EAAE;QACrC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;QAE7B,IAAI,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxC,IAAI,OAAO,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;QAEpC,IAAI,SAAS,IAAI,OAAO,EAAE;YACxB,SAAS,GAAG,GAAG,SAAS,WAAW,CAAC;YACpC,OAAO,GAAG,GAAG,OAAO,WAAW,CAAC;YAChC,MAAM,WAAW,GAAG,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;YACxD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;YAEpD,MAAM,UAAU,GAAG;gBACjB,QAAQ;gBACR,gBAAgB,EAAE,cAAc,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC;aACjE,CAAC;YACF,KAAK,CAAC,cAAc,EAAE,CAAC,OAAO,CAC5B,KAAK,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,6BAA6B,EACjE,UAAU,CACX,CAAC;SACH;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,QAAQ,CAAC,MAAM,CAAC,cAAc,GAAG,CAAC,CAAC,EAAE;YACnC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC,CAAC;QACF,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;QACvB,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;QAC3B,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,UAAU,CAAC,GAAG,CAAC,CAAC;QAChB,sBAAsB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACzC,CAAC,CAAC;IAIF,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAQ,EAAE,EAAE,CAAC,CAChC,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,SAAS,QACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,IAEP,KAAK,CACI,CACb,CACF,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ;QACN,IAAI,KAAK,UAAU,IAAI,CACtB,oBAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,YAAY,QACZ,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,oBAAC,eAAe,OAAG,GAChC,CACH;QACA,IAAI,KAAK,cAAc,IAAI,CAC1B,8BACE,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAChB,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,EAAE;oBACtE,gBAAgB,CAAC,KAAK,CAAC,CAAC;iBACzB;YACH,CAAC,IAEA,kBAAkB,EAAE,CAChB,CACR;QACA,QAAQ,IAAI,CACX,8BACE,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAChB,yBAAyB,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;YACtE,CAAC,IAEA,QAAQ,CACJ,CACR,CACQ,CACZ,CAAC;AACJ,CAAC;AAED,eAAe,CAAC,YAAY,GAAG;IAC7B,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,eAAe,CAAC,SAAS,GAAG;IAC1B,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACjC,UAAU,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACvC,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;CAC5C,CAAC","sourcesContent":["/* eslint-disable no-shadow */\n/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable operator-assignment */\nimport { useRef, useEffect, useState, Fragment, forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { v4 as uuidv4 } from 'uuid';\nimport { debounce } from 'throttle-debounce';\nimport { createFilter, combineFilters, getFormattedDate } from './filterUtils';\nimport { getFilterExpression } from './filterUtils';\nimport { TextField } from '@material-ui/core';\nimport React from 'react';\nimport DatePicker from 'react-datepicker';\n\nimport 'react-datepicker/dist/react-datepicker.css';\n\nimport PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';\n\ndeclare const PCore: typeof PCoreType;\n\n\nexport default function DashboardFilter(props) {\n  const { children, name, filterProp, type, metadata, getPConnect } = props;\n  const { current: filterId } = useRef(uuidv4());\n\n  const [startDate, setStartDate] = useState(null);\n  const [endDate, setEndDate] = useState(null);\n\n  useEffect(() => {\n    PCore.getPubSubUtils().subscribe(\n      PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL,\n      () => {\n        if (type === 'Dropdown') {\n          getPConnect().getActionsApi().updateFieldValue(filterProp, '');\n        } else if (type === 'RadioButtons') {\n          const reference = getPConnect().getFullReference() + filterProp;\n          const radList = document.getElementsByName(reference);\n          for (let i = 0; i < radList.length; i = i + 1) {\n            if ((radList[i] as HTMLInputElement).value === '') {\n              (radList[i] as HTMLInputElement).checked = true;\n            } else {\n              (radList[i] as HTMLInputElement).checked = false;\n            }\n          }\n        } else {\n          getPConnect().getActionsApi().updateFieldValue(filterProp, undefined);\n          if (type === 'DateTime') {\n            setStartDate(null);\n            setEndDate(null);\n          }\n        }\n      },\n      filterId,\n      false,\n      getPConnect().getContextName()\n    );\n    return function cleanup() {\n      PCore.getPubSubUtils().unsubscribe(\n        PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL,\n        filterId,\n        getPConnect().getContextName()\n      );\n    };\n  });\n\n  const fireFilterChange = filterValue => {\n    const filterData = {\n      filterId,\n      filterExpression: getFilterExpression(filterValue, name, metadata)\n    };\n\n    PCore.getPubSubUtils().publish(\n      PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE,\n      filterData\n    );\n  };\n\n  const fireFilterChangeDebounced = debounce(500, fireFilterChange);\n  const dateRangeChangeHandler = value => {\n    const { start, end } = value;\n\n    let startDate = getFormattedDate(start);\n    let endDate = getFormattedDate(end);\n\n    if (startDate && endDate) {\n      startDate = `${startDate}T00:00:00`;\n      endDate = `${endDate}T00:00:00`;\n      const startFilter = createFilter(startDate, name, 'GT');\n      const endFilter = createFilter(endDate, name, 'LT');\n\n      const filterData = {\n        filterId,\n        filterExpression: combineFilters([startFilter, endFilter], null)\n      };\n      PCore.getPubSubUtils().publish(\n        PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE,\n        filterData\n      );\n    }\n  };\n\n  const renderAutoComplete = () => {\n    metadata.config.onRecordChange = e => {\n      fireFilterChange(e.id);\n    };\n    return getPConnect().createComponent(metadata);\n  };\n\n  const onChange = dates => {\n    const [start, end] = dates;\n    setStartDate(start);\n    setEndDate(end);\n    dateRangeChangeHandler({ start, end });\n  };\n\n  type TextProps = React.HTMLProps<HTMLInputElement>;\n\n  const label = metadata.config.label.substring(3);\n\n  const CustomDateInput = forwardRef<HTMLInputElement, TextProps>(\n    ({ value, onClick }, ref: any) => (\n      <TextField\n        label={label}\n        variant='outlined'\n        fullWidth\n        value={value}\n        size='small'\n        onClick={onClick}\n        ref={ref}\n      >\n        {value}\n      </TextField>\n    )\n  );\n\n  return (\n    <Fragment>\n      {type === 'DateTime' && (\n        <DatePicker\n          onChange={onChange}\n          startDate={startDate}\n          endDate={endDate}\n          selectsRange\n          enableTabLoop={false}\n          customInput={<CustomDateInput />}\n        />\n      )}\n      {type === 'AutoComplete' && (\n        <span\n          onChange={event => {\n            if (event && event.target && !(event.target as HTMLInputElement).value) {\n              fireFilterChange('ALL');\n            }\n          }}\n        >\n          {renderAutoComplete()}\n        </span>\n      )}\n      {children && (\n        <span\n          onChange={event => {\n            fireFilterChangeDebounced((event.target as HTMLInputElement).value);\n          }}\n        >\n          {children}\n        </span>\n      )}\n    </Fragment>\n  );\n}\n\nDashboardFilter.defaultProps = {\n  children: null,\n  type: null,\n  metadata: null\n};\n\nDashboardFilter.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  children: PropTypes.object,\n  name: PropTypes.string.isRequired,\n  filterProp: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  metadata: PropTypes.objectOf(PropTypes.any)\n};\n"]}
+{"version":3,"file":"DashboardFilter.js","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/DashboardFilter.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,wCAAwC;AACxC,OAAO,EAAE,UAAU,EAAqB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAGpG,OAAO,4CAA4C,CAAC;AAUpD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAA8C;IACpF,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC3F,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,cAAc,EAAE,CAAC,SAAS,CAC9B,KAAK,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,gCAAgC,EACpE,GAAG,EAAE;YACH,IAAI,IAAI,KAAK,UAAU,EAAE;gBACvB,WAAW,EAAE,CAAC,aAAa,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;aAChE;iBAAM,IAAI,IAAI,KAAK,cAAc,EAAE;gBAClC,MAAM,SAAS,GAAG,WAAW,EAAE,CAAC,gBAAgB,EAAE,GAAG,UAAU,CAAC;gBAChE,MAAM,OAAO,GAAG,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;gBACtD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;oBAC7C,IAAK,OAAO,CAAC,CAAC,CAAsB,CAAC,KAAK,KAAK,EAAE,EAAE;wBAChD,OAAO,CAAC,CAAC,CAAsB,CAAC,OAAO,GAAG,IAAI,CAAC;qBACjD;yBAAM;wBACJ,OAAO,CAAC,CAAC,CAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;qBAClD;iBACF;aACF;iBAAM;gBACL,WAAW,EAAE,CAAC,aAAa,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;gBACtE,IAAI,IAAI,KAAK,UAAU,EAAE;oBACvB,YAAY,CAAC,IAAI,CAAC,CAAC;oBACnB,UAAU,CAAC,IAAI,CAAC,CAAC;iBAClB;aACF;QACH,CAAC,EACD,QAAQ,EACR,KAAK,EACL,WAAW,EAAE,CAAC,cAAc,EAAE,CAC/B,CAAC;QACF,OAAO,SAAS,OAAO;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC,WAAW,CAChC,KAAK,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,gCAAgC,EACpE,QAAQ,EACR,WAAW,EAAE,CAAC,cAAc,EAAE,CAC/B,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,WAAW,CAAC,EAAE;QACrC,MAAM,UAAU,GAAG;YACjB,QAAQ;YACR,gBAAgB,EAAE,mBAAmB,CAAC,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC;SACnE,CAAC;QAEF,KAAK,CAAC,cAAc,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,6BAA6B,EAAE,UAAU,CAAC,CAAC;IAChH,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,QAAQ,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;IAClE,MAAM,sBAAsB,GAAG,KAAK,CAAC,EAAE;QACrC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;QAE7B,IAAI,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxC,IAAI,OAAO,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;QAEpC,IAAI,SAAS,IAAI,OAAO,EAAE;YACxB,SAAS,GAAG,GAAG,SAAS,WAAW,CAAC;YACpC,OAAO,GAAG,GAAG,OAAO,WAAW,CAAC;YAChC,MAAM,WAAW,GAAG,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;YACxD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;YAEpD,MAAM,UAAU,GAAG;gBACjB,QAAQ;gBACR,gBAAgB,EAAE,cAAc,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC;aACjE,CAAC;YACF,KAAK,CAAC,cAAc,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,6BAA6B,EAAE,UAAU,CAAC,CAAC;SAC/G;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,QAAQ,CAAC,MAAM,CAAC,cAAc,GAAG,CAAC,CAAC,EAAE;YACnC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC,CAAC;QACF,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,+FAA+F;IAC7J,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;QACvB,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;QAC3B,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,UAAU,CAAC,GAAG,CAAC,CAAC;QAChB,sBAAsB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACzC,CAAC,CAAC;IAIF,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAEjD,+DAA+D;IAC/D,MAAM,eAAe,GAAG,UAAU,CAA8B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAQ,EAAE,EAAE,CAAC,CAChG,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,UAAU,EAAC,SAAS,QAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,YACxG,KAAK,GACI,CACb,CAAC,CAAC;IAEH,OAAO,CACL,8BACG,IAAI,KAAK,UAAU,IAAI,CACtB,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,YAAY,QACZ,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,KAAC,eAAe,KAAG,GAChC,CACH,EACA,IAAI,KAAK,cAAc,IAAI,CAC1B,eACE,QAAQ,EAAE,KAAK,CAAC,EAAE;oBAChB,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,EAAE;wBACtE,gBAAgB,CAAC,KAAK,CAAC,CAAC;qBACzB;gBACH,CAAC,YAEA,kBAAkB,EAAE,GAChB,CACR,EACA,QAAQ,IAAI,CACX,eACE,QAAQ,EAAE,KAAK,CAAC,EAAE;oBAChB,yBAAyB,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;gBACtE,CAAC,YAEA,QAAQ,GACJ,CACR,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable operator-assignment */\nimport { forwardRef, PropsWithChildren, useEffect, useRef, useState } from 'react';\nimport { TextField } from '@material-ui/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport { debounce } from 'throttle-debounce';\nimport DatePicker from 'react-datepicker';\n\nimport { createFilter, combineFilters, getFormattedDate, getFilterExpression } from './filterUtils';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport 'react-datepicker/dist/react-datepicker.css';\n\ninterface DashboardFilterProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  name: string;\n  filterProp: string;\n  type?: string;\n  metadata?: any;\n}\n\nexport default function DashboardFilter(props: PropsWithChildren<DashboardFilterProps>) {\n  const { children = [], name, filterProp, type = '', metadata = null, getPConnect } = props;\n  const { current: filterId } = useRef(uuidv4());\n\n  const [startDate, setStartDate] = useState(null);\n  const [endDate, setEndDate] = useState(null);\n\n  useEffect(() => {\n    PCore.getPubSubUtils().subscribe(\n      PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL,\n      () => {\n        if (type === 'Dropdown') {\n          getPConnect().getActionsApi().updateFieldValue(filterProp, '');\n        } else if (type === 'RadioButtons') {\n          const reference = getPConnect().getFullReference() + filterProp;\n          const radList = document.getElementsByName(reference);\n          for (let i = 0; i < radList.length; i = i + 1) {\n            if ((radList[i] as HTMLInputElement).value === '') {\n              (radList[i] as HTMLInputElement).checked = true;\n            } else {\n              (radList[i] as HTMLInputElement).checked = false;\n            }\n          }\n        } else {\n          getPConnect().getActionsApi().updateFieldValue(filterProp, undefined);\n          if (type === 'DateTime') {\n            setStartDate(null);\n            setEndDate(null);\n          }\n        }\n      },\n      filterId,\n      false,\n      getPConnect().getContextName()\n    );\n    return function cleanup() {\n      PCore.getPubSubUtils().unsubscribe(\n        PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL,\n        filterId,\n        getPConnect().getContextName()\n      );\n    };\n  });\n\n  const fireFilterChange = filterValue => {\n    const filterData = {\n      filterId,\n      filterExpression: getFilterExpression(filterValue, name, metadata)\n    };\n\n    PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);\n  };\n\n  const fireFilterChangeDebounced = debounce(500, fireFilterChange);\n  const dateRangeChangeHandler = value => {\n    const { start, end } = value;\n\n    let startDate = getFormattedDate(start);\n    let endDate = getFormattedDate(end);\n\n    if (startDate && endDate) {\n      startDate = `${startDate}T00:00:00`;\n      endDate = `${endDate}T00:00:00`;\n      const startFilter = createFilter(startDate, name, 'GT');\n      const endFilter = createFilter(endDate, name, 'LT');\n\n      const filterData = {\n        filterId,\n        filterExpression: combineFilters([startFilter, endFilter], null)\n      };\n      PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);\n    }\n  };\n\n  const renderAutoComplete = () => {\n    metadata.config.onRecordChange = e => {\n      fireFilterChange(e.id);\n    };\n    return getPConnect().createComponent(metadata, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);\n  };\n\n  const onChange = dates => {\n    const [start, end] = dates;\n    setStartDate(start);\n    setEndDate(end);\n    dateRangeChangeHandler({ start, end });\n  };\n\n  type TextProps = React.HTMLProps<HTMLInputElement>;\n\n  const label = metadata.config.label.substring(3);\n\n  // eslint-disable-next-line react/no-unstable-nested-components\n  const CustomDateInput = forwardRef<HTMLInputElement, TextProps>(({ value, onClick }, ref: any) => (\n    <TextField label={label} variant='outlined' fullWidth value={value} size='small' onClick={onClick} ref={ref}>\n      {value}\n    </TextField>\n  ));\n\n  return (\n    <>\n      {type === 'DateTime' && (\n        <DatePicker\n          onChange={onChange}\n          startDate={startDate}\n          endDate={endDate}\n          selectsRange\n          enableTabLoop={false}\n          customInput={<CustomDateInput />}\n        />\n      )}\n      {type === 'AutoComplete' && (\n        <span\n          onChange={event => {\n            if (event && event.target && !(event.target as HTMLInputElement).value) {\n              fireFilterChange('ALL');\n            }\n          }}\n        >\n          {renderAutoComplete()}\n        </span>\n      )}\n      {children && (\n        <span\n          onChange={event => {\n            fireFilterChangeDebounced((event.target as HTMLInputElement).value);\n          }}\n        >\n          {children}\n        </span>\n      )}\n    </>\n  );\n}\n"]}

package/lib/components/infra/DashboardFilter/filterUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/filterUtils.tsx"],"names":[],"mappings":"AACA,6HAA6H;;AAU7H,eAAO,MAAM,YAAY;;;;;;;;;;CAYxB,CAAC;AAEF,eAAO,MAAM,cAAc,gDAiB1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gEAoDjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,4CAqBjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qBAG5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;QAuB/B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,UAAU,KAAA,OAwBjD;AAED,eAAO,MAAM,gBAAgB,oBAQ5B,CAAC"}
+{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/filterUtils.tsx"],"names":[],"mappings":"AACA,6HAA6H;;AAM7H,eAAO,MAAM,YAAY;;;;;;;;;;CAYxB,CAAC;AAEF,eAAO,MAAM,cAAc,gDAiB1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gEAkCjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,4CAkBjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qBAG5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;QAuB/B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,UAAU,KAAA,OAsBjD;AAED,eAAO,MAAM,gBAAgB,oBAK5B,CAAC"}