@pega/react-sdk-components 0.23.12 → 0.23.14

package/lib/components/field/TextInput/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/field/TextInput/TextInput.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,KAAA,eAwDtC"}

package/lib/components/field/TextInput/TextInput.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TextField } from '@material-ui/core';
+import FieldValueList from '../../designSystemExtension/FieldValueList';
+export default function TextInput(props) {
+    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, testId, fieldMetadata, helperText, displayMode } = props;
+    const helperTextToDisplay = validatemessage || helperText;
+    const maxLength = fieldMetadata?.maxLength;
+    let readOnlyProp = {}; // Note: empty if NOT ReadOnly
+    if (displayMode === 'LABELS_LEFT') {
+        const field = {
+            [label]: value
+        };
+        return React.createElement(FieldValueList, { item: field });
+    }
+    if (readOnly) {
+        readOnlyProp = { readOnly: true };
+    }
+    let testProp = {};
+    testProp = {
+        'data-test-id': testId
+    };
+    return (React.createElement(TextField, { fullWidth: true, variant: readOnly ? 'standard' : 'outlined', helperText: helperTextToDisplay, placeholder: '', size: 'small', required: required, disabled: disabled, onChange: onChange, onBlur: !readOnly ? onBlur : undefined, error: status === 'error', label: label, value: value, InputProps: { ...readOnlyProp, inputProps: { maxLength, ...testProp } } }));
+}
+//# sourceMappingURL=TextInput.js.map

package/lib/components/field/TextInput/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/field/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK;IACrC,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,aAAa,EACb,UAAU,EACV,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,MAAM,SAAS,GAAG,aAAa,EAAE,SAAS,CAAC;IAE3C,IAAI,YAAY,GAAG,EAAE,CAAC,CAAC,8BAA8B;IAErD,IAAG,WAAW,KAAK,aAAa,EAAE;QAChC,MAAM,KAAK,GAAG;YACZ,CAAC,KAAK,CAAC,EAAE,KAAK;SACf,CAAC;QACF,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,GAAI,CAAA;KACvC;IAED,IAAI,QAAQ,EAAE;QACZ,YAAY,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;KACnC;IAED,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,QAAQ,GAAG;QACT,cAAc,EAAE,MAAM;KACvB,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,QACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAC3C,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAC,EAAE,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,EAAE,GAAG,YAAY,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,EAAE,GACvE,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { TextField } from '@material-ui/core';\nimport FieldValueList from '../../designSystemExtension/FieldValueList';\n\nexport default function TextInput(props) {\n  const {\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    onBlur,\n    readOnly,\n    testId,\n    fieldMetadata,\n    helperText,\n    displayMode\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const maxLength = fieldMetadata?.maxLength;\n\n  let readOnlyProp = {}; // Note: empty if NOT ReadOnly\n\n  if(displayMode === 'LABELS_LEFT') {\n    const field = {\n      [label]: value\n    };\n    return <FieldValueList item={field} />\n  }\n\n  if (readOnly) {\n    readOnlyProp = { readOnly: true };\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  return (\n    <TextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder=''\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={onChange}\n      onBlur={!readOnly ? onBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={value}\n      InputProps={{ ...readOnlyProp, inputProps: { maxLength, ...testProp } }}\n    />\n  );\n}\n"]}

package/lib/components/field/TextInput/index.d.ts.map

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

package/lib/components/field/TextInput/index.js.map

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

package/lib/components/field/Time/Time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Time.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Time/Time.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,KAAA,eA+DjC"}

package/lib/components/field/Time/Time.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { KeyboardTimePicker } from '@material-ui/pickers';
+import TextInput from '../TextInput';
+import dayjs from 'dayjs';
+import AccessTimeIcon from '@material-ui/icons/AccessTime';
+import FieldValueList from '../../designSystemExtension/FieldValueList';
+export default function Time(props) {
+    const { label, required, disabled, value, validatemessage, status, onChange, readOnly, helperText, displayMode } = props;
+    const helperTextToDisplay = validatemessage || helperText;
+    if (displayMode === 'LABELS_LEFT') {
+        const field = {
+            [label]: value
+        };
+        return React.createElement(FieldValueList, { item: field });
+    }
+    if (readOnly) {
+        return React.createElement(TextInput, { ...props });
+    }
+    const handleChange = date => {
+        const theValue = date && date.isValid() ? date.format('HH:mm') : null;
+        onChange({ value: theValue });
+    };
+    let timeValue = null;
+    if (value) {
+        const timeArray = value.split(':').map(itm => Number(itm));
+        timeValue = dayjs().hour(timeArray[0]).minute(timeArray[1]);
+    }
+    //
+    // TODO: Keyboard doesn't work in the minute field, it updates one digit then jump to am/pm field
+    //       try an older version of the lib or use DateTimePicker
+    //
+    return (React.createElement(KeyboardTimePicker, { variant: 'inline', inputVariant: 'outlined', placeholder: 'hh:mm am', keyboardIcon: React.createElement(AccessTimeIcon, null), fullWidth: true, required: required, disabled: disabled, error: status === 'error', helperText: helperTextToDisplay, minutesStep: 5, size: 'small', label: label, autoOk: true, mask: '__:__ _m', format: 'hh:mm a', value: timeValue, onChange: handleChange }));
+}
+//# sourceMappingURL=Time.js.map

package/lib/components/field/Time/Time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../src/components/field/Time/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK;IAChC,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,eAAe,EACf,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,MAAM,KAAK,GAAG;YACZ,CAAC,KAAK,CAAC,EAAE,KAAK;SACf,CAAC;QACF,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,GAAI,CAAC;KACxC;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE;QAC1B,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACtE,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,IAAI,SAAS,GAAQ,IAAI,CAAC;IAC1B,IAAI,KAAK,EAAE;QACT,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAC3D,SAAS,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;KAC7D;IAED,EAAE;IACF,iGAAiG;IACjG,8DAA8D;IAC9D,EAAE;IAEF,OAAO,CACL,oBAAC,kBAAkB,IACjB,OAAO,EAAC,QAAQ,EAChB,YAAY,EAAC,UAAU,EACvB,WAAW,EAAC,UAAU,EACtB,YAAY,EAAE,oBAAC,cAAc,OAAG,EAChC,SAAS,QACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAE,CAAC,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,QACN,IAAI,EAAC,UAAU,EACf,MAAM,EAAC,SAAS,EAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { KeyboardTimePicker } from '@material-ui/pickers';\nimport TextInput from '../TextInput';\nimport dayjs from 'dayjs';\nimport AccessTimeIcon from '@material-ui/icons/AccessTime';\nimport FieldValueList from '../../designSystemExtension/FieldValueList';\n\nexport default function Time(props) {\n  const {\n    label,\n    required,\n    disabled,\n    value,\n    validatemessage,\n    status,\n    onChange,\n    readOnly,\n    helperText,\n    displayMode\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  if (displayMode === 'LABELS_LEFT') {\n    const field = {\n      [label]: value\n    };\n    return <FieldValueList item={field} />;\n  }\n\n  if (readOnly) {\n    return <TextInput {...props} />;\n  }\n\n  const handleChange = date => {\n    const theValue = date && date.isValid() ? date.format('HH:mm') : null;\n    onChange({ value: theValue });\n  };\n\n  let timeValue: any = null;\n  if (value) {\n    const timeArray = value.split(':').map(itm => Number(itm));\n    timeValue = dayjs().hour(timeArray[0]).minute(timeArray[1]);\n  }\n\n  //\n  // TODO: Keyboard doesn't work in the minute field, it updates one digit then jump to am/pm field\n  //       try an older version of the lib or use DateTimePicker\n  //\n\n  return (\n    <KeyboardTimePicker\n      variant='inline'\n      inputVariant='outlined'\n      placeholder='hh:mm am'\n      keyboardIcon={<AccessTimeIcon />}\n      fullWidth\n      required={required}\n      disabled={disabled}\n      error={status === 'error'}\n      helperText={helperTextToDisplay}\n      minutesStep={5}\n      size='small'\n      label={label}\n      autoOk\n      mask='__:__ _m'\n      format='hh:mm a'\n      value={timeValue}\n      onChange={handleChange}\n    />\n  );\n}\n"]}

package/lib/components/field/Time/index.d.ts.map

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

package/lib/components/field/Time/index.js.map

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

package/lib/components/field/URL/URL.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"URL.d.ts","sourceRoot":"","sources":["../../../../src/components/field/URL/URL.tsx"],"names":[],"mappings":";AAQA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,KAAA,eA4CzC"}

package/lib/components/field/URL/URL.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TextField } from '@material-ui/core';
+import TextInput from '../TextInput';
+import FieldValueList from '../../designSystemExtension/FieldValueList';
+// NOTE: that we had to change the name from URL to URLComponent
+//  Otherwise, we were getting all kinds of weird errors when we
+//  referred to URL as a component.
+export default function URLComponent(props) {
+    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, helperText, displayMode } = props;
+    const helperTextToDisplay = validatemessage || helperText;
+    if (displayMode === 'LABELS_LEFT') {
+        const field = {
+            [label]: value
+        };
+        return React.createElement(FieldValueList, { item: field });
+    }
+    if (readOnly) {
+        return React.createElement(TextInput, { ...props });
+    }
+    return (React.createElement(TextField, { type: 'url', fullWidth: true, variant: 'outlined', helperText: helperTextToDisplay, placeholder: '', size: 'small', required: required, disabled: disabled, onChange: onChange, onBlur: !readOnly ? onBlur : undefined, error: status === 'error', label: label, value: value }));
+}
+//# sourceMappingURL=URL.js.map

package/lib/components/field/URL/URL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"URL.js","sourceRoot":"","sources":["../../../../src/components/field/URL/URL.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,gEAAgE;AAChE,gEAAgE;AAChE,mCAAmC;AACnC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK;IACxC,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,UAAU,EACV,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,IAAG,WAAW,KAAK,aAAa,EAAE;QAChC,MAAM,KAAK,GAAG;YACZ,CAAC,KAAK,CAAC,EAAE,KAAK;SACf,CAAC;QACF,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,GAAI,CAAA;KACvC;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,EAAC,KAAK,EACV,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAC,EAAE,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { TextField } from '@material-ui/core';\nimport TextInput from '../TextInput';\nimport FieldValueList from '../../designSystemExtension/FieldValueList';\n\n// NOTE: that we had to change the name from URL to URLComponent\n//  Otherwise, we were getting all kinds of weird errors when we\n//  referred to URL as a component.\nexport default function URLComponent(props) {\n  const {\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    onBlur,\n    readOnly,\n    helperText,\n    displayMode\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  if(displayMode === 'LABELS_LEFT') {\n    const field = {\n      [label]: value\n    };\n    return <FieldValueList item={field} />\n  }\n\n  if (readOnly) {\n    return <TextInput {...props} />;\n  }\n\n  return (\n    <TextField\n      type='url'\n      fullWidth\n      variant='outlined'\n      helperText={helperTextToDisplay}\n      placeholder=''\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={onChange}\n      onBlur={!readOnly ? onBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={value}\n    />\n  );\n}\n"]}

package/lib/components/field/URL/index.d.ts.map

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

package/lib/components/field/URL/index.js.map

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

package/lib/components/field/UserReference/UserReference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserReference.d.ts","sourceRoot":"","sources":["../../../../src/components/field/UserReference/UserReference.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AACnE,OAAO,SAAS,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmMnC,wBAAiD"}

package/lib/components/field/UserReference/UserReference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserReference.js","sourceRoot":"","sources":["../../../../src/components/field/UserReference/UserReference.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Fragment, memo, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Typography } from '@material-ui/core';\nimport AutoComplete from '../AutoComplete';\nimport Dropdown from '../Dropdown';\nimport { getUserId, isUserNameAvailable } from './UserReferenceUtils';\n\ndeclare const PCore: any;\nconst DROPDOWN_LIST = 'Drop-down list';\nconst SEARCH_BOX = 'Search box';\n\nconst UserReference = props => {\n  const {\n    label,\n    displayAs,\n    getPConnect,\n    value,\n    testId,\n    helperText,\n    validatemessage,\n    placeholder,\n    showAsFormattedText,\n    additionalProps,\n    hideLabel,\n    readOnly,\n    required,\n    disabled,\n    onChange\n  } = props;\n  const [dropDownDataSource, setDropDownDataSource] = useState([]);\n  const [userName, setUserName] = useState('');\n  const OPERATORS_DP = PCore.getEnvironmentInfo().getDefaultOperatorDP();\n  const userId = getUserId(value);\n\n  useEffect(() => {\n    if (userId && readOnly && showAsFormattedText) {\n      if (isUserNameAvailable(value)) {\n        setUserName(value.userName);\n      } else {\n        // if same user ref field is referred in view as editable & readonly formatted text\n        // referenced users won't be available, so get user details from dx api\n        const { getOperatorDetails } = PCore.getUserApi();\n        getOperatorDetails(userId).then(res => {\n          if (res.data && res.data.pyOperatorInfo && res.data.pyOperatorInfo.pyUserName) {\n            setUserName(res.data.pyOperatorInfo.pyUserName);\n          }\n        });\n      }\n    } else if (displayAs === DROPDOWN_LIST) {\n      const queryPayload = {\n        dataViewName: OPERATORS_DP\n      };\n      PCore.getRestClient()\n        .invokeRestApi('getListData', { queryPayload })\n        .then(res => {\n          const ddDataSource = res.data.data.map(listItem => ({\n            key: listItem.pyUserIdentifier,\n            value: listItem.pyUserName\n          }));\n          setDropDownDataSource(ddDataSource);\n        })\n        .catch(err => {\n          // eslint-disable-next-line no-console\n          console.error(err);\n        });\n    }\n  }, [displayAs, readOnly, showAsFormattedText, value]);\n\n  let userReferenceComponent: any = null;\n\n  if (readOnly && showAsFormattedText) {\n    if (userId) {\n      userReferenceComponent = (\n        <Fragment>\n          {/*\n            TODO: This has to be replaced with Operator Component\n          */}\n          <div>\n            <Typography variant='caption'>{label}</Typography>\n            <Typography variant='body1'>{userName}</Typography>\n          </div>\n        </Fragment>\n      );\n    }\n  } else {\n    if (displayAs === SEARCH_BOX) {\n      const columns = [\n        {\n          value: 'pyUserName',\n          display: 'true',\n          useForSearch: true,\n          primary: 'true'\n        },\n        {\n          value: 'pyUserIdentifier',\n          setProperty: 'Associated property',\n          key: 'true',\n          display: 'true',\n          secondary: 'true',\n          useForSearch: 'true'\n        }\n      ];\n\n      userReferenceComponent = (\n        <AutoComplete\n          additionalProps={additionalProps}\n          label={label}\n          getPConnect={getPConnect}\n          datasource={OPERATORS_DP}\n          listType='datapage'\n          columns={columns}\n          testId={testId}\n          placeholder={placeholder}\n          readOnly={readOnly}\n          disabled={disabled}\n          required={required}\n          helperText={helperText}\n          validatemessage={validatemessage}\n          value={userId}\n          hideLabel={hideLabel}\n          onChange={onChange}\n        />\n      );\n    }\n    if (displayAs === DROPDOWN_LIST) {\n      userReferenceComponent = (\n        <Dropdown\n          additionalProps={additionalProps}\n          datasource={dropDownDataSource}\n          listType='associated'\n          getPConnect={getPConnect}\n          label={label}\n          value={userId}\n          testId={testId}\n          placeholder={placeholder}\n          readOnly={readOnly}\n          disabled={disabled}\n          required={required}\n          helperText={helperText}\n          validatemessage={validatemessage}\n          hideLabel={hideLabel}\n          onChange={onChange}\n        />\n      );\n    }\n  }\n\n  return userReferenceComponent;\n};\n\nUserReference.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  displayAs: PropTypes.string,\n  label: PropTypes.string,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.objectOf(PropTypes.any)]),\n  testId: PropTypes.string,\n  placeholder: PropTypes.string,\n  helperText: PropTypes.string,\n  disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n  readOnly: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n  required: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n  validatemessage: PropTypes.string,\n  showAsFormattedText: PropTypes.bool,\n  additionalProps: PropTypes.objectOf(PropTypes.any),\n  hideLabel: PropTypes.bool\n};\n\nUserReference.defaultProps = {\n  displayAs: null,\n  label: null,\n  value: null,\n  readOnly: false,\n  testId: null,\n  placeholder: null,\n  helperText: null,\n  disabled: false,\n  required: false,\n  validatemessage: null,\n  showAsFormattedText: false,\n  additionalProps: {},\n  variant: 'inline',\n  hideLabel: false\n};\n\n// as objects are there in props, shallow comparision fails & re-rendering of comp happens even with\n// same key value pairs in obj. hence using custom comparison function on when to re-render\nconst comparisonFn = (prevProps, nextProps) => {\n  return (\n    getUserId(prevProps.value) === getUserId(nextProps.value) &&\n    prevProps.validatemessage === nextProps.validatemessage &&\n    prevProps.required === nextProps.required &&\n    prevProps.disabled === nextProps.disabled &&\n    prevProps.readOnly === nextProps.readOnly\n  );\n};\n\nexport default memo(UserReference, comparisonFn);\n"]}

package/lib/components/field/UserReference/UserReferenceUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserReferenceUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/field/UserReference/UserReferenceUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,uBAQrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,oBAE/B,CAAC"}

package/lib/components/field/UserReference/UserReferenceUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserReferenceUtils.js","sourceRoot":"","sources":["../../../../src/components/field/UserReference/UserReferenceUtils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,EAAE;IAChC,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;QAC5D,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;KACtB;SAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,EAAE;QAC3C,MAAM,GAAG,IAAI,CAAC;KACf;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,EAAE;IAC1C,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC;AACpE,CAAC,CAAC","sourcesContent":["export const getUserId = (user) => {\n  let userId = '';\n  if (typeof user === 'object' && user !== null && user.userId) {\n    userId = user.userId;\n  } else if (typeof user === 'string' && user) {\n    userId = user;\n  }\n  return userId;\n};\n\nexport const isUserNameAvailable = (user) => {\n  return typeof user === 'object' && user !== null && user.userName;\n};\n"]}

package/lib/components/field/UserReference/index.d.ts.map

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

package/lib/components/field/UserReference/index.js.map

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

package/lib/components/helpers/simpleTableHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleTableHelpers.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/simpleTableHelpers.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,gBAAgB,CAAC;AACxC,eAAO,MAAM,WAAW,eAAe,CAAC;AAwCxC,eAAO,MAAM,UAAU;;;;CAmBtB,CAAC;AAEF,eAAO,MAAM,cAAc,uBAI1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAwBzB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyChC,CAAC;AAEF,eAAO,MAAM,mBAAmB,gEAmC/B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;CAuB9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,0CAE7B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,mEAY1B,CAAC;AAEF,eAAO,MAAM,UAAU,kDA+HtB,CAAA"}

package/lib/components/helpers/simpleTableHelpers.js

@@ -0,0 +1,306 @@
+import { Utils } from './utils';
+export const TABLE_CELL = "SdkRenderer";
+export const DELETE_ICON = "DeleteIcon";
+// BUG-615253: Workaround for autosize in table with lazy loading components
+/* istanbul ignore next */
+function getFieldWidth(field, label) {
+    let width;
+    switch (field.type) {
+        case "Time":
+            width = 150;
+            break;
+        case "Date":
+            width = 160;
+            break;
+        case "DateTime":
+            width = 205;
+            break;
+        case "AutoComplete":
+        case "TextArea":
+            width = 190;
+            break;
+        case "Currency":
+        case "TextInput":
+            width = 182;
+            break;
+        case "Checkbox":
+            // eslint-disable-next-line no-case-declarations
+            const text = document.createElement("span");
+            document.body.appendChild(text);
+            text.style.fontSize = "13px";
+            text.style.position = "absolute";
+            text.innerHTML = label;
+            width = Math.ceil(text.clientWidth) + 30;
+            document.body.removeChild(text);
+            break;
+        default:
+            width = 180;
+    }
+    return width;
+}
+export const getContext = (thePConn) => {
+    const contextName = thePConn.getContextName();
+    const pageReference = thePConn.getPageReference();
+    let { referenceList } = thePConn.getStateProps().config;
+    const pageReferenceForRows = referenceList.startsWith(".")
+        ? `${pageReference}.${referenceList.substring(1)}`
+        : referenceList;
+    // removing "caseInfo.content" prefix to avoid setting it as a target while preparing pageInstructions
+    referenceList = pageReferenceForRows.replace(PCore.getConstants().CASE_INFO.CASE_INFO_CONTENT, "");
+    return {
+        contextName,
+        referenceListStr: referenceList,
+        pageReferenceForRows
+    };
+};
+export const populateRowKey = (rawData) => {
+    return rawData.map((row, index) => {
+        return { ...row, index };
+    });
+};
+export const getApiContext = (processedData, pConnect, reorderCB) => {
+    return {
+        fetchData: () => {
+            return new Promise((resolve) => {
+                resolve({
+                    data: processedData,
+                    filteredRecordCount: processedData.length,
+                    totalRecordCount: processedData.length
+                });
+            });
+        },
+        fetchPersonalizations: () => {
+            return Promise.resolve({});
+        },
+        applyRowReorder: (sourceKey, destinationKey) => {
+            // indexes are keys for simple table so, it should work.
+            reorderCB();
+            return Promise.resolve(pConnect
+                .getListActions()
+                .reorder(parseInt(sourceKey, 10), parseInt(destinationKey, 10)));
+        }
+    };
+};
+export const buildMetaForListView = (fieldMetadata, fields, type, ruleClass, name, propertyLabel, parameters) => {
+    return {
+        name,
+        config: {
+            type,
+            referenceList: fieldMetadata.datasource.name,
+            parameters: parameters ?? fieldMetadata.datasource.parameters,
+            personalization: false,
+            grouping: true,
+            globalSearch: true,
+            reorderFields: true,
+            toggleFieldVisibility: true,
+            personalizationId: "" /* TODO */,
+            template: "ListView",
+            presets: [
+                {
+                    name: "presets",
+                    template: "Table",
+                    config: {},
+                    children: [
+                        {
+                            name: "Columns",
+                            type: "Region",
+                            children: fields
+                        }
+                    ],
+                    label: propertyLabel,
+                    id: "P_" /* TODO */
+                }
+            ],
+            ruleClass
+        }
+    };
+};
+export const buildFieldsForTable = (configFields, fields, showDeleteButton) => {
+    const fieldDefs = configFields.map((field, index) => {
+        return {
+            type: "text",
+            label: fields[index].config.label || fields[index].config.caption,
+            fillAvailableSpace: !!field.config.fillAvailableSpace,
+            id: index,
+            name: field.config.value.substr(4),
+            cellRenderer: TABLE_CELL,
+            sort: false,
+            noContextMenu: true,
+            showMenu: false,
+            meta: {
+                ...field
+            },
+            // BUG-615253: Workaround for autosize in table with lazy loading components
+            width: getFieldWidth(field, fields[index].config.label)
+        };
+    });
+    // ONLY add DELETE_ICON to fields when the table is requested as EDITABLE
+    if (showDeleteButton) {
+        fieldDefs.push({
+            type: "text",
+            id: fieldDefs.length,
+            cellRenderer: DELETE_ICON,
+            sort: false,
+            noContextMenu: true,
+            showMenu: false,
+            // BUG-615253: Workaround for autosize in table with lazy loading components
+            width: 46
+        });
+    }
+    return fieldDefs;
+};
+export const createMetaForTable = (fields, renderMode) => {
+    return {
+        height: {
+            minHeight: "auto",
+            fitHeightToElement: "fitHeightToElement",
+            deltaAdjustment: "deltaAdjustment",
+            autoSize: true
+        },
+        fieldDefs: fields,
+        itemKey: "index",
+        grouping: false,
+        reorderFields: false,
+        reorderItems: renderMode === "Editable",
+        dragHandle: renderMode === "Editable",
+        globalSearch: false,
+        personalization: false,
+        toggleFieldVisibility: false,
+        toolbar: false,
+        footer: false,
+        filterExpression: null,
+        editing: false,
+        timezone: PCore.getEnvironmentInfo().getTimeZone()
+    };
+};
+/**
+ * This method returns a callBack function for Add action.
+ * @param {object} pConnect - PConnect object
+ * @param {number} index - index of the page list to add
+ */
+export const getAddRowCallback = (pConnect, index) => {
+    return () => pConnect.getListActions().insert({}, index);
+};
+/**
+ * This method creates a PConnect object with proper options for Add and Delete actions
+ * @param {string} contextName - contextName
+ * @param {string} referenceList - referenceList
+ * @param {string} pageReference - pageReference
+ */
+export const createPConnect = (contextName, referenceList, pageReference) => {
+    const options = {
+        context: contextName,
+        pageReference,
+        referenceList
+    };
+    // create PConnect object
+    const config = { meta: {}, options };
+    const { getPConnect } = PCore.createPConnect(config);
+    return getPConnect();
+};
+export const filterData = (filterByColumns) => {
+    return function filteringData(item) {
+        let bKeep = true;
+        for (const filterObj of filterByColumns) {
+            if (filterObj.containsFilterValue !== '' ||
+                filterObj.containsFilter === 'null' ||
+                filterObj.containsFilter === 'notnull') {
+                let value;
+                let filterValue;
+                switch (filterObj.type) {
+                    case 'Date':
+                    case 'DateTime':
+                    case 'Time':
+                        value =
+                            item[filterObj.ref] !== null ?? item[filterObj.ref] !== ''
+                                ? Utils.getSeconds(item[filterObj.ref])
+                                : null;
+                        filterValue =
+                            filterObj.containsFilterValue !== null && filterObj.containsFilterValue !== ''
+                                ? Utils.getSeconds(filterObj.containsFilterValue)
+                                : null;
+                        // eslint-disable-next-line sonarjs/no-nested-switch
+                        switch (filterObj.containsFilter) {
+                            case 'notequal':
+                                // becasue filterValue is in minutes, need to have a range of less than 60 secons
+                                if (value !== null && filterValue !== null) {
+                                    // get rid of milliseconds
+                                    value /= 1000;
+                                    filterValue /= 1000;
+                                    const diff = value - filterValue;
+                                    if (diff >= 0 && diff < 60) {
+                                        bKeep = false;
+                                    }
+                                }
+                                break;
+                            case 'equal':
+                                // becasue filterValue is in minutes, need to have a range of less than 60 secons
+                                if (value !== null && filterValue !== null) {
+                                    // get rid of milliseconds
+                                    value /= 1000;
+                                    filterValue /= 1000;
+                                    const diff = value - filterValue;
+                                    if (diff !== 0) {
+                                        bKeep = false;
+                                    }
+                                }
+                                break;
+                            case 'after':
+                                if (value < filterValue) {
+                                    bKeep = false;
+                                }
+                                break;
+                            case 'before':
+                                if (value > filterValue) {
+                                    bKeep = false;
+                                }
+                                break;
+                            case 'null':
+                                if (value !== null) {
+                                    bKeep = false;
+                                }
+                                break;
+                            case 'notnull':
+                                if (value === null) {
+                                    bKeep = false;
+                                }
+                                break;
+                            default:
+                                break;
+                        }
+                        break;
+                    default:
+                        value = item[filterObj.ref].toLowerCase();
+                        filterValue = filterObj.containsFilterValue.toLowerCase();
+                        // eslint-disable-next-line sonarjs/no-nested-switch
+                        switch (filterObj.containsFilter) {
+                            case 'contains':
+                                if (value.indexOf(filterValue) < 0) {
+                                    bKeep = false;
+                                }
+                                break;
+                            case 'equals':
+                                if (value !== filterValue) {
+                                    bKeep = false;
+                                }
+                                break;
+                            case 'startswith':
+                                if (value.indexOf(filterValue) !== 0) {
+                                    bKeep = false;
+                                }
+                                break;
+                            default:
+                                break;
+                        }
+                        break;
+                }
+            }
+            // if don't keep stop filtering
+            if (!bKeep) {
+                break;
+            }
+        }
+        return bKeep;
+    };
+};
+//# sourceMappingURL=simpleTableHelpers.js.map

package/lib/components/helpers/simpleTableHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleTableHelpers.js","sourceRoot":"","sources":["../../../src/components/helpers/simpleTableHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { Utils } from './utils';\n\ndeclare const PCore;\n\nexport const TABLE_CELL = \"SdkRenderer\";\nexport const DELETE_ICON = \"DeleteIcon\";\n\n// BUG-615253: Workaround for autosize in table with lazy loading components\n/* istanbul ignore next */\nfunction getFieldWidth(field, label) {\n  let width;\n  switch (field.type) {\n    case \"Time\":\n      width = 150;\n      break;\n    case \"Date\":\n      width = 160;\n      break;\n    case \"DateTime\":\n      width = 205;\n      break;\n    case \"AutoComplete\":\n    case \"TextArea\":\n      width = 190;\n      break;\n    case \"Currency\":\n    case \"TextInput\":\n      width = 182;\n      break;\n    case \"Checkbox\":\n      // eslint-disable-next-line no-case-declarations\n      const text = document.createElement(\"span\");\n      document.body.appendChild(text);\n      text.style.fontSize = \"13px\";\n      text.style.position = \"absolute\";\n      text.innerHTML = label;\n      width = Math.ceil(text.clientWidth) + 30;\n      document.body.removeChild(text);\n      break;\n    default:\n      width = 180;\n  }\n  return width;\n}\n\nexport const getContext = (thePConn) => {\n  const contextName = thePConn.getContextName();\n  const pageReference = thePConn.getPageReference();\n  let { referenceList } = thePConn.getStateProps().config;\n  const pageReferenceForRows = referenceList.startsWith(\".\")\n    ? `${pageReference}.${referenceList.substring(1)}`\n    : referenceList;\n\n  // removing \"caseInfo.content\" prefix to avoid setting it as a target while preparing pageInstructions\n  referenceList = pageReferenceForRows.replace(\n    PCore.getConstants().CASE_INFO.CASE_INFO_CONTENT,\n    \"\"\n  );\n\n  return {\n    contextName,\n    referenceListStr: referenceList,\n    pageReferenceForRows\n  };\n};\n\nexport const populateRowKey = (rawData) => {\n  return rawData.map((row, index) => {\n    return { ...row, index };\n  });\n};\n\nexport const getApiContext = (processedData, pConnect, reorderCB) => {\n  return {\n    fetchData: () => {\n      return new Promise((resolve) => {\n        resolve({\n          data: processedData,\n          filteredRecordCount: processedData.length,\n          totalRecordCount: processedData.length\n        });\n      });\n    },\n    fetchPersonalizations: () => {\n      return Promise.resolve({});\n    },\n    applyRowReorder: (sourceKey, destinationKey) => {\n      // indexes are keys for simple table so, it should work.\n      reorderCB();\n      return Promise.resolve(\n        pConnect\n          .getListActions()\n          .reorder(parseInt(sourceKey, 10), parseInt(destinationKey, 10))\n      );\n    }\n  };\n};\n\nexport const buildMetaForListView = (\n  fieldMetadata,\n  fields,\n  type,\n  ruleClass,\n  name,\n  propertyLabel,\n  parameters\n) => {\n  return {\n    name,\n    config: {\n      type,\n      referenceList: fieldMetadata.datasource.name,\n      parameters: parameters ?? fieldMetadata.datasource.parameters,\n      personalization: false,\n      grouping: true,\n      globalSearch: true,\n      reorderFields: true,\n      toggleFieldVisibility: true,\n      personalizationId: \"\" /* TODO */,\n      template: \"ListView\",\n      presets: [\n        {\n          name: \"presets\",\n          template: \"Table\",\n          config: {},\n          children: [\n            {\n              name: \"Columns\",\n              type: \"Region\",\n              children: fields\n            }\n          ],\n          label: propertyLabel,\n          id: \"P_\" /* TODO */\n        }\n      ],\n      ruleClass\n    }\n  };\n};\n\nexport const buildFieldsForTable = (configFields, fields, showDeleteButton) => {\n  const fieldDefs = configFields.map((field, index) => {\n    return {\n      type: \"text\",\n      label: fields[index].config.label || fields[index].config.caption,\n      fillAvailableSpace: !!field.config.fillAvailableSpace,\n      id: index,\n      name: field.config.value.substr(4),\n      cellRenderer: TABLE_CELL,\n      sort: false,\n      noContextMenu: true,\n      showMenu: false,\n      meta: {\n        ...field\n      },\n      // BUG-615253: Workaround for autosize in table with lazy loading components\n      width: getFieldWidth(field, fields[index].config.label)\n    };\n  });\n\n  // ONLY add DELETE_ICON to fields when the table is requested as EDITABLE\n  if (showDeleteButton) {\n    fieldDefs.push({\n      type: \"text\",\n      id: fieldDefs.length,\n      cellRenderer: DELETE_ICON,\n      sort: false,\n      noContextMenu: true,\n      showMenu: false,\n      // BUG-615253: Workaround for autosize in table with lazy loading components\n      width: 46\n    });\n  }\n\n  return fieldDefs;\n};\n\nexport const createMetaForTable = (fields, renderMode) => {\n  return {\n    height: {\n      minHeight: \"auto\",\n      fitHeightToElement: \"fitHeightToElement\",\n      deltaAdjustment: \"deltaAdjustment\",\n      autoSize: true\n    },\n    fieldDefs: fields,\n    itemKey: \"index\",\n    grouping: false,\n    reorderFields: false,\n    reorderItems: renderMode === \"Editable\",\n    dragHandle: renderMode === \"Editable\",\n    globalSearch: false,\n    personalization: false,\n    toggleFieldVisibility: false,\n    toolbar: false,\n    footer: false,\n    filterExpression: null,\n    editing: false,\n    timezone: PCore.getEnvironmentInfo().getTimeZone()\n  };\n};\n\n/**\n * This method returns a callBack function for Add action.\n * @param {object} pConnect - PConnect object\n * @param {number} index - index of the page list to add\n */\nexport const getAddRowCallback = (pConnect, index) => {\n  return () => pConnect.getListActions().insert({}, index);\n};\n\n/**\n * This method creates a PConnect object with proper options for Add and Delete actions\n * @param {string} contextName - contextName\n * @param {string} referenceList - referenceList\n * @param {string} pageReference - pageReference\n */\nexport const createPConnect = (contextName, referenceList, pageReference) => {\n  const options = {\n    context: contextName,\n    pageReference,\n    referenceList\n  };\n\n  // create PConnect object\n  const config = { meta: {}, options };\n  const { getPConnect } = PCore.createPConnect(config);\n\n  return getPConnect();\n};\n\nexport const filterData = (filterByColumns) => {\n  return function filteringData(item) {\n    let bKeep = true;\n    for (const filterObj of filterByColumns) {\n      if (\n        filterObj.containsFilterValue !== '' ||\n        filterObj.containsFilter === 'null' ||\n        filterObj.containsFilter === 'notnull'\n      ) {\n        let value: any;\n        let filterValue: any;\n\n        switch (filterObj.type) {\n          case 'Date':\n          case 'DateTime':\n          case 'Time':\n            value =\n              item[filterObj.ref] !== null ?? item[filterObj.ref] !== ''\n                ? Utils.getSeconds(item[filterObj.ref])\n                : null;\n            filterValue =\n              filterObj.containsFilterValue !== null && filterObj.containsFilterValue !== ''\n                ? Utils.getSeconds(filterObj.containsFilterValue)\n                : null;\n\n            // eslint-disable-next-line sonarjs/no-nested-switch\n            switch (filterObj.containsFilter) {\n              case 'notequal':\n                // becasue filterValue is in minutes, need to have a range of less than 60 secons\n\n                if (value !== null && filterValue !== null) {\n                  // get rid of milliseconds\n                  value /= 1000;\n                  filterValue /= 1000;\n\n                  const diff = value - filterValue;\n                  if (diff >= 0 && diff < 60) {\n                    bKeep = false;\n                  }\n                }\n\n                break;\n\n              case 'equal':\n                  // becasue filterValue is in minutes, need to have a range of less than 60 secons\n\n                  if (value !== null && filterValue !== null) {\n                    // get rid of milliseconds\n                    value /= 1000;\n                    filterValue /= 1000;\n\n                    const diff = value - filterValue;\n                    if (diff !== 0) {\n                      bKeep = false;\n                    }\n                  }\n\n              break;\n\n              case 'after':\n                if (value < filterValue) {\n                  bKeep = false;\n                }\n                break;\n\n              case 'before':\n                if (value > filterValue) {\n                  bKeep = false;\n                }\n                break;\n\n              case 'null':\n                if (value !== null) {\n                  bKeep = false;\n                }\n                break;\n\n              case 'notnull':\n                if (value === null) {\n                  bKeep = false;\n                }\n                break;\n\n              default:\n                break;\n            }\n            break;\n\n          default:\n            value = item[filterObj.ref].toLowerCase();\n            filterValue = filterObj.containsFilterValue.toLowerCase();\n\n            // eslint-disable-next-line sonarjs/no-nested-switch\n            switch (filterObj.containsFilter) {\n              case 'contains':\n                if (value.indexOf(filterValue) < 0) {\n                  bKeep = false;\n                }\n                break;\n\n              case 'equals':\n                if (value !== filterValue) {\n                  bKeep = false;\n                }\n                break;\n\n              case 'startswith':\n                if (value.indexOf(filterValue) !== 0) {\n                  bKeep = false;\n                }\n                break;\n\n              default:\n                break;\n            }\n\n            break;\n        }\n      }\n\n      // if don't keep stop filtering\n      if (!bKeep) {\n        break;\n      }\n    }\n    return bKeep;\n  }\n}\n"]}

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

@@ -7,7 +7,7 @@ import { Card, CardHeader, Avatar, Typography } from "@material-ui/core";
 import { Utils } from '../../../helpers/utils';
 import { Alert } from '@material-ui/lab';
 import Assignment from '../../Assignment';
-import ToDo from "../../../widgets/ToDo";
+import ToDo from "../../../widget/ToDo";
 import createPConnectComponent from '../../../../bridge/react_pconnect';
 import StoreContext from "../../../../bridge/Context/StoreContext";
 import DayjsUtils from "@date-io/dayjs";