@pega/react-sdk-components 23.1.11 → 24.1.10

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

@@ -1 +1 @@
-{"version":3,"file":"Percentage.js","sourceRoot":"","sources":["../../../../src/components/field/Percentage/Percentage.tsx"],"names":[],"mappings":"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","sourcesContent":["import CurrencyTextField from '@unicef/material-ui-currency-textfield';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\nimport { getCurrencyCharacters, getCurrencyOptions } from '../Currency/currency-utils';\nimport handleEvent from '../../helpers/event-utils';\nimport { format } from '../../helpers/formatters';\n\n/* Using @unicef/material-ui-currency-textfield component here, since it allows formatting decimal values,\nas per the locale.\n*/\ninterface PercentageProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Percentage here\n  currencyISOCode?: string;\n}\n\nexport default function Percentage(props: PercentageProps) {\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,\n    // onBlur,\n    readOnly,\n    currencyISOCode = 'USD',\n    testId,\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  const helperTextToDisplay = validatemessage || helperText;\n\n  const theCurrencyOptions = getCurrencyOptions(currencyISOCode);\n  const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);\n\n  // console.log(`Percentage: label: ${label} value: ${value}`);\n\n  if (displayMode === 'LABELS_LEFT') {\n    return <FieldValueList name={hideLabel ? '' : label} value={formattedValue} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={formattedValue} variant='stacked' />;\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  const theSymbols = getCurrencyCharacters(currencyISOCode);\n  const theCurrDec = theSymbols.theDecimalIndicator;\n  const theCurrSep = theSymbols.theDigitGroupSeparator;\n\n  function PercentageOnBlur(event, inValue) {\n    handleEvent(actions, 'changeNblur', propName, inValue !== '' ? Number(inValue) : inValue);\n  }\n\n  return (\n    <CurrencyTextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      readOnly={!!readOnly}\n      error={status === 'error'}\n      label={label}\n      value={value}\n      type='text'\n      outputFormat='number'\n      textAlign='left'\n      InputProps={{\n        inputProps: { ...testProp }\n      }}\n      currencySymbol=''\n      decimalCharacter={theCurrDec}\n      digitGroupSeparator={theCurrSep}\n      onBlur={!readOnly ? PercentageOnBlur : undefined}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Percentage.js","sourceRoot":"","sources":["../../../../src/components/field/Percentage/Percentage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TextField } from '@material-ui/core';\nimport { NumericFormat } from 'react-number-format';\nimport { useState } from 'react';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\nimport { getCurrencyCharacters, getCurrencyOptions } from '../Currency/currency-utils';\nimport handleEvent from '../../helpers/event-utils';\nimport { format } from '../../helpers/formatters';\n\n/* Using react-number-format component here, since it allows formatting decimal values,\nas per the locale.\n*/\ninterface PercentageProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Percentage here\n  currencyISOCode?: string;\n  showGroupSeparators?: string;\n  decimalPrecision?: number;\n}\n\nexport default function Percentage(props: PercentageProps) {\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,\n    // onBlur,\n    readOnly,\n    currencyISOCode = 'USD',\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder,\n    showGroupSeparators,\n    decimalPrecision\n  } = props;\n\n  const [values, setValues] = useState(value.toString());\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const theCurrencyOptions = getCurrencyOptions(currencyISOCode);\n  const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);\n\n  let readOnlyProp = {}; // Note: empty if NOT ReadOnly\n\n  if (readOnly) {\n    readOnlyProp = { readOnly: true };\n  }\n\n  if (displayMode === 'LABELS_LEFT') {\n    return <FieldValueList name={hideLabel ? '' : label} value={formattedValue} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={formattedValue} variant='stacked' />;\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  const theSymbols = getCurrencyCharacters(currencyISOCode);\n  const theCurrDec = theSymbols.theDecimalIndicator;\n  const theCurrSep = theSymbols.theDigitGroupSeparator;\n\n  function PercentageOnBlur() {\n    handleEvent(actions, 'changeNblur', propName, values);\n  }\n\n  const handleChange = val => {\n    setValues(val.value);\n  };\n\n  return (\n    <NumericFormat\n      valueIsNumericString\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      error={status === 'error'}\n      label={label}\n      value={values}\n      onValueChange={val => {\n        handleChange(val);\n      }}\n      onBlur={!readOnly ? PercentageOnBlur : undefined}\n      decimalSeparator={theCurrDec}\n      thousandSeparator={showGroupSeparators ? theCurrSep : ''}\n      decimalScale={decimalPrecision}\n      suffix='%'\n      InputProps={{ ...readOnlyProp, inputProps: { ...testProp } }}\n      customInput={TextField}\n    />\n  );\n}\n"]}

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { PConnFieldProps } from '../../../types/PConnProps';
 interface PhoneProps extends PConnFieldProps {
 }
-export default function Phone(props: PhoneProps): JSX.Element;
+export default function Phone(props: PhoneProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Phone.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Phone/Phone.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,UAAW,SAAQ,eAAe;CAE3C;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,eA2F9C"}
+{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Phone/Phone.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,UAAW,SAAQ,eAAe;CAE3C;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,2CAkG9C"}

package/lib/components/field/Phone/Phone.js

@@ -1,10 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import MuiPhoneNumber from 'material-ui-phone-number';
+import { useEffect, useState } from 'react';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+import handleEvent from '../../helpers/event-utils';
 export default function Phone(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, helperText, displayMode, hideLabel, placeholder } = props;
+    const { getPConnect, label, required, disabled, value = '', validatemessage, status, onChange, readOnly, testId, helperText, displayMode, hideLabel, placeholder } = props;
+    const pConn = getPConnect();
+    const actions = pConn.getActionsApi();
+    const propName = pConn.getStateProps().value;
+    const [inputValue, setInputValue] = useState(value);
+    useEffect(() => setInputValue(value), [value]);
     const helperTextToDisplay = validatemessage || helperText;
     let testProp = {};
     testProp = {
@@ -24,15 +31,14 @@ export default function Phone(props) {
                 }, disableDropdown: disableDropdown }) }));
     }
     const handleChange = inputVal => {
-        let phoneValue = inputVal && inputVal.replace(/\D+/g, '');
-        phoneValue = `+${phoneValue}`;
-        onChange({ value: phoneValue });
+        setInputValue(inputVal);
     };
     const handleBlur = event => {
         const phoneValue = event?.target?.value;
-        event.target.value = `+${phoneValue && phoneValue.replace(/\D+/g, '')}`;
-        onBlur(event);
+        let phoneNumber = phoneValue.split(' ').slice(1).join();
+        phoneNumber = phoneNumber ? `+${phoneValue && phoneValue.replace(/\D+/g, '')}` : '';
+        handleEvent(actions, 'changeNblur', propName, phoneNumber);
     };
-    return (_jsx(MuiPhoneNumber, { fullWidth: true, variant: 'outlined', helperText: helperTextToDisplay, placeholder: placeholder ?? '', size: 'small', defaultCountry: 'us', required: required, disabled: disabled, onChange: handleChange, onBlur: !readOnly ? handleBlur : undefined, error: status === 'error', label: label, value: value, InputProps: { ...testProp } }));
+    return (_jsx(MuiPhoneNumber, { fullWidth: true, variant: 'outlined', helperText: helperTextToDisplay, placeholder: placeholder ?? '', size: 'small', defaultCountry: 'us', required: required, disabled: disabled, onChange: handleChange, onBlur: !readOnly ? handleBlur : undefined, error: status === 'error', label: label, value: inputValue, InputProps: { ...testProp } }));
 }
 //# sourceMappingURL=Phone.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Phone.js","sourceRoot":"","sources":["../../../../src/components/field/Phone/Phone.tsx"],"names":[],"mappings":"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","sourcesContent":["import MuiPhoneNumber from 'material-ui-phone-number';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface PhoneProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Phone here\n}\n\nexport default function Phone(props: PhoneProps) {\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    helperText,\n    displayMode,\n    hideLabel,\n    placeholder\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\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    const disableDropdown = true;\n    return (\n      <div>\n        <MuiPhoneNumber\n          fullWidth\n          helperText={helperTextToDisplay}\n          placeholder={placeholder ?? ''}\n          size='small'\n          required={required}\n          disabled={disabled}\n          onChange={onChange}\n          error={status === 'error'}\n          label={label}\n          value={value}\n          InputProps={{\n            readOnly: true,\n            inputProps: { ...testProp }\n          }}\n          disableDropdown={disableDropdown}\n        />\n      </div>\n    );\n  }\n\n  const handleChange = inputVal => {\n    let phoneValue = inputVal && inputVal.replace(/\\D+/g, '');\n    phoneValue = `+${phoneValue}`;\n    onChange({ value: phoneValue });\n  };\n\n  const handleBlur = event => {\n    const phoneValue = event?.target?.value;\n    event.target.value = `+${phoneValue && phoneValue.replace(/\\D+/g, '')}`;\n    onBlur(event);\n  };\n\n  return (\n    <MuiPhoneNumber\n      fullWidth\n      variant='outlined'\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      defaultCountry='us'\n      required={required}\n      disabled={disabled}\n      onChange={handleChange}\n      onBlur={!readOnly ? handleBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={value}\n      InputProps={{ ...testProp }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Phone.js","sourceRoot":"","sources":["../../../../src/components/field/Phone/Phone.tsx"],"names":[],"mappings":"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","sourcesContent":["import MuiPhoneNumber from 'material-ui-phone-number';\nimport { useEffect, useState } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\nimport handleEvent from '../../helpers/event-utils';\n\ninterface PhoneProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Phone here\n}\n\nexport default function Phone(props: PhoneProps) {\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,\n    readOnly,\n    testId,\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 [inputValue, setInputValue] = useState(value);\n  useEffect(() => setInputValue(value), [value]);\n\n  const helperTextToDisplay = validatemessage || helperText;\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\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    const disableDropdown = true;\n    return (\n      <div>\n        <MuiPhoneNumber\n          fullWidth\n          helperText={helperTextToDisplay}\n          placeholder={placeholder ?? ''}\n          size='small'\n          required={required}\n          disabled={disabled}\n          onChange={onChange}\n          error={status === 'error'}\n          label={label}\n          value={value}\n          InputProps={{\n            readOnly: true,\n            inputProps: { ...testProp }\n          }}\n          disableDropdown={disableDropdown}\n        />\n      </div>\n    );\n  }\n\n  const handleChange = inputVal => {\n    setInputValue(inputVal);\n  };\n\n  const handleBlur = event => {\n    const phoneValue = event?.target?.value;\n    let phoneNumber = phoneValue.split(' ').slice(1).join();\n    phoneNumber = phoneNumber ? `+${phoneValue && phoneValue.replace(/\\D+/g, '')}` : '';\n    handleEvent(actions, 'changeNblur', propName, phoneNumber);\n  };\n\n  return (\n    <MuiPhoneNumber\n      fullWidth\n      variant='outlined'\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      defaultCountry='us'\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={{ ...testProp }}\n    />\n  );\n}\n"]}

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { PConnFieldProps } from '../../../types/PConnProps';
 interface RadioButtonsProps extends PConnFieldProps {
     inline: boolean;
     fieldMetadata?: any;
 }
-export default function RadioButtons(props: RadioButtonsProps): JSX.Element;
+export default function RadioButtons(props: RadioButtonsProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=RadioButtons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/field/RadioButtons/RadioButtons.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,iBAAkB,SAAQ,eAAe;IAEjD,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAoG5D"}
+{"version":3,"file":"RadioButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/field/RadioButtons/RadioButtons.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,iBAAkB,SAAQ,eAAe;IAEjD,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAoG5D"}

package/lib/components/field/RichText/RichText.js

@@ -13,10 +13,10 @@ export default function RichText(props) {
     [readOnly, required, disabled] = [readOnly, required, disabled].map(prop => prop === true || (typeof prop === 'string' && prop === 'true'));
     const helperTextToDisplay = validatemessage || helperText;
     if (displayMode === 'LABELS_LEFT') {
-        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value });
+        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value, isHtml: true });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
-        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value, variant: 'stacked' });
+        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value, isHtml: true, variant: 'stacked' });
     }
     let richTextComponent;
     if (readOnly) {

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

@@ -1 +1 @@
-{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../../../src/components/field/RichText/RichText.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef } from 'react';\n\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface RichTextProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on TextArea here\n  additionalProps?: object;\n}\n\nexport default function RichText(props: RichTextProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n  const RichTextEditor = getComponentFromMap('RichTextEditor');\n\n  const { getPConnect, value, placeholder, validatemessage, label, hideLabel, helperText, testId, displayMode, additionalProps } = props;\n  const pConn = getPConnect();\n  const editorRef: any = useRef(null);\n\n  let { readOnly, required, disabled } = props;\n  [readOnly, required, disabled] = [readOnly, required, disabled].map(prop => prop === true || (typeof prop === 'string' && prop === 'true'));\n\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  let richTextComponent;\n\n  if (readOnly) {\n    // Rich Text read-only component\n    richTextComponent = (\n      <RichTextEditor\n        {...additionalProps}\n        label={label}\n        labelHidden={hideLabel}\n        defaultValue={value}\n        testId={testId}\n        info={helperTextToDisplay}\n        ref={editorRef}\n        readOnly\n      />\n    );\n  } else {\n    // Rich Text editable component\n    const actionsApi = pConn.getActionsApi();\n    let status = '';\n    if (validatemessage !== '') {\n      status = 'error';\n    }\n    const handleChange = () => {\n      if (status === 'error') {\n        const property = (pConn.getStateProps() as any).value;\n        pConn.clearErrorMessages({\n          property,\n          category: '',\n          context: ''\n        });\n      }\n    };\n\n    const handleBlur = () => {\n      if (editorRef.current) {\n        const editorValue = editorRef.current.getContent({ format: 'html' });\n        const property = (pConn.getStateProps() as any).value;\n        handleEvent(actionsApi, 'changeNblur', property, editorValue);\n      }\n    };\n\n    richTextComponent = (\n      <RichTextEditor\n        {...additionalProps}\n        label={label}\n        labelHidden={hideLabel}\n        info={helperTextToDisplay}\n        defaultValue={value}\n        placeholder={placeholder}\n        disabled={disabled}\n        required={required}\n        testId={testId}\n        ref={editorRef}\n        error={status === 'error'}\n        onBlur={handleBlur}\n        onChange={handleChange}\n      />\n    );\n  }\n\n  return richTextComponent;\n}\n"]}
+{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../../../src/components/field/RichText/RichText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,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;IAC7D,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IACvI,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,SAAS,GAAQ,MAAM,CAAC,IAAI,CAAC,CAAC;IAEpC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;IAE5I,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,EAAE,MAAM,SAAG,CAAC;KAC9E;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,MAAM,QAAC,OAAO,EAAC,SAAS,GAAG,CAAC;KAChG;IAED,IAAI,iBAAiB,CAAC;IAEtB,IAAI,QAAQ,EAAE;QACZ,gCAAgC;QAChC,iBAAiB,GAAG,CAClB,KAAC,cAAc,OACT,eAAe,EACnB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,SAAS,EACtB,YAAY,EAAE,KAAK,EACnB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,mBAAmB,EACzB,GAAG,EAAE,SAAS,EACd,QAAQ,SACR,CACH,CAAC;KACH;SAAM;QACL,+BAA+B;QAC/B,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC;QACzC,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,IAAI,eAAe,KAAK,EAAE,EAAE;YAC1B,MAAM,GAAG,OAAO,CAAC;SAClB;QACD,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,MAAM,KAAK,OAAO,EAAE;gBACtB,MAAM,QAAQ,GAAI,KAAK,CAAC,aAAa,EAAU,CAAC,KAAK,CAAC;gBACtD,KAAK,CAAC,kBAAkB,CAAC;oBACvB,QAAQ;oBACR,QAAQ,EAAE,EAAE;oBACZ,OAAO,EAAE,EAAE;iBACZ,CAAC,CAAC;aACJ;QACH,CAAC,CAAC;QAEF,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,IAAI,SAAS,CAAC,OAAO,EAAE;gBACrB,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;gBACrE,MAAM,QAAQ,GAAI,KAAK,CAAC,aAAa,EAAU,CAAC,KAAK,CAAC;gBACtD,WAAW,CAAC,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;aAC/D;QACH,CAAC,CAAC;QAEF,iBAAiB,GAAG,CAClB,KAAC,cAAc,OACT,eAAe,EACnB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,SAAS,EACtB,IAAI,EAAE,mBAAmB,EACzB,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;KACH;IAED,OAAO,iBAAiB,CAAC;AAC3B,CAAC","sourcesContent":["import { useRef } from 'react';\n\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface RichTextProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on TextArea here\n  additionalProps?: object;\n}\n\nexport default function RichText(props: RichTextProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n  const RichTextEditor = getComponentFromMap('RichTextEditor');\n\n  const { getPConnect, value, placeholder, validatemessage, label, hideLabel, helperText, testId, displayMode, additionalProps } = props;\n  const pConn = getPConnect();\n  const editorRef: any = useRef(null);\n\n  let { readOnly, required, disabled } = props;\n  [readOnly, required, disabled] = [readOnly, required, disabled].map(prop => prop === true || (typeof prop === 'string' && prop === 'true'));\n\n  const helperTextToDisplay = validatemessage || helperText;\n\n  if (displayMode === 'LABELS_LEFT') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} isHtml />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} isHtml variant='stacked' />;\n  }\n\n  let richTextComponent;\n\n  if (readOnly) {\n    // Rich Text read-only component\n    richTextComponent = (\n      <RichTextEditor\n        {...additionalProps}\n        label={label}\n        labelHidden={hideLabel}\n        defaultValue={value}\n        testId={testId}\n        info={helperTextToDisplay}\n        ref={editorRef}\n        readOnly\n      />\n    );\n  } else {\n    // Rich Text editable component\n    const actionsApi = pConn.getActionsApi();\n    let status = '';\n    if (validatemessage !== '') {\n      status = 'error';\n    }\n    const handleChange = () => {\n      if (status === 'error') {\n        const property = (pConn.getStateProps() as any).value;\n        pConn.clearErrorMessages({\n          property,\n          category: '',\n          context: ''\n        });\n      }\n    };\n\n    const handleBlur = () => {\n      if (editorRef.current) {\n        const editorValue = editorRef.current.getContent({ format: 'html' });\n        const property = (pConn.getStateProps() as any).value;\n        handleEvent(actionsApi, 'changeNblur', property, editorValue);\n      }\n    };\n\n    richTextComponent = (\n      <RichTextEditor\n        {...additionalProps}\n        label={label}\n        labelHidden={hideLabel}\n        info={helperTextToDisplay}\n        defaultValue={value}\n        placeholder={placeholder}\n        disabled={disabled}\n        required={required}\n        testId={testId}\n        ref={editorRef}\n        error={status === 'error'}\n        onBlur={handleBlur}\n        onChange={handleChange}\n      />\n    );\n  }\n\n  return richTextComponent;\n}\n"]}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PConnProps } from '../../../types/PConnProps';
 interface ScalarListProps extends PConnProps {
     displayInModal: boolean;
@@ -8,6 +7,6 @@ interface ScalarListProps extends PConnProps {
     label: string;
     displayMode: string;
 }
-export default function ScalarList(props: ScalarListProps): JSX.Element;
+export default function ScalarList(props: ScalarListProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ScalarList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarList.d.ts","sourceRoot":"","sources":["../../../../src/components/field/ScalarList/ScalarList.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGvD,UAAU,eAAgB,SAAQ,UAAU;IAE1C,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAcD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eAmCxD"}
+{"version":3,"file":"ScalarList.d.ts","sourceRoot":"","sources":["../../../../src/components/field/ScalarList/ScalarList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGvD,UAAU,eAAgB,SAAQ,UAAU;IAE1C,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAcD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,2CAqCxD"}

package/lib/components/field/ScalarList/ScalarList.js

@@ -15,10 +15,12 @@ export default function ScalarList(props) {
         return getPConnect().createComponent({
             type: componentType,
             config: {
+                // @ts-ignore - Type '{ readOnly: true; displayInModal: boolean; value: any; displayMode: string; label: string; }' is not assignable to type 'ComponentMetadataConfig'.
                 value: scalarValue,
                 displayMode: 'LABELS_LEFT',
                 label,
                 ...restProps,
+                // @ts-ignore - Type 'string' is not assignable to type 'boolean | undefined'.
                 readOnly: 'true'
             }
         }, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarList.js","sourceRoot":"","sources":["../../../../src/components/field/ScalarList/ScalarList.tsx"],"names":[],"mappings":";AAAA,6CAA6C;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAchF,SAAS,kBAAkB,CAAC,KAAK;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,OAAO,CACL,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC1B,OAAO,yBAAmB,KAAK,IAAb,KAAK,CAAgB,CAAC;QAC1C,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,8EAA8E;IAC9E,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE/G,MAAM,KAAK,GAAG,YAAY,EAAE,GAAG,CAAC,WAAW,CAAC,EAAE;QAC5C,OAAO,WAAW,EAAE,CAAC,eAAe,CAClC;YACE,IAAI,EAAE,aAAa;YACnB,MAAM,EAAE;gBACN,KAAK,EAAE,WAAW;gBAClB,WAAW,EAAE,aAAa;gBAC1B,KAAK;gBACL,GAAG,SAAS;gBACZ,QAAQ,EAAE,MAAM;aACjB;SACF,EACD,EAAE,EACF,EAAE,EACF,EAAE,CACH,CAAC,CAAC,8FAA8F;IACnG,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,aAAa,EAAE,mBAAmB,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QAC9E,OAAO,CACL,wBACE,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,GAChC,CACP,CAAC;KACH;IAED,MAAM,WAAW,GAAG,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAEzD,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;AAChG,CAAC","sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\n// ScalarListProps can't extend PConnFieldProps because its 'value' has a different type\ninterface ScalarListProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  displayInModal: boolean;\n  hideLabel: boolean;\n  value: any[];\n  componentType: string;\n  label: string;\n  displayMode: string;\n}\n\nfunction CommaSeparatedList(props) {\n  const { items } = props;\n\n  return (\n    <ul style={{ padding: '0', margin: '0' }}>\n      {items.map((value, index) => {\n        return <span key={index}>{value}</span>;\n      })}\n    </ul>\n  );\n}\n\nexport default function ScalarList(props: ScalarListProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const { label, getPConnect, componentType, value: scalarValues, displayMode, hideLabel, ...restProps } = props;\n\n  const items = scalarValues?.map(scalarValue => {\n    return getPConnect().createComponent(\n      {\n        type: componentType,\n        config: {\n          value: scalarValue,\n          displayMode: 'LABELS_LEFT',\n          label,\n          ...restProps,\n          readOnly: 'true'\n        }\n      },\n      '',\n      '',\n      {}\n    ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;\n  });\n\n  if (['LABELS_LEFT', 'STACKED_LARGE_VAL', 'DISPLAY_ONLY'].includes(displayMode)) {\n    return (\n      <div>\n        <CommaSeparatedList items={items} />\n      </div>\n    );\n  }\n\n  const displayComp = <CommaSeparatedList items={items} />;\n\n  return <FieldValueList name={hideLabel ? '' : label} value={displayComp} variant='stacked' />;\n}\n"]}
+{"version":3,"file":"ScalarList.js","sourceRoot":"","sources":["../../../../src/components/field/ScalarList/ScalarList.tsx"],"names":[],"mappings":";AAAA,6CAA6C;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAchF,SAAS,kBAAkB,CAAC,KAAK;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,OAAO,CACL,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC1B,OAAO,yBAAmB,KAAK,IAAb,KAAK,CAAgB,CAAC;QAC1C,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,8EAA8E;IAC9E,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE/G,MAAM,KAAK,GAAG,YAAY,EAAE,GAAG,CAAC,WAAW,CAAC,EAAE;QAC5C,OAAO,WAAW,EAAE,CAAC,eAAe,CAClC;YACE,IAAI,EAAE,aAAa;YACnB,MAAM,EAAE;gBACN,wKAAwK;gBACxK,KAAK,EAAE,WAAW;gBAClB,WAAW,EAAE,aAAa;gBAC1B,KAAK;gBACL,GAAG,SAAS;gBACZ,8EAA8E;gBAC9E,QAAQ,EAAE,MAAM;aACjB;SACF,EACD,EAAE,EACF,EAAE,EACF,EAAE,CACH,CAAC,CAAC,8FAA8F;IACnG,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,aAAa,EAAE,mBAAmB,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QAC9E,OAAO,CACL,wBACE,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,GAChC,CACP,CAAC;KACH;IAED,MAAM,WAAW,GAAG,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAEzD,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;AAChG,CAAC","sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\n// ScalarListProps can't extend PConnFieldProps because its 'value' has a different type\ninterface ScalarListProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  displayInModal: boolean;\n  hideLabel: boolean;\n  value: any[];\n  componentType: string;\n  label: string;\n  displayMode: string;\n}\n\nfunction CommaSeparatedList(props) {\n  const { items } = props;\n\n  return (\n    <ul style={{ padding: '0', margin: '0' }}>\n      {items.map((value, index) => {\n        return <span key={index}>{value}</span>;\n      })}\n    </ul>\n  );\n}\n\nexport default function ScalarList(props: ScalarListProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const { label, getPConnect, componentType, value: scalarValues, displayMode, hideLabel, ...restProps } = props;\n\n  const items = scalarValues?.map(scalarValue => {\n    return getPConnect().createComponent(\n      {\n        type: componentType,\n        config: {\n          // @ts-ignore - Type '{ readOnly: true; displayInModal: boolean; value: any; displayMode: string; label: string; }' is not assignable to type 'ComponentMetadataConfig'.\n          value: scalarValue,\n          displayMode: 'LABELS_LEFT',\n          label,\n          ...restProps,\n          // @ts-ignore - Type 'string' is not assignable to type 'boolean | undefined'.\n          readOnly: 'true'\n        }\n      },\n      '',\n      '',\n      {}\n    ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;\n  });\n\n  if (['LABELS_LEFT', 'STACKED_LARGE_VAL', 'DISPLAY_ONLY'].includes(displayMode)) {\n    return (\n      <div>\n        <CommaSeparatedList items={items} />\n      </div>\n    );\n  }\n\n  const displayComp = <CommaSeparatedList items={items} />;\n\n  return <FieldValueList name={hideLabel ? '' : label} value={displayComp} variant='stacked' />;\n}\n"]}

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { PConnFieldProps } from '../../../types/PConnProps';
 interface SemanticLinkProps extends PConnFieldProps {
     text: string;
 }
-export default function SemanticLink(props: SemanticLinkProps): JSX.Element | undefined;
+export default function SemanticLink(props: SemanticLinkProps): import("react/jsx-runtime").JSX.Element | undefined;
 export {};
 //# sourceMappingURL=SemanticLink.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SemanticLink.d.ts","sourceRoot":"","sources":["../../../../src/components/field/SemanticLink/SemanticLink.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAoC5D,UAAU,iBAAkB,SAAQ,eAAe;IAGjD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2BA4B5D"}
+{"version":3,"file":"SemanticLink.d.ts","sourceRoot":"","sources":["../../../../src/components/field/SemanticLink/SemanticLink.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAoC5D,UAAU,iBAAkB,SAAQ,eAAe;IAGjD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,uDA4B5D"}

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { PConnFieldProps } from '../../../types/PConnProps';
 interface TextAreaProps extends PConnFieldProps {
     fieldMetadata?: any;
 }
-export default function TextArea(props: TextAreaProps): JSX.Element;
+export default function TextArea(props: TextAreaProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TextArea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/field/TextArea/TextArea.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,aAAc,SAAQ,eAAe;IAE7C,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,eAmEpD"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/field/TextArea/TextArea.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,aAAc,SAAQ,eAAe;IAE7C,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAmEpD"}

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { PConnProps } from '../../../types/PConnProps';
 interface TextContentProps extends PConnProps {
     content: string;
     displayAs: 'Paragraph' | 'Heading 1' | 'Heading 2' | 'Heading 3' | 'Heading 4';
 }
-export default function TextContent(props: TextContentProps): JSX.Element;
+export default function TextContent(props: TextContentProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TextContent.d.ts.map

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,eAoC1D"}
+{"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"}

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { PConnFieldProps } from '../../../types/PConnProps';
 interface TextInputProps extends PConnFieldProps {
     fieldMetadata?: any;
 }
-export default function TextInput(props: TextInputProps): JSX.Element;
+export default function TextInput(props: TextInputProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TextInput.d.ts.map

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,eAiFtD"}
+{"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"}

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { PConnFieldProps } from '../../../types/PConnProps';
 interface TimeProps extends PConnFieldProps {
 }
-export default function Time(props: TimeProps): JSX.Element;
+export default function Time(props: TimeProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Time.d.ts.map

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,eAgE5C"}
+{"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"}

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { PConnFieldProps } from '../../../types/PConnProps';
 interface URLComponentProps extends PConnFieldProps {
 }
-export default function URLComponent(props: URLComponentProps): JSX.Element;
+export default function URLComponent(props: URLComponentProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=URL.d.ts.map

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,eA2D5D"}
+{"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"}

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

@@ -2,6 +2,7 @@
 import { PConnProps } from '../../../types/PConnProps';
 interface UserReferenceProps extends PConnProps {
     displayAs?: string;
+    displayMode?: string;
     label?: string;
     value?: any;
     testId?: 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;AAOvD,UAAU,kBAAmB,SAAQ,UAAU;IAE7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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;;AAkKD,wBAAiD"}
+{"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"}

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

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { memo, useEffect, useState } from 'react';
 import { Typography } from '@material-ui/core';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+import FieldValueList from '../../designSystemExtension/FieldValueList';
 import { getUserId, isUserNameAvailable } from './UserReferenceUtils';
 const DROPDOWN_LIST = 'Drop-down list';
 const SEARCH_BOX = 'Search box';
@@ -9,7 +10,7 @@ const UserReference = (props) => {
     // Get emitted components from map (so we can get any override that may exist)
     const AutoComplete = getComponentFromMap('AutoComplete');
     const Dropdown = getComponentFromMap('Dropdown');
-    const { label = '', displayAs = '', getPConnect, value = '', testId = '', helperText = '', validatemessage = '', placeholder = '', showAsFormattedText = false, additionalProps = {}, hideLabel = false, readOnly = false, required = false, disabled = false, onChange, 
+    const { label = '', displayAs = '', displayMode = '', getPConnect, value = '', testId = '', helperText = '', validatemessage = '', placeholder = '', showAsFormattedText = false, additionalProps = {}, hideLabel = false, readOnly = false, required = false, disabled = false, onChange, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     variant = 'inline' } = props;
     const [dropDownDataSource, setDropDownDataSource] = useState([]);
@@ -54,6 +55,12 @@ const UserReference = (props) => {
         }
     }, [displayAs, readOnly, showAsFormattedText, value]);
     let userReferenceComponent = null;
+    if (displayMode === 'LABELS_LEFT') {
+        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: userName || '' });
+    }
+    if (displayMode === 'STACKED_LARGE_VAL') {
+        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: userName || '', variant: 'stacked' });
+    }
     if (readOnly && showAsFormattedText) {
         if (userId) {
             userReferenceComponent = (_jsx(_Fragment, { children: _jsxs("div", { children: [_jsx(Typography, { variant: 'caption', children: label }), _jsx(Typography, { variant: 'body1', children: userName })] }) }));

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 { 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  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    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 (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\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 '@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"]}

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

@@ -1,3 +1,2 @@
 export declare function isEmptyObject(obj: Object): boolean;
-export declare function isInfinity23OrHigher(): boolean;
 //# sourceMappingURL=common-utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"common-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/common-utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAElD;AAED,wBAAgB,oBAAoB,YAGnC"}
+{"version":3,"file":"common-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/common-utils.ts"],"names":[],"mappings":"AACA,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAElD"}

package/lib/components/helpers/common-utils.js

@@ -1,8 +1,5 @@
+/* eslint-disable import/prefer-default-export */
 export function isEmptyObject(obj) {
     return Object.keys(obj).length === 0;
 }
-export function isInfinity23OrHigher() {
-    const pCoreVersion = PCore.getPCoreVersion();
-    return ['8.23.0', '23.1.1'].includes(pCoreVersion);
-}
 //# sourceMappingURL=common-utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"common-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/common-utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,GAAW;IACvC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,oBAAoB;IAClC,MAAM,YAAY,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC;IAC7C,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACrD,CAAC","sourcesContent":["export function isEmptyObject(obj: Object): boolean {\n  return Object.keys(obj).length === 0;\n}\n\nexport function isInfinity23OrHigher() {\n  const pCoreVersion = PCore.getPCoreVersion();\n  return ['8.23.0', '23.1.1'].includes(pCoreVersion);\n}\n"]}
+{"version":3,"file":"common-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/common-utils.ts"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,MAAM,UAAU,aAAa,CAAC,GAAW;IACvC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AACvC,CAAC","sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport function isEmptyObject(obj: Object): boolean {\n  return Object.keys(obj).length === 0;\n}\n"]}

package/lib/components/helpers/formatters/common.d.ts

@@ -1,3 +1,3 @@
-export declare function getLocale(locale?: string): string | undefined;
-export declare function getCurrentTimezone(timezone?: string): string;
+export declare function getLocale(locale?: string): string;
+export declare function getCurrentTimezone(timezone?: string): any;
 //# sourceMappingURL=common.d.ts.map

package/lib/components/helpers/formatters/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/common.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,MAAM,GAAE,MAAW,sBAO5C;AAED,wBAAgB,kBAAkB,CAAC,QAAQ,GAAE,MAA2B,UAGvE"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/common.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,MAAM,GAAE,MAAW,UAO5C;AAED,wBAAgB,kBAAkB,CAAC,QAAQ,GAAE,MAA2B,OAGvE"}

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

@@ -0,0 +1,5 @@
+declare const updateNewInstuctions: (c11nEnv: any, selectionList: any) => void;
+declare const insertInstruction: (c11nEnv: any, selectionList: any, selectionKey: any, primaryField: any, item: any) => void;
+declare const deleteInstruction: (c11nEnv: any, selectionList: any, selectionKey: any, item: any) => void;
+export { updateNewInstuctions, insertInstruction, deleteInstruction };
+//# sourceMappingURL=instructions-utils.d.ts.map

package/lib/components/helpers/instructions-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instructions-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/instructions-utils.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,oBAAoB,4CAOzB,CAAC;AAEF,QAAA,MAAM,iBAAiB,6FAYtB,CAAC;AAEF,QAAA,MAAM,iBAAiB,0EAMtB,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/components/helpers/instructions-utils.js

@@ -0,0 +1,36 @@
+const isSelfReferencedProperty = (param, referenceProp) => {
+    const [, parentPropName] = param.split('.');
+    const referencePropParent = referenceProp?.split('.').pop();
+    return parentPropName === referencePropParent;
+};
+const updateNewInstuctions = (c11nEnv, selectionList) => {
+    const { datasource: { parameters = {} } = {} } = c11nEnv.getFieldMetadata(selectionList) || {};
+    const compositeKeys = [];
+    Object.values(parameters).forEach((param) => {
+        if (isSelfReferencedProperty(param, selectionList))
+            compositeKeys.push(param.substring(param.lastIndexOf('.') + 1));
+    });
+    c11nEnv.getListActions().initDefaultPageInstructions(selectionList, compositeKeys);
+};
+const insertInstruction = (c11nEnv, selectionList, selectionKey, primaryField, item) => {
+    const { id, primary } = item;
+    const actualProperty = selectionKey.startsWith('.') ? selectionKey.substring(1) : selectionKey;
+    const displayProperty = primaryField.startsWith('.') ? primaryField.substring(1) : primaryField;
+    const rows = c11nEnv.getValue(`${c11nEnv.getPageReference()}${selectionList}`) || [];
+    const startIndex = rows.length;
+    const content = {
+        [actualProperty]: id,
+        [displayProperty]: primary,
+        nonFormProperties: actualProperty !== displayProperty ? [displayProperty] : []
+    };
+    c11nEnv.getListActions().insert(content, startIndex);
+};
+const deleteInstruction = (c11nEnv, selectionList, selectionKey, item) => {
+    const { id } = item;
+    const actualProperty = selectionKey.startsWith('.') ? selectionKey.substring(1) : selectionKey;
+    const rows = c11nEnv.getValue(`${c11nEnv.getPageReference()}${selectionList}`) || [];
+    const index = rows.findIndex(row => row[actualProperty] === id);
+    c11nEnv.getListActions().deleteEntry(index);
+};
+export { updateNewInstuctions, insertInstruction, deleteInstruction };
+//# sourceMappingURL=instructions-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"instructions-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/instructions-utils.ts"],"names":[],"mappings":"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","sourcesContent":["const isSelfReferencedProperty = (param, referenceProp) => {\n  const [, parentPropName] = param.split('.');\n  const referencePropParent = referenceProp?.split('.').pop();\n  return parentPropName === referencePropParent;\n};\n\nconst updateNewInstuctions = (c11nEnv, selectionList) => {\n  const { datasource: { parameters = {} } = {} } = c11nEnv.getFieldMetadata(selectionList) || {};\n  const compositeKeys: any = [];\n  Object.values(parameters).forEach((param: any) => {\n    if (isSelfReferencedProperty(param, selectionList)) compositeKeys.push(param.substring(param.lastIndexOf('.') + 1));\n  });\n  c11nEnv.getListActions().initDefaultPageInstructions(selectionList, compositeKeys);\n};\n\nconst insertInstruction = (c11nEnv, selectionList, selectionKey, primaryField, item) => {\n  const { id, primary } = item;\n  const actualProperty = selectionKey.startsWith('.') ? selectionKey.substring(1) : selectionKey;\n  const displayProperty = primaryField.startsWith('.') ? primaryField.substring(1) : primaryField;\n  const rows = c11nEnv.getValue(`${c11nEnv.getPageReference()}${selectionList}`) || [];\n  const startIndex = rows.length;\n  const content = {\n    [actualProperty]: id,\n    [displayProperty]: primary,\n    nonFormProperties: actualProperty !== displayProperty ? [displayProperty] : []\n  };\n  c11nEnv.getListActions().insert(content, startIndex);\n};\n\nconst deleteInstruction = (c11nEnv, selectionList, selectionKey, item) => {\n  const { id } = item;\n  const actualProperty = selectionKey.startsWith('.') ? selectionKey.substring(1) : selectionKey;\n  const rows = c11nEnv.getValue(`${c11nEnv.getPageReference()}${selectionList}`) || [];\n  const index = rows.findIndex(row => row[actualProperty] === id);\n  c11nEnv.getListActions().deleteEntry(index);\n};\n\nexport { updateNewInstuctions, insertInstruction, deleteInstruction };\n"]}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-declare const connectToState: (mapStateToProps?: () => void) => (Component: any) => (ownProps?: {}) => JSX.Element;
+declare const connectToState: (mapStateToProps?: () => void) => (Component: any) => (ownProps?: {}) => import("react/jsx-runtime").JSX.Element;
 export default connectToState;
 //# sourceMappingURL=state-utils.d.ts.map

package/lib/components/helpers/state-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"state-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/state-utils.tsx"],"names":[],"mappings":";AAKA,QAAA,MAAM,cAAc,gDACC,GAAG,mCAkCvB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"state-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/state-utils.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,cAAc,gDACC,GAAG,+DAkCvB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 interface ActionButtonsProps {
     arMainButtons?: any[];
     arSecondaryButtons?: any[];
     onButtonPress: any;
 }
-export default function ActionButtons(props: ActionButtonsProps): JSX.Element;
+export default function ActionButtons(props: ActionButtonsProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ActionButtons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":";AAKA,UAAU,kBAAkB;IAE1B,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC;CACpB;AAYD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAmD9D"}
+{"version":3,"file":"ActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAE1B,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC;CACpB;AAYD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAmD9D"}

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

@@ -6,6 +6,6 @@ interface AssignmentProps extends PConnProps {
     banners: any[];
     actionButtons: any[];
 }
-export default function Assignment(props: PropsWithChildren<AssignmentProps>): JSX.Element;
+export default function Assignment(props: PropsWithChildren<AssignmentProps>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Assignment.d.ts.map