@pega/react-sdk-components 23.1.10 → 23.1.12

package/lib/components/template/NarrowWide/NarrowWide/NarrowWide.js.map

@@ -1 +1 @@
-{"version":3,"file":"NarrowWide.js","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWide/NarrowWide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,kBAAkB,CAAC;AAiB1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,kDAAkD;IAClD,MAAM,EAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAE/B,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACd,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAChC,6BAAK,SAAS,EAAC,yBAAyB;gBACxC,6BAAK,SAAS,EAAC,2BAA2B,IACvC,QAAQ,CAAC,CAAC,CAAC,CACR;gBACN,6BAAK,SAAS,EAAC,yBAAyB,IACrC,QAAQ,CAAC,CAAC,CAAC,CACR,CACF;QAEL,CAAC,IAAI,CAAC;YACL,6BAAK,SAAS,EAAC,yBAAyB;gBACxC,6BAAK,SAAS,EAAC,2BAA2B,IACvC,CAAC,CACE;gBACN,6BAAK,SAAS,EAAC,yBAAyB,IACrC,CAAC,CACE,CACF,CAEW,CAElB,CAAA;AAEH,CAAC","sourcesContent":["import React from \"react\";\n\nimport './NarrowWide.css';\n\n// NarrowWide does NOT have getPConnect. So, no need to extend from PConnProps\ninterface NarrowWideProps {\n  // If any, enter additional props that only exist on this component\n  a: any,\n  b: any,\n  children?: Array<any>,\n  // eslint-disable-next-line react/no-unused-prop-types\n  title?: string,\n  // eslint-disable-next-line react/no-unused-prop-types\n  cols?: string,\n  // eslint-disable-next-line react/no-unused-prop-types\n  icon?: string\n}\n\n\nexport default function NarrowWide(props: NarrowWideProps) {\n  // const {a, b /*, cols, icon, title */ } = props;\n  const {a, b, children} = props;\n\n  return (\n    <React.Fragment>\n    {children && children.length === 2 &&\n      <div className=\"psdk-narrow-wide-column\">\n      <div className=\"psdk-narrow-column-column\">\n        {children[0]}\n      </div>\n      <div className=\"psdk-wide-column-column\">\n        {children[1]}\n      </div>\n    </div>\n    }\n    {a && b &&\n      <div className=\"psdk-narrow-wide-column\">\n      <div className=\"psdk-narrow-column-column\">\n        {a}\n      </div>\n      <div className=\"psdk-wide-column-column\">\n        {b}\n      </div>\n    </div>\n    }\n    </React.Fragment>\n\n  )\n\n}\n"]}
+{"version":3,"file":"NarrowWide.js","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWide/NarrowWide.tsx"],"names":[],"mappings":";AAEA,OAAO,kBAAkB,CAAC;AAc1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAyC;IAC1E,kDAAkD;IAClD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,8BACG,QAAQ,IAAK,QAA2B,CAAC,MAAM,KAAK,CAAC,IAAI,CACxD,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,EAC9D,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,IACxD,CACP,EACA,CAAC,IAAI,CAAC,IAAI,CACT,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,2BAA2B,YAAE,CAAC,GAAO,EACpD,cAAK,SAAS,EAAC,yBAAyB,YAAE,CAAC,GAAO,IAC9C,CACP,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { PConnProps } from '../../../../types/PConnProps';\nimport './NarrowWide.css';\n\ninterface NarrowWideProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  a: any;\n  b: any;\n  // eslint-disable-next-line react/no-unused-prop-types\n  title?: string;\n  // eslint-disable-next-line react/no-unused-prop-types\n  cols?: string;\n  // eslint-disable-next-line react/no-unused-prop-types\n  icon?: string;\n}\n\nexport default function NarrowWide(props: PropsWithChildren<NarrowWideProps>) {\n  // const {a, b /*, cols, icon, title */ } = props;\n  const { a, b, children } = props;\n\n  return (\n    <>\n      {children && (children as ReactElement[]).length === 2 && (\n        <div className='psdk-narrow-wide-column'>\n          <div className='psdk-narrow-column-column'>{children[0]}</div>\n          <div className='psdk-wide-column-column'>{children[1]}</div>\n        </div>\n      )}\n      {a && b && (\n        <div className='psdk-narrow-wide-column'>\n          <div className='psdk-narrow-column-column'>{a}</div>\n          <div className='psdk-wide-column-column'>{b}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"]}

package/lib/components/template/NarrowWide/NarrowWideDetails/NarrowWideDetails.d.ts

@@ -1,3 +1,10 @@
 /// <reference types="react" />
-export default function NarrowWideDetails(props: any): JSX.Element;
+import { PConnProps } from '../../../../types/PConnProps';
+interface NarrowWideDetailsProps extends PConnProps {
+    showLabel?: boolean;
+    label: string;
+    showHighlightedData?: boolean;
+}
+export default function NarrowWideDetails(props: NarrowWideDetailsProps): JSX.Element;
+export {};
 //# sourceMappingURL=NarrowWideDetails.d.ts.map

package/lib/components/template/NarrowWide/NarrowWideDetails/NarrowWideDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NarrowWideDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWideDetails/NarrowWideDetails.tsx"],"names":[],"mappings":";AAmBA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,KAAA,eA6D9C"}
+{"version":3,"file":"NarrowWideDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWideDetails/NarrowWideDetails.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,sBAAuB,SAAQ,UAAU;IAEjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAID,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eA0DtE"}

package/lib/components/template/NarrowWide/NarrowWideDetails/NarrowWideDetails.js

@@ -1,17 +1,10 @@
-import React, { createElement } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement } from 'react';
 import Grid from '@material-ui/core/Grid';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
-// import type { PConnProps } from '../../../../types/PConnProps';
-// Can't use PConnProps until getPConnect().getChildren() type is ok
-// interface NarrowWideDetailsProps extends PConnProps {
-//   // If any, enter additional props that only exist on this component
-//   showLabel?: boolean,
-//   label: string,
-//   showHighlightedData?: boolean
-// }
 const COLUMN_WIDTHS = [4, 8];
-export default function NarrowWideDetails(props /* : NarrowWideDetailsProps */) {
+export default function NarrowWideDetails(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const FieldGroup = getComponentFromMap('FieldGroup');
     const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;
@@ -21,9 +14,7 @@ export default function NarrowWideDetails(props /* : NarrowWideDetailsProps */)
     // in a readonly (display) mode instead of a editable
     getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');
     getPConnect().setInheritedProp('readOnly', true);
-    const children = getPConnect()
-        .getChildren()
-        .map((configObject, index) => createElement(createPConnectComponent(), {
+    const children = getPConnect().getChildren().map((configObject, index) => createElement(createPConnectComponent(), {
         ...configObject,
         // eslint-disable-next-line react/no-array-index-key
         key: index.toString()
@@ -42,8 +33,6 @@ export default function NarrowWideDetails(props /* : NarrowWideDetailsProps */)
             return getPConnect().createComponent(field, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional
         });
     }
-    return (React.createElement(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '' },
-        showHighlightedData && highlightedDataArr.length > 0 && (React.createElement(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' } }, highlightedDataArr.map((child, i) => (React.createElement(Grid, { item: true, xs: COLUMN_WIDTHS[i], key: `hf-${i + 1}` }, child))))),
-        React.createElement(Grid, { container: true, spacing: 1 }, children.map((child, i) => (React.createElement(Grid, { item: true, xs: COLUMN_WIDTHS[i], key: `r-${i + 1}` }, child))))));
+    return (_jsxs(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '', children: [showHighlightedData && highlightedDataArr.length > 0 && (_jsx(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' }, children: highlightedDataArr.map((child, i) => (_jsx(Grid, { item: true, xs: COLUMN_WIDTHS[i], children: child }, `hf-${i + 1}`))) })), _jsx(Grid, { container: true, spacing: 1, children: children.map((child, i) => (_jsx(Grid, { item: true, xs: COLUMN_WIDTHS[i], children: child }, `r-${i + 1}`))) })] }));
 }
 //# sourceMappingURL=NarrowWideDetails.js.map

package/lib/components/template/NarrowWide/NarrowWideDetails/NarrowWideDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"NarrowWideDetails.js","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWideDetails/NarrowWideDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createElement } from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport { GridSize } from '@material-ui/core/Grid';\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\n// import type { PConnProps } from '../../../../types/PConnProps';\n\n// Can't use PConnProps until getPConnect().getChildren() type is ok\n// interface NarrowWideDetailsProps extends PConnProps {\n//   // If any, enter additional props that only exist on this component\n//   showLabel?: boolean,\n//   label: string,\n//   showHighlightedData?: boolean\n// }\n\n\nconst COLUMN_WIDTHS = [4, 8];\n\nexport default function NarrowWideDetails(props /* : NarrowWideDetailsProps */) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = getPConnect()\n    .getChildren()\n    .map((configObject, index) =>\n      createElement(createPConnectComponent(), {\n        ...configObject,\n        // eslint-disable-next-line react/no-array-index-key\n        key: index.toString()\n      })\n    );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = getPConnect().getRawMetadata().config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field,\n        '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={COLUMN_WIDTHS[i] as GridSize} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={COLUMN_WIDTHS[i] as GridSize} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}
+{"version":3,"file":"NarrowWideDetails.js","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWideDetails/NarrowWideDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createElement } from 'react';\nimport Grid, { GridSize } from '@material-ui/core/Grid';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface NarrowWideDetailsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel?: boolean;\n  label: string;\n  showHighlightedData?: boolean;\n}\n\nconst COLUMN_WIDTHS = [4, 8];\n\nexport default function NarrowWideDetails(props: NarrowWideDetailsProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[]).map((configObject, index) =>\n    createElement(createPConnectComponent(), {\n      ...configObject,\n      // eslint-disable-next-line react/no-array-index-key\n      key: index.toString()\n    })\n  );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={COLUMN_WIDTHS[i] as GridSize} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={COLUMN_WIDTHS[i] as GridSize} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}

package/lib/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.css

@@ -9,7 +9,6 @@
   float: left;
   padding: 0rem 0.3125rem 0rem 0rem;
   height: 100%;
-
 }
 
 .psdk-narrow-wide-column .psdk-wide-column-column {
@@ -17,5 +16,4 @@
   float: left;
   padding: 0rem 0rem 0rem 0.3125rem;
   height: 100%;
-
 }

package/lib/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../../types/PConnProps';
 import './NarrowWideForm.css';
-interface NarrowWideFormProps {
-    children: Array<any>;
+interface NarrowWideFormProps extends PConnProps {
 }
-export default function NarrowWideForm(props: NarrowWideFormProps): JSX.Element;
+export default function NarrowWideForm(props: PropsWithChildren<NarrowWideFormProps>): JSX.Element;
 export {};
 //# sourceMappingURL=NarrowWideForm.d.ts.map

package/lib/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NarrowWideForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAI9B,UAAU,mBAAmB;IAE3B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AAGD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAmBhE"}
+{"version":3,"file":"NarrowWideForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,sBAAsB,CAAC;AAE9B,UAAU,mBAAoB,SAAQ,UAAU;CAE/C;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,eAanF"}

package/lib/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.js

@@ -1,10 +1,7 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import './NarrowWideForm.css';
 export default function NarrowWideForm(props) {
     const { children } = props;
-    return (React.createElement(React.Fragment, null, children && children.length === 2 &&
-        React.createElement("div", { className: "psdk-narrow-wide-column" },
-            React.createElement("div", { className: "psdk-narrow-column-column" }, children[0]),
-            React.createElement("div", { className: "psdk-wide-column-column" }, children[1]))));
+    return (_jsx(_Fragment, { children: children && children.length === 2 && (_jsxs("div", { className: 'psdk-narrow-wide-column', children: [_jsx("div", { className: 'psdk-narrow-column-column', children: children[0] }), _jsx("div", { className: 'psdk-wide-column-column', children: children[1] })] })) }));
 }
 //# sourceMappingURL=NarrowWideForm.js.map

package/lib/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NarrowWideForm.js","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,sBAAsB,CAAC;AAU9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC;IAEzB,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,QACd,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAChC,6BAAK,SAAS,EAAC,yBAAyB;YACxC,6BAAK,SAAS,EAAC,2BAA2B,IACvC,QAAQ,CAAC,CAAC,CAAC,CACR;YACN,6BAAK,SAAS,EAAC,yBAAyB,IACrC,QAAQ,CAAC,CAAC,CAAC,CACR,CACF,CAEW,CAElB,CAAA;AAEH,CAAC","sourcesContent":["import React from \"react\";\n\nimport './NarrowWideForm.css';\n\n// NarrowWideForm does NOT have getPConnect. So, no need to extend from PConnProps\n\ninterface NarrowWideFormProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>\n}\n\n\nexport default function NarrowWideForm(props: NarrowWideFormProps) {\n  const {children} = props;\n\n  return (\n    <React.Fragment>\n    {children && children.length === 2 &&\n      <div className=\"psdk-narrow-wide-column\">\n      <div className=\"psdk-narrow-column-column\">\n        {children[0]}\n      </div>\n      <div className=\"psdk-wide-column-column\">\n        {children[1]}\n      </div>\n    </div>\n    }\n    </React.Fragment>\n\n  )\n\n}\n"]}
+{"version":3,"file":"NarrowWideForm.js","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAM9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6C;IAClF,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,4BACG,QAAQ,IAAK,QAA2B,CAAC,MAAM,KAAK,CAAC,IAAI,CACxD,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,EAC9D,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,IACxD,CACP,GACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { PConnProps } from '../../../../types/PConnProps';\nimport './NarrowWideForm.css';\n\ninterface NarrowWideFormProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n}\n\nexport default function NarrowWideForm(props: PropsWithChildren<NarrowWideFormProps>) {\n  const { children } = props;\n\n  return (\n    <>\n      {children && (children as ReactElement[]).length === 2 && (\n        <div className='psdk-narrow-wide-column'>\n          <div className='psdk-narrow-column-column'>{children[0]}</div>\n          <div className='psdk-wide-column-column'>{children[1]}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"]}

package/lib/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-interface NarrowWidePageProps {
-    children: Array<any>;
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../../types/PConnProps';
+interface NarrowWidePageProps extends PConnProps {
     title: string;
     templateCol: string;
     icon: string;
 }
-export default function NarrowWidePage(props: NarrowWidePageProps): JSX.Element;
+export default function NarrowWidePage(props: PropsWithChildren<NarrowWidePageProps>): JSX.Element;
 export {};
 //# sourceMappingURL=NarrowWidePage.d.ts.map

package/lib/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NarrowWidePage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.tsx"],"names":[],"mappings":";AAMA,UAAU,mBAAmB;IAE3B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAA;CACb;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAkBhE"}
+{"version":3,"file":"NarrowWidePage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,mBAAoB,SAAQ,UAAU;IAE9C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,eAYnF"}

package/lib/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.js

@@ -1,5 +1,4 @@
-import React, { Children } from "react";
-// import { TwoColumnPage as TwoColumn } from "@pega/cosmos-react-core";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 /*
  * The wrapper handles knowing how to take in just children and mapping
@@ -9,8 +8,7 @@ export default function NarrowWidePage(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const NarrowWide = getComponentFromMap('NarrowWide');
     const { children, title, templateCol = '1fr 1fr', icon = '' } = props;
-    const childArray = Children.toArray(children);
-    return (React.createElement("div", null,
-        React.createElement(NarrowWide, { a: childArray[0], b: childArray[1], title: title, cols: templateCol, icon: icon?.replace("pi pi-", "") })));
+    const childrenToRender = children;
+    return (_jsx("div", { children: _jsx(NarrowWide, { a: childrenToRender[0], b: childrenToRender[1], title: title, cols: templateCol, icon: icon?.replace('pi pi-', '') }) }));
 }
 //# sourceMappingURL=NarrowWidePage.js.map

package/lib/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"NarrowWidePage.js","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,wEAAwE;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAanF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,GAAG,SAAS,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE9C,OAAO,CACL;QACA,oBAAC,UAAU,IACP,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,GACjC,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { Children } from \"react\";\n// import { TwoColumnPage as TwoColumn } from \"@pega/cosmos-react-core\";\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\n\n// NarrowWidePage does NOT have getPConnect. So, no need to extend from PConnProps\ninterface NarrowWidePageProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>,\n  title: string,\n  templateCol: string,\n  icon: string\n}\n\n\n/*\n * The wrapper handles knowing how to take in just children and mapping\n * to the Cosmos template.\n */\nexport default function NarrowWidePage(props: NarrowWidePageProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const NarrowWide = getComponentFromMap('NarrowWide');\n\n  const { children, title, templateCol = '1fr 1fr', icon = '' } = props;\n  const childArray = Children.toArray(children);\n\n  return (\n    <div>\n    <NarrowWide\n        a={childArray[0]}\n        b={childArray[1]}\n        title={title}\n        cols={templateCol}\n        icon={icon?.replace(\"pi pi-\", \"\")}\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"NarrowWidePage.js","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6C;IAClF,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,GAAG,SAAS,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,gBAAgB,GAAG,QAA0B,CAAC;IAEpD,OAAO,CACL,wBACE,KAAC,UAAU,IAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAI,GAC9H,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface NarrowWidePageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  title: string;\n  templateCol: string;\n  icon: string;\n}\n\n/*\n * The wrapper handles knowing how to take in just children and mapping\n * to the Cosmos template.\n */\nexport default function NarrowWidePage(props: PropsWithChildren<NarrowWidePageProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const NarrowWide = getComponentFromMap('NarrowWide');\n\n  const { children, title, templateCol = '1fr 1fr', icon = '' } = props;\n  const childrenToRender = children as ReactElement[];\n\n  return (\n    <div>\n      <NarrowWide a={childrenToRender[0]} b={childrenToRender[1]} title={title} cols={templateCol} icon={icon?.replace('pi pi-', '')} />\n    </div>\n  );\n}\n"]}

package/lib/components/template/OneColumn/OneColumn/OneColumn.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-interface OneColumnProps {
-    children: Array<any>;
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../../types/PConnProps';
+interface OneColumnProps extends PConnProps {
 }
-export default function OneColumn(props: OneColumnProps): JSX.Element;
+export default function OneColumn(props: PropsWithChildren<OneColumnProps>): JSX.Element;
 export {};
 //# sourceMappingURL=OneColumn.d.ts.map

package/lib/components/template/OneColumn/OneColumn/OneColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OneColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumn/OneColumn.tsx"],"names":[],"mappings":";AAKA,UAAU,cAAc;IAEtB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AAYD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,eAYtD"}
+{"version":3,"file":"OneColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumn/OneColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,cAAe,SAAQ,UAAU;CAE1C;AAUD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,eAczE"}

package/lib/components/template/OneColumn/OneColumn/OneColumn.js

@@ -1,17 +1,18 @@
-import React from "react";
-import { Grid } from "@material-ui/core";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Grid } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 const useStyles = makeStyles(( /* theme */) => ({
     colStyles: {
-        display: "grid",
-        gap: "1rem",
-        alignContent: "baseline",
-    },
+        display: 'grid',
+        gap: '1rem',
+        alignContent: 'baseline'
+    }
 }));
 export default function OneColumn(props) {
     const classes = useStyles();
     const { children } = props;
-    return (React.createElement(Grid, { container: true, spacing: 2 },
-        React.createElement(Grid, { item: true, xs: 12, className: classes.colStyles }, children.map(child => { return child; }))));
+    return (_jsx(Grid, { container: true, spacing: 2, children: _jsx(Grid, { item: true, xs: 12, className: classes.colStyles, children: children.map(child => {
+                return child;
+            }) }) }));
 }
 //# sourceMappingURL=OneColumn.js.map

package/lib/components/template/OneColumn/OneColumn/OneColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumn/OneColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAStD,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAGJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAqB;IACrD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;QACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IAC5C,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAE,CACrC,CACF,CACR,CAAA;AACH,CAAC","sourcesContent":["import React from \"react\";\nimport { Grid } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\n// OneColumn does NOT have getPConnect. So, no need to extend from PConnProps\ninterface OneColumnProps{\n  // If any, enter additional props that only exist on this component\n  children: Array<any>\n}\n\n\nconst useStyles = makeStyles((/* theme */) => ({\n  colStyles: {\n    display: \"grid\",\n    gap: \"1rem\",\n    alignContent: \"baseline\",\n  },\n}));\n\n\nexport default function OneColumn(props: OneColumnProps) {\n  const classes = useStyles();\n\n  const { children} = props;\n\n  return (\n    <Grid container spacing={2}>\n      <Grid item xs={12} className={classes.colStyles}>\n        {children.map(child => { return child; } )}\n      </Grid>\n    </Grid>\n  )\n}\n"]}
+{"version":3,"file":"OneColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumn/OneColumn.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAOtD,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAwC;IACxE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACxB,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YAC3C,QAA2B,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBACxC,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,GACG,GACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { Grid } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface OneColumnProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n}\n\nconst useStyles = makeStyles((/* theme */) => ({\n  colStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline'\n  }\n}));\n\nexport default function OneColumn(props: PropsWithChildren<OneColumnProps>) {\n  const classes = useStyles();\n\n  const { children } = props;\n\n  return (\n    <Grid container spacing={2}>\n      <Grid item xs={12} className={classes.colStyles}>\n        {(children as ReactElement[]).map(child => {\n          return child;\n        })}\n      </Grid>\n    </Grid>\n  );\n}\n"]}

package/lib/components/template/OneColumn/OneColumnPage/OneColumnPage.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-interface OneColumnPageProps {
-    children: Array<any>;
+import { PConnProps } from '../../../../types/PConnProps';
+interface OneColumnPageProps extends PConnProps {
 }
 export default function OneColumnPage(props: OneColumnPageProps): JSX.Element;
 export {};

package/lib/components/template/OneColumn/OneColumnPage/OneColumnPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OneColumnPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnPage/OneColumnPage.tsx"],"names":[],"mappings":";AAIA,UAAU,kBAAkB;IAE1B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AAOD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAS9D"}
+{"version":3,"file":"OneColumnPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnPage/OneColumnPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,kBAAmB,SAAQ,UAAU;CAE9C;AAMD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAK9D"}

package/lib/components/template/OneColumn/OneColumnPage/OneColumnPage.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 /*
  * The wrapper handles knowing how to take in just children
@@ -7,6 +7,6 @@ import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_ma
 export default function OneColumnPage(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const OneColumn = getComponentFromMap('OneColumn');
-    return (React.createElement(OneColumn, { ...props }));
+    return _jsx(OneColumn, { ...props });
 }
 //# sourceMappingURL=OneColumnPage.js.map

package/lib/components/template/OneColumn/OneColumnPage/OneColumnPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneColumnPage.js","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnPage/OneColumnPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AASnF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC7D,8EAA8E;IAC9E,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAEnD,OAAO,CACL,oBAAC,SAAS,OACH,KAAK,GACV,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\n// OneColumnPage does NOT have getPConnect. So, no need to extend from PConnProps\ninterface OneColumnPageProps{\n  // If any, enter additional props that only exist on this component\n  children: Array<any>\n}\n\n\n/*\n * The wrapper handles knowing how to take in just children\n *  and mapping to the TwoColumn template.\n */\nexport default function OneColumnPage(props: OneColumnPageProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const OneColumn = getComponentFromMap('OneColumn');\n\n  return (\n    <OneColumn\n       {...props}\n    />\n  );\n}\n"]}
+{"version":3,"file":"OneColumnPage.js","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnPage/OneColumnPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAOnF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC7D,8EAA8E;IAC9E,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAEnD,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC","sourcesContent":["import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface OneColumnPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n}\n\n/*\n * The wrapper handles knowing how to take in just children\n *  and mapping to the TwoColumn template.\n */\nexport default function OneColumnPage(props: OneColumnPageProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const OneColumn = getComponentFromMap('OneColumn');\n\n  return <OneColumn {...props} />;\n}\n"]}

package/lib/components/template/OneColumn/OneColumnTab/OneColumnTab.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-interface OneColumnTabProps {
-    children: Array<any>;
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../../types/PConnProps';
+interface OneColumnTabProps extends PConnProps {
 }
-export default function OneColumnTab(props: OneColumnTabProps): JSX.Element;
+export default function OneColumnTab(props: PropsWithChildren<OneColumnTabProps>): JSX.Element;
 export {};
 //# sourceMappingURL=OneColumnTab.d.ts.map

package/lib/components/template/OneColumn/OneColumnTab/OneColumnTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OneColumnTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnTab/OneColumnTab.tsx"],"names":[],"mappings":";AAEA,UAAU,iBAAiB;IAEzB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AACD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAQ5D"}
+{"version":3,"file":"OneColumnTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnTab/OneColumnTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,iBAAkB,SAAQ,UAAU;CAE7C;AACD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,eAI/E"}

package/lib/components/template/OneColumn/OneColumnTab/OneColumnTab.js

@@ -1,6 +1,6 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function OneColumnTab(props) {
     const { children } = props;
-    return (React.createElement("div", { id: "OneColumnTab" }, children));
+    return _jsx("div", { id: 'OneColumnTab', children: children });
 }
 //# sourceMappingURL=OneColumnTab.js.map

package/lib/components/template/OneColumn/OneColumnTab/OneColumnTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneColumnTab.js","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnTab/OneColumnTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwB;IAC3D,MAAM,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,6BAAK,EAAE,EAAC,cAAc,IACnB,QAAQ,CACL,CACP,CAAA;AACH,CAAC","sourcesContent":["import React from \"react\";\n\ninterface OneColumnTabProps{\n  // If any, enter additional props that only exist on this component\n  children: Array<any>\n}\nexport default function OneColumnTab(props: OneColumnTabProps) {\n  const { children} = props;\n\n  return (\n    <div id=\"OneColumnTab\">\n      {children}\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"OneColumnTab.js","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnTab/OneColumnTab.tsx"],"names":[],"mappings":";AAMA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAA2C;IAC9E,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,cAAK,EAAE,EAAC,cAAc,YAAE,QAAQ,GAAO,CAAC;AACjD,CAAC","sourcesContent":["import { PropsWithChildren } from 'react';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface OneColumnTabProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n}\nexport default function OneColumnTab(props: PropsWithChildren<OneColumnTabProps>) {\n  const { children } = props;\n\n  return <div id='OneColumnTab'>{children}</div>;\n}\n"]}

package/lib/components/template/PromotedFilters/PromotedFilters.css

@@ -1,6 +1,6 @@
 .psdk-grid-filter {
   display: grid;
-  grid-template-columns: repeat(2,minmax(0,1fr));
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   column-gap: calc(2 * 0.5rem);
   row-gap: calc(2 * 0.5rem);
   align-items: start;

package/lib/components/template/PromotedFilters/PromotedFilters.d.ts

@@ -1,4 +1,13 @@
 /// <reference types="react" />
 import './PromotedFilters.css';
-export default function PromotedFilters(props: any): JSX.Element;
+import { PConnProps } from '../../../types/PConnProps';
+interface PromotedFilterProps extends PConnProps {
+    viewName: string;
+    filters: any[];
+    listViewProps: any;
+    pageClass: string;
+    parameters?: object;
+}
+export default function PromotedFilters(props: PromotedFilterProps): JSX.Element;
+export {};
 //# sourceMappingURL=PromotedFilters.d.ts.map

package/lib/components/template/PromotedFilters/PromotedFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.d.ts","sourceRoot":"","sources":["../../../../src/components/template/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":";AAMA,OAAO,uBAAuB,CAAC;AA+D/B,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,KAAA,eAiG5C"}
+{"version":3,"file":"PromotedFilters.d.ts","sourceRoot":"","sources":["../../../../src/components/template/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":";AAMA,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAIvD,UAAU,mBAAoB,SAAQ,UAAU;IAE9C,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,aAAa,EAAE,GAAG,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAiDD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,mBAAmB,eAsGjE"}

package/lib/components/template/PromotedFilters/PromotedFilters.js

@@ -1,20 +1,10 @@
-import React, { useCallback, useMemo, useState, createElement, Fragment } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useCallback, useMemo, useState, createElement } from 'react';
 import Button from '@material-ui/core/Button';
 import createPConnectComponent from '../../../bridge/react_pconnect';
 import { isEmptyObject } from '../../helpers/common-utils';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 import './PromotedFilters.css';
-// import type { PConnProps } from '../../../types/PConnProps';
-// Can't use PromotedFilterProps until getContainerManager() knows about addTransientItem
-//  Currently just expects "object"
-// interface PromotedFilterProps extends PConnProps {
-//   // If any, enter additional props that only exist on this component
-//   viewName: string,
-//   filters: Array<any>,
-//   listViewProps: any,
-//   pageClass: string,
-//   parameters?: object
-// }
 const localeCategory = 'SimpleTable';
 const SUPPORTED_TYPES_IN_PROMOTED_FILTERS = [
     'TextInput',
@@ -52,13 +42,13 @@ function Filters({ filters, transientItemID, localeReference }) {
             }
         });
         // eslint-disable-next-line react/no-array-index-key
-        return React.createElement(React.Fragment, { key: index }, createElement(createPConnectComponent(), c11nEnv));
+        return _jsx(React.Fragment, { children: createElement(createPConnectComponent(), c11nEnv) }, index);
     });
 }
 function isValidInput(input) {
-    return Object.values(input).findIndex((v) => v) >= 0;
+    return Object.values(input).findIndex(v => v) >= 0;
 }
-export default function PromotedFilters(props /* : PromotedFilterProps */) {
+export default function PromotedFilters(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const ListView = getComponentFromMap('ListView');
     const localizedVal = PCore.getLocaleUtils().getLocaleValue;
@@ -66,7 +56,7 @@ export default function PromotedFilters(props /* : PromotedFilterProps */) {
     const [initTable, setInitTable] = useState(false);
     const [payload, setPayload] = useState({});
     const filtersProperties = {};
-    filters.forEach((filter) => {
+    filters.forEach(filter => {
         filtersProperties[PCore.getAnnotationUtils().getPropertyName(filter.config.value)] = '';
     });
     const transientItemID = useMemo(() => {
@@ -86,7 +76,7 @@ export default function PromotedFilters(props /* : PromotedFilterProps */) {
                     lhs: {
                         field
                     },
-                    comparator: "EQ",
+                    comparator: 'EQ',
                     rhs: {
                         value
                     }
@@ -95,11 +85,11 @@ export default function PromotedFilters(props /* : PromotedFilterProps */) {
             return acc;
         }, {});
     }
-    const getFilterData = useCallback((e) => {
+    const getFilterData = useCallback(e => {
         e.preventDefault(); // to prevent un-intended forms submission.
         const changes = PCore.getFormUtils().getChanges(transientItemID);
         const formValues = {};
-        Object.keys(changes).forEach((key) => {
+        Object.keys(changes).forEach(key => {
             if (!['context_data', 'pageInstructions'].includes(key)) {
                 formValues[key] = changes[key];
             }
@@ -121,15 +111,8 @@ export default function PromotedFilters(props /* : PromotedFilterProps */) {
         setInitTable(false);
         getPConnect()?.getListActions?.()?.setSelectedRows([]); // Clear the selection (if any made by user)
     }, [transientItemID]);
-    return (React.createElement(Fragment, null,
-        React.createElement("div", null, listViewProps.title),
-        React.createElement("div", { className: "psdk-grid-filter" },
-            React.createElement(Filters, { filters: filters, transientItemID: transientItemID, localeReference: listViewProps.localeReference })),
-        React.createElement("div", null,
-            React.createElement(Button, { key: '1', type: 'button', onClick: clearFilterData, "data-testid": 'clear', variant: 'contained', color: 'primary' }, localizedVal('Clear', localeCategory)),
-            React.createElement(Button, { style: { float: 'right' }, key: '2', type: 'submit', onClick: getFilterData, "data-testid": 'search', variant: 'contained', color: 'primary' }, localizedVal('Search', localeCategory))),
-        initTable && React.createElement(ListView, { ...listViewProps, title: '', payload: payload, isSearchable: true, tableDisplay: {
-                show: initTable
-            } })));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { children: listViewProps.title }), _jsx("div", { className: 'psdk-grid-filter', children: _jsx(Filters, { filters: filters, transientItemID: transientItemID, localeReference: listViewProps.localeReference }) }), _jsxs("div", { children: [_jsx(Button, { type: 'button', onClick: clearFilterData, "data-testid": 'clear', variant: 'contained', color: 'primary', children: localizedVal('Clear', localeCategory) }, '1'), _jsx(Button, { style: { float: 'right' }, type: 'submit', onClick: getFilterData, "data-testid": 'search', variant: 'contained', color: 'primary', children: localizedVal('Search', localeCategory) }, '2')] }), initTable && (_jsx(ListView, { ...listViewProps, title: '', payload: payload, isSearchable: true, tableDisplay: {
+                    show: initTable
+                } }))] }));
 }
 //# sourceMappingURL=PromotedFilters.js.map

package/lib/components/template/PromotedFilters/PromotedFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../../src/components/template/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo, useState, createElement, Fragment } from 'react';\nimport Button from '@material-ui/core/Button';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\nimport { isEmptyObject } from '../../helpers/common-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport './PromotedFilters.css';\n\n// import type { PConnProps } from '../../../types/PConnProps';\n\n// Can't use PromotedFilterProps until getContainerManager() knows about addTransientItem\n//  Currently just expects \"object\"\n// interface PromotedFilterProps extends PConnProps {\n//   // If any, enter additional props that only exist on this component\n//   viewName: string,\n//   filters: Array<any>,\n//   listViewProps: any,\n//   pageClass: string,\n//   parameters?: object\n// }\n\n\nconst localeCategory = 'SimpleTable';\nconst SUPPORTED_TYPES_IN_PROMOTED_FILTERS = [\n  'TextInput',\n  'Percentage',\n  'Email',\n  'Integer',\n  'Decimal',\n  'Checkbox',\n  'DateTime',\n  'Date',\n  'Time',\n  'Text',\n  'TextArea',\n  'Currency',\n  'URL',\n  'RichText'\n];\n\nfunction Filters({ filters, transientItemID, localeReference }) {\n  return filters.map((filter, index) => {\n    const filterClone = { ...filter };\n    // convert any field which is not supported to TextInput and delete the placeholder as it may contain placeholder specific to original type.\n    if (!SUPPORTED_TYPES_IN_PROMOTED_FILTERS.includes(filterClone.type)) {\n      filterClone.type = 'TextInput';\n      delete filterClone.config.placeholder;\n    }\n    filterClone.config.contextName = transientItemID;\n    filterClone.config.readOnly = false;\n    filterClone.config.context = transientItemID;\n    filterClone.config.localeReference = localeReference;\n    const c11nEnv = PCore.createPConnect({\n      meta: filterClone,\n      options: {\n        hasForm: true,\n        contextName: transientItemID\n      }\n    });\n\n    // eslint-disable-next-line react/no-array-index-key\n    return <React.Fragment key={index}>{createElement(createPConnectComponent(), c11nEnv)}</React.Fragment>;\n  });\n}\n\nfunction isValidInput(input) {\n  return Object.values(input).findIndex((v) => v) >= 0;\n}\n\nexport default function PromotedFilters(props /* : PromotedFilterProps */) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ListView = getComponentFromMap('ListView');\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const { getPConnect, viewName, filters, listViewProps, pageClass, parameters } = props;\n  const [initTable, setInitTable] = useState(false);\n  const [payload, setPayload] = useState({});\n  const filtersProperties = {};\n\n  filters.forEach((filter) => {\n    filtersProperties[PCore.getAnnotationUtils().getPropertyName(filter.config.value)] = '';\n  });\n\n  const transientItemID = useMemo(() => {\n    const filtersWithClassID = {\n      ...filtersProperties,\n      classID: pageClass\n    };\n    return getPConnect().getContainerManager().addTransientItem({\n      id: viewName,\n      data: filtersWithClassID\n    });\n  }, []);\n\n  function formatPromotedFilters(promotedFilters) {\n    return Object.entries(promotedFilters).reduce((acc, [field, value]) => {\n      if (value) {\n        acc[field] = {\n          lhs: {\n            field\n          },\n          comparator: \"EQ\",\n          rhs: {\n            value\n          }\n        };\n      }\n      return acc;\n    }, {});\n  }\n\n  const getFilterData = useCallback(\n    (e) => {\n      e.preventDefault(); // to prevent un-intended forms submission.\n\n      const changes = PCore.getFormUtils().getChanges(transientItemID);\n      const formValues = {};\n      Object.keys(changes).forEach((key) => {\n        if (!['context_data', 'pageInstructions'].includes(key)) {\n          formValues[key] = changes[key];\n        }\n      });\n      const promotedFilters = formatPromotedFilters(formValues);\n      if (PCore.getFormUtils().isFormValid(transientItemID) && isValidInput(formValues)) {\n        setInitTable(true);\n        const Query: any = {\n          dataViewParameters: parameters\n        };\n\n        if (!isEmptyObject(promotedFilters)) {\n          Query.query = { filter: { filterConditions: promotedFilters } };\n        }\n        setPayload(Query);\n      }\n    },\n    [transientItemID]\n  );\n\n  const clearFilterData = useCallback(() => {\n    PCore.getContainerUtils().clearTransientData(transientItemID);\n    setInitTable(false);\n    getPConnect()?.getListActions?.()?.setSelectedRows([]); // Clear the selection (if any made by user)\n  }, [transientItemID]);\n\n  return (\n    <Fragment>\n      <div>{listViewProps.title}</div>\n      <div className=\"psdk-grid-filter\">\n        <Filters filters={filters} transientItemID={transientItemID} localeReference={listViewProps.localeReference}/>\n      </div>\n      <div>\n        <Button key='1' type='button' onClick={clearFilterData} data-testid='clear' variant='contained' color='primary'>\n          {localizedVal('Clear', localeCategory)}\n        </Button>\n        <Button style={{float: 'right'}} key='2' type='submit' onClick={getFilterData} data-testid='search' variant='contained' color='primary'>\n          {localizedVal('Search', localeCategory)}\n        </Button>\n      </div>\n      {initTable && <ListView {...listViewProps} title='' payload={payload}\n         isSearchable\n         tableDisplay={{\n           show: initTable\n         }}\n       />}\n    </Fragment>\n  );\n}\n"]}
+{"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../../src/components/template/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo, useState, createElement } from 'react';\nimport Button from '@material-ui/core/Button';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\nimport { isEmptyObject } from '../../helpers/common-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport './PromotedFilters.css';\n\nimport { PConnProps } from '../../../types/PConnProps';\n\n// Can't use PromotedFilterProps until getContainerManager() knows about addTransientItem\n//  Currently just expects \"object\"\ninterface PromotedFilterProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  viewName: string;\n  filters: any[];\n  listViewProps: any;\n  pageClass: string;\n  parameters?: object;\n}\n\nconst localeCategory = 'SimpleTable';\nconst SUPPORTED_TYPES_IN_PROMOTED_FILTERS = [\n  'TextInput',\n  'Percentage',\n  'Email',\n  'Integer',\n  'Decimal',\n  'Checkbox',\n  'DateTime',\n  'Date',\n  'Time',\n  'Text',\n  'TextArea',\n  'Currency',\n  'URL',\n  'RichText'\n];\n\nfunction Filters({ filters, transientItemID, localeReference }) {\n  return filters.map((filter, index) => {\n    const filterClone = { ...filter };\n    // convert any field which is not supported to TextInput and delete the placeholder as it may contain placeholder specific to original type.\n    if (!SUPPORTED_TYPES_IN_PROMOTED_FILTERS.includes(filterClone.type)) {\n      filterClone.type = 'TextInput';\n      delete filterClone.config.placeholder;\n    }\n    filterClone.config.contextName = transientItemID;\n    filterClone.config.readOnly = false;\n    filterClone.config.context = transientItemID;\n    filterClone.config.localeReference = localeReference;\n    const c11nEnv = PCore.createPConnect({\n      meta: filterClone,\n      options: {\n        hasForm: true,\n        contextName: transientItemID\n      }\n    });\n\n    // eslint-disable-next-line react/no-array-index-key\n    return <React.Fragment key={index}>{createElement(createPConnectComponent(), c11nEnv)}</React.Fragment>;\n  });\n}\n\nfunction isValidInput(input) {\n  return Object.values(input).findIndex(v => v) >= 0;\n}\n\nexport default function PromotedFilters(props: PromotedFilterProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ListView = getComponentFromMap('ListView');\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const { getPConnect, viewName, filters, listViewProps, pageClass, parameters } = props;\n  const [initTable, setInitTable] = useState(false);\n  const [payload, setPayload] = useState({});\n  const filtersProperties = {};\n\n  filters.forEach(filter => {\n    filtersProperties[PCore.getAnnotationUtils().getPropertyName(filter.config.value)] = '';\n  });\n\n  const transientItemID = useMemo(() => {\n    const filtersWithClassID = {\n      ...filtersProperties,\n      classID: pageClass\n    };\n    return getPConnect().getContainerManager().addTransientItem({\n      id: viewName,\n      data: filtersWithClassID\n    });\n  }, []);\n\n  function formatPromotedFilters(promotedFilters) {\n    return Object.entries(promotedFilters).reduce((acc, [field, value]) => {\n      if (value) {\n        acc[field] = {\n          lhs: {\n            field\n          },\n          comparator: 'EQ',\n          rhs: {\n            value\n          }\n        };\n      }\n      return acc;\n    }, {});\n  }\n\n  const getFilterData = useCallback(\n    e => {\n      e.preventDefault(); // to prevent un-intended forms submission.\n\n      const changes = PCore.getFormUtils().getChanges(transientItemID);\n      const formValues = {};\n      Object.keys(changes).forEach(key => {\n        if (!['context_data', 'pageInstructions'].includes(key)) {\n          formValues[key] = changes[key];\n        }\n      });\n      const promotedFilters = formatPromotedFilters(formValues);\n      if (PCore.getFormUtils().isFormValid(transientItemID) && isValidInput(formValues)) {\n        setInitTable(true);\n        const Query: any = {\n          dataViewParameters: parameters\n        };\n\n        if (!isEmptyObject(promotedFilters)) {\n          Query.query = { filter: { filterConditions: promotedFilters } };\n        }\n        setPayload(Query);\n      }\n    },\n    [transientItemID]\n  );\n\n  const clearFilterData = useCallback(() => {\n    PCore.getContainerUtils().clearTransientData(transientItemID);\n    setInitTable(false);\n    getPConnect()?.getListActions?.()?.setSelectedRows([]); // Clear the selection (if any made by user)\n  }, [transientItemID]);\n\n  return (\n    <>\n      <div>{listViewProps.title}</div>\n      <div className='psdk-grid-filter'>\n        <Filters filters={filters} transientItemID={transientItemID} localeReference={listViewProps.localeReference} />\n      </div>\n      <div>\n        <Button key='1' type='button' onClick={clearFilterData} data-testid='clear' variant='contained' color='primary'>\n          {localizedVal('Clear', localeCategory)}\n        </Button>\n        <Button style={{ float: 'right' }} key='2' type='submit' onClick={getFilterData} data-testid='search' variant='contained' color='primary'>\n          {localizedVal('Search', localeCategory)}\n        </Button>\n      </div>\n      {initTable && (\n        <ListView\n          {...listViewProps}\n          title=''\n          payload={payload}\n          isSearchable\n          tableDisplay={{\n            show: initTable\n          }}\n        />\n      )}\n    </>\n  );\n}\n"]}

package/lib/components/template/SimpleTable/SimpleTable/SimpleTable.d.ts

@@ -1,3 +1,21 @@
 /// <reference types="react" />
-export default function SimpleTable(props: any): JSX.Element;
+import { PConnProps } from '../../../../types/PConnProps';
+interface SimpleTableProps extends PConnProps {
+    multiRecordDisplayAs: string;
+    allowTableEdit: boolean;
+    contextClass: any;
+    label: string;
+    propertyLabel?: string;
+    displayMode?: string;
+    fieldMetadata?: any;
+    hideLabel?: boolean;
+    parameters?: any;
+    isDataObject?: boolean;
+    type?: string;
+    ruleClass?: string;
+    authorContext?: string;
+    name?: string;
+}
+export default function SimpleTable(props: SimpleTableProps): JSX.Element;
+export {};
 //# sourceMappingURL=SimpleTable.d.ts.map

package/lib/components/template/SimpleTable/SimpleTable/SimpleTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTable/SimpleTable.tsx"],"names":[],"mappings":";AAiBA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,KAAA,eA2GxC"}
+{"version":3,"file":"SimpleTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTable/SimpleTable.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG1D,UAAU,gBAAiB,SAAQ,UAAU;IAE3C,oBAAoB,EAAE,MAAM,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,GAAG,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAqG1D"}