@pega/react-sdk-components 0.23.0

package/lib/components/templates/WideNarrow/WideNarrowDetails/WideNarrowDetails.js

@@ -0,0 +1,35 @@
+import React from "react";
+// import PropTypes from "prop-types";
+// import Grid from '@material-ui/core/Grid';
+import DetailsFields from '../../../designSystemExtensions/DetailsFields';
+export default function WideNarrowDetails(props) {
+    const { a, b, children } = props;
+    const arFields = [];
+    for (const child of children) {
+        const theChildPConn = child.props.getPConnect();
+        const theChildrenOfChild = theChildPConn.getChildren();
+        arFields.push(theChildrenOfChild);
+    }
+    if (arFields.length !== 2) {
+        // eslint-disable-next-line no-console
+        console.error(`WideNarrowDetails expects 2 children and received ${arFields.length}`);
+    }
+    return (React.createElement(React.Fragment, null,
+        children && children.length === 2 &&
+            React.createElement("div", { className: "psdk-wide-narrow-column" },
+                React.createElement("div", { className: "psdk-wide-column-column" },
+                    React.createElement(DetailsFields, { fields: arFields[0] })),
+                React.createElement("div", { className: "psdk-narrow-column-column" },
+                    React.createElement(DetailsFields, { fields: arFields[1] }))),
+        a && b &&
+            React.createElement("div", { className: "psdk-wide-narrow-column" },
+                React.createElement("div", { className: "psdk-wide-column-column" }, a),
+                React.createElement("div", { className: "psdk-narrow-column-column" }, b))));
+}
+WideNarrowDetails.propTypes = {
+// showLabel: PropTypes.bool,
+// label: PropTypes.string,
+// getPConnect: PropTypes.func.isRequired,
+// template: PropTypes.string.isRequired
+};
+//# sourceMappingURL=WideNarrowDetails.js.map

package/lib/components/templates/WideNarrow/WideNarrowDetails/WideNarrowDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WideNarrowDetails.js","sourceRoot":"","sources":["../../../../../src/components/templates/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,6CAA6C;AAC7C,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAE1E,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK;IAC7C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,QAAQ,GAAe,EAAE,CAAC;IAEhC,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAChD,MAAM,kBAAkB,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC;QACvD,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;KACnC;IAED,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QACzB,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,qDAAqD,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;KACvF;IAGD,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACd,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAChC,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6BAAK,SAAS,EAAC,yBAAyB;oBACtC,oBAAC,aAAa,IAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAI,CAClC;gBACN,6BAAK,SAAS,EAAC,2BAA2B;oBACxC,oBAAC,aAAa,IAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAI,CAClC,CACF;QAEP,CAAC,IAAI,CAAC;YACL,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6BAAK,SAAS,EAAC,yBAAyB,IACrC,CAAC,CACE;gBACN,6BAAK,SAAS,EAAC,2BAA2B,IACvC,CAAC,CACE,CACF,CAES,CAClB,CAAA;AAEH,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;AAC5B,6BAA6B;AAC7B,2BAA2B;AAC3B,0CAA0C;AAC1C,wCAAwC;CACzC,CAAC","sourcesContent":["import React from \"react\";\n// import PropTypes from \"prop-types\";\n// import Grid from '@material-ui/core/Grid';\nimport DetailsFields from '../../../designSystemExtensions/DetailsFields';\n\nexport default function WideNarrowDetails(props) {\n  const { a, b, children } = props;\n  const arFields: Array<any> = [];\n\n  for (const child of children) {\n    const theChildPConn = child.props.getPConnect();\n    const theChildrenOfChild = theChildPConn.getChildren();\n    arFields.push(theChildrenOfChild);\n  }\n\n  if (arFields.length !== 2) {\n    // eslint-disable-next-line no-console\n    console.error(`WideNarrowDetails expects 2 children and received ${arFields.length}`);\n  }\n\n\n  return (\n    <React.Fragment>\n    {children && children.length === 2 &&\n      <div className=\"psdk-wide-narrow-column\">\n        <div className=\"psdk-wide-column-column\">\n          <DetailsFields fields={arFields[0]} />\n        </div>\n        <div className=\"psdk-narrow-column-column\">\n          <DetailsFields fields={arFields[1]} />\n        </div>\n      </div>\n    }\n    {a && b &&\n      <div className=\"psdk-wide-narrow-column\">\n        <div className=\"psdk-wide-column-column\">\n          {a}\n        </div>\n        <div className=\"psdk-narrow-column-column\">\n          {b}\n        </div>\n      </div>\n    }\n    </React.Fragment>\n  )\n\n}\n\nWideNarrowDetails.propTypes = {\n  // showLabel: PropTypes.bool,\n  // label: PropTypes.string,\n  // getPConnect: PropTypes.func.isRequired,\n  // template: PropTypes.string.isRequired\n};\n"]}

package/lib/components/templates/WideNarrow/WideNarrowDetails/index.d.ts

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

package/lib/components/templates/WideNarrow/WideNarrowDetails/index.d.ts.map

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

package/lib/components/templates/WideNarrow/WideNarrowDetails/index.js

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

package/lib/components/templates/WideNarrow/WideNarrowDetails/index.js.map

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

package/lib/components/templates/WideNarrow/WideNarrowForm/WideNarrowForm.css

@@ -0,0 +1,21 @@
+.psd-wide-narrow-column {
+  display: flow-root;
+  height: 100%;
+}
+
+/* Create two equal columns that floats next to each other */
+.psd-wide-narrow-column .psdk-narrow-column-column {
+  width: 30%;
+  float: left;
+  padding: 0rem 0.3125rem 0rem 0rem;
+  height: 100%;
+
+}
+
+.psd-wide-narrow-column .psdk-wide-column-column {
+  width: 70%;
+  float: left;
+  padding: 0rem 0rem 0rem 0.3125rem;
+  height: 100%;
+
+}

package/lib/components/templates/WideNarrow/WideNarrowForm/WideNarrowForm.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './WideNarrowForm.css';
+export default function WideNarrowForm(props: any): JSX.Element;
+//# sourceMappingURL=WideNarrowForm.d.ts.map

package/lib/components/templates/WideNarrow/WideNarrowForm/WideNarrowForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WideNarrowForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/WideNarrow/WideNarrowForm/WideNarrowForm.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,KAAA,eAmB3C"}

package/lib/components/templates/WideNarrow/WideNarrowForm/WideNarrowForm.js

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

package/lib/components/templates/WideNarrow/WideNarrowForm/WideNarrowForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WideNarrowForm.js","sourceRoot":"","sources":["../../../../../src/components/templates/WideNarrow/WideNarrowForm/WideNarrowForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK;IAC1C,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;YACtC,6BAAK,SAAS,EAAC,yBAAyB,IACrC,QAAQ,CAAC,CAAC,CAAC,CACR;YACN,6BAAK,SAAS,EAAC,2BAA2B,IACvC,QAAQ,CAAC,CAAC,CAAC,CACR,CACF,CAES,CAElB,CAAA;AAEH,CAAC","sourcesContent":["import React from \"react\";\n\nimport './WideNarrowForm.css';\n\nexport default function WideNarrowForm(props) {\n  const {children} = props;\n\n  return (\n    <React.Fragment>\n    {children && children.length === 2 &&\n      <div className=\"psdk-wide-narrow-column\">\n        <div className=\"psdk-wide-column-column\">\n          {children[0]}\n        </div>\n        <div className=\"psdk-narrow-column-column\">\n          {children[1]}\n        </div>\n      </div>\n    }\n    </React.Fragment>\n\n  )\n\n}\n"]}

package/lib/components/templates/WideNarrow/WideNarrowForm/index.d.ts

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

package/lib/components/templates/WideNarrow/WideNarrowForm/index.d.ts.map

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

package/lib/components/templates/WideNarrow/WideNarrowForm/index.js

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

package/lib/components/templates/WideNarrow/WideNarrowForm/index.js.map

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

package/lib/components/templates/WideNarrow/WideNarrowPage/WideNarrowPage.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+declare function WideNarrowPage(props: any): JSX.Element;
+declare namespace WideNarrowPage {
+    var propTypes: {
+        children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
+        title: PropTypes.Validator<string>;
+        templateCol: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<string>;
+    };
+    var defaultProps: {
+        templateCol: string;
+        icon: string;
+    };
+}
+export default WideNarrowPage;
+//# sourceMappingURL=WideNarrowPage.d.ts.map

package/lib/components/templates/WideNarrow/WideNarrowPage/WideNarrowPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WideNarrowPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/WideNarrow/WideNarrowPage/WideNarrowPage.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AASnC,iBAAwB,cAAc,CAAC,KAAK,KAAA,eAe3C;kBAfuB,cAAc;;;;;;;;;;;;eAAd,cAAc"}

package/lib/components/templates/WideNarrow/WideNarrowPage/WideNarrowPage.js

@@ -0,0 +1,25 @@
+import React, { Children } from "react";
+import PropTypes from "prop-types";
+// import { TwoColumnPage as TwoColumn } from "@pega/cosmos-react-core";
+import WideNarrow from '../WideNarrow';
+/*
+ * The wrapper handles knowing how to take in just children and mapping
+ * to the Cosmos template.
+ */
+export default function WideNarrowPage(props) {
+    const { children, title, templateCol, icon } = props;
+    const childArray = Children.toArray(children);
+    return (React.createElement("div", null,
+        React.createElement(WideNarrow, { a: childArray[0], b: childArray[1], title: title, cols: templateCol, icon: icon?.replace("pi pi-", "") })));
+}
+WideNarrowPage.propTypes = {
+    children: PropTypes.arrayOf(PropTypes.node).isRequired,
+    title: PropTypes.string.isRequired,
+    templateCol: PropTypes.string,
+    icon: PropTypes.string
+};
+WideNarrowPage.defaultProps = {
+    templateCol: "1fr 1fr",
+    icon: ""
+};
+//# sourceMappingURL=WideNarrowPage.js.map

package/lib/components/templates/WideNarrow/WideNarrowPage/WideNarrowPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WideNarrowPage.js","sourceRoot":"","sources":["../../../../../src/components/templates/WideNarrow/WideNarrowPage/WideNarrowPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,wEAAwE;AACxE,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK;IAC1C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACrD,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;AAED,cAAc,CAAC,SAAS,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAClC,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,IAAI,EAAE,SAAS,CAAC,MAAM;CACvB,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG;IAC5B,WAAW,EAAE,SAAS;IACtB,IAAI,EAAE,EAAE;CACT,CAAC","sourcesContent":["import React, { Children } from \"react\";\nimport PropTypes from \"prop-types\";\n\n// import { TwoColumnPage as TwoColumn } from \"@pega/cosmos-react-core\";\nimport WideNarrow from '../WideNarrow';\n\n/*\n * The wrapper handles knowing how to take in just children and mapping\n * to the Cosmos template.\n */\nexport default function WideNarrowPage(props) {\n  const { children, title, templateCol, icon } = props;\n  const childArray = Children.toArray(children);\n\n  return (\n    <div>\n    <WideNarrow\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\nWideNarrowPage.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  title: PropTypes.string.isRequired,\n  templateCol: PropTypes.string,\n  icon: PropTypes.string\n};\n\nWideNarrowPage.defaultProps = {\n  templateCol: \"1fr 1fr\",\n  icon: \"\"\n};\n"]}

package/lib/components/templates/WideNarrow/WideNarrowPage/index.d.ts

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

package/lib/components/templates/WideNarrow/WideNarrowPage/index.d.ts.map

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

package/lib/components/templates/WideNarrow/WideNarrowPage/index.js

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

package/lib/components/templates/WideNarrow/WideNarrowPage/index.js.map

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

package/lib/components/templates/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function getAllFields(pConnect: any): never[];
+export declare function filterForFieldValueList(fields: any): any;
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/templates/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/templates/utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,QAAQ,EAAE,GAAG,WAUzC;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAG,GAAG,OAQnD"}

package/lib/components/templates/utils.js

@@ -0,0 +1,22 @@
+//  This file is adapted from React DX components/Templates/utils.js
+export function getAllFields(pConnect) {
+    const metadata = pConnect.getRawMetadata();
+    let allFields = [];
+    if (metadata.children && metadata.children.map) {
+        allFields = metadata.children.map((fields) => {
+            const children = fields.children instanceof Array ? fields.children : [];
+            return children.map((field) => field.config);
+        });
+    }
+    return allFields;
+}
+export function filterForFieldValueList(fields) {
+    return fields
+        .filter(({ visibility }) => visibility !== false)
+        .map(({ value, label }) => ({
+        id: label.toLowerCase(),
+        name: label,
+        value
+    }));
+}
+//# sourceMappingURL=utils.js.map

package/lib/components/templates/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/templates/utils.ts"],"names":[],"mappings":"AAAA,oEAAoE;AAEpE,MAAM,UAAU,YAAY,CAAC,QAAa;IACxC,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;IAC3C,IAAI,SAAS,GAAG,EAAE,CAAC;IACnB,IAAI,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;QAC9C,SAAS,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC3C,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,YAAY,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YACzE,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;KACJ;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,MAAY;IAClD,OAAO,MAAM;SACV,MAAM,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,KAAK,KAAK,CAAC;SAChD,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC1B,EAAE,EAAE,KAAK,CAAC,WAAW,EAAE;QACvB,IAAI,EAAE,KAAK;QACX,KAAK;KACN,CAAC,CAAC,CAAC;AACR,CAAC","sourcesContent":["//  This file is adapted from React DX components/Templates/utils.js\n\nexport function getAllFields(pConnect: any) {\n  const metadata = pConnect.getRawMetadata();\n  let allFields = [];\n  if (metadata.children && metadata.children.map) {\n    allFields = metadata.children.map((fields) => {\n      const children = fields.children instanceof Array ? fields.children : [];\n      return children.map((field) => field.config);\n    });\n  }\n  return allFields;\n}\n\nexport function filterForFieldValueList(fields : any) {\n  return fields\n    .filter(({ visibility }) => visibility !== false)\n    .map(({ value, label }) => ({\n      id: label.toLowerCase(),\n      name: label,\n      value\n    }));\n}\n"]}

package/lib/components/widgets/AppAnnouncement/AppAnnouncement.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+declare const AppAnnouncement: {
+    (props: any): JSX.Element;
+    propTypes: {
+        header: PropTypes.Requireable<string>;
+        description: PropTypes.Requireable<string>;
+        datasource: PropTypes.Requireable<Object>;
+        whatsnewlink: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        header: string;
+        description: string;
+        datasource: never[];
+        whatsnewlink: string;
+    };
+};
+export default AppAnnouncement;
+//# sourceMappingURL=AppAnnouncement.d.ts.map

package/lib/components/widgets/AppAnnouncement/AppAnnouncement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppAnnouncement.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/AppAnnouncement/AppAnnouncement.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAanC,QAAA,MAAM,eAAe;;;;;;;;;;;;;;CAkCpB,CAAC;AAkBF,eAAe,eAAe,CAAC"}

package/lib/components/widgets/AppAnnouncement/AppAnnouncement.js

@@ -0,0 +1,53 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { Card, CardContent, CardHeader, Typography, CardActions, Button } from "@material-ui/core";
+import { makeStyles } from '@material-ui/core/styles';
+const useStyles = makeStyles((theme) => ({
+    root: {
+        marginTop: theme.spacing(1),
+        marginBottom: theme.spacing(1),
+        borderLeft: "6px solid",
+        borderLeftColor: theme.palette.primary.light
+    },
+}));
+const AppAnnouncement = (props) => {
+    const { header, description, datasource, whatsnewlink } = props;
+    let details = [];
+    if (datasource && datasource.source) {
+        details = datasource.source.map((item) => {
+            return item.name;
+        });
+    }
+    const classes = useStyles();
+    const handleClick = () => {
+        window.open(whatsnewlink);
+    };
+    return (React.createElement(Card, { title: "AppAnnouncement", className: classes.root },
+        React.createElement(CardHeader, { title: React.createElement(Typography, { variant: "h6" }, header) }),
+        React.createElement(CardContent, null,
+            React.createElement(Typography, { variant: "body1", gutterBottom: true }, description),
+            details.map((itm, idx) => {
+                const theKey = `AppAnn-item-${idx}`;
+                return (React.createElement(Typography, { key: theKey, variant: "body2" },
+                    "- ",
+                    itm));
+            })),
+        React.createElement(CardActions, null,
+            React.createElement(Button, { color: "primary", onClick: handleClick, size: "small" }, "See what's new"))));
+};
+AppAnnouncement.propTypes = {
+    header: PropTypes.string,
+    description: PropTypes.string,
+    datasource: PropTypes.instanceOf(Object),
+    whatsnewlink: PropTypes.string,
+    // image: PropTypes.string
+};
+AppAnnouncement.defaultProps = {
+    header: "",
+    description: "",
+    // image: "",
+    datasource: [],
+    whatsnewlink: ""
+};
+export default AppAnnouncement;
+//# sourceMappingURL=AppAnnouncement.js.map

package/lib/components/widgets/AppAnnouncement/AppAnnouncement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppAnnouncement.js","sourceRoot":"","sources":["../../../../src/components/widgets/AppAnnouncement/AppAnnouncement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;KAC7C;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAChE,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,EAAE;QACnC,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACvC,OAAO,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC,CAAC,CAAC;KACJ;IAED,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QACnD,oBAAC,UAAU,IAAC,KAAK,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,IAAE,MAAM,CAAc,GAAI;QACrE,oBAAC,WAAW;YACV,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,YAAY,UAAE,WAAW,CAAc;YAEjE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;gBACvB,MAAM,MAAM,GAAG,eAAe,GAAG,EAAE,CAAC;gBACpC,OAAO,CACL,oBAAC,UAAU,IAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAC,OAAO;;oBAAI,GAAG,CAAc,CAC9D,CAAA;YACH,CAAC,CAAC,CAEQ;QACd,oBAAC,WAAW;YACV,oBAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,qBAA6B,CAC3E,CACT,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC;IACxC,YAAY,EAAE,SAAS,CAAC,MAAM;IAC9B,0BAA0B;CAC3B,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG;IAC7B,MAAM,EAAE,EAAE;IACV,WAAW,EAAE,EAAE;IACf,aAAa;IACb,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,EAAE;CACjB,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Card, CardContent, CardHeader, Typography, CardActions, Button } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    borderLeft: \"6px solid\",\n    borderLeftColor: theme.palette.primary.light\n  },\n}));\n\nconst AppAnnouncement = (props) => {\n  const { header, description, datasource, whatsnewlink } = props;\n  let details = [];\n  if (datasource && datasource.source) {\n    details = datasource.source.map((item) => {\n      return item.name;\n    });\n  }\n\n  const classes = useStyles();\n\n  const handleClick = () => {\n    window.open(whatsnewlink);\n  }\n\n  return (\n    <Card title=\"AppAnnouncement\" className={classes.root}>\n      <CardHeader title={<Typography variant=\"h6\">{header}</Typography>} />\n      <CardContent>\n        <Typography variant=\"body1\" gutterBottom>{description}</Typography>\n        {\n          details.map((itm, idx) => {\n            const theKey = `AppAnn-item-${idx}`;\n            return (\n              <Typography key={theKey} variant=\"body2\">- {itm}</Typography>\n            )\n          })\n        }\n      </CardContent>\n      <CardActions>\n        <Button color=\"primary\" onClick={handleClick} size=\"small\">See what&apos;s new</Button>\n      </CardActions>\n    </Card>\n  );\n};\n\nAppAnnouncement.propTypes = {\n  header: PropTypes.string,\n  description: PropTypes.string,\n  datasource: PropTypes.instanceOf(Object),\n  whatsnewlink: PropTypes.string,\n  // image: PropTypes.string\n};\n\nAppAnnouncement.defaultProps = {\n  header: \"\",\n  description: \"\",\n  // image: \"\",\n  datasource: [],\n  whatsnewlink: \"\"\n};\n\nexport default AppAnnouncement;\n"]}

package/lib/components/widgets/AppAnnouncement/index.d.ts

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

package/lib/components/widgets/AppAnnouncement/index.d.ts.map

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

package/lib/components/widgets/AppAnnouncement/index.js

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

package/lib/components/widgets/AppAnnouncement/index.js.map

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

package/lib/components/widgets/CaseHistory/CaseHistory.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+declare function CaseHistory(props: any): JSX.Element;
+declare namespace CaseHistory {
+    var propTypes: {
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+    };
+}
+export default CaseHistory;
+//# sourceMappingURL=CaseHistory.d.ts.map

package/lib/components/widgets/CaseHistory/CaseHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaseHistory.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/CaseHistory/CaseHistory.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAiCnC,iBAAwB,WAAW,CAAC,KAAK,KAAA,eAkIxC;kBAlIuB,WAAW;;;;;eAAX,WAAW"}

package/lib/components/widgets/CaseHistory/CaseHistory.js

@@ -0,0 +1,118 @@
+import React, { useState, useRef, useEffect } from "react";
+import PropTypes from "prop-types";
+import { withStyles, createStyles } from '@material-ui/core/styles';
+import Table from '@material-ui/core/Table';
+import TableBody from '@material-ui/core/TableBody';
+import TableCell from '@material-ui/core/TableCell';
+import TableContainer from '@material-ui/core/TableContainer';
+import TableHead from '@material-ui/core/TableHead';
+import TableRow from '@material-ui/core/TableRow';
+import isDeepEqual from 'fast-deep-equal/react';
+import { Utils } from '../../helpers/utils';
+const StyledTableCell = withStyles((theme) => createStyles({
+    head: {
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: "silver",
+        backgroundColor: theme.palette.text.disabled,
+        color: theme.palette.getContrastText(theme.palette.text.disabled),
+    },
+    body: {
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: "silver",
+        // fontSize: 14,
+    },
+}))(TableCell);
+export default function CaseHistory(props) {
+    const { getPConnect } = props;
+    const thePConn = getPConnect();
+    // let waitingForData = true;
+    const displayedColumns = [
+        { label: "Date", type: "DateTime", fieldName: "pxTimeCreated" },
+        { label: "Description", type: "TextInput", fieldName: "pyMessageKey" },
+        { label: "User", type: "TextInput", fieldName: "pyPerformer" }
+    ];
+    const rowData = useRef([]);
+    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+    const [waitingForData, setWaitingForData] = useState(true);
+    const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
+    const dataViewName = "D_pyWorkHistory";
+    const context = thePConn.getContextName();
+    function computeRowData(rows) {
+        const theRowData = [];
+        rows.forEach((row, rowIndex) => {
+            // Now, for each property in the index of row properties (displayedColumns), add an object
+            //  to a new array of values
+            const rowDisplayValues = [];
+            displayedColumns.forEach((column, rowValIndex) => {
+                const theType = column["type"];
+                const theFieldName = column["fieldName"];
+                const theValue = ((theType === "Date" || theType === "DateTime")) ? Utils.generateDateTime(row[theFieldName], "DateTime-Short") : row[theFieldName];
+                rowDisplayValues[rowValIndex] = theValue;
+            });
+            theRowData[rowIndex] = rowDisplayValues;
+        });
+        if (!isDeepEqual(theRowData, rowData.current)) {
+            // Only update rowData.current when it actually changes (to prevent infinite loop)
+            rowData.current = theRowData;
+        }
+    }
+    // Get the case history data when component mounted/initialized
+    useEffect(() => {
+        let bCallSetWaitingForData = true;
+        const historyData = PCore.getDataApiUtils().getData(dataViewName, `{"dataViewParameters":[{"CaseInstanceKey":"${caseID}"}]}`, context);
+        historyData.then((historyJSON) => {
+            const tableDataResults = historyJSON["data"].data;
+            // compute the rowData using the tableDataResults
+            computeRowData(tableDataResults);
+            // At this point, if we have data ready to render and haven't been asked
+            //  to NOT call setWaitingForData, we can stop progress indicator
+            if (bCallSetWaitingForData) {
+                setWaitingForData(false);
+            }
+        });
+        return () => {
+            // Inspired by https://juliangaramendy.dev/blog/use-promise-subscription
+            // The useEffect closure lets us have access to the bCallSetWaitingForData
+            //  variable inside the useEffect and inside the "then" clause of the
+            //  historyData promise
+            //  So, if this cleanup code gets run before the promise .then is called,
+            //  we can avoid calling the useState setter which would otherwise show a warning
+            bCallSetWaitingForData = false;
+        };
+    }, []);
+    function getTableHeader() {
+        const theRowKey = "CaseHistory.TableHeader";
+        const theHeaderCells = displayedColumns.map((headerCol, index) => {
+            const theCellKey = `${theRowKey}.${index}`;
+            return React.createElement(StyledTableCell, { key: theCellKey }, headerCol.label);
+        });
+        return React.createElement(TableRow, { key: theRowKey }, theHeaderCells);
+    }
+    function getTableData() {
+        const theDataRows = [];
+        // Note: using rowData.current since we're using useRef as a mutatable
+        //  value that's only updated when it changes.
+        if (rowData.current.length > 0) {
+            rowData.current.forEach((dataRow, index) => {
+                // using dataRow[0]-dataRow[1] as the array key since it's a unique value
+                const theKey = `CaseHistory-${index}`;
+                theDataRows.push(React.createElement(TableRow, { key: theKey },
+                    React.createElement(StyledTableCell, null, dataRow[0] ? dataRow[0] : "---"),
+                    React.createElement(StyledTableCell, null, dataRow[1] ? dataRow[1] : "---"),
+                    React.createElement(StyledTableCell, null, dataRow[2] ? dataRow[2] : "---")));
+            });
+        }
+        return theDataRows;
+    }
+    return (React.createElement("div", { id: "CaseHistory" },
+        React.createElement(TableContainer, null,
+            React.createElement(Table, null,
+                React.createElement(TableHead, null, getTableHeader()),
+                React.createElement(TableBody, null, getTableData())))));
+}
+CaseHistory.propTypes = {
+    getPConnect: PropTypes.func.isRequired
+};
+//# sourceMappingURL=CaseHistory.js.map

package/lib/components/widgets/CaseHistory/CaseHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaseHistory.js","sourceRoot":"","sources":["../../../../src/components/widgets/CaseHistory/CaseHistory.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles, Theme, createStyles } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport isDeepEqual from 'fast-deep-equal/react';\nimport { Utils } from '../../helpers/utils';\n\ndeclare const PCore;\n\n\nconst StyledTableCell = withStyles((theme: Theme) =>\n  createStyles({\n    head: {\n      borderWidth: \"1px\",\n      borderStyle: \"solid\",\n      borderColor: \"silver\",\n      backgroundColor: theme.palette.text.disabled,\n      color: theme.palette.getContrastText(theme.palette.text.disabled),\n    },\n    body: {\n      borderWidth: \"1px\",\n      borderStyle: \"solid\",\n      borderColor: \"silver\",\n      // fontSize: 14,\n    },\n  }),\n)(TableCell);\n\n\nexport default function CaseHistory(props) {\n  const { getPConnect } = props;\n  const thePConn = getPConnect();\n  // let waitingForData = true;\n\n  const displayedColumns = [\n    { label: \"Date\", type: \"DateTime\", fieldName: \"pxTimeCreated\" },\n    { label: \"Description\", type: \"TextInput\", fieldName: \"pyMessageKey\" },\n    { label: \"User\", type: \"TextInput\", fieldName: \"pyPerformer\" }\n   ];\n\n  const rowData: any = useRef([]);\n  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\n  const [waitingForData, setWaitingForData] = useState<boolean>(true);\n\n\n  const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);\n  const dataViewName = \"D_pyWorkHistory\";\n  const context = thePConn.getContextName();\n\n\n  function computeRowData(rows: Array<Object>): void {\n    const theRowData: Array<Object> = [];\n\n    rows.forEach((row: any, rowIndex: number) => {\n      // Now, for each property in the index of row properties (displayedColumns), add an object\n      //  to a new array of values\n      const rowDisplayValues: any = [];\n\n      displayedColumns.forEach((column: Object, rowValIndex) => {\n        const theType = column[\"type\"];\n        const theFieldName = column[\"fieldName\"];\n        const theValue = ((theType === \"Date\" || theType === \"DateTime\")) ? Utils.generateDateTime(row[theFieldName], \"DateTime-Short\") : row[theFieldName];\n        rowDisplayValues[rowValIndex] = theValue;\n      });\n\n      theRowData[rowIndex] = rowDisplayValues;\n    })\n\n    if (!isDeepEqual(theRowData, rowData.current)) {\n      // Only update rowData.current when it actually changes (to prevent infinite loop)\n      rowData.current = theRowData;\n    }\n  }\n\n  // Get the case history data when component mounted/initialized\n  useEffect( () => {\n\n    let bCallSetWaitingForData = true;\n\n    const historyData = PCore.getDataApiUtils().getData(\n      dataViewName,  `{\"dataViewParameters\":[{\"CaseInstanceKey\":\"${caseID}\"}]}`,\n      context\n      );\n\n    historyData.then( (historyJSON: Object) => {\n\n      const tableDataResults = historyJSON[\"data\"].data;\n\n      // compute the rowData using the tableDataResults\n      computeRowData(tableDataResults);\n\n      // At this point, if we have data ready to render and haven't been asked\n      //  to NOT call setWaitingForData, we can stop progress indicator\n      if (bCallSetWaitingForData) {\n        setWaitingForData(false);\n      }\n\n    });\n\n    return () => {\n      // Inspired by https://juliangaramendy.dev/blog/use-promise-subscription\n      // The useEffect closure lets us have access to the bCallSetWaitingForData\n      //  variable inside the useEffect and inside the \"then\" clause of the\n      //  historyData promise\n      //  So, if this cleanup code gets run before the promise .then is called,\n      //  we can avoid calling the useState setter which would otherwise show a warning\n      bCallSetWaitingForData = false;\n    }\n\n  }, []);\n\n\n  function getTableHeader() {\n    const theRowKey = \"CaseHistory.TableHeader\";\n\n    const theHeaderCells: Array<any> = displayedColumns.map((headerCol, index) => {\n      const theCellKey = `${theRowKey}.${index}`;\n      return <StyledTableCell key={theCellKey}>{headerCol.label}</StyledTableCell>\n    })\n\n    return <TableRow key={theRowKey}>{theHeaderCells}</TableRow>;\n  }\n\n\n  function getTableData() {\n    const theDataRows: Array<any> = [];\n\n    // Note: using rowData.current since we're using useRef as a mutatable\n    //  value that's only updated when it changes.\n    if (rowData.current.length > 0) {\n      rowData.current.forEach((dataRow: Array<Object>, index) => {\n        // using dataRow[0]-dataRow[1] as the array key since it's a unique value\n        const theKey = `CaseHistory-${index}`;\n        theDataRows.push( <TableRow key={theKey}>\n          <StyledTableCell>{dataRow[0] ? dataRow[0] : \"---\"}</StyledTableCell>\n          <StyledTableCell>{dataRow[1] ? dataRow[1] : \"---\"}</StyledTableCell>\n          <StyledTableCell>{dataRow[2] ? dataRow[2] : \"---\"}</StyledTableCell>\n        </TableRow>\n        )\n      });\n    }\n\n    return theDataRows;\n  }\n\n  return (\n    <div id=\"CaseHistory\">\n      <TableContainer>\n        <Table>\n          <TableHead>\n            {getTableHeader()}\n          </TableHead>\n          <TableBody>\n            {getTableData()}\n          </TableBody>\n        </Table>\n      </TableContainer>\n    </div>\n  )\n}\n\nCaseHistory.propTypes = {\n  getPConnect: PropTypes.func.isRequired\n};\n"]}

package/lib/components/widgets/CaseHistory/index.d.ts

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

package/lib/components/widgets/CaseHistory/index.d.ts.map

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

package/lib/components/widgets/CaseHistory/index.js

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

package/lib/components/widgets/CaseHistory/index.js.map

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

package/lib/components/widgets/FileUtility/ActionButtonsForFileUtil.css

@@ -0,0 +1,27 @@
+.psdk-actions {
+  height: 6.25rem;
+  display: flex;
+  position: relative;
+  align-items: center;
+  width: 100%;
+}
+
+.psdk-action-buttons {
+  width: 50%;
+  justify-content: center;
+  display: flex;
+}
+
+.primary-button {
+  background-color: #3f51b5 !important;
+  color: white !important;
+  padding: 6px 14px !important;
+  text-transform: unset !important;
+  font-size: 14px;
+}
+
+.secondary-button {
+  box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 20%);
+  text-transform: unset !important;
+  padding: 6px 14px !important;
+}

package/lib/components/widgets/FileUtility/ActionButtonsForFileUtil.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './ActionButtonsForFileUtil.css';
+export default function ActionButtonsForFileUtil(props: any): JSX.Element;
+//# sourceMappingURL=ActionButtonsForFileUtil.d.ts.map

package/lib/components/widgets/FileUtility/ActionButtonsForFileUtil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButtonsForFileUtil.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/FileUtility/ActionButtonsForFileUtil.tsx"],"names":[],"mappings":";AAEA,OAAO,gCAAgC,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,KAAK,KAAA,eAiBrD"}

package/lib/components/widgets/FileUtility/ActionButtonsForFileUtil.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Button } from '@material-ui/core';
+import './ActionButtonsForFileUtil.css';
+export default function ActionButtonsForFileUtil(props) {
+    return (React.createElement("div", { className: "psdk-actions" },
+        React.createElement("div", { className: "psdk-action-buttons" }, props.arSecondaryButtons.map(file => (React.createElement(Button, { className: "secondary-button", key: file.actionID, onClick: props.secondaryAction }, file.name)))),
+        React.createElement("div", { className: "psdk-action-buttons" }, props.arMainButtons.map(file => (React.createElement(Button, { className: "primary-button", key: file.actionID, onClick: props.primaryAction }, file.name))))));
+}
+//# sourceMappingURL=ActionButtonsForFileUtil.js.map

package/lib/components/widgets/FileUtility/ActionButtonsForFileUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButtonsForFileUtil.js","sourceRoot":"","sources":["../../../../src/components/widgets/FileUtility/ActionButtonsForFileUtil.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,gCAAgC,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,KAAK;IAEpD,OAAO,CACL,6BAAK,SAAS,EAAC,cAAc;QAC3B,6BAAK,SAAS,EAAC,qBAAqB,IACjC,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACpC,oBAAC,MAAM,IAAC,SAAS,EAAC,kBAAkB,EAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,eAAe,IAAG,IAAI,CAAC,IAAI,CAAU,CAC9G,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,qBAAqB,IACjC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC/B,oBAAC,MAAM,IAAC,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,aAAa,IAAG,IAAI,CAAC,IAAI,CAAU,CAC1G,CAAC,CACE,CACF,CACP,CAAA;AAEH,CAAC","sourcesContent":["import React from \"react\";\nimport { Button } from '@material-ui/core';\nimport './ActionButtonsForFileUtil.css';\n\nexport default function ActionButtonsForFileUtil(props) {\n\n  return (\n    <div className=\"psdk-actions\">\n      <div className=\"psdk-action-buttons\">\n        {props.arSecondaryButtons.map(file => (\n          <Button className=\"secondary-button\" key={file.actionID} onClick={props.secondaryAction}>{file.name}</Button>\n        ))}\n      </div>\n      <div className=\"psdk-action-buttons\">\n        {props.arMainButtons.map(file => (\n          <Button className=\"primary-button\" key={file.actionID} onClick={props.primaryAction}>{file.name}</Button>\n        ))}\n      </div>\n    </div>\n  )\n\n}\n"]}