@pega/react-sdk-components 24.2.11 → 25.1.10

package/lib/components/field/RichText/RichText.css

@@ -0,0 +1,79 @@
+.tox .tox-toolbar {
+  background-color: var(--app-background-color) !important;
+}
+
+.tox .tox-toolbar__primary {
+  background-color: var(--app-background-color) !important;
+}
+
+.tox .tox-toolbar__button {
+  color: var(--app-text-color) !important;
+}
+
+.tox .tox-toolbar__button--enabled {
+  background: var(--app-primary-color) !important;
+  color: #fff !important;
+}
+
+.tox .tox-dialog {
+  background-color: var(--modal-top-color) !important;
+  color: var(--app-text-color) !important;
+  border: 1px solid var(--modal-border-color) !important;
+  padding: 20px !important;
+  box-shadow: 0 0 10px 3px var(--modal-box-shadow-color) !important;
+}
+
+.tox .tox-dialog__header {
+  background-color: var(--modal-top-color) !important;
+  color: var(--app-text-color) !important;
+  font-weight: 500;
+  border-bottom: 1px solid var(--modal-border-color);
+}
+
+.tox .tox-dialog__footer {
+  background: transparent !important;
+  border-top: 1px solid var(--modal-border-color);
+}
+
+.tox .tox-dialog-wrap__backdrop {
+  background-color: var(--modal-background-color) !important;
+}
+
+.tox .tox-dialog__body input,
+.tox .tox-dialog__body textarea,
+.tox .tox-dialog__body select {
+  background: initial !important;
+  color: var(--app-text-color) !important;
+  border: 1px solid var(--app-neutral-color) !important;
+  border-radius: 4px !important;
+  padding: 6px 10px !important;
+  font-size: 1em !important;
+  font-family: inherit !important;
+}
+
+.tox .tox-dialog__body button {
+  background: transparent;
+  color: #fff !important;
+  border: none !important;
+  border-radius: 4px !important;
+  padding: 8px 16px !important;
+  font-size: 1em !important;
+  cursor: pointer !important;
+}
+
+.tox .tox-dialog__footer .tox-button {
+  background: var(--app-primary-color) !important;
+  color: #fff !important;
+  border: none !important;
+  border-radius: 4px !important;
+  padding: 8px 16px !important;
+  font-size: 1em !important;
+  cursor: pointer !important;
+}
+
+.tox .tox-dialog__footer .tox-button--secondary {
+  background: var(--app-secondary-color) !important;
+  color: var(--secondary-button-text-color) !important;
+  font-size: 0.875rem !important;
+  cursor: pointer !important;
+}

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

@@ -1,4 +1,5 @@
-import { PConnFieldProps } from '../../../types/PConnProps';
+import type { PConnFieldProps } from '../../../types/PConnProps';
+import './RichText.css';
 interface RichTextProps extends PConnFieldProps {
     additionalProps?: object;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../../../src/components/field/RichText/RichText.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,aAAc,SAAQ,eAAe;IAE7C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,OAoFpD"}
+{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../../../src/components/field/RichText/RichText.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,gBAAgB,CAAC;AAExB,UAAU,aAAc,SAAQ,eAAe;IAE7C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,OAoFpD"}

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

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from 'react';
 import handleEvent from '../../helpers/event-utils';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+import './RichText.css';
 export default function RichText(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const FieldValueList = getComponentFromMap('FieldValueList');

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 === 'DISPLAY_ONLY') {\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"]}
+{"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 type { PConnFieldProps } from '../../../types/PConnProps';\n\nimport './RichText.css';\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 === 'DISPLAY_ONLY') {\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,4 @@
-import { PConnProps } from '../../../types/PConnProps';
+import type { PConnProps } from '../../../types/PConnProps';
 interface ScalarListProps extends PConnProps {
     displayInModal: boolean;
     hideLabel: boolean;

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,2CAoCxD"}
+{"version":3,"file":"ScalarList.d.ts","sourceRoot":"","sources":["../../../../src/components/field/ScalarList/ScalarList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,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,2CAoCxD"}

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable react/no-array-index-key */
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 function CommaSeparatedList(props) {
     const { items } = props;
@@ -22,7 +21,7 @@ export default function ScalarList(props) {
                 readOnly: 'true'
             }
         }, '', 
-        // @ts-ignore
+        // @ts-expect-error
         '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;
     });
     if (['STACKED_LARGE_VAL', 'DISPLAY_ONLY'].includes(displayMode)) {

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,cAAc;gBAC3B,KAAK;gBACL,GAAG,SAAS;gBACZ,QAAQ,EAAE,MAAM;aACjB;SACF,EACD,EAAE;QACF,aAAa;QACb,EAAE,EACF,EAAE,CACH,CAAC,CAAC,8FAA8F;IACnG,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QAC/D,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: 'DISPLAY_ONLY',\n          label,\n          ...restProps,\n          readOnly: 'true'\n        }\n      },\n      '',\n      // @ts-ignore\n      '',\n      {}\n    ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;\n  });\n\n  if (['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,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,cAAc;gBAC3B,KAAK;gBACL,GAAG,SAAS;gBACZ,QAAQ,EAAE,MAAM;aACjB;SACF,EACD,EAAE;QACF,mBAAmB;QACnB,EAAE,EACF,EAAE,CACH,CAAC,CAAC,8FAA8F;IACnG,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;QAChE,OAAO,CACL,wBACE,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,GAChC,CACP,CAAC;IACJ,CAAC;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":["import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { 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: 'DISPLAY_ONLY',\n          label,\n          ...restProps,\n          readOnly: 'true'\n        }\n      },\n      '',\n      // @ts-expect-error\n      '',\n      {}\n    ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;\n  });\n\n  if (['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/SelectableCard/SelectableCard.d.ts

@@ -0,0 +1,2 @@
+export default function SelectableCard(props: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectableCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableCard.d.ts","sourceRoot":"","sources":["../../../../src/components/field/SelectableCard/SelectableCard.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,KAAA,2CA2K3C"}

package/lib/components/field/SelectableCard/SelectableCard.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Radio, Checkbox, FormControlLabel, Card, CardContent, Typography } from '@mui/material';
+import { resolveReferenceFields } from './utils';
+export default function SelectableCard(props) {
+    const { getPConnect, type, image: { imagePosition, imageSize, showImageDescription, imageField = '', imageDescription = '' }, dataSource, recordKey = '', className, cardLabel, hideFieldLabels = false, readOnly, disabled, readOnlyList = [], displayMode, radioBtnValue, onChange, onBlur, onClick, onKeyDown, additionalProps, testId, setIsRadioCardSelected, showNoValue = false } = props;
+    const pConn = getPConnect();
+    if (showNoValue)
+        return _jsx(Typography, { children: "No Value" });
+    const cardDataSource = readOnly || displayMode === 'DISPLAY_ONLY' ? readOnlyList || [] : dataSource?.source;
+    const imageDescriptionKey = showImageDescription ? imageDescription : undefined;
+    let radioItemSelected = false;
+    return (_jsxs(_Fragment, { children: [(cardDataSource || []).map(item => {
+                const resolvedFields = resolveReferenceFields(item, hideFieldLabels, recordKey, pConn);
+                const commonProps = {
+                    id: item[recordKey],
+                    key: item[recordKey],
+                    fields: resolvedFields,
+                    label: item[cardLabel]
+                };
+                const image = item[imageField]
+                    ? {
+                        src: item[imageField],
+                        alt: showImageDescription && imageDescriptionKey ? item[imageDescriptionKey] : '',
+                        style: { width: imageSize, objectPosition: imagePosition }
+                    }
+                    : undefined;
+                const cardContent = (_jsxs(Card, { className: className, style: { display: 'flex' }, "data-testid": testId, children: [image && _jsx("img", { src: image.src, alt: image.alt, style: { width: '100px' } }), _jsxs(CardContent, { children: [_jsx(Typography, { variant: 'body1', children: item[cardLabel] }), commonProps.fields.map((field, index) => (_jsx(Typography, { variant: 'body2', children: field.value }, index)))] })] }));
+                if (displayMode === 'DISPLAY_ONLY') {
+                    return cardContent;
+                }
+                const component = (_jsx("div", { style: { paddingTop: '15px' }, children: _jsx(Card, { className: className, style: { display: 'flex', flexDirection: 'column', height: '100%' }, "data-testid": testId, children: _jsxs(CardContent, { style: {
+                                ...((imagePosition === 'inline-start' || imagePosition === 'inline-end') && { display: 'flex', height: '100%' }),
+                                ...(imagePosition === 'inline-end' && { flexDirection: 'row-reverse' })
+                            }, children: [_jsx("div", { style: {
+                                        ...((imagePosition === 'inline-start' || imagePosition === 'inline-end') && { width: '40%' })
+                                    }, children: image && (_jsx("img", { src: image.src, alt: image.alt, style: {
+                                            width: '100%',
+                                            backgroundColor: 'transparent',
+                                            aspectRatio: '16 / 9',
+                                            maxHeight: '100%',
+                                            height: '100%',
+                                            objectFit: 'contain',
+                                            maxWidth: '100%'
+                                        } })) }), _jsxs("div", { style: {
+                                        ...((imagePosition === 'inline-start' || imagePosition === 'inline-end') && { width: '60%' })
+                                    }, children: [type === 'radio' ? (_jsx(FormControlLabel, { control: _jsx(Radio, { value: item[recordKey], checked: radioBtnValue === item[recordKey], onChange: onChange, onBlur: onBlur, onClick: onClick, onKeyDown: onKeyDown, disabled: disabled, ...additionalProps }), label: _jsx(Typography, { variant: 'body1', children: item[cardLabel] }) })) : (_jsx(FormControlLabel, { control: _jsx(Checkbox, { id: item[recordKey], getPConnect: getPConnect, checked: readOnlyList.some(data => data[recordKey] === item[recordKey]), onChange: onChange, onBlur: onBlur, onClick: onClick, onKeyDown: onKeyDown, disabled: disabled, ...additionalProps }), label: _jsx(Typography, { variant: 'body1', children: item[cardLabel] }) })), commonProps.fields.map((field, index) => (_jsxs("div", { style: {
+                                                fontSize: '0.875rem',
+                                                ...(field.type !== 'TextArea' && { display: 'grid', gridTemplateColumns: '1fr 1fr' }),
+                                                margin: '5px'
+                                            }, children: [field.name && _jsx("div", { children: field.name }), _jsx("div", { children: field?.value?.props.value })] }, index)))] })] }) }) }, item[recordKey]));
+                if (type === 'radio' && radioBtnValue === item[recordKey]) {
+                    radioItemSelected = true;
+                }
+                return component;
+            }), type === 'radio' && setIsRadioCardSelected && setIsRadioCardSelected(radioItemSelected)] }));
+}
+//# sourceMappingURL=SelectableCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableCard.js","sourceRoot":"","sources":["../../../../src/components/field/SelectableCard/SelectableCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Radio, Checkbox, FormControlLabel, Card, CardContent, Typography } from '@mui/material';\nimport { resolveReferenceFields } from './utils';\n\nexport default function SelectableCard(props) {\n  const {\n    getPConnect,\n    type,\n    image: { imagePosition, imageSize, showImageDescription, imageField = '', imageDescription = '' },\n    dataSource,\n    recordKey = '',\n    className,\n    cardLabel,\n    hideFieldLabels = false,\n    readOnly,\n    disabled,\n    readOnlyList = [],\n    displayMode,\n    radioBtnValue,\n    onChange,\n    onBlur,\n    onClick,\n    onKeyDown,\n    additionalProps,\n    testId,\n    setIsRadioCardSelected,\n    showNoValue = false\n  } = props;\n\n  const pConn = getPConnect();\n\n  if (showNoValue) return <Typography>No Value</Typography>;\n\n  const cardDataSource = readOnly || displayMode === 'DISPLAY_ONLY' ? readOnlyList || [] : dataSource?.source;\n  const imageDescriptionKey = showImageDescription ? imageDescription : undefined;\n\n  let radioItemSelected = false;\n\n  return (\n    <>\n      {(cardDataSource || []).map(item => {\n        const resolvedFields = resolveReferenceFields(item, hideFieldLabels, recordKey, pConn);\n\n        const commonProps = {\n          id: item[recordKey],\n          key: item[recordKey],\n          fields: resolvedFields,\n          label: item[cardLabel]\n        };\n\n        const image = item[imageField]\n          ? {\n              src: item[imageField],\n              alt: showImageDescription && imageDescriptionKey ? item[imageDescriptionKey] : '',\n              style: { width: imageSize, objectPosition: imagePosition }\n            }\n          : undefined;\n\n        const cardContent = (\n          <Card className={className} style={{ display: 'flex' }} data-testid={testId}>\n            {image && <img src={image.src} alt={image.alt} style={{ width: '100px' }} />}\n            <CardContent>\n              <Typography variant='body1'>{item[cardLabel]}</Typography>\n              {commonProps.fields.map((field, index) => (\n                <Typography key={index} variant='body2'>\n                  {field.value}\n                </Typography>\n              ))}\n            </CardContent>\n          </Card>\n        );\n\n        if (displayMode === 'DISPLAY_ONLY') {\n          return cardContent;\n        }\n\n        const component = (\n          <div key={item[recordKey]} style={{ paddingTop: '15px' }}>\n            <Card className={className} style={{ display: 'flex', flexDirection: 'column', height: '100%' }} data-testid={testId}>\n              <CardContent\n                style={{\n                  ...((imagePosition === 'inline-start' || imagePosition === 'inline-end') && { display: 'flex', height: '100%' }),\n                  ...(imagePosition === 'inline-end' && { flexDirection: 'row-reverse' })\n                }}\n              >\n                <div\n                  style={{\n                    ...((imagePosition === 'inline-start' || imagePosition === 'inline-end') && { width: '40%' })\n                  }}\n                >\n                  {image && (\n                    <img\n                      src={image.src}\n                      alt={image.alt}\n                      style={{\n                        width: '100%',\n                        backgroundColor: 'transparent',\n                        aspectRatio: '16 / 9',\n                        maxHeight: '100%',\n                        height: '100%',\n                        objectFit: 'contain',\n                        maxWidth: '100%'\n                      }}\n                    />\n                  )}\n                </div>\n                <div\n                  style={{\n                    ...((imagePosition === 'inline-start' || imagePosition === 'inline-end') && { width: '60%' })\n                  }}\n                >\n                  {type === 'radio' ? (\n                    <FormControlLabel\n                      control={\n                        <Radio\n                          value={item[recordKey]}\n                          checked={radioBtnValue === item[recordKey]}\n                          onChange={onChange}\n                          onBlur={onBlur}\n                          onClick={onClick}\n                          onKeyDown={onKeyDown}\n                          disabled={disabled}\n                          {...additionalProps}\n                        />\n                      }\n                      label={<Typography variant='body1'>{item[cardLabel]}</Typography>}\n                    />\n                  ) : (\n                    <FormControlLabel\n                      control={\n                        <Checkbox\n                          id={item[recordKey]}\n                          getPConnect={getPConnect}\n                          checked={readOnlyList.some(data => data[recordKey] === item[recordKey])}\n                          onChange={onChange}\n                          onBlur={onBlur}\n                          onClick={onClick}\n                          onKeyDown={onKeyDown}\n                          disabled={disabled}\n                          {...additionalProps}\n                        />\n                      }\n                      label={<Typography variant='body1'>{item[cardLabel]}</Typography>}\n                    />\n                  )}\n\n                  {commonProps.fields.map((field, index) => (\n                    <div\n                      key={index}\n                      style={{\n                        fontSize: '0.875rem',\n                        ...(field.type !== 'TextArea' && { display: 'grid', gridTemplateColumns: '1fr 1fr' }),\n                        margin: '5px'\n                      }}\n                    >\n                      {field.name && <div>{field.name}</div>}\n                      <div>{field?.value?.props.value}</div>\n                    </div>\n                  ))}\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n        );\n\n        if (type === 'radio' && radioBtnValue === item[recordKey]) {\n          radioItemSelected = true;\n        }\n\n        return component;\n      })}\n\n      {type === 'radio' && setIsRadioCardSelected && setIsRadioCardSelected(radioItemSelected)}\n    </>\n  );\n}\n"]}

package/lib/components/field/SelectableCard/index.d.ts

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

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

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

package/lib/components/field/SelectableCard/index.js

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

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

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

package/lib/components/field/SelectableCard/utils.d.ts

@@ -0,0 +1,13 @@
+export declare const resolveReferencedPConnect: (pConnect: any) => any;
+/**
+ * A helper function to create an object consisting react component as per the type.
+ * This is used by CaseSummary template.
+ * @param {object} pConnectMeta Object containing meta information for the particular field authored
+ * @param {Function} getPConnect PConnect function passed along to other components.
+ * @param {string} displayMode displayMode string contains information about the layout of component in review mode.
+ */
+export declare function prepareComponentInCaseSummary(pConnectMeta: any, getPConnect: Function): any;
+export declare function resolveReferenceFields(item: {
+    [key: string]: unknown;
+}, hideFieldLabels: boolean, recordKey: string, pConnect: typeof PConnect): any;
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/field/SelectableCard/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/field/SelectableCard/utils.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,yBAAyB,GAAG,aAAQ,QAKhD,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAAC,YAAY,EAAE,GAAG,EAAE,WAAW,EAAE,QAAQ,OA0JrF;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE;IACJ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,EACD,eAAe,EAAE,OAAO,EACxB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,OAAO,QAAQ,OA0C1B"}

package/lib/components/field/SelectableCard/utils.js

@@ -0,0 +1,183 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link } from '@mui/material';
+import { Utils } from '../../helpers/utils';
+export const resolveReferencedPConnect = pConnect => {
+    if (!pConnect || !pConnect.meta)
+        return undefined;
+    const type = pConnect?._type ?? undefined;
+    const referencedPConnect = type === 'reference' && pConnect.getReferencedViewPConnect().getPConnect();
+    return referencedPConnect || pConnect;
+};
+/**
+ * A helper function to create an object consisting react component as per the type.
+ * This is used by CaseSummary template.
+ * @param {object} pConnectMeta Object containing meta information for the particular field authored
+ * @param {Function} getPConnect PConnect function passed along to other components.
+ * @param {string} displayMode displayMode string contains information about the layout of component in review mode.
+ */
+export function prepareComponentInCaseSummary(pConnectMeta, getPConnect) {
+    const { config, children } = pConnectMeta;
+    const noValueComponent = _jsx("div", { children: "No Value" });
+    const placeholder = '...';
+    const pConnect = getPConnect();
+    const caseSummaryComponentObject = {};
+    let { type } = pConnectMeta;
+    let showAddressLabel = true;
+    if (config && config.value === `@P .${Utils.getMappedKey('pyStatusWork')}`) {
+        config.displayAsStatus = true;
+        type = 'TextInput'; // force the type to be TextInput for status field.
+        // As TextInput is loaded forcefully sometimes, TextInput component might not be available in lazy map.
+        // Load TextInput if it is not available.
+        if (!PCore.getComponentsRegistry().getLazyComponent(type)) {
+            PCore.getAssetLoader().getLoader('component-loader')([type]);
+        }
+    }
+    caseSummaryComponentObject.name = pConnect.resolveConfigProps({ label: config.label }).label;
+    if (config.inheritedProps) {
+        const labelInInheritedProp = config.inheritedProps.find(inheritedProp => inheritedProp.prop === 'label');
+        if (labelInInheritedProp) {
+            labelInInheritedProp.value = pConnect.resolveConfigProps({ label: labelInInheritedProp.value }).label;
+        }
+    }
+    switch (type) {
+        case 'CaseOperator': {
+            if (config.label.includes('Create operator')) {
+                caseSummaryComponentObject.name = pConnect.resolveConfigProps({
+                    createLabel: config.createLabel
+                }).createLabel;
+            }
+            else if (config.label.includes('Update operator')) {
+                caseSummaryComponentObject.name = pConnect.resolveConfigProps({
+                    updateLabel: config.updateLabel
+                }).updateLabel;
+            }
+            else {
+                caseSummaryComponentObject.name = pConnect.resolveConfigProps({
+                    resolveLabel: config.resolveLabel
+                }).resolveLabel;
+            }
+            break;
+        }
+        case 'Checkbox': {
+            caseSummaryComponentObject.name = pConnect.resolveConfigProps({
+                label: config.caption
+            }).label;
+            break;
+        }
+        case 'Pega_UI_PercentageWidget': {
+            const rawValue = pConnect.resolveConfigProps({
+                value: config.value
+            }).value;
+            caseSummaryComponentObject.simpleValue = rawValue || rawValue === 0 ? `${rawValue}%` : noValueComponent;
+            break;
+        }
+        case 'Address': {
+            showAddressLabel = false;
+            caseSummaryComponentObject.variant = 'stacked';
+            break;
+        }
+        case 'Location':
+        case 'RichText': {
+            const rawValue = pConnect.resolveConfigProps({
+                value: config.value
+            }).value;
+            caseSummaryComponentObject.variant = 'stacked';
+            caseSummaryComponentObject.simpleValue = rawValue?.length ? rawValue : noValueComponent;
+            break;
+        }
+        case 'TextArea': {
+            const rawValue = pConnect.resolveConfigProps({
+                value: config.value
+            }).value;
+            if (rawValue?.length > 22) {
+                caseSummaryComponentObject.variant = 'stacked';
+            }
+            caseSummaryComponentObject.simpleValue = rawValue?.length ? rawValue : noValueComponent;
+            break;
+        }
+        case 'URL': {
+            if (config.displayAs === 'Image') {
+                const rawValue = pConnect.resolveConfigProps({
+                    value: config.value
+                }).value;
+                caseSummaryComponentObject.variant = 'stacked';
+                caseSummaryComponentObject.simpleValue = rawValue?.length ? _jsx(Link, { href: rawValue, children: rawValue }) : noValueComponent;
+            }
+            break;
+        }
+        case 'reference': {
+            const referencedPConnect = resolveReferencedPConnect(pConnect);
+            const viewType = referencedPConnect?.meta?.config.type;
+            const viewTemplate = referencedPConnect?.meta?.config.template;
+            const isTable = ['multirecordlist'].includes(viewType);
+            const isDataReference = viewTemplate === 'DataReference';
+            if (isTable || !isDataReference) {
+                caseSummaryComponentObject.variant = 'stacked';
+                caseSummaryComponentObject.simpleValue = placeholder;
+            }
+            break;
+        }
+        case 'view': {
+            caseSummaryComponentObject.variant = 'stacked';
+            caseSummaryComponentObject.simpleValue = placeholder;
+            break;
+        }
+        default:
+            break;
+    }
+    const createdComponent = pConnect.createComponent({
+        type,
+        children: children ? [...children] : [],
+        showAddressLabel,
+        config: {
+            ...config,
+            // Need a unique key for each summary component which helps in creating new component based on visibility
+            // Also a consistent key helps in rerendering summary components instead of remounting
+            key: config
+        }
+    });
+    createdComponent.props.getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');
+    createdComponent.props.getPConnect().setInheritedProp('readOnly', true);
+    if (type === 'Address') {
+        createdComponent.props.getPConnect().setInheritedProp('showAddressLabel', showAddressLabel);
+    }
+    // Add field label for reference summary item when not Embedded data
+    if (type === 'reference') {
+        const isEmbeddedData = config.context && config.displayAs === 'Form';
+        if (!isEmbeddedData) {
+            caseSummaryComponentObject.name = createdComponent.props.getPConnect().getInheritedProps().label;
+        }
+    }
+    caseSummaryComponentObject.value = createdComponent;
+    return caseSummaryComponentObject;
+}
+export function resolveReferenceFields(item, hideFieldLabels, recordKey, pConnect) {
+    const presets = (pConnect.getRawMetadata()?.config).presets ?? [];
+    const presetChildren = presets[0]?.children?.[0]?.children ?? [];
+    const maxFields = 5;
+    return presetChildren.slice(0, maxFields).map((preset, index) => {
+        const fieldMeta = {
+            meta: {
+                ...preset,
+                config: {
+                    ...preset.config,
+                    displayMode: 'DISPLAY_ONLY',
+                    contextName: pConnect.getContextName()
+                }
+            },
+            useCustomContext: item
+        };
+        const configObj = PCore.createPConnect(fieldMeta);
+        const meta = configObj.getPConnect().getMetadata();
+        const fieldInfo = meta ? prepareComponentInCaseSummary(meta, configObj.getPConnect) : {};
+        return hideFieldLabels
+            ? { id: `${item[recordKey]} - ${index}`, value: fieldInfo.value }
+            : {
+                id: `${item[recordKey]} - ${index}`,
+                name: fieldInfo.name,
+                value: fieldInfo.value,
+                type: preset.type
+            };
+    });
+}
+//# sourceMappingURL=utils.js.map

package/lib/components/field/SelectableCard/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/field/SelectableCard/utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Link } from '@mui/material';\n\nimport { Utils } from '../../helpers/utils';\n\nexport const resolveReferencedPConnect = pConnect => {\n  if (!pConnect || !pConnect.meta) return undefined;\n  const type = pConnect?._type ?? undefined;\n  const referencedPConnect = type === 'reference' && pConnect.getReferencedViewPConnect().getPConnect();\n  return referencedPConnect || pConnect;\n};\n\n/**\n * A helper function to create an object consisting react component as per the type.\n * This is used by CaseSummary template.\n * @param {object} pConnectMeta Object containing meta information for the particular field authored\n * @param {Function} getPConnect PConnect function passed along to other components.\n * @param {string} displayMode displayMode string contains information about the layout of component in review mode.\n */\nexport function prepareComponentInCaseSummary(pConnectMeta: any, getPConnect: Function) {\n  const { config, children } = pConnectMeta;\n\n  const noValueComponent = <div>No Value</div>;\n  const placeholder = '...';\n  const pConnect = getPConnect();\n\n  const caseSummaryComponentObject: any = {};\n\n  let { type } = pConnectMeta;\n  let showAddressLabel = true;\n\n  if (config && config.value === `@P .${Utils.getMappedKey('pyStatusWork')}`) {\n    config.displayAsStatus = true;\n    type = 'TextInput'; // force the type to be TextInput for status field.\n    // As TextInput is loaded forcefully sometimes, TextInput component might not be available in lazy map.\n    // Load TextInput if it is not available.\n    if (!PCore.getComponentsRegistry().getLazyComponent(type)) {\n      PCore.getAssetLoader().getLoader('component-loader')([type]);\n    }\n  }\n\n  caseSummaryComponentObject.name = pConnect.resolveConfigProps({ label: config.label }).label;\n\n  if (config.inheritedProps) {\n    const labelInInheritedProp = config.inheritedProps.find(inheritedProp => inheritedProp.prop === 'label');\n    if (labelInInheritedProp) {\n      labelInInheritedProp.value = pConnect.resolveConfigProps({ label: labelInInheritedProp.value }).label;\n    }\n  }\n\n  switch (type) {\n    case 'CaseOperator': {\n      if (config.label.includes('Create operator')) {\n        caseSummaryComponentObject.name = pConnect.resolveConfigProps({\n          createLabel: config.createLabel\n        }).createLabel;\n      } else if (config.label.includes('Update operator')) {\n        caseSummaryComponentObject.name = pConnect.resolveConfigProps({\n          updateLabel: config.updateLabel\n        }).updateLabel;\n      } else {\n        caseSummaryComponentObject.name = pConnect.resolveConfigProps({\n          resolveLabel: config.resolveLabel\n        }).resolveLabel;\n      }\n\n      break;\n    }\n    case 'Checkbox': {\n      caseSummaryComponentObject.name = pConnect.resolveConfigProps({\n        label: config.caption\n      }).label;\n\n      break;\n    }\n    case 'Pega_UI_PercentageWidget': {\n      const rawValue = pConnect.resolveConfigProps({\n        value: config.value\n      }).value;\n\n      caseSummaryComponentObject.simpleValue = rawValue || rawValue === 0 ? `${rawValue}%` : noValueComponent;\n      break;\n    }\n    case 'Address': {\n      showAddressLabel = false;\n\n      caseSummaryComponentObject.variant = 'stacked';\n      break;\n    }\n    case 'Location':\n    case 'RichText': {\n      const rawValue = pConnect.resolveConfigProps({\n        value: config.value\n      }).value;\n\n      caseSummaryComponentObject.variant = 'stacked';\n      caseSummaryComponentObject.simpleValue = rawValue?.length ? rawValue : noValueComponent;\n      break;\n    }\n    case 'TextArea': {\n      const rawValue = pConnect.resolveConfigProps({\n        value: config.value\n      }).value;\n\n      if (rawValue?.length > 22) {\n        caseSummaryComponentObject.variant = 'stacked';\n      }\n\n      caseSummaryComponentObject.simpleValue = rawValue?.length ? rawValue : noValueComponent;\n      break;\n    }\n    case 'URL': {\n      if (config.displayAs === 'Image') {\n        const rawValue = pConnect.resolveConfigProps({\n          value: config.value\n        }).value;\n\n        caseSummaryComponentObject.variant = 'stacked';\n        caseSummaryComponentObject.simpleValue = rawValue?.length ? <Link href={rawValue}>{rawValue}</Link> : noValueComponent;\n      }\n      break;\n    }\n    case 'reference': {\n      const referencedPConnect = resolveReferencedPConnect(pConnect);\n      const viewType = referencedPConnect?.meta?.config.type;\n      const viewTemplate = referencedPConnect?.meta?.config.template;\n      const isTable = ['multirecordlist'].includes(viewType);\n      const isDataReference = viewTemplate === 'DataReference';\n\n      if (isTable || !isDataReference) {\n        caseSummaryComponentObject.variant = 'stacked';\n        caseSummaryComponentObject.simpleValue = placeholder;\n      }\n      break;\n    }\n    case 'view': {\n      caseSummaryComponentObject.variant = 'stacked';\n      caseSummaryComponentObject.simpleValue = placeholder;\n      break;\n    }\n    default:\n      break;\n  }\n\n  const createdComponent = pConnect.createComponent({\n    type,\n    children: children ? [...children] : [],\n    showAddressLabel,\n    config: {\n      ...config,\n      // Need a unique key for each summary component which helps in creating new component based on visibility\n      // Also a consistent key helps in rerendering summary components instead of remounting\n      key: config\n    }\n  });\n\n  createdComponent.props.getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');\n  createdComponent.props.getPConnect().setInheritedProp('readOnly', true);\n\n  if (type === 'Address') {\n    createdComponent.props.getPConnect().setInheritedProp('showAddressLabel', showAddressLabel);\n  }\n  // Add field label for reference summary item when not Embedded data\n  if (type === 'reference') {\n    const isEmbeddedData = config.context && config.displayAs === 'Form';\n    if (!isEmbeddedData) {\n      caseSummaryComponentObject.name = createdComponent.props.getPConnect().getInheritedProps().label;\n    }\n  }\n\n  caseSummaryComponentObject.value = createdComponent;\n\n  return caseSummaryComponentObject;\n}\n\nexport function resolveReferenceFields(\n  item: {\n    [key: string]: unknown;\n  },\n  hideFieldLabels: boolean,\n  recordKey: string,\n  pConnect: typeof PConnect\n) {\n  const presets: {\n    children?: {\n      children?: {\n        config;\n        type;\n      };\n      config?;\n    };\n  } = (pConnect.getRawMetadata()?.config as any).presets ?? [];\n\n  const presetChildren = presets[0]?.children?.[0]?.children ?? [];\n\n  const maxFields = 5;\n  return presetChildren.slice(0, maxFields).map((preset, index) => {\n    const fieldMeta = {\n      meta: {\n        ...preset,\n        config: {\n          ...preset.config,\n          displayMode: 'DISPLAY_ONLY',\n          contextName: pConnect.getContextName()\n        }\n      },\n      useCustomContext: item\n    };\n    const configObj = PCore.createPConnect(fieldMeta);\n    const meta = configObj.getPConnect().getMetadata();\n    const fieldInfo: {\n      name?: string;\n      value?: React.ReactNode;\n    } = meta ? prepareComponentInCaseSummary(meta, configObj.getPConnect) : {};\n    return hideFieldLabels\n      ? { id: `${item[recordKey]} - ${index}`, value: fieldInfo.value }\n      : {\n          id: `${item[recordKey]} - ${index}`,\n          name: fieldInfo.name,\n          value: fieldInfo.value,\n          type: preset.type\n        };\n  });\n}\n"]}

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

@@ -1,7 +1,15 @@
-import { PConnFieldProps } from '../../../types/PConnProps';
+import type { PConnFieldProps } from '../../../types/PConnProps';
 interface SemanticLinkProps extends PConnFieldProps {
     text: string;
+    resourcePayload: any;
+    resourceParams: any;
+    previewKey: string | null;
+    onClick: (event: any) => void;
+    testId: string;
+    referenceType: string | null;
+    dataRelationshipContext: string | null;
+    contextPage: any;
 }
-export default function SemanticLink(props: SemanticLinkProps): import("react/jsx-runtime").JSX.Element | undefined;
+export default function SemanticLink(props: SemanticLinkProps): import("react/jsx-runtime").JSX.Element;
 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,uDA4B5D"}
+{"version":3,"file":"SemanticLink.d.ts","sourceRoot":"","sources":["../../../../src/components/field/SemanticLink/SemanticLink.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAoCjE,UAAU,iBAAkB,SAAQ,eAAe;IAEjD,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,GAAG,CAAC;IACrB,cAAc,EAAE,GAAG,CAAC;IACpB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,uBAAuB,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,WAAW,EAAE,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA2J5D"}