@pega/react-sdk-components 0.24.4 → 0.25.2

package/lib/components/field/TextArea/TextArea.js

@@ -1,14 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from '@material-ui/core';
+import { useEffect, useState } from 'react';
+import { TextField } from '@mui/material';
+import handleEvent from '../../helpers/event-utils';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function TextArea(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const FieldValueList = getComponentFromMap('FieldValueList');
-    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, testId, fieldMetadata, helperText, displayMode, hideLabel, placeholder } = props;
+    const { getPConnect, label, required, disabled, value = '', validatemessage, status, readOnly, testId, fieldMetadata, helperText, displayMode, hideLabel, placeholder } = props;
     const helperTextToDisplay = validatemessage || helperText;
+    const pConn = getPConnect();
+    const actions = pConn.getActionsApi();
+    const propName = pConn.getStateProps().value;
     const maxLength = fieldMetadata?.maxLength;
+    const [inputValue, setInputValue] = useState('');
     let readOnlyProp = {};
-    if (displayMode === 'LABELS_LEFT') {
+    useEffect(() => {
+        setInputValue(value);
+    }, [value]);
+    if (displayMode === 'DISPLAY_ONLY') {
         return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
@@ -19,10 +28,16 @@ export default function TextArea(props) {
         //  since we want to preserve the minRows, maxRows info.
         readOnlyProp = { readOnly: true };
     }
-    let testProp = {};
-    testProp = {
-        'data-test-id': testId
-    };
-    return (_jsx(TextField, { multiline: true, minRows: 5, maxRows: 5, fullWidth: true, variant: readOnly ? 'standard' : 'outlined', helperText: helperTextToDisplay, placeholder: 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 } } }));
+    const testProps = { 'data-test-id': testId };
+    function handleChange(event) {
+        // update internal value
+        setInputValue(event?.target?.value);
+    }
+    function handleBlur() {
+        handleEvent(actions, 'changeNblur', propName, inputValue);
+    }
+    return (_jsx(TextField, { multiline: true, minRows: 5, maxRows: 5, fullWidth: true, variant: readOnly ? 'standard' : 'outlined', helperText: helperTextToDisplay, placeholder: placeholder ?? '', size: 'small', required: required, disabled: disabled, onChange: handleChange, onBlur: !readOnly ? handleBlur : undefined, error: status === 'error', label: label, value: inputValue, slotProps: {
+            input: { ...readOnlyProp, inputProps: { maxLength, ...testProps } }
+        } }));
 }
 //# sourceMappingURL=TextArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/field/TextArea/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAQhF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAoB;IACnD,8EAA8E;IAC9E,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,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,EACX,SAAS,EACT,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;IAEtB,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACvE;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE;QACvC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KACzF;IAED,IAAI,QAAQ,EAAE;QACZ,wEAAwE;QACxE,wDAAwD;QACxD,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,KAAC,SAAS,IACR,SAAS,QACT,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,CAAC,EACV,SAAS,QACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAC3C,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAE,WAAW,IAAI,EAAE,EAC9B,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 { TextField } from '@material-ui/core';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface TextAreaProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on TextArea here\n  fieldMetadata?: any;\n}\n\nexport default function TextArea(props: TextAreaProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\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    hideLabel,\n    placeholder\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const maxLength = fieldMetadata?.maxLength;\n\n  let readOnlyProp = {};\n\n  if (displayMode === 'LABELS_LEFT') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n  }\n\n  if (readOnly) {\n    // Not just emitting a read only Textfield like some other components do\n    //  since we want to preserve the minRows, maxRows info.\n    readOnlyProp = { readOnly: true };\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  return (\n    <TextField\n      multiline\n      minRows={5}\n      maxRows={5}\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={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"]}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/field/TextArea/TextArea.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { TextField } from '@mui/material';\n\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface TextAreaProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on TextArea here\n  fieldMetadata?: any;\n}\n\nexport default function TextArea(props: TextAreaProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    getPConnect,\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    readOnly,\n    testId,\n    fieldMetadata,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n  const maxLength = fieldMetadata?.maxLength;\n\n  const [inputValue, setInputValue] = useState('');\n\n  let readOnlyProp = {};\n\n  useEffect(() => {\n    setInputValue(value);\n  }, [value]);\n\n  if (displayMode === 'DISPLAY_ONLY') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n  }\n\n  if (readOnly) {\n    // Not just emitting a read only Textfield like some other components do\n    //  since we want to preserve the minRows, maxRows info.\n    readOnlyProp = { readOnly: true };\n  }\n\n  const testProps: any = { 'data-test-id': testId };\n\n  function handleChange(event) {\n    // update internal value\n    setInputValue(event?.target?.value);\n  }\n\n  function handleBlur() {\n    handleEvent(actions, 'changeNblur', propName, inputValue);\n  }\n\n  return (\n    <TextField\n      multiline\n      minRows={5}\n      maxRows={5}\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={handleChange}\n      onBlur={!readOnly ? handleBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={inputValue}\n      slotProps={{\n        input: { ...readOnlyProp, inputProps: { maxLength, ...testProps } }\n      }}\n    />\n  );\n}\n"]}

package/lib/components/field/TextContent/TextContent.d.ts

@@ -1,4 +1,4 @@
-import { PConnProps } from '../../../types/PConnProps';
+import type { PConnProps } from '../../../types/PConnProps';
 interface TextContentProps extends PConnProps {
     content: string;
     displayAs: 'Paragraph' | 'Heading 1' | 'Heading 2' | 'Heading 3' | 'Heading 4';

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

@@ -1 +1 @@
-{"version":3,"file":"TextContent.d.ts","sourceRoot":"","sources":["../../../../src/components/field/TextContent/TextContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,gBAAiB,SAAQ,UAAU;IAE3C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;CAChF;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAoC1D"}
+{"version":3,"file":"TextContent.d.ts","sourceRoot":"","sources":["../../../../src/components/field/TextContent/TextContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,gBAAiB,SAAQ,UAAU;IAE3C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;CAChF;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAoC1D"}

package/lib/components/field/TextContent/TextContent.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Typography } from '@material-ui/core';
+import { Typography } from '@mui/material';
 export default function TextContent(props) {
     const { content, displayAs } = props;
     let theVariant = 'body1';

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

@@ -1 +1 @@
-{"version":3,"file":"TextContent.js","sourceRoot":"","sources":["../../../../src/components/field/TextContent/TextContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAU/C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAuB;IAIzD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAsD,KAAK,CAAC;IAExF,IAAI,UAAU,GAAqB,OAAO,CAAC;IAE3C,QAAQ,SAAS,EAAE;QACjB,KAAK,WAAW;YACd,UAAU,GAAG,OAAO,CAAC;YACrB,MAAM;QAER,KAAK,WAAW;YACd,UAAU,GAAG,IAAI,CAAC;YAClB,MAAM;QAER,KAAK,WAAW;YACd,UAAU,GAAG,IAAI,CAAC;YAClB,MAAM;QAER,KAAK,WAAW;YACd,UAAU,GAAG,IAAI,CAAC;YAClB,MAAM;QAER,KAAK,WAAW;YACd,UAAU,GAAG,IAAI,CAAC;YAClB,MAAM;QAER;YACE,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,+CAA+C,SAAS,EAAE,CAAC,CAAC;YAC1E,MAAM;KACT;IAED,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,UAAU,YAAG,OAAO,GAAc,CAAC;AACjE,CAAC","sourcesContent":["import { Typography } from '@material-ui/core';\n\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface TextContentProps extends PConnProps {\n  // If any, enter additional props that only exist on TextContent here\n  content: string;\n  displayAs: 'Paragraph' | 'Heading 1' | 'Heading 2' | 'Heading 3' | 'Heading 4';\n}\n\nexport default function TextContent(props: TextContentProps) {\n  type ExpectedDisplayAs = 'Paragraph' | 'Heading 1' | 'Heading 2' | 'Heading 3' | 'Heading 4';\n  type ExpectedVariants = 'body1' | 'h1' | 'h2' | 'h3' | 'h4';\n\n  const { content, displayAs }: { content: string; displayAs: ExpectedDisplayAs } = props;\n\n  let theVariant: ExpectedVariants = 'body1';\n\n  switch (displayAs) {\n    case 'Paragraph':\n      theVariant = 'body1';\n      break;\n\n    case 'Heading 1':\n      theVariant = 'h1';\n      break;\n\n    case 'Heading 2':\n      theVariant = 'h2';\n      break;\n\n    case 'Heading 3':\n      theVariant = 'h3';\n      break;\n\n    case 'Heading 4':\n      theVariant = 'h4';\n      break;\n\n    default:\n      // eslint-disable-next-line no-console\n      console.error(`TextContent got an expected displayAs prop: ${displayAs}`);\n      break;\n  }\n\n  return <Typography variant={theVariant}>{content}</Typography>;\n}\n"]}
+{"version":3,"file":"TextContent.js","sourceRoot":"","sources":["../../../../src/components/field/TextContent/TextContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAU3C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAuB;IAIzD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAsD,KAAK,CAAC;IAExF,IAAI,UAAU,GAAqB,OAAO,CAAC;IAE3C,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,WAAW;YACd,UAAU,GAAG,OAAO,CAAC;YACrB,MAAM;QAER,KAAK,WAAW;YACd,UAAU,GAAG,IAAI,CAAC;YAClB,MAAM;QAER,KAAK,WAAW;YACd,UAAU,GAAG,IAAI,CAAC;YAClB,MAAM;QAER,KAAK,WAAW;YACd,UAAU,GAAG,IAAI,CAAC;YAClB,MAAM;QAER,KAAK,WAAW;YACd,UAAU,GAAG,IAAI,CAAC;YAClB,MAAM;QAER;YACE,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,+CAA+C,SAAS,EAAE,CAAC,CAAC;YAC1E,MAAM;IACV,CAAC;IAED,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,UAAU,YAAG,OAAO,GAAc,CAAC;AACjE,CAAC","sourcesContent":["import { Typography } from '@mui/material';\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface TextContentProps extends PConnProps {\n  // If any, enter additional props that only exist on TextContent here\n  content: string;\n  displayAs: 'Paragraph' | 'Heading 1' | 'Heading 2' | 'Heading 3' | 'Heading 4';\n}\n\nexport default function TextContent(props: TextContentProps) {\n  type ExpectedDisplayAs = 'Paragraph' | 'Heading 1' | 'Heading 2' | 'Heading 3' | 'Heading 4';\n  type ExpectedVariants = 'body1' | 'h1' | 'h2' | 'h3' | 'h4';\n\n  const { content, displayAs }: { content: string; displayAs: ExpectedDisplayAs } = props;\n\n  let theVariant: ExpectedVariants = 'body1';\n\n  switch (displayAs) {\n    case 'Paragraph':\n      theVariant = 'body1';\n      break;\n\n    case 'Heading 1':\n      theVariant = 'h1';\n      break;\n\n    case 'Heading 2':\n      theVariant = 'h2';\n      break;\n\n    case 'Heading 3':\n      theVariant = 'h3';\n      break;\n\n    case 'Heading 4':\n      theVariant = 'h4';\n      break;\n\n    default:\n      // eslint-disable-next-line no-console\n      console.error(`TextContent got an expected displayAs prop: ${displayAs}`);\n      break;\n  }\n\n  return <Typography variant={theVariant}>{content}</Typography>;\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { PConnFieldProps } from '../../../types/PConnProps';
+import type { PConnFieldProps } from '../../../types/PConnProps';
 interface TextInputProps extends PConnFieldProps {
     fieldMetadata?: any;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/field/TextInput/TextInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,cAAe,SAAQ,eAAe;IAE9C,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,2CAiFtD"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/field/TextInput/TextInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,UAAU,cAAe,SAAQ,eAAe;IAE9C,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,2CA+EtD"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { TextField } from '@material-ui/core';
+import { TextField } from '@mui/material';
 import handleEvent from '../../helpers/event-utils';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function TextInput(props) {
@@ -19,7 +19,7 @@ export default function TextInput(props) {
     useEffect(() => {
         setInputValue(value);
     }, [value]);
-    if (displayMode === 'LABELS_LEFT') {
+    if (displayMode === 'DISPLAY_ONLY') {
         return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
@@ -28,10 +28,7 @@ export default function TextInput(props) {
     if (readOnly) {
         readOnlyProp = { readOnly: true };
     }
-    let testProp = {};
-    testProp = {
-        'data-test-id': testId
-    };
+    const testProps = { 'data-test-id': testId };
     function handleChange(event) {
         // update internal value
         setInputValue(event?.target?.value);
@@ -39,6 +36,8 @@ export default function TextInput(props) {
     function handleBlur() {
         handleEvent(actions, 'changeNblur', propName, inputValue);
     }
-    return (_jsx(TextField, { fullWidth: true, variant: readOnly ? 'standard' : 'outlined', helperText: helperTextToDisplay, placeholder: placeholder ?? '', size: 'small', required: required, disabled: disabled, onChange: handleChange, onBlur: !readOnly ? handleBlur : undefined, error: status === 'error', label: label, value: inputValue, InputProps: { ...readOnlyProp, inputProps: { maxLength, ...testProp } } }));
+    return (_jsx(TextField, { fullWidth: true, variant: readOnly ? 'standard' : 'outlined', helperText: helperTextToDisplay, placeholder: placeholder ?? '', size: 'small', required: required, disabled: disabled, onChange: handleChange, onBlur: !readOnly ? handleBlur : undefined, error: status === 'error', label: label, value: inputValue, slotProps: {
+            input: { ...readOnlyProp, inputProps: { maxLength, ...testProps } }
+        } }));
 }
 //# sourceMappingURL=TextInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/field/TextInput/TextInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport { TextField } from '@material-ui/core';\n\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface TextInputProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on TextInput here\n  fieldMetadata?: any;\n}\n\nexport default function TextInput(props: TextInputProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    getPConnect,\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    /* onChange, onBlur */\n    readOnly,\n    testId,\n    fieldMetadata,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder\n  } = props;\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const [inputValue, setInputValue] = useState('');\n  const maxLength = fieldMetadata?.maxLength;\n\n  let readOnlyProp = {}; // Note: empty if NOT ReadOnly\n\n  useEffect(() => {\n    setInputValue(value);\n  }, [value]);\n\n  if (displayMode === 'LABELS_LEFT') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\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  function handleChange(event) {\n    // update internal value\n    setInputValue(event?.target?.value);\n  }\n\n  function handleBlur() {\n    handleEvent(actions, 'changeNblur', propName, inputValue);\n  }\n\n  return (\n    <TextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={handleChange}\n      onBlur={!readOnly ? handleBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={inputValue}\n      InputProps={{ ...readOnlyProp, inputProps: { maxLength, ...testProp } }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/field/TextInput/TextInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport { TextField } from '@mui/material';\n\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface TextInputProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on TextInput here\n  fieldMetadata?: any;\n}\n\nexport default function TextInput(props: TextInputProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    getPConnect,\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    /* onChange, onBlur */\n    readOnly,\n    testId,\n    fieldMetadata,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder\n  } = props;\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const [inputValue, setInputValue] = useState('');\n  const maxLength = fieldMetadata?.maxLength;\n\n  let readOnlyProp = {}; // Note: empty if NOT ReadOnly\n\n  useEffect(() => {\n    setInputValue(value);\n  }, [value]);\n\n  if (displayMode === 'DISPLAY_ONLY') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n  }\n\n  if (readOnly) {\n    readOnlyProp = { readOnly: true };\n  }\n\n  const testProps: any = { 'data-test-id': testId };\n\n  function handleChange(event) {\n    // update internal value\n    setInputValue(event?.target?.value);\n  }\n\n  function handleBlur() {\n    handleEvent(actions, 'changeNblur', propName, inputValue);\n  }\n\n  return (\n    <TextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={handleChange}\n      onBlur={!readOnly ? handleBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={inputValue}\n      slotProps={{\n        input: { ...readOnlyProp, inputProps: { maxLength, ...testProps } }\n      }}\n    />\n  );\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { PConnFieldProps } from '../../../types/PConnProps';
+import type { PConnFieldProps } from '../../../types/PConnProps';
 interface TimeProps extends PConnFieldProps {
 }
 export default function Time(props: TimeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Time.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Time/Time.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,SAAU,SAAQ,eAAe;CAE1C;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,2CAgE5C"}
+{"version":3,"file":"Time.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Time/Time.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,UAAU,SAAU,SAAQ,eAAe;CAE1C;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,2CAkE5C"}

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

@@ -1,15 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { KeyboardTimePicker } from '@material-ui/pickers';
-import AccessTimeIcon from '@material-ui/icons/AccessTime';
+import { TimePicker } from '@mui/x-date-pickers/TimePicker';
+// import AccessTimeIcon from '@mui/icons-material/AccessTime';
 import dayjs from 'dayjs';
+import handleEvent from '../../helpers/event-utils';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function Time(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const FieldValueList = getComponentFromMap('FieldValueList');
     const TextInput = getComponentFromMap('TextInput');
-    const { label, required, disabled, value = '', validatemessage, status, onChange, readOnly, helperText, displayMode, hideLabel, testId } = props;
+    const { getPConnect, label, required, disabled, value = '', validatemessage, status, readOnly, helperText, displayMode, hideLabel, testId } = props;
     const helperTextToDisplay = validatemessage || helperText;
-    if (displayMode === 'LABELS_LEFT') {
+    const pConn = getPConnect();
+    const actions = pConn.getActionsApi();
+    const propName = pConn.getStateProps().value;
+    if (displayMode === 'DISPLAY_ONLY') {
         return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
@@ -18,16 +22,13 @@ export default function Time(props) {
     if (readOnly) {
         return _jsx(TextInput, { ...props });
     }
-    let testProp = {};
-    testProp = {
-        'data-test-id': testId
-    };
+    const testProps = { 'data-test-id': testId };
     const handleChange = date => {
-        const theValue = date && date.isValid() ? date.format('HH:mm') : null;
-        onChange({ value: theValue });
+        const theValue = date && date.isValid() ? date.format('HH:mm:ss') : null;
+        handleEvent(actions, 'changeNblur', propName, theValue);
     };
     let timeValue = null;
-    if (value) {
+    if (value && Object.keys(value).length) {
         const timeArray = value.split(':').map(itm => Number(itm));
         timeValue = dayjs().hour(timeArray[0]).minute(timeArray[1]);
     }
@@ -35,6 +36,25 @@ export default function Time(props) {
     // 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 (_jsx(KeyboardTimePicker, { variant: 'inline', inputVariant: 'outlined', placeholder: 'hh:mm am', keyboardIcon: _jsx(AccessTimeIcon, {}), 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, InputProps: { inputProps: { ...testProp } } }));
+    return (_jsx(TimePicker
+    // keyboardIcon={<AccessTimeIcon />}
+    // fullWidth
+    , { 
+        // keyboardIcon={<AccessTimeIcon />}
+        // fullWidth
+        disabled: disabled, minutesStep: 5, label: label, 
+        // autoOk
+        // mask='__:__ _m'
+        format: 'hh:mm a', value: timeValue, onChange: handleChange, slotProps: {
+            textField: {
+                variant: 'outlined',
+                placeholder: 'hh:mm am',
+                required,
+                error: status === 'error',
+                helperText: helperTextToDisplay,
+                size: 'small',
+                InputProps: { ...testProps }
+            }
+        } }));
 }
 //# sourceMappingURL=Time.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../src/components/field/Time/Time.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAOhF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAgB;IAC3C,8EAA8E;IAC9E,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAEnD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACjJ,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACvE;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE;QACvC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KACzF;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,QAAQ,GAAG;QACT,cAAc,EAAE,MAAM;KACvB,CAAC;IAEF,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,KAAC,kBAAkB,IACjB,OAAO,EAAC,QAAQ,EAChB,YAAY,EAAC,UAAU,EACvB,WAAW,EAAC,UAAU,EACtB,YAAY,EAAE,KAAC,cAAc,KAAG,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,EACtB,UAAU,EAAE,EAAE,UAAU,EAAE,EAAE,GAAG,QAAQ,EAAE,EAAE,GAC3C,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { KeyboardTimePicker } from '@material-ui/pickers';\nimport AccessTimeIcon from '@material-ui/icons/AccessTime';\nimport dayjs from 'dayjs';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface TimeProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Time here\n}\n\nexport default function Time(props: TimeProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n  const TextInput = getComponentFromMap('TextInput');\n\n  const { label, required, disabled, value = '', validatemessage, status, onChange, readOnly, helperText, displayMode, hideLabel, testId } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  if (displayMode === 'LABELS_LEFT') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n  }\n\n  if (readOnly) {\n    return <TextInput {...props} />;\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\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      InputProps={{ inputProps: { ...testProp } }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../src/components/field/Time/Time.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TimePicker } from '@mui/x-date-pickers/TimePicker';\n// import AccessTimeIcon from '@mui/icons-material/AccessTime';\nimport dayjs from 'dayjs';\n\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface TimeProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Time here\n}\n\nexport default function Time(props: TimeProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n  const TextInput = getComponentFromMap('TextInput');\n\n  const { getPConnect, label, required, disabled, value = '', validatemessage, status, readOnly, helperText, displayMode, hideLabel, testId } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n  if (displayMode === 'DISPLAY_ONLY') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n  }\n\n  if (readOnly) {\n    return <TextInput {...props} />;\n  }\n\n  const testProps: any = { 'data-test-id': testId };\n\n  const handleChange = date => {\n    const theValue = date && date.isValid() ? date.format('HH:mm:ss') : null;\n    handleEvent(actions, 'changeNblur', propName, theValue);\n  };\n\n  let timeValue: any = null;\n  if (value && Object.keys(value).length) {\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    <TimePicker\n      // keyboardIcon={<AccessTimeIcon />}\n      // fullWidth\n\n      disabled={disabled}\n      minutesStep={5}\n      label={label}\n      // autoOk\n      // mask='__:__ _m'\n      format='hh:mm a'\n      value={timeValue}\n      onChange={handleChange}\n      slotProps={{\n        textField: {\n          variant: 'outlined',\n          placeholder: 'hh:mm am',\n          required,\n          error: status === 'error',\n          helperText: helperTextToDisplay,\n          size: 'small',\n          InputProps: { ...testProps }\n        }\n      }}\n    />\n  );\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { PConnFieldProps } from '../../../types/PConnProps';
+import type { PConnFieldProps } from '../../../types/PConnProps';
 interface URLComponentProps extends PConnFieldProps {
 }
 export default function URLComponent(props: URLComponentProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"URL.d.ts","sourceRoot":"","sources":["../../../../src/components/field/URL/URL.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,iBAAkB,SAAQ,eAAe;CAElD;AAKD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA2D5D"}
+{"version":3,"file":"URL.d.ts","sourceRoot":"","sources":["../../../../src/components/field/URL/URL.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,UAAU,iBAAkB,SAAQ,eAAe;CAElD;AAKD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA0E5D"}

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

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from '@material-ui/core';
+import { useEffect, useState } from 'react';
+import { TextField } from '@mui/material';
+import handleEvent from '../../helpers/event-utils';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 // NOTE: that we had to change the name from URL to URLComponent
 //  Otherwise, we were getting all kinds of weird errors when we
@@ -8,9 +10,16 @@ export default function URLComponent(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const FieldValueList = getComponentFromMap('FieldValueList');
     const TextInput = getComponentFromMap('TextInput');
-    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, testId, helperText, displayMode, hideLabel, placeholder } = props;
+    const { getPConnect, label, required, disabled, value = '', validatemessage, status, readOnly, testId, helperText, displayMode, hideLabel, placeholder } = props;
     const helperTextToDisplay = validatemessage || helperText;
-    if (displayMode === 'LABELS_LEFT') {
+    const [inputValue, setInputValue] = useState('');
+    const pConn = getPConnect();
+    const actions = pConn.getActionsApi();
+    const propName = pConn.getStateProps().value;
+    useEffect(() => {
+        setInputValue(value);
+    }, [value]);
+    if (displayMode === 'DISPLAY_ONLY') {
         return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
@@ -19,10 +28,15 @@ export default function URLComponent(props) {
     if (readOnly) {
         return _jsx(TextInput, { ...props });
     }
-    let testProp = {};
-    testProp = {
-        'data-test-id': testId
+    const testProps = { 'data-test-id': testId };
+    const handleChange = event => {
+        setInputValue(event?.target?.value);
     };
-    return (_jsx(TextField, { type: 'url', fullWidth: true, variant: 'outlined', helperText: helperTextToDisplay, placeholder: placeholder ?? '', size: 'small', required: required, disabled: disabled, onChange: onChange, onBlur: !readOnly ? onBlur : undefined, error: status === 'error', label: label, value: value, InputProps: { inputProps: { ...testProp } } }));
+    function handleBlur() {
+        handleEvent(actions, 'changeNblur', propName, inputValue);
+    }
+    return (_jsx(TextField, { type: 'url', fullWidth: true, variant: 'outlined', helperText: helperTextToDisplay, placeholder: placeholder ?? '', size: 'small', required: required, disabled: disabled, onChange: handleChange, onBlur: !readOnly ? handleBlur : undefined, error: status === 'error', label: label, value: inputValue, slotProps: {
+            input: { inputProps: { ...testProps } }
+        } }));
 }
 //# sourceMappingURL=URL.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"URL.js","sourceRoot":"","sources":["../../../../src/components/field/URL/URL.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAOhF,gEAAgE;AAChE,gEAAgE;AAChE,mCAAmC;AACnC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwB;IAC3D,8EAA8E;IAC9E,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAEnD,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACvE;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE;QACvC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KACzF;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,QAAQ,GAAG;QACT,cAAc,EAAE,MAAM;KACvB,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAC,KAAK,EACV,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAE,WAAW,IAAI,EAAE,EAC9B,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,UAAU,EAAE,EAAE,GAAG,QAAQ,EAAE,EAAE,GAC3C,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { TextField } from '@material-ui/core';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface URLComponentProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on URLComponent here\n}\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: URLComponentProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n  const TextInput = getComponentFromMap('TextInput');\n\n  const {\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    onBlur,\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  if (displayMode === 'LABELS_LEFT') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n  }\n\n  if (readOnly) {\n    return <TextInput {...props} />;\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  return (\n    <TextField\n      type='url'\n      fullWidth\n      variant='outlined'\n      helperText={helperTextToDisplay}\n      placeholder={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={{ inputProps: { ...testProp } }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"URL.js","sourceRoot":"","sources":["../../../../src/components/field/URL/URL.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAOhF,gEAAgE;AAChE,gEAAgE;AAChE,mCAAmC;AACnC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwB;IAC3D,8EAA8E;IAC9E,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAEnD,MAAM,EACJ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC;IACtC,MAAM,QAAQ,GAAI,KAAK,CAAC,aAAa,EAAU,CAAC,KAAK,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,WAAW,KAAK,cAAc,EAAE,CAAC;QACnC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;IACxE,CAAC;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE,CAAC;QACxC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;IAC1F,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;IAClC,CAAC;IAED,MAAM,SAAS,GAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC;IAElD,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE;QAC3B,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,SAAS,UAAU;QACjB,WAAW,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAC,KAAK,EACV,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAE,WAAW,IAAI,EAAE,EAC9B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE;YACT,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE;SACxC,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { TextField } from '@mui/material';\n\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface URLComponentProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on URLComponent here\n}\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: URLComponentProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n  const TextInput = getComponentFromMap('TextInput');\n\n  const {\n    getPConnect,\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const [inputValue, setInputValue] = useState('');\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n\n  useEffect(() => {\n    setInputValue(value);\n  }, [value]);\n\n  if (displayMode === 'DISPLAY_ONLY') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n  }\n\n  if (readOnly) {\n    return <TextInput {...props} />;\n  }\n\n  const testProps: any = { 'data-test-id': testId };\n\n  const handleChange = event => {\n    setInputValue(event?.target?.value);\n  };\n\n  function handleBlur() {\n    handleEvent(actions, 'changeNblur', propName, inputValue);\n  }\n\n  return (\n    <TextField\n      type='url'\n      fullWidth\n      variant='outlined'\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={handleChange}\n      onBlur={!readOnly ? handleBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={inputValue}\n      slotProps={{\n        input: { inputProps: { ...testProps } }\n      }}\n    />\n  );\n}\n"]}

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { PConnProps } from '../../../types/PConnProps';
+import type { PConnProps } from '../../../types/PConnProps';
 interface UserReferenceProps extends PConnProps {
     displayAs?: string;
     displayMode?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"UserReference.d.ts","sourceRoot":"","sources":["../../../../src/components/field/UserReference/UserReference.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAQvD,UAAU,kBAAmB,SAAQ,UAAU;IAE7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;;AA0KD,wBAAiD"}
+{"version":3,"file":"UserReference.d.ts","sourceRoot":"","sources":["../../../../src/components/field/UserReference/UserReference.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAQ5D,UAAU,kBAAmB,SAAQ,UAAU;IAE7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;oEAE6B,kBAAkB;AAsKhD,wBAAiD"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { memo, useEffect, useState } from 'react';
-import { Typography } from '@material-ui/core';
+import { Typography } from '@mui/material';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 import FieldValueList from '../../designSystemExtension/FieldValueList';
 import { getUserId, isUserNameAvailable } from './UserReferenceUtils';
@@ -38,10 +38,8 @@ const UserReference = (props) => {
                 dataViewName: OPERATORS_DP
             };
             PCore.getRestClient()
-                // @ts-ignore - Argument of type '{ queryPayload: { dataViewName: string; }; }' is not assignable to parameter of type 'RestApiOptionsObject'
-                // @ts-ignore - Expected 3 arguments, but got 2
                 .invokeRestApi('getListData', { queryPayload })
-                .then((res) => {
+                .then(res => {
                 const ddDataSource = res.data.data.map(listItem => ({
                     key: listItem.pyUserIdentifier,
                     value: listItem.pyUserName
@@ -55,7 +53,7 @@ const UserReference = (props) => {
         }
     }, [displayAs, readOnly, showAsFormattedText, value]);
     let userReferenceComponent = null;
-    if (displayMode === 'LABELS_LEFT') {
+    if (displayMode === 'DISPLAY_ONLY') {
         return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: userName || '' });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {

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

@@ -1 +1 @@
-{"version":3,"file":"UserReference.js","sourceRoot":"","sources":["../../../../src/components/field/UserReference/UserReference.tsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, useEffect, useState } from 'react';\nimport { Typography } from '@material-ui/core';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport FieldValueList from '../../designSystemExtension/FieldValueList';\nimport { getUserId, isUserNameAvailable } from './UserReferenceUtils';\n\nconst DROPDOWN_LIST = 'Drop-down list';\nconst SEARCH_BOX = 'Search box';\n\ninterface UserReferenceProps extends PConnProps {\n  // If any, enter additional props that only exist on URLComponent here\n  displayAs?: string;\n  displayMode?: string;\n  label?: string;\n  value?: any;\n  testId?: string;\n  placeholder?: string;\n  helperText?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  validatemessage?: string;\n  showAsFormattedText?: boolean;\n  additionalProps?: object;\n  hideLabel?: boolean;\n  variant?: string;\n  onChange?: any;\n}\n\nconst UserReference = (props: UserReferenceProps) => {\n  // Get emitted components from map (so we can get any override that may exist)\n  const AutoComplete = getComponentFromMap('AutoComplete');\n  const Dropdown = getComponentFromMap('Dropdown');\n\n  const {\n    label = '',\n    displayAs = '',\n    displayMode = '',\n    getPConnect,\n    value = '',\n    testId = '',\n    helperText = '',\n    validatemessage = '',\n    placeholder = '',\n    showAsFormattedText = false,\n    additionalProps = {},\n    hideLabel = false,\n    readOnly = false,\n    required = false,\n    disabled = false,\n    onChange,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    variant = 'inline'\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: any) => {\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\n      PCore.getRestClient()\n        // @ts-ignore - Argument of type '{ queryPayload: { dataViewName: string; }; }' is not assignable to parameter of type 'RestApiOptionsObject'\n        // @ts-ignore - Expected 3 arguments, but got 2\n        .invokeRestApi('getListData', { queryPayload })\n        .then((res: any) => {\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 (displayMode === 'LABELS_LEFT') {\n    return <FieldValueList name={hideLabel ? '' : label} value={userName || ''} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={userName || ''} variant='stacked' />;\n  }\n\n  if (readOnly && showAsFormattedText) {\n    if (userId) {\n      userReferenceComponent = (\n        <>\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        </>\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  return userReferenceComponent;\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"]}
+{"version":3,"file":"UserReference.js","sourceRoot":"","sources":["../../../../src/components/field/UserReference/UserReference.tsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, useEffect, useState } from 'react';\nimport { Typography } from '@mui/material';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnProps } from '../../../types/PConnProps';\n\nimport FieldValueList from '../../designSystemExtension/FieldValueList';\nimport { getUserId, isUserNameAvailable } from './UserReferenceUtils';\n\nconst DROPDOWN_LIST = 'Drop-down list';\nconst SEARCH_BOX = 'Search box';\n\ninterface UserReferenceProps extends PConnProps {\n  // If any, enter additional props that only exist on URLComponent here\n  displayAs?: string;\n  displayMode?: string;\n  label?: string;\n  value?: any;\n  testId?: string;\n  placeholder?: string;\n  helperText?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  validatemessage?: string;\n  showAsFormattedText?: boolean;\n  additionalProps?: object;\n  hideLabel?: boolean;\n  variant?: string;\n  onChange?: any;\n}\n\nconst UserReference = (props: UserReferenceProps) => {\n  // Get emitted components from map (so we can get any override that may exist)\n  const AutoComplete = getComponentFromMap('AutoComplete');\n  const Dropdown = getComponentFromMap('Dropdown');\n\n  const {\n    label = '',\n    displayAs = '',\n    displayMode = '',\n    getPConnect,\n    value = '',\n    testId = '',\n    helperText = '',\n    validatemessage = '',\n    placeholder = '',\n    showAsFormattedText = false,\n    additionalProps = {},\n    hideLabel = false,\n    readOnly = false,\n    required = false,\n    disabled = false,\n    onChange,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    variant = 'inline'\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: any) => {\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\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 (displayMode === 'DISPLAY_ONLY') {\n    return <FieldValueList name={hideLabel ? '' : label} value={userName || ''} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={userName || ''} variant='stacked' />;\n  }\n\n  if (readOnly && showAsFormattedText) {\n    if (userId) {\n      userReferenceComponent = (\n        <>\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        </>\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  return userReferenceComponent;\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

@@ -1 +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"}
+{"version":3,"file":"UserReferenceUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/field/UserReference/UserReferenceUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,GAAG,SAAI,WAQ5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAG,SAAI,QAEtC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"UserReferenceUtils.js","sourceRoot":"","sources":["../../../../src/components/field/UserReference/UserReferenceUtils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE;IAC9B,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,IAAI,CAAC,EAAE;IACxC,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"]}
+{"version":3,"file":"UserReferenceUtils.js","sourceRoot":"","sources":["../../../../src/components/field/UserReference/UserReferenceUtils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE;IAC9B,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QAC7D,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;SAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,EAAE,CAAC;QAC5C,MAAM,GAAG,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CAAC,EAAE;IACxC,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/helpers/attachmentHelpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachmentHelpers.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/attachmentHelpers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,YAAa,GAAG,eAAe,MAAM,KAAG,OAGnE,CAAC;AAEF,eAAO,MAAM,YAAY,8CAQxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,qBAAe,MAyB9C,CAAC;AAEF,eAAO,MAAM,oBAAoB,WAAY,GAAG,cAAc,GAAG,KAAG,MAanE,CAAC;AAEF,eAAO,MAAM,0BAA0B,oBAEpC;IACD,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,aAAa,EAAE,GAAG,CAAC;CAYpB,CAAC"}
+{"version":3,"file":"attachmentHelpers.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/attachmentHelpers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,SAAS,GAAG,EAAE,aAAa,MAAM,KAAG,OAGnE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,SAAI,EAAE,aAAQ,EAAE,QAAG,SAQ/C,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,aAAQ,KAAG,MAyB9C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,QAAQ,GAAG,EAAE,YAAY,GAAG,KAAG,MAanE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,YAAO,KACN;IACD,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,aAAa,EAAE,GAAG,CAAC;CAYpB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"attachmentHelpers.js","sourceRoot":"","sources":["../../../src/components/helpers/attachmentHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["import download from 'downloadjs';\n\nexport const validateMaxSize = (fileObj: any, maxSizeInMB: string): boolean => {\n  const fileSize = (fileObj.size / 1048576).toFixed(2);\n  return parseFloat(fileSize) < parseFloat(maxSizeInMB);\n};\n\nexport const fileDownload = (data, fileName, ext) => {\n  const name = ext ? `${fileName}.${ext}` : fileName;\n  // Temp fix: downloading EMAIl type attachment as html file\n  if (ext === 'html') {\n    download(data, name, 'text/html');\n  } else {\n    download(atob(data), name);\n  }\n};\n\nexport const getIconFromFileType = (fileType): string => {\n  let icon = 'document-doc';\n  if (!fileType) return icon;\n  if (fileType.startsWith('audio')) {\n    icon = 'audio';\n  } else if (fileType.startsWith('video')) {\n    icon = 'video';\n  } else if (fileType.startsWith('image')) {\n    icon = 'picture';\n  } else if (fileType.includes('pdf')) {\n    icon = 'document-pdf';\n  } else {\n    const [, subtype] = fileType.split('/');\n    const foundMatch = sources => {\n      return sources.some(key => subtype.includes(key));\n    };\n\n    if (foundMatch(['excel', 'spreadsheet'])) {\n      icon = 'document-xls';\n    } else if (foundMatch(['zip', 'compressed', 'gzip', 'rar', 'tar'])) {\n      icon = 'document-compress';\n    }\n  }\n\n  return icon;\n};\n\nexport const getIconForAttachment = (inThis: any, attachment: any): string => {\n  let icon;\n  switch (attachment.type) {\n    case 'FILE':\n      icon = inThis.getIconFromFileType(attachment.mimeType);\n      break;\n    case 'URL':\n      icon = 'chain';\n      break;\n    default:\n      icon = 'document-doc';\n  }\n  return icon;\n};\n\nexport const buildFilePropsFromResponse = (\n  respObj\n): {\n  props: { meta: string; name: string; icon: string };\n  responseProps: any;\n} => {\n  return {\n    props: {\n      meta: `${respObj.pyCategoryName}, ${respObj.pxCreateOperator}`,\n      name: respObj.pyAttachName,\n      icon: getIconFromFileType(respObj.pyMimeFileExtension)\n    },\n    responseProps: {\n      ...respObj\n    }\n  };\n};\n"]}
+{"version":3,"file":"attachmentHelpers.js","sourceRoot":"","sources":["../../../src/components/helpers/attachmentHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["import download from 'downloadjs';\n\nexport const validateMaxSize = (fileObj: any, maxSizeInMB: string): boolean => {\n  const fileSize = (fileObj.size / 1048576).toFixed(2);\n  return parseFloat(fileSize) < parseFloat(maxSizeInMB);\n};\n\nexport const fileDownload = (data, fileName, ext) => {\n  const name = ext ? `${fileName}.${ext}` : fileName;\n  // Temp fix: downloading EMAIl type attachment as html file\n  if (ext === 'html') {\n    download(data, name, 'text/html');\n  } else {\n    download(atob(data), name);\n  }\n};\n\nexport const getIconFromFileType = (fileType): string => {\n  let icon = 'document-doc';\n  if (!fileType) return icon;\n  if (fileType.startsWith('audio')) {\n    icon = 'audio';\n  } else if (fileType.startsWith('video')) {\n    icon = 'video';\n  } else if (fileType.startsWith('image')) {\n    icon = 'picture';\n  } else if (fileType.includes('pdf')) {\n    icon = 'document-pdf';\n  } else {\n    const [, subtype] = fileType.split('/');\n    const foundMatch = sources => {\n      return sources.some(key => subtype.includes(key));\n    };\n\n    if (foundMatch(['excel', 'spreadsheet'])) {\n      icon = 'document-xls';\n    } else if (foundMatch(['zip', 'compressed', 'gzip', 'rar', 'tar'])) {\n      icon = 'document-compress';\n    }\n  }\n\n  return icon;\n};\n\nexport const getIconForAttachment = (inThis: any, attachment: any): string => {\n  let icon;\n  switch (attachment.type) {\n    case 'FILE':\n      icon = inThis.getIconFromFileType(attachment.mimeType);\n      break;\n    case 'URL':\n      icon = 'chain';\n      break;\n    default:\n      icon = 'document-doc';\n  }\n  return icon;\n};\n\nexport const buildFilePropsFromResponse = (\n  respObj\n): {\n  props: { meta: string; name: string; icon: string };\n  responseProps: any;\n} => {\n  return {\n    props: {\n      meta: `${respObj.pyCategoryName}, ${respObj.pxCreateOperator}`,\n      name: respObj.pyAttachName,\n      icon: getIconFromFileType(respObj.pyMimeFileExtension)\n    },\n    responseProps: {\n      ...respObj\n    }\n  };\n};\n"]}

package/lib/components/helpers/case-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"case-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/case-utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import { getComponentFromMap } from '../../bridge/helpers/sdk_component_map';\n\n/**\n * Function that accepts array of messages as input and group them by their type and returns the resulting object\n * @param {Array} inputMessages\n * Eg: [\n * {message: 'First Name is required', type: 'error'},\n * {message: 'Last Name is required', type: 'error'},\n * {message: 'Address field should be clear and precise', type: 'info'}\n * ]\n *\n * @returns {object}\n *\n * Eg: {\n *  error: ['First Name is required', 'Last Name is required'],\n *  info: ['Address field should be clear and precise']\n * }\n */\n\nfunction getMessagesGrouped(inputMessages) {\n  const messages = {};\n\n  if (inputMessages && inputMessages instanceof Array && inputMessages.length > 0) {\n    inputMessages.forEach(item => {\n      const { message, type } = item;\n      messages[type] = [...(messages[type] || []), message];\n    });\n  }\n  return messages;\n}\n\n/**\n * Function accepts a error type and variant of the banner\n * @param {string} type\n * Eg: 'error'\n * @returns {string}\n * Eg: 'urgent'\n */\nfunction getVariant(type) {\n  const { BANNER_VARIANT_SUCCESS, BANNER_VARIANT_INFO, BANNER_VARIANT_URGENT, MESSAGES } = PCore.getConstants();\n  const { MESSAGES_TYPE_ERROR, MESSAGES_TYPE_INFO, MESSAGES_TYPE_SUCCESS } = MESSAGES;\n\n  let variant;\n  switch (type) {\n    case MESSAGES_TYPE_ERROR:\n      variant = BANNER_VARIANT_URGENT;\n      break;\n    case MESSAGES_TYPE_INFO:\n      variant = BANNER_VARIANT_INFO;\n      break;\n    case MESSAGES_TYPE_SUCCESS:\n      variant = BANNER_VARIANT_SUCCESS;\n      break;\n    default:\n      variant = '';\n  }\n  return variant;\n}\n\nfunction getBanners(config) {\n  const AlertBanner = getComponentFromMap('AlertBanner');\n  const { target, pageMessages, httpMessages } = config;\n  const { PAGE } = PCore.getConstants();\n  const { clearMessages } = PCore.getMessageManager();\n  const banners: any = [];\n  const groupedPageMessages = getMessagesGrouped(pageMessages);\n\n  Object.keys(groupedPageMessages).forEach(type => {\n    const messagesByType = groupedPageMessages[type];\n    const variant = getVariant(type);\n    const pageMessagesBannerID = `${target}_${PAGE}_${type}`.toLowerCase().replace('/', '_');\n    banners.push(\n      <AlertBanner\n        id={pageMessagesBannerID}\n        variant={variant}\n        messages={messagesByType}\n        onDismiss={\n          variant === 'urgent'\n            ? ''\n            : () => {\n                clearMessages({\n                  category: PAGE,\n                  type,\n                  context: target\n                } as any);\n              }\n        }\n      />\n    );\n  });\n\n  if (httpMessages && httpMessages.length > 0) {\n    banners.push(<AlertBanner id='modalViewContainerBanner' variant='urgent' messages={httpMessages} />);\n  }\n\n  return banners;\n}\n\nexport { getMessagesGrouped, getBanners };\n"]}
+{"version":3,"file":"case-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/case-utils.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAE7E;;;;;;;;;;;;;;;GAeG;AAEH,SAAS,kBAAkB,CAAC,aAAa;IACvC,MAAM,QAAQ,GAAG,EAAE,CAAC;IAEpB,IAAI,aAAa,IAAI,aAAa,YAAY,KAAK,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChF,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC3B,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YAC/B,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;;;;;GAMG;AACH,SAAS,UAAU,CAAC,IAAI;IACtB,MAAM,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAC9G,MAAM,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,GAAG,QAAQ,CAAC;IAEpF,IAAI,OAAO,CAAC;IACZ,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,mBAAmB;YACtB,OAAO,GAAG,qBAAqB,CAAC;YAChC,MAAM;QACR,KAAK,kBAAkB;YACrB,OAAO,GAAG,mBAAmB,CAAC;YAC9B,MAAM;QACR,KAAK,qBAAqB;YACxB,OAAO,GAAG,sBAAsB,CAAC;YACjC,MAAM;QACR;YACE,OAAO,GAAG,EAAE,CAAC;IACjB,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,UAAU,CAAC,MAAM;IACxB,MAAM,WAAW,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACvD,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;IACtD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IACtC,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC;IACpD,MAAM,OAAO,GAAQ,EAAE,CAAC;IACxB,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAE7D,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAC9C,MAAM,cAAc,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;QACjD,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QACjC,MAAM,oBAAoB,GAAG,GAAG,MAAM,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACzF,OAAO,CAAC,IAAI,CACV,KAAC,WAAW,IACV,EAAE,EAAE,oBAAoB,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,EACxB,SAAS,EACP,OAAO,KAAK,QAAQ;gBAClB,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,GAAG,EAAE;oBACH,aAAa,CAAC;wBACZ,QAAQ,EAAE,IAAI;wBACd,IAAI;wBACJ,OAAO,EAAE,MAAM;qBACT,CAAC,CAAC;gBACZ,CAAC,GAEP,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAI,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC5C,OAAO,CAAC,IAAI,CAAC,KAAC,WAAW,IAAC,EAAE,EAAC,0BAA0B,EAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAE,YAAY,GAAI,CAAC,CAAC;IACvG,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC","sourcesContent":["import { getComponentFromMap } from '../../bridge/helpers/sdk_component_map';\n\n/**\n * Function that accepts array of messages as input and group them by their type and returns the resulting object\n * @param {Array} inputMessages\n * Eg: [\n * {message: 'First Name is required', type: 'error'},\n * {message: 'Last Name is required', type: 'error'},\n * {message: 'Address field should be clear and precise', type: 'info'}\n * ]\n *\n * @returns {object}\n *\n * Eg: {\n *  error: ['First Name is required', 'Last Name is required'],\n *  info: ['Address field should be clear and precise']\n * }\n */\n\nfunction getMessagesGrouped(inputMessages) {\n  const messages = {};\n\n  if (inputMessages && inputMessages instanceof Array && inputMessages.length > 0) {\n    inputMessages.forEach(item => {\n      const { message, type } = item;\n      messages[type] = [...(messages[type] || []), message];\n    });\n  }\n  return messages;\n}\n\n/**\n * Function accepts a error type and variant of the banner\n * @param {string} type\n * Eg: 'error'\n * @returns {string}\n * Eg: 'urgent'\n */\nfunction getVariant(type) {\n  const { BANNER_VARIANT_SUCCESS, BANNER_VARIANT_INFO, BANNER_VARIANT_URGENT, MESSAGES } = PCore.getConstants();\n  const { MESSAGES_TYPE_ERROR, MESSAGES_TYPE_INFO, MESSAGES_TYPE_SUCCESS } = MESSAGES;\n\n  let variant;\n  switch (type) {\n    case MESSAGES_TYPE_ERROR:\n      variant = BANNER_VARIANT_URGENT;\n      break;\n    case MESSAGES_TYPE_INFO:\n      variant = BANNER_VARIANT_INFO;\n      break;\n    case MESSAGES_TYPE_SUCCESS:\n      variant = BANNER_VARIANT_SUCCESS;\n      break;\n    default:\n      variant = '';\n  }\n  return variant;\n}\n\nfunction getBanners(config) {\n  const AlertBanner = getComponentFromMap('AlertBanner');\n  const { target, pageMessages, httpMessages } = config;\n  const { PAGE } = PCore.getConstants();\n  const { clearMessages } = PCore.getMessageManager();\n  const banners: any = [];\n  const groupedPageMessages = getMessagesGrouped(pageMessages);\n\n  Object.keys(groupedPageMessages).forEach(type => {\n    const messagesByType = groupedPageMessages[type];\n    const variant = getVariant(type);\n    const pageMessagesBannerID = `${target}_${PAGE}_${type}`.toLowerCase().replace('/', '_');\n    banners.push(\n      <AlertBanner\n        id={pageMessagesBannerID}\n        variant={variant}\n        messages={messagesByType}\n        onDismiss={\n          variant === 'urgent'\n            ? ''\n            : () => {\n                clearMessages({\n                  category: PAGE,\n                  type,\n                  context: target\n                } as any);\n              }\n        }\n      />\n    );\n  });\n\n  if (httpMessages && httpMessages.length > 0) {\n    banners.push(<AlertBanner id='modalViewContainerBanner' variant='urgent' messages={httpMessages} />);\n  }\n\n  return banners;\n}\n\nexport { getMessagesGrouped, getBanners };\n"]}

package/lib/components/helpers/common-utils.d.ts

@@ -1,2 +1,9 @@
 export declare function isEmptyObject(obj: Object): boolean;
+/**
+ * Get a localized value from the Generic Fields
+ * @param path - The path within Generic Fields (e.g., 'CosmosFields.fields.lists')
+ * @param key - The key of the string to localize
+ * @returns The localized string or the key itself if no translation is found
+ */
+export declare function getGenericFieldsLocalizedValue(path: string, key: string): string;
 //# sourceMappingURL=common-utils.d.ts.map