@pega/react-sdk-components 8.8.21 → 8.23.11-debug

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

@@ -1,13 +1,23 @@
 /// <reference types="react" />
+import PropTypes from 'prop-types';
 import 'react-datepicker/dist/react-datepicker.css';
-import type { PConnProps } from '../../../types/PConnProps';
-interface DashboardFilterProps extends PConnProps {
-    children?: Array<any>;
-    name: string;
-    filterProp: string;
-    type?: string;
-    metadata?: any;
+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;
+        }>;
+    };
 }
-export default function DashboardFilter(props: DashboardFilterProps): JSX.Element;
-export {};
+export default DashboardFilter;
 //# 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":";AAYA,OAAO,4CAA4C,CAAC;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,oBAAqB,SAAQ,UAAU;IAE/C,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf;AAGD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAqJlE"}
+{"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"}

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

@@ -2,6 +2,7 @@
 /* eslint-disable @typescript-eslint/no-shadow */
 /* eslint-disable operator-assignment */
 import { useRef, useEffect, useState, Fragment, forwardRef } from 'react';
+import PropTypes from 'prop-types';
 import { v4 as uuidv4 } from 'uuid';
 import { debounce } from 'throttle-debounce';
 import { createFilter, combineFilters, getFormattedDate } from './filterUtils';
@@ -11,7 +12,7 @@ import React from 'react';
 import DatePicker from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
 export default function DashboardFilter(props) {
-    const { children = [], name, filterProp, type = '', metadata = null, getPConnect } = props;
+    const { children, name, filterProp, type, metadata, getPConnect } = props;
     const { current: filterId } = useRef(uuidv4());
     const [startDate, setStartDate] = useState(null);
     const [endDate, setEndDate] = useState(null);
@@ -72,7 +73,7 @@ export default function DashboardFilter(props) {
         metadata.config.onRecordChange = e => {
             fireFilterChange(e.id);
         };
-        return getPConnect().createComponent(metadata, null, null, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;
+        return getPConnect().createComponent(metadata);
     };
     const onChange = dates => {
         const [start, end] = dates;
@@ -93,4 +94,17 @@ export default function DashboardFilter(props) {
                 fireFilterChangeDebounced(event.target.value);
             } }, 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":"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","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 { 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 type { PConnProps } from '../../../types/PConnProps';\n\ninterface DashboardFilterProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  children?: Array<any>,\n  name: string,\n  filterProp: string,\n  type?: string,\n  metadata?: any\n}\n\n\nexport default function DashboardFilter(props: 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(\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      null, null, {}); // 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  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"]}
+{"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"]}

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

@@ -59,7 +59,7 @@ export const createFilterComponent = (getPConnect, filterMeta, index) => {
     filterMeta.config.value = `@P ${filterProp}`;
     filterMeta.type = filterMeta.config.displayAs || type;
     filterMeta.config.placeholder = 'ALL';
-    return (React.createElement(DashboardFilter, { key: name, getPConnect: getPConnect, name: name, filterProp: filterProp, metadata: filterMeta, type: filterMeta.type }, getPConnect().createComponent(filterMeta, '', '', {})));
+    return (React.createElement(DashboardFilter, { key: name, getPConnect: getPConnect, name: name, filterProp: filterProp, metadata: filterMeta, type: filterMeta.type }, getPConnect().createComponent(filterMeta)));
 };
 export const buildFilterComponents = (getPConnect, allFilters) => {
     const filterComponents = allFilters.children.map((filter, index) => createFilterComponent(getPConnect, filter, index));

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

@@ -1 +1 @@
-{"version":3,"file":"filterUtils.js","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/filterUtils.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable prefer-template */\n/** This file contains various utility methods to generate filter components, regionLayout data, filter expressions, etc.  */\n\nimport { Grid, Link } from '@material-ui/core';\nimport React from 'react';\nimport DashboardFilter from './DashboardFilter';\n\n// Remove this and use \"real\" PCore type once .d.ts is fixed (currently shows 5 errors)\ndeclare const PCore: any;\n\n\nexport const createFilter = (value, fieldId, comparator = 'EQ') => {\n  return {\n    condition: {\n      lhs: {\n        field: fieldId\n      },\n      comparator,\n      rhs: {\n        value\n      }\n    }\n  };\n};\n\nexport const combineFilters = (filterList, existingFilters) => {\n  if (filterList && filterList.length) {\n    // Need to combine them\n    if (existingFilters) {\n      return { AND: [existingFilters, ...filterList] };\n    }\n\n    // No existing, just return the one(s) from the list\n    if (filterList.length > 1) {\n      return { AND: [...filterList] };\n    }\n\n    return filterList[0];\n  }\n\n  // No filter list,\n  return existingFilters;\n};\n\nexport const createFilterComponent = (getPConnect, filterMeta, index) => {\n  const name = filterMeta.config.value.substring(4);\n  let cleanedName = name;\n  if (name.indexOf('.') !== -1) {\n    cleanedName = name.substring(name.indexOf('.') + 1);\n  }\n  let propInfo = PCore.getMetadataUtils().getPropertyMetadata(\n    cleanedName,\n    filterMeta.config.ruleClass\n  );\n  if (!propInfo) {\n    propInfo = PCore.getMetadataUtils().getPropertyMetadata(cleanedName);\n  }\n  const { type: propertyType } = propInfo || { type: 'Text' };\n  const isNumber = propertyType && (propertyType === 'Decimal' || propertyType === 'Integer');\n  filterMeta.isNumber = isNumber;\n  const { filterType, datasource } = filterMeta.config;\n  const type = filterType || filterMeta.type;\n  const filterProp = `.pyDashboardFilter${index}`;\n  if (type === 'DateTime') {\n    return (\n      <DashboardFilter\n        key={name}\n        getPConnect={getPConnect}\n        name={name}\n        filterProp={filterProp}\n        metadata={filterMeta}\n        type={filterMeta.type}\n      ></DashboardFilter>\n    );\n  }\n  if (datasource && datasource.fields) {\n    datasource.fields.key = datasource.fields.value;\n  }\n  if (filterMeta.config.listType === 'associated' && propInfo && propInfo.datasource) {\n    filterMeta.config.datasource = propInfo.datasource.records;\n  }\n  filterMeta.config.value = `@P ${filterProp}`;\n  filterMeta.type = filterMeta.config.displayAs || type;\n  filterMeta.config.placeholder = 'ALL';\n  return (\n    <DashboardFilter\n      key={name}\n      getPConnect={getPConnect}\n      name={name}\n      filterProp={filterProp}\n      metadata={filterMeta}\n      type={filterMeta.type}\n    >\n      {getPConnect().createComponent(filterMeta, '','', {})}\n    </DashboardFilter>\n  );\n};\n\nexport const buildFilterComponents = (getPConnect, allFilters) => {\n  const filterComponents = allFilters.children.map((filter, index) =>\n    createFilterComponent(getPConnect, filter, index)\n  );\n  if (filterComponents && filterComponents.length > 0) {\n    filterComponents.push(\n      <Grid>\n        <Link\n          style={{ cursor: 'pointer' }}\n          onClick={() => {\n            PCore.getPubSubUtils().publish(\n              PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL\n            );\n          }}\n        >\n          Clear All\n        </Link>\n      </Grid>\n    );\n  }\n  return filterComponents;\n};\n\nexport const convertDateToGMT = value => {\n  const { valueAsISOString: date } = value;\n  return date ? date.substring(0, date.indexOf('T')) : date;\n};\n\nexport const getFilterExpression = (filterValue, name, metadata) => {\n  if (filterValue === '') {\n    return null;\n  }\n  let comparator = 'EQ';\n  if (metadata.type === 'TextInput' && !metadata.isNumber) {\n    comparator = 'CONTAINS';\n  }\n\n  if (metadata.config.filterType && metadata.config.filterType === 'RelativeDates') {\n    const fieldSource = metadata.config.datasource.filter(source => source.key === filterValue)[0];\n    const relativeDateExpression = JSON.parse(fieldSource.json);\n    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\n    const fields = [\n      {\n        name: relativeDateExpression.condition.lhs.field,\n        type: 'DATE_TIME'\n      }\n    ];\n    return '';\n  }\n\n  return createFilter(filterValue, name, comparator);\n};\n\n/**\n * Returns ConfigurableLayout mapped content. With pre-populated default layout configs.\n * @returns {object[]} ConfigurableLayout content.\n */\nexport function getLayoutDataFromRegion(regionData) {\n  const defaultLayoutConfig = {\n    width: 'full',\n    fillAvailable: true,\n    minWidth: [300, 'px']\n  };\n\n  return regionData.props\n    ?.getPConnect()\n    ?.getChildren()\n    ?.map((item, index) => {\n      const itemPConnect = item?.getPConnect();\n\n      return {\n        id: itemPConnect?.getComponentName()\n          ? `${itemPConnect.getComponentName()}--${index}`\n          : `item--${index}`,\n        content: itemPConnect?.getComponent(),\n        layoutConfig: {\n          ...defaultLayoutConfig,\n          ...itemPConnect?.getConfigProps().layoutConfig\n        }\n      };\n    });\n}\n\nexport const getFormattedDate = date => {\n  if (!date) {\n    return date;\n  }\n  const formattedDate = `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${(\n    '0' + date.getDate()\n  ).slice(-2)}`;\n  return formattedDate;\n};\n"]}
+{"version":3,"file":"filterUtils.js","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/filterUtils.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable prefer-template */\n/** This file contains various utility methods to generate filter components, regionLayout data, filter expressions, etc.  */\n\nimport { Grid, Link } from '@material-ui/core';\nimport React from 'react';\nimport DashboardFilter from './DashboardFilter';\n\n// Remove this and use \"real\" PCore type once .d.ts is fixed (currently shows 5 errors)\ndeclare const PCore: any;\n\n\nexport const createFilter = (value, fieldId, comparator = 'EQ') => {\n  return {\n    condition: {\n      lhs: {\n        field: fieldId\n      },\n      comparator,\n      rhs: {\n        value\n      }\n    }\n  };\n};\n\nexport const combineFilters = (filterList, existingFilters) => {\n  if (filterList && filterList.length) {\n    // Need to combine them\n    if (existingFilters) {\n      return { AND: [existingFilters, ...filterList] };\n    }\n\n    // No existing, just return the one(s) from the list\n    if (filterList.length > 1) {\n      return { AND: [...filterList] };\n    }\n\n    return filterList[0];\n  }\n\n  // No filter list,\n  return existingFilters;\n};\n\nexport const createFilterComponent = (getPConnect, filterMeta, index) => {\n  const name = filterMeta.config.value.substring(4);\n  let cleanedName = name;\n  if (name.indexOf('.') !== -1) {\n    cleanedName = name.substring(name.indexOf('.') + 1);\n  }\n  let propInfo = PCore.getMetadataUtils().getPropertyMetadata(\n    cleanedName,\n    filterMeta.config.ruleClass\n  );\n  if (!propInfo) {\n    propInfo = PCore.getMetadataUtils().getPropertyMetadata(cleanedName);\n  }\n  const { type: propertyType } = propInfo || { type: 'Text' };\n  const isNumber = propertyType && (propertyType === 'Decimal' || propertyType === 'Integer');\n  filterMeta.isNumber = isNumber;\n  const { filterType, datasource } = filterMeta.config;\n  const type = filterType || filterMeta.type;\n  const filterProp = `.pyDashboardFilter${index}`;\n  if (type === 'DateTime') {\n    return (\n      <DashboardFilter\n        key={name}\n        getPConnect={getPConnect}\n        name={name}\n        filterProp={filterProp}\n        metadata={filterMeta}\n        type={filterMeta.type}\n      ></DashboardFilter>\n    );\n  }\n  if (datasource && datasource.fields) {\n    datasource.fields.key = datasource.fields.value;\n  }\n  if (filterMeta.config.listType === 'associated' && propInfo && propInfo.datasource) {\n    filterMeta.config.datasource = propInfo.datasource.records;\n  }\n  filterMeta.config.value = `@P ${filterProp}`;\n  filterMeta.type = filterMeta.config.displayAs || type;\n  filterMeta.config.placeholder = 'ALL';\n  return (\n    <DashboardFilter\n      key={name}\n      getPConnect={getPConnect}\n      name={name}\n      filterProp={filterProp}\n      metadata={filterMeta}\n      type={filterMeta.type}\n    >\n      {getPConnect().createComponent(filterMeta)}\n    </DashboardFilter>\n  );\n};\n\nexport const buildFilterComponents = (getPConnect, allFilters) => {\n  const filterComponents = allFilters.children.map((filter, index) =>\n    createFilterComponent(getPConnect, filter, index)\n  );\n  if (filterComponents && filterComponents.length > 0) {\n    filterComponents.push(\n      <Grid>\n        <Link\n          style={{ cursor: 'pointer' }}\n          onClick={() => {\n            PCore.getPubSubUtils().publish(\n              PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL\n            );\n          }}\n        >\n          Clear All\n        </Link>\n      </Grid>\n    );\n  }\n  return filterComponents;\n};\n\nexport const convertDateToGMT = value => {\n  const { valueAsISOString: date } = value;\n  return date ? date.substring(0, date.indexOf('T')) : date;\n};\n\nexport const getFilterExpression = (filterValue, name, metadata) => {\n  if (filterValue === '') {\n    return null;\n  }\n  let comparator = 'EQ';\n  if (metadata.type === 'TextInput' && !metadata.isNumber) {\n    comparator = 'CONTAINS';\n  }\n\n  if (metadata.config.filterType && metadata.config.filterType === 'RelativeDates') {\n    const fieldSource = metadata.config.datasource.filter(source => source.key === filterValue)[0];\n    const relativeDateExpression = JSON.parse(fieldSource.json);\n    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\n    const fields = [\n      {\n        name: relativeDateExpression.condition.lhs.field,\n        type: 'DATE_TIME'\n      }\n    ];\n    return '';\n  }\n\n  return createFilter(filterValue, name, comparator);\n};\n\n/**\n * Returns ConfigurableLayout mapped content. With pre-populated default layout configs.\n * @returns {object[]} ConfigurableLayout content.\n */\nexport function getLayoutDataFromRegion(regionData) {\n  const defaultLayoutConfig = {\n    width: 'full',\n    fillAvailable: true,\n    minWidth: [300, 'px']\n  };\n\n  return regionData.props\n    ?.getPConnect()\n    ?.getChildren()\n    ?.map((item, index) => {\n      const itemPConnect = item?.getPConnect();\n\n      return {\n        id: itemPConnect?.getComponentName()\n          ? `${itemPConnect.getComponentName()}--${index}`\n          : `item--${index}`,\n        content: itemPConnect?.getComponent(),\n        layoutConfig: {\n          ...defaultLayoutConfig,\n          ...itemPConnect?.getConfigProps().layoutConfig\n        }\n      };\n    });\n}\n\nexport const getFormattedDate = date => {\n  if (!date) {\n    return date;\n  }\n  const formattedDate = `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${(\n    '0' + date.getDate()\n  ).slice(-2)}`;\n  return formattedDate;\n};\n"]}

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

@@ -1,2 +1,15 @@
-export default function DeferLoad(props: any): any;
+import PropTypes from 'prop-types';
+declare function DeferLoad(props: any): any;
+declare namespace DeferLoad {
+    var defaultProps: {
+        isChildDeferLoad: boolean;
+    };
+    var propTypes: {
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        name: PropTypes.Validator<string>;
+        isChildDeferLoad: PropTypes.Requireable<boolean>;
+        isTab: PropTypes.Requireable<boolean>;
+    };
+}
+export default DeferLoad;
 //# sourceMappingURL=DeferLoad.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeferLoad.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"AAoCA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,KAAA,OAuItC"}
+{"version":3,"file":"DeferLoad.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA8BnC,iBAAwB,SAAS,CAAC,KAAK,KAAA,OAuItC;kBAvIuB,SAAS;;;;;;;;;;;eAAT,SAAS"}

package/lib/components/infra/DeferLoad/DeferLoad.js

@@ -1,15 +1,8 @@
 import React, { useState, useEffect, createElement } from 'react';
+import PropTypes from 'prop-types';
 import { Box, Card, CircularProgress } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import createPConnectComponent from '../../../bridge/react_pconnect';
-// import type { PConnProps } from '../../../types/PConnProps';
-// Can't use PConnProps until typedefs for showData are fixed
-// interface DeferLoadProps extends PConnProps {
-//   // If any, enter additional props that only exist on this component
-//   name: string,
-//   isChildDeferLoad?: boolean,
-//   isTab: boolean
-// }
 //
 // WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with
 // Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and
@@ -27,7 +20,7 @@ const useStyles = makeStyles(theme => ({
         marginBottom: theme.spacing(1)
     }
 }));
-export default function DeferLoad(props /* : DeferLoadProps */) {
+export default function DeferLoad(props) {
     const { getPConnect, name, deferLoadId, isTab } = props;
     const [content, setContent] = useState(null);
     const [isLoading, setLoading] = useState(true);
@@ -35,13 +28,13 @@ export default function DeferLoad(props /* : DeferLoadProps */) {
     const classes = useStyles();
     const pConnect = getPConnect();
     const constants = PCore.getConstants();
-    const theRequestedAssignment = pConnect.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL, ''); // 2nd arg empty string until typedef allows optional
+    const theRequestedAssignment = pConnect.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL);
     if (theRequestedAssignment !== currentLoadedAssignment) {
         // console.log(`DeferLoad: currentLoadedAssignment about to change from ${currentLoadedAssignment} to ${theRequestedAssignment}`);
         setCurrentLoadedAssignment(theRequestedAssignment);
     }
     const { CASE, PAGE, DATA } = constants.RESOURCE_TYPES;
-    const loadViewCaseID = pConnect.getValue(constants.PZINSKEY, '') || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID, ''); // 2nd arg empty string until typedef allows optional
+    const loadViewCaseID = pConnect.getValue(constants.PZINSKEY) || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID);
     let containerName;
     let containerItemData;
     const targetName = pConnect.getTarget();
@@ -55,7 +48,7 @@ export default function DeferLoad(props /* : DeferLoadProps */) {
     const isContainerPreview = /preview_[0-9]*/g.test(pConnect.getContextName());
     const getViewOptions = () => ({
         viewContext: resourceType,
-        pageClass: loadViewCaseID ? '' : pConnect.getDataObject(pConnect.getContextName()).pyPortal.classID,
+        pageClass: loadViewCaseID ? '' : pConnect.getDataObject().pyPortal.classID,
         container: isContainerPreview ? 'preview' : null,
         containerName: isContainerPreview ? 'preview' : null,
         updateData: isContainerPreview
@@ -114,7 +107,7 @@ export default function DeferLoad(props /* : DeferLoadProps */) {
         else {
             getPConnect()
                 .getActionsApi()
-                .refreshCaseView(encodeURI(loadViewCaseID), name, '') // 3rd arg empty string until typedef allows optional
+                .refreshCaseView(encodeURI(loadViewCaseID), name)
                 .then(data => {
                 onResponse(data.root);
             });
@@ -134,4 +127,13 @@ export default function DeferLoad(props /* : DeferLoadProps */) {
     }
     return deferLoadContent;
 }
+DeferLoad.defaultProps = {
+    isChildDeferLoad: false
+};
+DeferLoad.propTypes = {
+    getPConnect: PropTypes.func.isRequired,
+    name: PropTypes.string.isRequired,
+    isChildDeferLoad: PropTypes.bool,
+    isTab: PropTypes.bool
+};
 //# sourceMappingURL=DeferLoad.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeferLoad.js","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect, createElement } from 'react';\nimport { Box, Card, CircularProgress } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\n\n// import type { PConnProps } from '../../../types/PConnProps';\n\n// Can't use PConnProps until typedefs for showData are fixed\n// interface DeferLoadProps extends PConnProps {\n//   // If any, enter additional props that only exist on this component\n//   name: string,\n//   isChildDeferLoad?: boolean,\n//   isTab: boolean\n// }\n\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\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\nexport default function DeferLoad(props /* : DeferLoadProps */) {\n  const { getPConnect, name, deferLoadId, isTab } = props;\n  const [content, setContent] = useState<any>(null);\n  const [isLoading, setLoading] = useState(true);\n  const [currentLoadedAssignment, setCurrentLoadedAssignment] = useState(\"\");\n\n  const classes = useStyles();\n\n  const pConnect = getPConnect();\n  const constants = PCore.getConstants();\n\n  const theRequestedAssignment = pConnect.getValue( PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL, '');  // 2nd arg empty string until typedef allows optional\n  if (theRequestedAssignment !== currentLoadedAssignment)  {\n    // console.log(`DeferLoad: currentLoadedAssignment about to change from ${currentLoadedAssignment} to ${theRequestedAssignment}`);\n    setCurrentLoadedAssignment(theRequestedAssignment);\n  }\n\n  const { CASE, PAGE, DATA } = constants.RESOURCE_TYPES;\n  const loadViewCaseID =\n    pConnect.getValue(constants.PZINSKEY, '') || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID, '');  // 2nd arg empty string until typedef allows optional\n  let containerName;\n  let containerItemData;\n  const targetName = pConnect.getTarget();\n  if (targetName) {\n    containerName = PCore.getContainerUtils().getActiveContainerItemName(targetName);\n\n    containerItemData = PCore.getContainerUtils().getContainerItemData(targetName, containerName);\n  }\n\n  const { resourceType = CASE } = containerItemData || {\n    resourceType: loadViewCaseID ? CASE : PAGE\n  };\n  const isContainerPreview = /preview_[0-9]*/g.test(pConnect.getContextName());\n\n  const getViewOptions = () => ({\n    viewContext: resourceType,\n    pageClass: loadViewCaseID ? '' : pConnect.getDataObject(pConnect.getContextName()).pyPortal.classID,\n    container: isContainerPreview ? 'preview' : null,\n    containerName: isContainerPreview ? 'preview' : null,\n    updateData: isContainerPreview\n  });\n\n  const onResponse = data => {\n    setLoading(false);\n    if (deferLoadId) {\n      PCore.getDeferLoadManager().start(\n        name,\n        getPConnect().getCaseInfo().getKey(),\n        getPConnect().getPageReference().replace('caseInfo.content', ''),\n        getPConnect().getContextName(),\n        deferLoadId\n      );\n    }\n\n    if (data && !(data.type && data.type === 'error')) {\n      const config = {\n        meta: data,\n        options: {\n          context: pConnect.getContextName(),\n          pageReference: pConnect.getPageReference()\n        }\n      };\n      const configObject = PCore.createPConnect(config);\n      configObject.getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n      setContent(createElement(createPConnectComponent(), configObject));\n      if (deferLoadId) {\n        PCore.getDeferLoadManager().stop(deferLoadId, getPConnect().getContextName());\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (resourceType === DATA) {\n      // Rendering defer loaded tabs in data context\n      if (containerName) {\n        const dataContext = PCore.getStoreValue('.dataContext', 'dataInfo', containerName);\n        const dataContextParameters = PCore.getStoreValue(\n          '.dataContextParameters',\n          'dataInfo',\n          containerName\n        );\n\n        getPConnect()\n          .getActionsApi()\n          .showData(name, dataContext, dataContextParameters, {   // Need to wait for typedefs to be fixed for showData\n            skipSemanticUrl: true,\n            isDeferLoaded: true\n          })\n          .then(data => {\n            onResponse(data);\n          });\n      } else {\n        // eslint-disable-next-line no-console\n        console.error('Cannot load the defer loaded view without container information');\n      }\n    } else if (resourceType === PAGE) {\n      // Rendering defer loaded tabs in case/ page context\n      getPConnect()\n        .getActionsApi()\n        .loadView(encodeURI(loadViewCaseID), name, getViewOptions())\n        .then(data => {\n          onResponse(data);\n        });\n    } else {\n      getPConnect()\n        .getActionsApi()\n        .refreshCaseView(encodeURI(loadViewCaseID), name, '')  // 3rd arg empty string until typedef allows optional\n        .then(data => {\n          onResponse(data.root);\n        });\n    }\n  }, [name, getPConnect, currentLoadedAssignment]);\n  /* TODO Cosmos need to handle for now added a wrapper div with pos relative */\n  let deferLoadContent;\n  if (isLoading) {\n    deferLoadContent = (\n      <div style={{ position: 'relative', height: '100px' }}>\n        <Box textAlign='center'>\n          <CircularProgress />\n        </Box>\n      </div>\n    );\n  } else {\n    deferLoadContent = !isTab ? (\n      <div className={classes.root}>\n        <React.Fragment>{content}</React.Fragment>\n      </div>\n    ) : (\n      <Card id='DeferLoad' className={classes.root}>\n        <React.Fragment>{content}</React.Fragment>\n      </Card>\n    );\n  }\n\n  return deferLoadContent;\n}\n"]}
+{"version":3,"file":"DeferLoad.js","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect, createElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { Box, Card, CircularProgress } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\n\nimport PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';\n\ndeclare const PCore: typeof PCoreType;\n\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\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\nexport default function DeferLoad(props) {\n  const { getPConnect, name, deferLoadId, isTab } = props;\n  const [content, setContent] = useState<any>(null);\n  const [isLoading, setLoading] = useState(true);\n  const [currentLoadedAssignment, setCurrentLoadedAssignment] = useState(\"\");\n\n  const classes = useStyles();\n\n  const pConnect = getPConnect();\n  const constants = PCore.getConstants();\n\n  const theRequestedAssignment = pConnect.getValue( PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL);\n  if (theRequestedAssignment !== currentLoadedAssignment)  {\n    // console.log(`DeferLoad: currentLoadedAssignment about to change from ${currentLoadedAssignment} to ${theRequestedAssignment}`);\n    setCurrentLoadedAssignment(theRequestedAssignment);\n  }\n\n  const { CASE, PAGE, DATA } = constants.RESOURCE_TYPES;\n  const loadViewCaseID =\n    pConnect.getValue(constants.PZINSKEY) || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID);\n  let containerName;\n  let containerItemData;\n  const targetName = pConnect.getTarget();\n  if (targetName) {\n    containerName = PCore.getContainerUtils().getActiveContainerItemName(targetName);\n\n    containerItemData = PCore.getContainerUtils().getContainerItemData(targetName, containerName);\n  }\n\n  const { resourceType = CASE } = containerItemData || {\n    resourceType: loadViewCaseID ? CASE : PAGE\n  };\n  const isContainerPreview = /preview_[0-9]*/g.test(pConnect.getContextName());\n\n  const getViewOptions = () => ({\n    viewContext: resourceType,\n    pageClass: loadViewCaseID ? '' : pConnect.getDataObject().pyPortal.classID,\n    container: isContainerPreview ? 'preview' : null,\n    containerName: isContainerPreview ? 'preview' : null,\n    updateData: isContainerPreview\n  });\n\n  const onResponse = data => {\n    setLoading(false);\n    if (deferLoadId) {\n      PCore.getDeferLoadManager().start(\n        name,\n        getPConnect().getCaseInfo().getKey(),\n        getPConnect().getPageReference().replace('caseInfo.content', ''),\n        getPConnect().getContextName(),\n        deferLoadId\n      );\n    }\n\n    if (data && !(data.type && data.type === 'error')) {\n      const config = {\n        meta: data,\n        options: {\n          context: pConnect.getContextName(),\n          pageReference: pConnect.getPageReference()\n        }\n      };\n      const configObject = PCore.createPConnect(config);\n      configObject.getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n      setContent(createElement(createPConnectComponent(), configObject));\n      if (deferLoadId) {\n        PCore.getDeferLoadManager().stop(deferLoadId, getPConnect().getContextName());\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (resourceType === DATA) {\n      // Rendering defer loaded tabs in data context\n      if (containerName) {\n        const dataContext = PCore.getStoreValue('.dataContext', 'dataInfo', containerName);\n        const dataContextParameters = PCore.getStoreValue(\n          '.dataContextParameters',\n          'dataInfo',\n          containerName\n        );\n\n        getPConnect()\n          .getActionsApi()\n          .showData(name, dataContext, dataContextParameters, {\n            skipSemanticUrl: true,\n            isDeferLoaded: true\n          })\n          .then(data => {\n            onResponse(data);\n          });\n      } else {\n        // eslint-disable-next-line no-console\n        console.error('Cannot load the defer loaded view without container information');\n      }\n    } else if (resourceType === PAGE) {\n      // Rendering defer loaded tabs in case/ page context\n      getPConnect()\n        .getActionsApi()\n        .loadView(encodeURI(loadViewCaseID), name, getViewOptions())\n        .then(data => {\n          onResponse(data);\n        });\n    } else {\n      getPConnect()\n        .getActionsApi()\n        .refreshCaseView(encodeURI(loadViewCaseID), name)\n        .then(data => {\n          onResponse(data.root);\n        });\n    }\n  }, [name, getPConnect, currentLoadedAssignment]);\n  /* TODO Cosmos need to handle for now added a wrapper div with pos relative */\n  let deferLoadContent;\n  if (isLoading) {\n    deferLoadContent = (\n      <div style={{ position: 'relative', height: '100px' }}>\n        <Box textAlign='center'>\n          <CircularProgress />\n        </Box>\n      </div>\n    );\n  } else {\n    deferLoadContent = !isTab ? (\n      <div className={classes.root}>\n        <React.Fragment>{content}</React.Fragment>\n      </div>\n    ) : (\n      <Card id='DeferLoad' className={classes.root}>\n        <React.Fragment>{content}</React.Fragment>\n      </Card>\n    );\n  }\n\n  return deferLoadContent;\n}\n\nDeferLoad.defaultProps = {\n  isChildDeferLoad: false\n};\n\nDeferLoad.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  name: PropTypes.string.isRequired,\n  isChildDeferLoad: PropTypes.bool,\n  isTab: PropTypes.bool\n};\n"]}

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

@@ -1,8 +1,15 @@
 /// <reference types="react" />
-import type { PConnProps } from '../../../types/PConnProps';
-interface ErrorBoundaryProps extends PConnProps {
-    isInternalError?: boolean;
+import PropTypes from "prop-types";
+declare function ErrorBoundary(props: any): JSX.Element | null;
+declare namespace ErrorBoundary {
+    var propTypes: {
+        getPConnect: PropTypes.Requireable<(...args: any[]) => any>;
+        isInternalError: PropTypes.Requireable<boolean>;
+    };
+    var defaultProps: {
+        getPConnect: null;
+        isInternalError: boolean;
+    };
 }
-export default function ErrorBoundary(props: ErrorBoundaryProps): JSX.Element | null;
-export {};
+export default ErrorBoundary;
 //# sourceMappingURL=ErrorBoundary.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,kBAAmB,SAAQ,UAAU;IAE7C,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAOD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,sBA6C9D"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,iBAAS,aAAa,CAAC,KAAK,KAAA,sBA6C3B;kBA7CQ,aAAa;;;;;;;;;;AAwDtB,eAAe,aAAa,CAAC"}

package/lib/components/infra/ErrorBoundary/ErrorBoundary.js

@@ -1,12 +1,13 @@
 import React from "react";
-export default function ErrorBoundary(props) {
+import PropTypes from "prop-types";
+function ErrorBoundary(props) {
     const errorMsg = PCore.getErrorHandler().getGenericFailedMessage();
     const localizedVal = PCore.getLocaleUtils().getLocaleValue;
     const localeCategory = 'Messages';
     const ERROR_TEXT = localizedVal(errorMsg, localeCategory);
     const WORK_AREA = "workarea";
     const ERROR_WHILE_RENDERING = "ERROR_WHILE_RENDERING";
-    const { getPConnect, isInternalError = false } = props;
+    const { getPConnect, isInternalError } = props;
     const theErrorDiv = React.createElement("div", null, ERROR_TEXT);
     if (!getPConnect) {
         return (theErrorDiv);
@@ -30,4 +31,13 @@ export default function ErrorBoundary(props) {
     }
     return (theErrorDiv);
 }
+ErrorBoundary.propTypes = {
+    getPConnect: PropTypes.func,
+    isInternalError: PropTypes.bool
+};
+ErrorBoundary.defaultProps = {
+    getPConnect: null,
+    isInternalError: false
+};
+export default ErrorBoundary;
 //# sourceMappingURL=ErrorBoundary.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/infra/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC7D,MAAM,QAAQ,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC,uBAAuB,EAAE,CAAC;IACnE,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,UAAU,CAAC;IAClC,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,UAAU,CAAC;IAC7B,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;IACtD,MAAM,EAAE,WAAW,EAAE,eAAe,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,WAAW,GAAG,iCAAM,UAAU,CAAO,CAAA;IAE3C,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,CACL,WAAW,CACZ,CAAC;KACH;IAED,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAE5B,IAAI,CAAC,eAAe,EAAE;QACpB,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,8BAA8B,EAAE,cAAc,CAAC,IAAI,KAAK,CAAC,gBAAgB,EAAE;MACvG,YAAY,CAAC;qCACkB,EAAE,cAAc,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC;KACjG;IAED,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC,IAAI,KAAK,MAAM,EAAE;QAC1C,OAAO,CACL,WAAW,CACZ,CAAC;KACH;IAED,IACE,KAAK,CAAC,gBAAgB,EAAE,KAAK,SAAS;QACtC,KAAK,CAAC,YAAY,EAAE,KAAK,IAAI;QAC7B,KAAK,CAAC,gBAAgB,EAAE,KAAK,OAAO,EACpC;QACA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3C,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,WAAW,CACZ,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface ErrorBoundaryProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  isInternalError?: boolean\n}\n\n\n// Remove this and use \"real\" PCore type once .d.ts is fixed (currently shows 1 error)\ndeclare const PCore: any;\n\n\nexport default function ErrorBoundary(props: ErrorBoundaryProps) {\n  const errorMsg = PCore.getErrorHandler().getGenericFailedMessage();\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Messages';\n  const ERROR_TEXT = localizedVal(errorMsg, localeCategory);\n  const WORK_AREA = \"workarea\";\n  const ERROR_WHILE_RENDERING = \"ERROR_WHILE_RENDERING\";\n  const { getPConnect, isInternalError = false } = props;\n\n  const theErrorDiv = <div>{ERROR_TEXT}</div>\n\n  if (!getPConnect) {\n    return (\n      theErrorDiv\n    );\n  }\n\n  const pConn = getPConnect();\n\n  if (!isInternalError) {\n    // eslint-disable-next-line no-console\n    console.error(`${localizedVal('Unable to load the component', localeCategory)} ${pConn.getComponentName()}\n    ${localizedVal(`This might be due to the view meta data getting corrupted or the component file missing.\n    Raw meta data for the component:`, localeCategory)} ${JSON.stringify(pConn.getRawMetadata())}`);\n  }\n\n  if (pConn.getConfigProps().type === \"page\") {\n    return (\n      theErrorDiv\n    );\n  }\n\n  if (\n    pConn.getContainerName() === WORK_AREA ||\n    pConn.isInsideList() === true ||\n    pConn.getContainerName() === \"modal\"\n  ) {\n    const { publish } = PCore.getPubSubUtils();\n    publish(ERROR_WHILE_RENDERING);\n    return null;\n  }\n\n  return (\n    theErrorDiv\n  );\n}\n"]}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/infra/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,SAAS,aAAa,CAAC,KAAK;IAC1B,MAAM,QAAQ,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC,uBAAuB,EAAE,CAAC;IACnE,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,UAAU,CAAC;IAClC,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,UAAU,CAAC;IAC7B,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;IACtD,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAE/C,MAAM,WAAW,GAAG,iCAAM,UAAU,CAAO,CAAA;IAE3C,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,CACL,WAAW,CACZ,CAAC;KACH;IAED,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAE5B,IAAI,CAAC,eAAe,EAAE;QACpB,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,8BAA8B,EAAE,cAAc,CAAC,IAAI,KAAK,CAAC,gBAAgB,EAAE;MACvG,YAAY,CAAC;qCACkB,EAAE,cAAc,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC;KACjG;IAED,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC,IAAI,KAAK,MAAM,EAAE;QAC1C,OAAO,CACL,WAAW,CACZ,CAAC;KACH;IAED,IACE,KAAK,CAAC,gBAAgB,EAAE,KAAK,SAAS;QACtC,KAAK,CAAC,YAAY,EAAE,KAAK,IAAI;QAC7B,KAAK,CAAC,gBAAgB,EAAE,KAAK,OAAO,EACpC;QACA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3C,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,WAAW,CACZ,CAAC;AACJ,CAAC;AACD,aAAa,CAAC,SAAS,GAAG;IACxB,WAAW,EAAE,SAAS,CAAC,IAAI;IAC3B,eAAe,EAAE,SAAS,CAAC,IAAI;CAChC,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG;IAC3B,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,KAAK;CACvB,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\n// Remove this and use \"real\" PCore type once .d.ts is fixed (currently shows 1 error)\ndeclare const PCore: any;\n\n\nfunction ErrorBoundary(props) {\n  const errorMsg = PCore.getErrorHandler().getGenericFailedMessage();\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Messages';\n  const ERROR_TEXT = localizedVal(errorMsg, localeCategory);\n  const WORK_AREA = \"workarea\";\n  const ERROR_WHILE_RENDERING = \"ERROR_WHILE_RENDERING\";\n  const { getPConnect, isInternalError } = props;\n\n  const theErrorDiv = <div>{ERROR_TEXT}</div>\n\n  if (!getPConnect) {\n    return (\n      theErrorDiv\n    );\n  }\n\n  const pConn = getPConnect();\n\n  if (!isInternalError) {\n    // eslint-disable-next-line no-console\n    console.error(`${localizedVal('Unable to load the component', localeCategory)} ${pConn.getComponentName()}\n    ${localizedVal(`This might be due to the view meta data getting corrupted or the component file missing.\n    Raw meta data for the component:`, localeCategory)} ${JSON.stringify(pConn.getRawMetadata())}`);\n  }\n\n  if (pConn.getConfigProps().type === \"page\") {\n    return (\n      theErrorDiv\n    );\n  }\n\n  if (\n    pConn.getContainerName() === WORK_AREA ||\n    pConn.isInsideList() === true ||\n    pConn.getContainerName() === \"modal\"\n  ) {\n    const { publish } = PCore.getPubSubUtils();\n    publish(ERROR_WHILE_RENDERING);\n    return null;\n  }\n\n  return (\n    theErrorDiv\n  );\n}\nErrorBoundary.propTypes = {\n  getPConnect: PropTypes.func,\n  isInternalError: PropTypes.bool\n};\n\nErrorBoundary.defaultProps = {\n  getPConnect: null,\n  isInternalError: false\n};\n\nexport default ErrorBoundary;\n"]}

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

@@ -1,15 +1,21 @@
 /// <reference types="react" />
+import PropTypes from "prop-types";
 import './MultiStep.css';
-import type { PConnProps } from '../../../types/PConnProps';
-interface MultiStepProps extends PConnProps {
-    children: Array<any>;
-    itemKey: string;
-    actionButtons: Array<any>;
-    onButtonPress: any;
-    bIsVertical: boolean;
-    arNavigationSteps: Array<any>;
-    arCurrentStepIndicies?: Array<any>;
+declare function MultiStep(props: any): JSX.Element;
+declare namespace MultiStep {
+    var propTypes: {
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        itemKey: PropTypes.Requireable<string>;
+        actionButtons: PropTypes.Requireable<object>;
+        onButtonPress: PropTypes.Requireable<(...args: any[]) => any>;
+        bIsVertical: PropTypes.Requireable<boolean>;
+        arCurrentStepIndicies: PropTypes.Requireable<any[]>;
+        arNavigationSteps: PropTypes.Requireable<any[]>;
+    };
+    var defaultProps: {
+        itemKey: null;
+    };
 }
-export default function MultiStep(props: MultiStepProps): JSX.Element;
-export {};
+export default MultiStep;
 //# sourceMappingURL=MultiStep.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiStep.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AAIzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,cAAe,SAAQ,UAAU;IAEzC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC1B,aAAa,EAAE,GAAG,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAE9B,qBAAqB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACnC;AAGD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,eA0MpD"}
+{"version":3,"file":"MultiStep.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,iBAAiB,CAAC;AAMzB,iBAAwB,SAAS,CAAC,KAAK,KAAA,eAuMpC;kBAvMqB,SAAS;;;;;;;;;;;;;;;eAAT,SAAS"}

package/lib/components/infra/MultiStep/MultiStep.js

@@ -1,10 +1,10 @@
 import React from "react";
-import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+import PropTypes from "prop-types";
 import './MultiStep.css';
+import AssignmentCard from '../AssignmentCard';
+// import { useConstellationContext } from "../../bridge/Context/StoreContext";
 export default function MultiStep(props) {
-    // Get emitted components from map (so we can get any override that may exist)
-    const AssignmentCard = getComponentFromMap("AssignmentCard");
-    const { getPConnect, children, itemKey = '', actionButtons, onButtonPress } = props;
+    const { getPConnect, children, itemKey, actionButtons, onButtonPress } = props;
     const { bIsVertical, arNavigationSteps } = props;
     // const svgCurrent = Utils.getImageSrc("circle-solid", Utils.getSDKStaticConentUrl());
     // const svgNotCurrent = Utils.getImageSrc("circle-solid", Utils.getSDKStaticConentUrl());
@@ -113,4 +113,18 @@ export default function MultiStep(props) {
                                 React.createElement(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress }, children)));
                     })))));
 }
+MultiStep.propTypes = {
+    children: PropTypes.node.isRequired,
+    getPConnect: PropTypes.func.isRequired,
+    itemKey: PropTypes.string,
+    actionButtons: PropTypes.object,
+    onButtonPress: PropTypes.func,
+    bIsVertical: PropTypes.bool,
+    // eslint-disable-next-line react/no-unused-prop-types
+    arCurrentStepIndicies: PropTypes.array,
+    arNavigationSteps: PropTypes.array
+};
+MultiStep.defaultProps = {
+    itemKey: null
+};
 //# sourceMappingURL=MultiStep.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiStep.js","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport './MultiStep.css';\n\n// import { useConstellationContext } from \"../../bridge/Context/StoreContext\";\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\n\ninterface MultiStepProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>,\n  itemKey: string,\n  actionButtons: Array<any>,\n  onButtonPress: any,\n  bIsVertical: boolean,\n  arNavigationSteps: Array<any>,\n  // eslint-disable-next-line react/no-unused-prop-types\n  arCurrentStepIndicies?: Array<any>\n}\n\n\nexport default function MultiStep(props: MultiStepProps) {\n    // Get emitted components from map (so we can get any override that may exist)\n    const AssignmentCard = getComponentFromMap(\"AssignmentCard\");\n\n    const { getPConnect, children, itemKey = '', actionButtons, onButtonPress} = props;\n    const { bIsVertical, arNavigationSteps } = props;\n\n    // const svgCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n    // const svgNotCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n\n    function _getVIconClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-vertical-step-icon-selected\";\n        }\n\n        return \"psdk-vertical-step-icon\";\n      }\n\n      function _getVLabelClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-vertical-step-label-selected\";\n        }\n\n        return \"psdk-vertical-step-label\";\n      }\n\n      function _getVBodyClass(index: number): string {\n        if (index < arNavigationSteps.length - 1) {\n          return \"psdk-vertical-step-body psdk-vertical-step-line\";\n        }\n\n        return \"psdk-vertical-step-body\";\n      }\n\n      function _getHIconClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-horizontal-step-icon-selected\";\n        }\n\n        return \"psdk-horizontal-step-icon\";\n      }\n\n      function _getHLabelClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-horizontal-step-label-selected\";\n        }\n\n        return \"psdk-horizontal-step-label\";\n      }\n\n      function _showHLine(index: number): boolean {\n        // eslint-disable-next-line sonarjs/prefer-single-boolean-return\n        if (index < arNavigationSteps.length - 1) {\n          return true;\n        }\n\n        return false;\n      }\n\n      function buttonPress(sAction: string, sButtonType: string) {\n        onButtonPress(sAction, sButtonType);\n      }\n\n    return (\n      <React.Fragment>\n          <div>\n              {bIsVertical ?\n                <div className=\"psdk-vertical-stepper\">\n                    {arNavigationSteps.map((mainStep, index) =>   {\n                      return (\n                        <React.Fragment key={mainStep.actionID}>\n                        <div className=\"psdk-vertical-step\">\n                            <div className=\"psdk-vertical-step-header\">\n                                <div className={ _getVIconClass(mainStep.visited_status)}>\n                                    <div className=\"psdk-vertical-step-icon-content\">\n                                        <span>{index + 1}</span>\n                                    </div>\n                                </div>\n                                <div className={ _getVLabelClass(mainStep.visited_status)}>\n                                    {mainStep.name}\n                                </div>\n                            </div>\n                            <div className={ _getVBodyClass(index)}>\n                                {mainStep?.steps &&\n                                <React.Fragment>\n                                <ul style={{paddingInlineStart: \"0rem\", marginLeft: \"-7px\"}}>\n                                    {mainStep.steps.forEach((subStep) => {\n                                        <li className=\"psdk-sub-step-list\">\n                                        <div style={{display: \"inline-flex\"}}>\n                                            {subStep.visited_status === 'current' &&\n                                            <img className=\"psdk-current-svg-icon\" src=\"{svgCurrent}\" />\n                                            }\n                                            {subStep.visited_status !== 'current' &&\n                                            <img className=\"psdk-not-current-svg-icon\" src=\"{svgNotCurrent}\" />\n                                            }\n                                            {subStep.visited_status === 'current' &&\n                                            <label className=\"psdk-sub-step-current\">{subStep.name}</label>\n                                            }\n                                            {subStep.visited_status !== 'current' &&\n                                            <label className=\"psdk-sub-step-not-current\">{subStep.name}</label>\n                                            }\n                                        </div>\n                                        {subStep.visited_status === 'current' &&\n                                            <div>\n                                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                                    {children}\n                                                </AssignmentCard>\n                                            </div>\n                                        }\n\n\n                                        </li>\n                                    })}\n\n                                </ul>\n                                </React.Fragment>\n                                }\n                                {!mainStep?.steps && mainStep.visited_status === 'current' &&\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                        {children}\n                                 </AssignmentCard>\n                                }\n                            </div>\n                        </div>\n                        </React.Fragment>\n                    )})}\n                </div>\n\n              :\n                <div className=\"psdk-horizontal-stepper\">\n                     <div className=\"psdk-horizontal-stepper-header-container\">\n                     {arNavigationSteps.map((mainStep, index) => {\n                        return (\n                        <React.Fragment key={mainStep.actionID}>\n                        <div className=\"psdk-horizontal-step-header\">\n                            <div className={ _getHIconClass(mainStep.visited_status)}>\n                                <div className=\"psdk-horizontal-step-icon-content\">\n                                <span>{index + 1}</span>\n                                </div>\n                            </div>\n                            <div className={ _getHLabelClass(mainStep.visited_status)}>\n                                <div className=\"psdk-horizontal-step-text-label\">\n                                {mainStep.name}\n                                </div>\n                            </div>\n                        </div>\n                        { _showHLine(index) &&\n                            <div className=\"psdk-horizontal-step-line\"></div>\n                        }\n                        </React.Fragment>\n                     )})}\n                     </div>\n                     {arNavigationSteps.map((mainStep) => {\n                        return (\n                         <React.Fragment key={mainStep.actionID}>\n                         {mainStep.steps &&\n                            <React.Fragment>\n                            <ul style={{paddingInlineStart: \"0rem\", marginLeft: \"35px\"}}>\n                            {mainStep.steps.map((subStep) => (\n                                <React.Fragment>\n                                <li className=\"psdk-sub-step-list\">\n                                <div style={{display: \"inline-flex\"}}>\n                                    {subStep.visited_status === 'current' &&\n                                    <img className=\"psdk-current-svg-icon\" src=\"{svgCurrent}\" />\n                                    }\n                                    {subStep.visited_status !== 'current' &&\n                                    <img className=\"psdk-not-current-svg-icon\" src=\"{svgNotCurrent}\" />\n                                    }\n                                    {subStep.visited_status === 'current' &&\n                                    <label className=\"psdk-sub-step-current\">{subStep.name}</label>\n                                    }\n                                    {subStep.visited_status !== 'current' &&\n                                    <label className=\"psdk-sub-step-not-current\">{subStep.name}</label>\n                                    }\n                                </div>\n                                {subStep.visited_status === 'current' &&\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                        {children}\n                                 </AssignmentCard>\n                                }\n                              </li>\n                              </React.Fragment>\n                            ))}\n\n                          </ul>\n                          </React.Fragment>\n                        }\n                        { !mainStep?.steps && mainStep.visited_status === 'current' &&\n                            <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                {children}\n                            </AssignmentCard>\n                        }\n                        </React.Fragment>\n                     )})}\n                </div>\n              }\n\n          </div>\n\n      </React.Fragment>\n\n    )\n  }\n"]}
+{"version":3,"file":"MultiStep.js","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport './MultiStep.css';\n\nimport AssignmentCard from '../AssignmentCard';\n\n// import { useConstellationContext } from \"../../bridge/Context/StoreContext\";\n\nexport default function MultiStep(props) {\n    const { getPConnect, children, itemKey, actionButtons, onButtonPress} = props;\n    const { bIsVertical, arNavigationSteps } = props;\n\n    // const svgCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n    // const svgNotCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n\n    function _getVIconClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-vertical-step-icon-selected\";\n        }\n\n        return \"psdk-vertical-step-icon\";\n      }\n\n      function _getVLabelClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-vertical-step-label-selected\";\n        }\n\n        return \"psdk-vertical-step-label\";\n      }\n\n      function _getVBodyClass(index: number): string {\n        if (index < arNavigationSteps.length - 1) {\n          return \"psdk-vertical-step-body psdk-vertical-step-line\";\n        }\n\n        return \"psdk-vertical-step-body\";\n      }\n\n      function _getHIconClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-horizontal-step-icon-selected\";\n        }\n\n        return \"psdk-horizontal-step-icon\";\n      }\n\n      function _getHLabelClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-horizontal-step-label-selected\";\n        }\n\n        return \"psdk-horizontal-step-label\";\n      }\n\n      function _showHLine(index: number): boolean {\n        // eslint-disable-next-line sonarjs/prefer-single-boolean-return\n        if (index < arNavigationSteps.length - 1) {\n          return true;\n        }\n\n        return false;\n      }\n\n      function buttonPress(sAction: string, sButtonType: string) {\n        onButtonPress(sAction, sButtonType);\n      }\n\n    return (\n      <React.Fragment>\n          <div>\n              {bIsVertical ?\n                <div className=\"psdk-vertical-stepper\">\n                    {arNavigationSteps.map((mainStep, index) =>   {\n                      return (\n                        <React.Fragment key={mainStep.actionID}>\n                        <div className=\"psdk-vertical-step\">\n                            <div className=\"psdk-vertical-step-header\">\n                                <div className={ _getVIconClass(mainStep.visited_status)}>\n                                    <div className=\"psdk-vertical-step-icon-content\">\n                                        <span>{index + 1}</span>\n                                    </div>\n                                </div>\n                                <div className={ _getVLabelClass(mainStep.visited_status)}>\n                                    {mainStep.name}\n                                </div>\n                            </div>\n                            <div className={ _getVBodyClass(index)}>\n                                {mainStep?.steps &&\n                                <React.Fragment>\n                                <ul style={{paddingInlineStart: \"0rem\", marginLeft: \"-7px\"}}>\n                                    {mainStep.steps.forEach((subStep) => {\n                                        <li className=\"psdk-sub-step-list\">\n                                        <div style={{display: \"inline-flex\"}}>\n                                            {subStep.visited_status === 'current' &&\n                                            <img className=\"psdk-current-svg-icon\" src=\"{svgCurrent}\" />\n                                            }\n                                            {subStep.visited_status !== 'current' &&\n                                            <img className=\"psdk-not-current-svg-icon\" src=\"{svgNotCurrent}\" />\n                                            }\n                                            {subStep.visited_status === 'current' &&\n                                            <label className=\"psdk-sub-step-current\">{subStep.name}</label>\n                                            }\n                                            {subStep.visited_status !== 'current' &&\n                                            <label className=\"psdk-sub-step-not-current\">{subStep.name}</label>\n                                            }\n                                        </div>\n                                        {subStep.visited_status === 'current' &&\n                                            <div>\n                                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                                    {children}\n                                                </AssignmentCard>\n                                            </div>\n                                        }\n\n\n                                        </li>\n                                    })}\n\n                                </ul>\n                                </React.Fragment>\n                                }\n                                {!mainStep?.steps && mainStep.visited_status === 'current' &&\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                        {children}\n                                 </AssignmentCard>\n                                }\n                            </div>\n                        </div>\n                        </React.Fragment>\n                    )})}\n                </div>\n\n              :\n                <div className=\"psdk-horizontal-stepper\">\n                     <div className=\"psdk-horizontal-stepper-header-container\">\n                     {arNavigationSteps.map((mainStep, index) => {\n                        return (\n                        <React.Fragment key={mainStep.actionID}>\n                        <div className=\"psdk-horizontal-step-header\">\n                            <div className={ _getHIconClass(mainStep.visited_status)}>\n                                <div className=\"psdk-horizontal-step-icon-content\">\n                                <span>{index + 1}</span>\n                                </div>\n                            </div>\n                            <div className={ _getHLabelClass(mainStep.visited_status)}>\n                                <div className=\"psdk-horizontal-step-text-label\">\n                                {mainStep.name}\n                                </div>\n                            </div>\n                        </div>\n                        { _showHLine(index) &&\n                            <div className=\"psdk-horizontal-step-line\"></div>\n                        }\n                        </React.Fragment>\n                     )})}\n                     </div>\n                     {arNavigationSteps.map((mainStep) => {\n                        return (\n                         <React.Fragment key={mainStep.actionID}>\n                         {mainStep.steps &&\n                            <React.Fragment>\n                            <ul style={{paddingInlineStart: \"0rem\", marginLeft: \"35px\"}}>\n                            {mainStep.steps.map((subStep) => (\n                                <React.Fragment>\n                                <li className=\"psdk-sub-step-list\">\n                                <div style={{display: \"inline-flex\"}}>\n                                    {subStep.visited_status === 'current' &&\n                                    <img className=\"psdk-current-svg-icon\" src=\"{svgCurrent}\" />\n                                    }\n                                    {subStep.visited_status !== 'current' &&\n                                    <img className=\"psdk-not-current-svg-icon\" src=\"{svgNotCurrent}\" />\n                                    }\n                                    {subStep.visited_status === 'current' &&\n                                    <label className=\"psdk-sub-step-current\">{subStep.name}</label>\n                                    }\n                                    {subStep.visited_status !== 'current' &&\n                                    <label className=\"psdk-sub-step-not-current\">{subStep.name}</label>\n                                    }\n                                </div>\n                                {subStep.visited_status === 'current' &&\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                        {children}\n                                 </AssignmentCard>\n                                }\n                              </li>\n                              </React.Fragment>\n                            ))}\n\n                          </ul>\n                          </React.Fragment>\n                        }\n                        { !mainStep?.steps && mainStep.visited_status === 'current' &&\n                            <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                {children}\n                            </AssignmentCard>\n                        }\n                        </React.Fragment>\n                     )})}\n                </div>\n              }\n\n          </div>\n\n      </React.Fragment>\n\n    )\n  }\n\n  MultiStep.propTypes = {\n    children: PropTypes.node.isRequired,\n    getPConnect: PropTypes.func.isRequired,\n    itemKey: PropTypes.string,\n    actionButtons: PropTypes.object,\n    onButtonPress: PropTypes.func,\n    bIsVertical: PropTypes.bool,\n    // eslint-disable-next-line react/no-unused-prop-types\n    arCurrentStepIndicies: PropTypes.array,\n    arNavigationSteps: PropTypes.array\n  };\n\n  MultiStep.defaultProps = {\n    itemKey: null\n  };\n"]}