@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/DevCenter/AppHeader/AppHeaderStyles.js

@@ -1 +1,63 @@
-import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{appHeaderWrapper:{width:"100%",marginBottom:8},appHeaderContainer:{display:"flex"},titleBlock:{display:"flex",justifyContent:"center",flexDirection:"column",width:"100%",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",marginRight:16},titleWrapper:{display:"flex",alignItems:"center"},logo:{maxWidth:"130px",maxHeight:"40px"},separateLine:{width:"1px",height:"16px",backgroundColor:e.palette.primary.text9,borderRadius:"1px",margin:"auto 12px"},title:{margin:"0 8px 0 1px",fontSize:"18px",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",lineHeight:"24px",zIndex:1e3,fontWeight:"bold"},subtitle:{color:"#888",margin:"0 0 0 1px",fontSize:"12px",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400,lineHeight:"16px"}}}));export{t as useStyles};
+import { makeStyles } from '@material-ui/core';
+
+// NOTE: Do not extract these styles to .css file as they are collected for zoid isolated container with ServerStyleSheets
+var useStyles = makeStyles(function (_ref) {
+  var palette = _ref.palette;
+  return {
+    appHeaderWrapper: {
+      width: '100%',
+      marginBottom: 8
+    },
+    appHeaderContainer: {
+      display: 'flex'
+    },
+    titleBlock: {
+      display: 'flex',
+      justifyContent: 'center',
+      flexDirection: 'column',
+      width: '100%',
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      marginRight: 16
+    },
+    titleWrapper: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    logo: {
+      maxWidth: '130px',
+      maxHeight: '40px'
+    },
+    separateLine: {
+      width: '1px',
+      height: '16px',
+      backgroundColor: palette.primary.text9,
+      borderRadius: '1px',
+      margin: 'auto 12px'
+    },
+    title: {
+      margin: '0 8px 0 1px',
+      fontSize: '18px',
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      lineHeight: '24px',
+      zIndex: 1000,
+      fontWeight: 'bold'
+    },
+    subtitle: {
+      color: '#888',
+      margin: '0 0 0 1px',
+      fontSize: '12px',
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      fontWeight: 400,
+      lineHeight: '16px'
+    }
+  };
+});
+
+export { useStyles };
+//# sourceMappingURL=AppHeaderStyles.js.map

package/components/DevCenter/AppHeader/AppHeaderStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeaderStyles.js","sources":["../../../../src/components/DevCenter/AppHeader/AppHeaderStyles.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\n// NOTE: Do not extract these styles to .css file as they are collected for zoid isolated container with ServerStyleSheets\nexport const useStyles = makeStyles(({ palette }) => ({\n  appHeaderWrapper: {\n    width: '100%',\n    marginBottom: 8,\n  },\n  appHeaderContainer: {\n    display: 'flex',\n  },\n  titleBlock: {\n    display: 'flex',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    width: '100%',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    marginRight: 16,\n  },\n  titleWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  logo: {\n    maxWidth: '130px',\n    maxHeight: '40px',\n  },\n  separateLine: {\n    width: '1px',\n    height: '16px',\n    backgroundColor: palette.primary.text9,\n    borderRadius: '1px',\n    margin: 'auto 12px',\n  },\n  title: {\n    margin: '0 8px 0 1px',\n    fontSize: '18px',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    lineHeight: '24px',\n    zIndex: 1000,\n    fontWeight: 'bold',\n  },\n  subtitle: {\n    color: '#888',\n    margin: '0 0 0 1px',\n    fontSize: '12px',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    fontWeight: 400,\n    lineHeight: '16px',\n  },\n}));\n"],"names":["useStyles","makeStyles","palette","appHeaderWrapper","width","marginBottom","appHeaderContainer","display","titleBlock","justifyContent","flexDirection","overflow","whiteSpace","textOverflow","marginRight","titleWrapper","alignItems","logo","maxWidth","maxHeight","separateLine","height","backgroundColor","primary","text9","borderRadius","margin","title","fontSize","lineHeight","zIndex","fontWeight","subtitle","color"],"mappings":";;AAEA;AACaA,IAAAA,SAAS,GAAGC,UAAU,CAAC,UAAA,IAAA,EAAA;EAAA,IAAGC,OAAO,QAAPA,OAAO,CAAA;EAAA,OAAQ;AACpDC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,YAAY,EAAE,CAAA;KACf;AACDC,IAAAA,kBAAkB,EAAE;AAClBC,MAAAA,OAAO,EAAE,MAAA;KACV;AACDC,IAAAA,UAAU,EAAE;AACVD,MAAAA,OAAO,EAAE,MAAM;AACfE,MAAAA,cAAc,EAAE,QAAQ;AACxBC,MAAAA,aAAa,EAAE,QAAQ;AACvBN,MAAAA,KAAK,EAAE,MAAM;AACbO,MAAAA,QAAQ,EAAE,QAAQ;AAClBC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,YAAY,EAAE,UAAU;AACxBC,MAAAA,WAAW,EAAE,EAAA;KACd;AACDC,IAAAA,YAAY,EAAE;AACZR,MAAAA,OAAO,EAAE,MAAM;AACfS,MAAAA,UAAU,EAAE,QAAA;KACb;AACDC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,OAAO;AACjBC,MAAAA,SAAS,EAAE,MAAA;KACZ;AACDC,IAAAA,YAAY,EAAE;AACZhB,MAAAA,KAAK,EAAE,KAAK;AACZiB,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,eAAe,EAAEpB,OAAO,CAACqB,OAAO,CAACC,KAAK;AACtCC,MAAAA,YAAY,EAAE,KAAK;AACnBC,MAAAA,MAAM,EAAE,WAAA;KACT;AACDC,IAAAA,KAAK,EAAE;AACLD,MAAAA,MAAM,EAAE,aAAa;AACrBE,MAAAA,QAAQ,EAAE,MAAM;AAChBjB,MAAAA,QAAQ,EAAE,QAAQ;AAClBC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,YAAY,EAAE,UAAU;AACxBgB,MAAAA,UAAU,EAAE,MAAM;AAClBC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,UAAU,EAAE,MAAA;KACb;AACDC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,MAAM;AACbP,MAAAA,MAAM,EAAE,WAAW;AACnBE,MAAAA,QAAQ,EAAE,MAAM;AAChBjB,MAAAA,QAAQ,EAAE,QAAQ;AAClBC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,YAAY,EAAE,UAAU;AACxBkB,MAAAA,UAAU,EAAE,GAAG;AACfF,MAAAA,UAAU,EAAE,MAAA;AACd,KAAA;GACD,CAAA;AAAA,CAAC;;;;"}

package/components/DevCenter/AppHeader/PadIcon.js

@@ -1 +1,51 @@
-import{__assign as C}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as i,jsx as l}from"react/jsx-runtime";var t=function(){return i("svg",C({width:"16",height:"16",viewBox:"0 0 16 16",fill:"#FFFFFF",xmlns:"http://www.w3.org/2000/svg"},{children:[l("g",C({"clip-path":"url(#clip0_40412_10382)"},{children:i("g",C({"clip-path":"url(#clip1_40412_10382)"},{children:[l("path",{d:"M3.12237 6.87996C3.00162 6.87989 2.88583 6.83189 2.80045 6.74651C2.71506 6.66113 2.66706 6.54535 2.66699 6.4246V4.01855C2.66732 3.66001 2.80988 3.31624 3.06338 3.06268C3.31688 2.80912 3.66062 2.66648 4.01917 2.66606H6.38717C6.4475 2.66522 6.5074 2.67637 6.56338 2.69888C6.61936 2.72138 6.67031 2.75478 6.71328 2.79715C6.75624 2.83951 6.79035 2.88999 6.81363 2.94565C6.83692 3.00131 6.84891 3.06104 6.84891 3.12138C6.84891 3.18171 6.83692 3.24145 6.81363 3.29711C6.79035 3.35277 6.75624 3.40325 6.71328 3.44561C6.67031 3.48797 6.61936 3.52138 6.56338 3.54388C6.5074 3.56638 6.4475 3.57754 6.38717 3.5767H4.01917C3.90207 3.57688 3.78983 3.62351 3.70706 3.70634C3.62429 3.78917 3.57775 3.90145 3.57766 4.01855V6.4246C3.57761 6.54534 3.52963 6.66112 3.44426 6.74651C3.35889 6.83189 3.24311 6.87989 3.12237 6.87996Z",fill:"#FFFFFF"}),l("path",{d:"M6.42566 13.3323H4.01917C3.66075 13.3319 3.31712 13.1894 3.06363 12.936C2.81015 12.6826 2.66751 12.339 2.66699 11.9806V9.61306C2.66866 9.49341 2.71737 9.37922 2.80258 9.29519C2.88779 9.21117 3.00265 9.16406 3.12233 9.16406C3.242 9.16406 3.35686 9.21117 3.44207 9.29519C3.52728 9.37922 3.57599 9.49341 3.57766 9.61306V11.9806C3.57773 12.0978 3.62425 12.2101 3.70701 12.293C3.78977 12.3759 3.90203 12.4226 4.01917 12.4228H6.42566C6.54631 12.4228 6.66203 12.4708 6.74734 12.5561C6.83266 12.6414 6.88059 12.7571 6.88059 12.8778C6.88059 12.9984 6.83266 13.1141 6.74734 13.1994C6.66203 13.2847 6.54631 13.3327 6.42566 13.3327V13.3323Z",fill:"#FFFFFF"}),l("path",{d:"M11.9817 13.3322H9.61411C9.49346 13.3322 9.37774 13.2843 9.29243 13.199C9.20711 13.1137 9.15918 12.998 9.15918 12.8773C9.15918 12.7567 9.20711 12.641 9.29243 12.5557C9.37774 12.4703 9.49346 12.4224 9.61411 12.4224H11.9817C12.0989 12.4223 12.2113 12.3756 12.2942 12.2927C12.3772 12.2098 12.4238 12.0974 12.424 11.9802V9.57406C12.424 9.45341 12.4719 9.3377 12.5572 9.25238C12.6425 9.16707 12.7583 9.11914 12.8789 9.11914C12.9996 9.11914 13.1153 9.16707 13.2006 9.25238C13.2859 9.3377 13.3338 9.45341 13.3338 9.57406V11.9806C13.3333 12.339 13.1907 12.6825 12.9372 12.9359C12.6837 13.1893 12.3401 13.3318 11.9817 13.3322Z",fill:"#FFFFFF"}),l("path",{d:"M12.8787 6.84179C12.8189 6.84178 12.7598 6.82999 12.7045 6.80709C12.6493 6.7842 12.5992 6.75065 12.5569 6.70836C12.5147 6.66607 12.4812 6.61588 12.4583 6.56064C12.4355 6.5054 12.4237 6.4462 12.4238 6.38642V4.0185C12.4236 3.9013 12.3769 3.78895 12.294 3.70612C12.2111 3.62328 12.0987 3.57672 11.9815 3.57665H9.57499C9.45533 3.57498 9.34114 3.52627 9.25711 3.44107C9.17308 3.35586 9.12598 3.241 9.12598 3.12133C9.12598 3.00167 9.17308 2.88681 9.25711 2.8016C9.34114 2.71639 9.45533 2.66769 9.57499 2.66602H11.9815C12.34 2.66644 12.6838 2.80908 12.9373 3.06264C13.1908 3.3162 13.3333 3.65996 13.3337 4.0185V6.38642C13.3337 6.4462 13.322 6.5054 13.2991 6.56064C13.2763 6.61588 13.2428 6.66607 13.2005 6.70836C13.1583 6.75065 13.1081 6.7842 13.0529 6.80709C12.9977 6.82999 12.9385 6.84178 12.8787 6.84179Z",fill:"#FFFFFF"})]}))})),i("defs",{children:[l("clipPath",C({id:"clip0_40412_10382"},{children:l("rect",{width:"10.6667",height:"10.6667",fill:"white",transform:"translate(2.66699 2.66602)"})})),l("clipPath",C({id:"clip1_40412_10382"},{children:l("rect",{width:"10.6667",height:"10.6667",fill:"white",transform:"translate(2.66699 2.66602)"})}))]})]}))};export{t as PadIcon};
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PadIcon = function PadIcon() {
+  return /*#__PURE__*/jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "#FFFFFF",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/jsx("g", {
+      "clip-path": "url(#clip0_40412_10382)",
+      children: /*#__PURE__*/jsxs("g", {
+        "clip-path": "url(#clip1_40412_10382)",
+        children: [/*#__PURE__*/jsx("path", {
+          d: "M3.12237 6.87996C3.00162 6.87989 2.88583 6.83189 2.80045 6.74651C2.71506 6.66113 2.66706 6.54535 2.66699 6.4246V4.01855C2.66732 3.66001 2.80988 3.31624 3.06338 3.06268C3.31688 2.80912 3.66062 2.66648 4.01917 2.66606H6.38717C6.4475 2.66522 6.5074 2.67637 6.56338 2.69888C6.61936 2.72138 6.67031 2.75478 6.71328 2.79715C6.75624 2.83951 6.79035 2.88999 6.81363 2.94565C6.83692 3.00131 6.84891 3.06104 6.84891 3.12138C6.84891 3.18171 6.83692 3.24145 6.81363 3.29711C6.79035 3.35277 6.75624 3.40325 6.71328 3.44561C6.67031 3.48797 6.61936 3.52138 6.56338 3.54388C6.5074 3.56638 6.4475 3.57754 6.38717 3.5767H4.01917C3.90207 3.57688 3.78983 3.62351 3.70706 3.70634C3.62429 3.78917 3.57775 3.90145 3.57766 4.01855V6.4246C3.57761 6.54534 3.52963 6.66112 3.44426 6.74651C3.35889 6.83189 3.24311 6.87989 3.12237 6.87996Z",
+          fill: "#FFFFFF"
+        }), /*#__PURE__*/jsx("path", {
+          d: "M6.42566 13.3323H4.01917C3.66075 13.3319 3.31712 13.1894 3.06363 12.936C2.81015 12.6826 2.66751 12.339 2.66699 11.9806V9.61306C2.66866 9.49341 2.71737 9.37922 2.80258 9.29519C2.88779 9.21117 3.00265 9.16406 3.12233 9.16406C3.242 9.16406 3.35686 9.21117 3.44207 9.29519C3.52728 9.37922 3.57599 9.49341 3.57766 9.61306V11.9806C3.57773 12.0978 3.62425 12.2101 3.70701 12.293C3.78977 12.3759 3.90203 12.4226 4.01917 12.4228H6.42566C6.54631 12.4228 6.66203 12.4708 6.74734 12.5561C6.83266 12.6414 6.88059 12.7571 6.88059 12.8778C6.88059 12.9984 6.83266 13.1141 6.74734 13.1994C6.66203 13.2847 6.54631 13.3327 6.42566 13.3327V13.3323Z",
+          fill: "#FFFFFF"
+        }), /*#__PURE__*/jsx("path", {
+          d: "M11.9817 13.3322H9.61411C9.49346 13.3322 9.37774 13.2843 9.29243 13.199C9.20711 13.1137 9.15918 12.998 9.15918 12.8773C9.15918 12.7567 9.20711 12.641 9.29243 12.5557C9.37774 12.4703 9.49346 12.4224 9.61411 12.4224H11.9817C12.0989 12.4223 12.2113 12.3756 12.2942 12.2927C12.3772 12.2098 12.4238 12.0974 12.424 11.9802V9.57406C12.424 9.45341 12.4719 9.3377 12.5572 9.25238C12.6425 9.16707 12.7583 9.11914 12.8789 9.11914C12.9996 9.11914 13.1153 9.16707 13.2006 9.25238C13.2859 9.3377 13.3338 9.45341 13.3338 9.57406V11.9806C13.3333 12.339 13.1907 12.6825 12.9372 12.9359C12.6837 13.1893 12.3401 13.3318 11.9817 13.3322Z",
+          fill: "#FFFFFF"
+        }), /*#__PURE__*/jsx("path", {
+          d: "M12.8787 6.84179C12.8189 6.84178 12.7598 6.82999 12.7045 6.80709C12.6493 6.7842 12.5992 6.75065 12.5569 6.70836C12.5147 6.66607 12.4812 6.61588 12.4583 6.56064C12.4355 6.5054 12.4237 6.4462 12.4238 6.38642V4.0185C12.4236 3.9013 12.3769 3.78895 12.294 3.70612C12.2111 3.62328 12.0987 3.57672 11.9815 3.57665H9.57499C9.45533 3.57498 9.34114 3.52627 9.25711 3.44107C9.17308 3.35586 9.12598 3.241 9.12598 3.12133C9.12598 3.00167 9.17308 2.88681 9.25711 2.8016C9.34114 2.71639 9.45533 2.66769 9.57499 2.66602H11.9815C12.34 2.66644 12.6838 2.80908 12.9373 3.06264C13.1908 3.3162 13.3333 3.65996 13.3337 4.0185V6.38642C13.3337 6.4462 13.322 6.5054 13.2991 6.56064C13.2763 6.61588 13.2428 6.66607 13.2005 6.70836C13.1583 6.75065 13.1081 6.7842 13.0529 6.80709C12.9977 6.82999 12.9385 6.84178 12.8787 6.84179Z",
+          fill: "#FFFFFF"
+        })]
+      })
+    }), /*#__PURE__*/jsxs("defs", {
+      children: [/*#__PURE__*/jsx("clipPath", {
+        id: "clip0_40412_10382",
+        children: /*#__PURE__*/jsx("rect", {
+          width: "10.6667",
+          height: "10.6667",
+          fill: "white",
+          transform: "translate(2.66699 2.66602)"
+        })
+      }), /*#__PURE__*/jsx("clipPath", {
+        id: "clip1_40412_10382",
+        children: /*#__PURE__*/jsx("rect", {
+          width: "10.6667",
+          height: "10.6667",
+          fill: "white",
+          transform: "translate(2.66699 2.66602)"
+        })
+      })]
+    })]
+  });
+};
+
+export { PadIcon };
+//# sourceMappingURL=PadIcon.js.map

package/components/DevCenter/AppHeader/PadIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PadIcon.js","sources":["../../../../src/components/DevCenter/AppHeader/PadIcon.tsx"],"sourcesContent":["export const PadIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"#FFFFFF\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clip-path=\"url(#clip0_40412_10382)\">\n      <g clip-path=\"url(#clip1_40412_10382)\">\n        <path\n          d=\"M3.12237 6.87996C3.00162 6.87989 2.88583 6.83189 2.80045 6.74651C2.71506 6.66113 2.66706 6.54535 2.66699 6.4246V4.01855C2.66732 3.66001 2.80988 3.31624 3.06338 3.06268C3.31688 2.80912 3.66062 2.66648 4.01917 2.66606H6.38717C6.4475 2.66522 6.5074 2.67637 6.56338 2.69888C6.61936 2.72138 6.67031 2.75478 6.71328 2.79715C6.75624 2.83951 6.79035 2.88999 6.81363 2.94565C6.83692 3.00131 6.84891 3.06104 6.84891 3.12138C6.84891 3.18171 6.83692 3.24145 6.81363 3.29711C6.79035 3.35277 6.75624 3.40325 6.71328 3.44561C6.67031 3.48797 6.61936 3.52138 6.56338 3.54388C6.5074 3.56638 6.4475 3.57754 6.38717 3.5767H4.01917C3.90207 3.57688 3.78983 3.62351 3.70706 3.70634C3.62429 3.78917 3.57775 3.90145 3.57766 4.01855V6.4246C3.57761 6.54534 3.52963 6.66112 3.44426 6.74651C3.35889 6.83189 3.24311 6.87989 3.12237 6.87996Z\"\n          fill=\"#FFFFFF\"\n        />\n        <path\n          d=\"M6.42566 13.3323H4.01917C3.66075 13.3319 3.31712 13.1894 3.06363 12.936C2.81015 12.6826 2.66751 12.339 2.66699 11.9806V9.61306C2.66866 9.49341 2.71737 9.37922 2.80258 9.29519C2.88779 9.21117 3.00265 9.16406 3.12233 9.16406C3.242 9.16406 3.35686 9.21117 3.44207 9.29519C3.52728 9.37922 3.57599 9.49341 3.57766 9.61306V11.9806C3.57773 12.0978 3.62425 12.2101 3.70701 12.293C3.78977 12.3759 3.90203 12.4226 4.01917 12.4228H6.42566C6.54631 12.4228 6.66203 12.4708 6.74734 12.5561C6.83266 12.6414 6.88059 12.7571 6.88059 12.8778C6.88059 12.9984 6.83266 13.1141 6.74734 13.1994C6.66203 13.2847 6.54631 13.3327 6.42566 13.3327V13.3323Z\"\n          fill=\"#FFFFFF\"\n        />\n        <path\n          d=\"M11.9817 13.3322H9.61411C9.49346 13.3322 9.37774 13.2843 9.29243 13.199C9.20711 13.1137 9.15918 12.998 9.15918 12.8773C9.15918 12.7567 9.20711 12.641 9.29243 12.5557C9.37774 12.4703 9.49346 12.4224 9.61411 12.4224H11.9817C12.0989 12.4223 12.2113 12.3756 12.2942 12.2927C12.3772 12.2098 12.4238 12.0974 12.424 11.9802V9.57406C12.424 9.45341 12.4719 9.3377 12.5572 9.25238C12.6425 9.16707 12.7583 9.11914 12.8789 9.11914C12.9996 9.11914 13.1153 9.16707 13.2006 9.25238C13.2859 9.3377 13.3338 9.45341 13.3338 9.57406V11.9806C13.3333 12.339 13.1907 12.6825 12.9372 12.9359C12.6837 13.1893 12.3401 13.3318 11.9817 13.3322Z\"\n          fill=\"#FFFFFF\"\n        />\n        <path\n          d=\"M12.8787 6.84179C12.8189 6.84178 12.7598 6.82999 12.7045 6.80709C12.6493 6.7842 12.5992 6.75065 12.5569 6.70836C12.5147 6.66607 12.4812 6.61588 12.4583 6.56064C12.4355 6.5054 12.4237 6.4462 12.4238 6.38642V4.0185C12.4236 3.9013 12.3769 3.78895 12.294 3.70612C12.2111 3.62328 12.0987 3.57672 11.9815 3.57665H9.57499C9.45533 3.57498 9.34114 3.52627 9.25711 3.44107C9.17308 3.35586 9.12598 3.241 9.12598 3.12133C9.12598 3.00167 9.17308 2.88681 9.25711 2.8016C9.34114 2.71639 9.45533 2.66769 9.57499 2.66602H11.9815C12.34 2.66644 12.6838 2.80908 12.9373 3.06264C13.1908 3.3162 13.3333 3.65996 13.3337 4.0185V6.38642C13.3337 6.4462 13.322 6.5054 13.2991 6.56064C13.2763 6.61588 13.2428 6.66607 13.2005 6.70836C13.1583 6.75065 13.1081 6.7842 13.0529 6.80709C12.9977 6.82999 12.9385 6.84178 12.8787 6.84179Z\"\n          fill=\"#FFFFFF\"\n        />\n      </g>\n    </g>\n    <defs>\n      <clipPath id=\"clip0_40412_10382\">\n        <rect\n          width=\"10.6667\"\n          height=\"10.6667\"\n          fill=\"white\"\n          transform=\"translate(2.66699 2.66602)\"\n        />\n      </clipPath>\n      <clipPath id=\"clip1_40412_10382\">\n        <rect\n          width=\"10.6667\"\n          height=\"10.6667\"\n          fill=\"white\"\n          transform=\"translate(2.66699 2.66602)\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\n"],"names":["PadIcon","_jsxs","_jsx"],"mappings":";;AAAaA,IAAAA,OAAO,GAAG,SAAVA,OAAO,GAAA;EAAA,oBAClBC,IAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAC,IAAI;AAAC,IAAA,MAAM,EAAC,IAAI;AAAC,IAAA,OAAO,EAAC,WAAW;AAAC,IAAA,IAAI,EAAC,SAAS;AAAC,IAAA,KAAK,EAAC,4BAA4B;IAAA,QAC/F,EAAA,cAAAC,GAAA,CAAA,GAAA,EAAA;AAAG,MAAA,WAAA,EAAU,yBAAyB;MAAA,QACpC,eAAAD,IAAA,CAAA,GAAA,EAAA;AAAG,QAAA,WAAA,EAAU,yBAAyB;QAAA,QACpC,EAAA,cAAAC,GAAA,CAAA,MAAA,EAAA;AACE,UAAA,CAAC,EAAC,4yBAA4yB;AAC9yB,UAAA,IAAI,EAAC,SAAA;AAAS,SAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,UAAA,CAAC,EAAC,snBAAsnB;AACxnB,UAAA,IAAI,EAAC,SAAA;AAAS,SAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,UAAA,CAAC,EAAC,2mBAA2mB;AAC7mB,UAAA,IAAI,EAAC,SAAA;AAAS,SAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,UAAA,CAAC,EAAC,kyBAAkyB;AACpyB,UAAA,IAAI,EAAC,SAAA;SACL,CAAA,CAAA;AAAA,OAAA,CAAA;AACA,KAAA,CACF,eACJD,IAAA,CAAA,MAAA,EAAA;MAAA,QACE,EAAA,cAAAC,GAAA,CAAA,UAAA,EAAA;AAAU,QAAA,EAAE,EAAC,mBAAmB;QAAA,QAC9B,eAAAA,GAAA,CAAA,MAAA,EAAA;AACE,UAAA,KAAK,EAAC,SAAS;AACf,UAAA,MAAM,EAAC,SAAS;AAChB,UAAA,IAAI,EAAC,OAAO;AACZ,UAAA,SAAS,EAAC,4BAAA;AAA4B,SAAA,CAAA;AACtC,OAAA,CACO,eACXA,GAAA,CAAA,UAAA,EAAA;AAAU,QAAA,EAAE,EAAC,mBAAmB;QAAA,QAC9B,eAAAA,GAAA,CAAA,MAAA,EAAA;AACE,UAAA,KAAK,EAAC,SAAS;AACf,UAAA,MAAM,EAAC,SAAS;AAChB,UAAA,IAAI,EAAC,OAAO;AACZ,UAAA,SAAS,EAAC,4BAAA;AAA4B,SAAA,CAAA;OAE/B,CAAA,CAAA;KACN,CAAA,CAAA;GACH,CAAA,CAAA;AAAA;;;;"}

package/components/DevCenter/AppHeader/PadMode.js

@@ -1 +1,60 @@
-import e from"@babel/runtime/helpers/defineProperty";import{get as t,isEmpty as r,noop as o}from"lodash";import n from"prop-types";import p from"../../PadModeSelect/PadModeSelect.js";import{COMPLETION_APP_TYPES as i}from"../../../constants/completion.js";import{getAssetKey as s,getDefaultPadModeSetting as l}from"../../../utils/completion.js";import{jsx as a}from"react/jsx-runtime";function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function f(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?c(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var m=function(o){var n=o.fracFleet,c=o.wells,m=o.well,u=o.onSettingChange,d=o.appSettings,g=o.completionAppType,y=o.disableActiveWellsInPadSelect;if(m||!c&&!n)return null;var b=d.padId,O=g||i.fracMultiWellApp,j=s(n,m,b),h=t(d,["settingsByAsset",j]),P=r(h)?l(n,m,O):h;return a(p,{assets:c,completionAppType:O,disableActiveWellsInPadSelect:y,padModeSetting:P,onChange:function(r){return u("settingsByAsset",f(f({},t(d,"settingsByAsset",{})),{},e({},j,r)))}})};m.propTypes={appSettings:n.shape({padId:n.number}),completionAppType:n.string,fracFleet:n.shape({}),onSettingChange:n.func,well:n.shape({}),wells:n.arrayOf(n.shape())},m.defaultProps={appSettings:{},completionAppType:void 0,fracFleet:void 0,onSettingChange:o,well:void 0,wells:void 0};export{m as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { get, isEmpty, noop } from 'lodash';
+import PropTypes from 'prop-types';
+import PadModeSelect from '../../PadModeSelect/PadModeSelect.js';
+import { COMPLETION_APP_TYPES } from '../../../constants/completion.js';
+import { getAssetKey, getDefaultPadModeSetting } from '../../../utils/completion.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PadMode = function PadMode(_ref) {
+  var fracFleet = _ref.fracFleet,
+    wells = _ref.wells,
+    well = _ref.well,
+    onSettingChange = _ref.onSettingChange,
+    appSettings = _ref.appSettings,
+    completionAppType = _ref.completionAppType,
+    disableActiveWellsInPadSelect = _ref.disableActiveWellsInPadSelect;
+  if (well || !wells && !fracFleet) return null;
+
+  // use COMPLETION_APP_TYPES.fracMultiWellApp as a default if not defined in app;
+  // this will be moved to the Apps Wizard soon
+  // https://corvaqa.atlassian.net/browse/DC-1317
+
+  var padId = appSettings.padId;
+  var appType = completionAppType || COMPLETION_APP_TYPES.fracMultiWellApp;
+  var assetKey = getAssetKey(fracFleet, well, padId);
+  var currentPadModeSetting = get(appSettings, ['settingsByAsset', assetKey]);
+  var padModeSetting = !isEmpty(currentPadModeSetting) ? currentPadModeSetting : getDefaultPadModeSetting(fracFleet, well, appType);
+  return /*#__PURE__*/jsx(PadModeSelect, {
+    assets: wells,
+    completionAppType: appType,
+    disableActiveWellsInPadSelect: disableActiveWellsInPadSelect,
+    padModeSetting: padModeSetting,
+    onChange: function onChange(newPadModeSetting) {
+      return onSettingChange('settingsByAsset', _objectSpread(_objectSpread({}, get(appSettings, 'settingsByAsset', {})), {}, _defineProperty({}, assetKey, newPadModeSetting)));
+    }
+  });
+};
+PadMode.propTypes = {
+  appSettings: PropTypes.shape({
+    padId: PropTypes.number
+  }),
+  completionAppType: PropTypes.string,
+  fracFleet: PropTypes.shape({}),
+  onSettingChange: PropTypes.func,
+  well: PropTypes.shape({}),
+  wells: PropTypes.arrayOf(PropTypes.shape())
+};
+PadMode.defaultProps = {
+  appSettings: {},
+  completionAppType: undefined,
+  fracFleet: undefined,
+  onSettingChange: noop,
+  well: undefined,
+  wells: undefined
+};
+
+export { PadMode as default };
+//# sourceMappingURL=PadMode.js.map

package/components/DevCenter/AppHeader/PadMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PadMode.js","sources":["../../../../src/components/DevCenter/AppHeader/PadMode.js"],"sourcesContent":["import { get, isEmpty, noop } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport PadModeSelect from '~/components/PadModeSelect';\nimport { COMPLETION_APP_TYPES } from '~/constants/completion';\nimport { getAssetKey, getDefaultPadModeSetting } from '~/utils/completion';\n\nconst PadMode = ({\n  fracFleet,\n  wells,\n  well,\n  onSettingChange,\n  appSettings,\n  completionAppType,\n  disableActiveWellsInPadSelect,\n}) => {\n  if (well || (!wells && !fracFleet)) return null;\n\n  // use COMPLETION_APP_TYPES.fracMultiWellApp as a default if not defined in app;\n  // this will be moved to the Apps Wizard soon\n  // https://corvaqa.atlassian.net/browse/DC-1317\n\n  const { padId } = appSettings;\n\n  const appType = completionAppType || COMPLETION_APP_TYPES.fracMultiWellApp;\n  const assetKey = getAssetKey(fracFleet, well, padId);\n  const currentPadModeSetting = get(appSettings, ['settingsByAsset', assetKey]);\n\n  const padModeSetting = !isEmpty(currentPadModeSetting)\n    ? currentPadModeSetting\n    : getDefaultPadModeSetting(fracFleet, well, appType);\n\n  return (\n    <PadModeSelect\n      assets={wells}\n      completionAppType={appType}\n      disableActiveWellsInPadSelect={disableActiveWellsInPadSelect}\n      padModeSetting={padModeSetting}\n      onChange={newPadModeSetting =>\n        onSettingChange('settingsByAsset', {\n          ...get(appSettings, 'settingsByAsset', {}),\n          [assetKey]: newPadModeSetting,\n        })\n      }\n    />\n  );\n};\n\nPadMode.propTypes = {\n  appSettings: PropTypes.shape({\n    padId: PropTypes.number,\n  }),\n  completionAppType: PropTypes.string,\n  fracFleet: PropTypes.shape({}),\n  onSettingChange: PropTypes.func,\n  well: PropTypes.shape({}),\n  wells: PropTypes.arrayOf(PropTypes.shape()),\n};\n\nPadMode.defaultProps = {\n  appSettings: {},\n  completionAppType: undefined,\n  fracFleet: undefined,\n  onSettingChange: noop,\n  well: undefined,\n  wells: undefined,\n};\n\nexport default PadMode;\n"],"names":["PadMode","fracFleet","wells","well","onSettingChange","appSettings","completionAppType","disableActiveWellsInPadSelect","padId","appType","COMPLETION_APP_TYPES","fracMultiWellApp","assetKey","getAssetKey","currentPadModeSetting","get","padModeSetting","isEmpty","getDefaultPadModeSetting","_jsx","newPadModeSetting","propTypes","PropTypes","shape","number","string","func","arrayOf","defaultProps","undefined","noop"],"mappings":";;;;;;;;;;AAOA,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAQP,IAAA,EAAA;EAAA,IAPJC,SAAS,QAATA,SAAS;AACTC,IAAAA,KAAK,QAALA,KAAK;AACLC,IAAAA,IAAI,QAAJA,IAAI;AACJC,IAAAA,eAAe,QAAfA,eAAe;AACfC,IAAAA,WAAW,QAAXA,WAAW;AACXC,IAAAA,iBAAiB,QAAjBA,iBAAiB;AACjBC,IAAAA,6BAA6B,QAA7BA,6BAA6B,CAAA;EAE7B,IAAIJ,IAAI,IAAK,CAACD,KAAK,IAAI,CAACD,SAAU,EAAE,OAAO,IAAI,CAAA;;AAE/C;AACA;AACA;;AAEA,EAAA,IAAQO,KAAK,GAAKH,WAAW,CAArBG,KAAK,CAAA;AAEb,EAAA,IAAMC,OAAO,GAAGH,iBAAiB,IAAII,oBAAoB,CAACC,gBAAgB,CAAA;EAC1E,IAAMC,QAAQ,GAAGC,WAAW,CAACZ,SAAS,EAAEE,IAAI,EAAEK,KAAK,CAAC,CAAA;EACpD,IAAMM,qBAAqB,GAAGC,GAAG,CAACV,WAAW,EAAE,CAAC,iBAAiB,EAAEO,QAAQ,CAAC,CAAC,CAAA;AAE7E,EAAA,IAAMI,cAAc,GAAG,CAACC,OAAO,CAACH,qBAAqB,CAAC,GAClDA,qBAAqB,GACrBI,wBAAwB,CAACjB,SAAS,EAAEE,IAAI,EAAEM,OAAO,CAAC,CAAA;AAEtD,EAAA,oBACEU,IAAC,aAAa,EAAA;AACZ,IAAA,MAAM,EAAEjB,KAAM;AACd,IAAA,iBAAiB,EAAEO,OAAQ;AAC3B,IAAA,6BAA6B,EAAEF,6BAA8B;AAC7D,IAAA,cAAc,EAAES,cAAe;IAC/B,QAAQ,EAAE,kBAAAI,iBAAiB,EAAA;AAAA,MAAA,OACzBhB,eAAe,CAAC,iBAAiB,EAC5BW,aAAAA,CAAAA,aAAAA,CAAAA,EAAAA,EAAAA,GAAG,CAACV,WAAW,EAAE,iBAAiB,EAAE,EAAE,CAAC,2BACzCO,QAAQ,EAAGQ,iBAAiB,CAC7B,CAAA,CAAA,CAAA;AAAA,KAAA;GAEJ,CAAA,CAAA;AAEN,EAAC;AAEDpB,OAAO,CAACqB,SAAS,GAAG;AAClBhB,EAAAA,WAAW,EAAEiB,SAAS,CAACC,KAAK,CAAC;IAC3Bf,KAAK,EAAEc,SAAS,CAACE,MAAAA;AACnB,GAAC,CAAC;EACFlB,iBAAiB,EAAEgB,SAAS,CAACG,MAAM;AACnCxB,EAAAA,SAAS,EAAEqB,SAAS,CAACC,KAAK,CAAC,EAAE,CAAC;EAC9BnB,eAAe,EAAEkB,SAAS,CAACI,IAAI;AAC/BvB,EAAAA,IAAI,EAAEmB,SAAS,CAACC,KAAK,CAAC,EAAE,CAAC;EACzBrB,KAAK,EAAEoB,SAAS,CAACK,OAAO,CAACL,SAAS,CAACC,KAAK,EAAE,CAAA;AAC5C,CAAC,CAAA;AAEDvB,OAAO,CAAC4B,YAAY,GAAG;EACrBvB,WAAW,EAAE,EAAE;AACfC,EAAAA,iBAAiB,EAAEuB,SAAS;AAC5B5B,EAAAA,SAAS,EAAE4B,SAAS;AACpBzB,EAAAA,eAAe,EAAE0B,IAAI;AACrB3B,EAAAA,IAAI,EAAE0B,SAAS;AACf3B,EAAAA,KAAK,EAAE2B,SAAAA;AACT,CAAC;;;;"}

package/components/DevCenter/AppHeader/VersionBadge.js

@@ -1 +1,62 @@
-import{__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import t from"classnames";import{makeStyles as o}from"@material-ui/core";var a=o((function(e){return{versionContainer:{marginRight:15,display:"flex",position:"relative",height:"20px",alignItems:"center",background:e.palette.background.b6,color:e.palette.primary.text1,"&::after":{content:"''",borderTop:"20px solid ".concat(e.palette.background.b6),borderLeft:"5px solid ".concat(e.palette.background.b6),borderRight:"5px solid transparent",position:"absolute",right:"-10px",top:0,paddingLeft:"5px"}},versionContainerBeta:{background:"#ee4b69","&::after":{borderTop:"20px solid #ee4b69",borderLeft:"5px solid #ee4b69"}},versionText:{zIndex:1,fontSize:"12px",fontStyle:"italic",margin:0,padding:"1px 0 0 5px"}}})),n=function(o){var n=o.appPackage,i=a();if(!n)return null;var p=n.label,s=n.version,l=n.package_code_version;return"PROD"===p?null:r("div",e({className:t(i.versionContainer,p&&i.versionContainerBeta)},{children:r("p",e({"data-testid":"DC_versionBadge",className:i.versionText},{children:p?"Beta":"v".concat(l||s)}))}))};export{n as VersionBadge};
+import classNames from 'classnames';
+import { makeStyles } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    versionContainer: {
+      marginRight: 15,
+      display: 'flex',
+      position: 'relative',
+      height: '20px',
+      alignItems: 'center',
+      background: theme.palette.background.b6,
+      color: theme.palette.primary.text1,
+      '&::after': {
+        content: "''",
+        borderTop: "20px solid ".concat(theme.palette.background.b6),
+        borderLeft: "5px solid ".concat(theme.palette.background.b6),
+        borderRight: '5px solid transparent',
+        position: 'absolute',
+        right: '-10px',
+        top: 0,
+        paddingLeft: '5px'
+      }
+    },
+    versionContainerBeta: {
+      background: '#ee4b69',
+      '&::after': {
+        borderTop: '20px solid #ee4b69',
+        borderLeft: '5px solid #ee4b69'
+      }
+    },
+    versionText: {
+      zIndex: 1,
+      fontSize: '12px',
+      fontStyle: 'italic',
+      margin: 0,
+      padding: '1px 0 0 5px'
+    }
+  };
+});
+var PAGE_NAME = 'DC_versionBadge';
+var VersionBadge = function VersionBadge(_ref) {
+  var appPackage = _ref.appPackage;
+  var styles = useStyles();
+  if (!appPackage) return null;
+  var label = appPackage.label,
+    version = appPackage.version,
+    packageCodeVersion = appPackage.package_code_version;
+  if (label === 'PROD') return null;
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(styles.versionContainer, label && styles.versionContainerBeta),
+    children: /*#__PURE__*/jsx("p", {
+      "data-testid": PAGE_NAME,
+      className: styles.versionText,
+      children: label ? 'Beta' : "v".concat(packageCodeVersion || version)
+    })
+  });
+};
+
+export { VersionBadge };
+//# sourceMappingURL=VersionBadge.js.map

package/components/DevCenter/AppHeader/VersionBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionBadge.js","sources":["../../../../src/components/DevCenter/AppHeader/VersionBadge.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\n// NOTE: Do not extract these styles to .css file as they are collected for zoid isolated container with ServerStyleSheets\nconst useStyles = makeStyles(theme => ({\n  versionContainer: {\n    marginRight: 15,\n    display: 'flex',\n    position: 'relative',\n    height: '20px',\n    alignItems: 'center',\n    background: theme.palette.background.b6,\n    color: theme.palette.primary.text1,\n    '&::after': {\n      content: \"''\",\n      borderTop: `20px solid ${theme.palette.background.b6}`,\n      borderLeft: `5px solid ${theme.palette.background.b6}`,\n      borderRight: '5px solid transparent',\n      position: 'absolute',\n      right: '-10px',\n      top: 0,\n      paddingLeft: '5px',\n    },\n  },\n  versionContainerBeta: {\n    background: '#ee4b69',\n    '&::after': {\n      borderTop: '20px solid #ee4b69',\n      borderLeft: '5px solid #ee4b69',\n    },\n  },\n  versionText: {\n    zIndex: 1,\n    fontSize: '12px',\n    fontStyle: 'italic',\n    margin: 0,\n    padding: '1px 0 0 5px',\n  },\n}));\n\nconst PAGE_NAME = 'DC_versionBadge';\n\ninterface VersionBadgeProps {\n  appPackage: {\n    label: string;\n    version: string;\n    package_code_version: string;\n  };\n}\n\nexport const VersionBadge = ({ appPackage }: VersionBadgeProps): JSX.Element => {\n  const styles = useStyles();\n  if (!appPackage) return null;\n  const { label, version, package_code_version: packageCodeVersion } = appPackage;\n  if (label === 'PROD') return null;\n\n  return (\n    <div className={classNames(styles.versionContainer, label && styles.versionContainerBeta)}>\n      <p data-testid={PAGE_NAME} className={styles.versionText}>\n        {label ? 'Beta' : `v${packageCodeVersion || version}`}\n      </p>\n    </div>\n  );\n};\n"],"names":["useStyles","makeStyles","theme","versionContainer","marginRight","display","position","height","alignItems","background","palette","b6","color","primary","text1","content","borderTop","borderLeft","borderRight","right","top","paddingLeft","versionContainerBeta","versionText","zIndex","fontSize","fontStyle","margin","padding","PAGE_NAME","VersionBadge","appPackage","styles","label","version","packageCodeVersion","package_code_version","_jsx","classNames"],"mappings":";;;;AAKA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,WAAW,EAAE,EAAE;AACfC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,UAAU,EAAEP,KAAK,CAACQ,OAAO,CAACD,UAAU,CAACE,EAAE;AACvCC,MAAAA,KAAK,EAAEV,KAAK,CAACQ,OAAO,CAACG,OAAO,CAACC,KAAK;AAClC,MAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,IAAI;QACbC,SAAS,EAAA,aAAA,CAAA,MAAA,CAAgBd,KAAK,CAACQ,OAAO,CAACD,UAAU,CAACE,EAAE,CAAE;QACtDM,UAAU,EAAA,YAAA,CAAA,MAAA,CAAef,KAAK,CAACQ,OAAO,CAACD,UAAU,CAACE,EAAE,CAAE;AACtDO,QAAAA,WAAW,EAAE,uBAAuB;AACpCZ,QAAAA,QAAQ,EAAE,UAAU;AACpBa,QAAAA,KAAK,EAAE,OAAO;AACdC,QAAAA,GAAG,EAAE,CAAC;AACNC,QAAAA,WAAW,EAAE,KAAA;AACf,OAAA;KACD;AACDC,IAAAA,oBAAoB,EAAE;AACpBb,MAAAA,UAAU,EAAE,SAAS;AACrB,MAAA,UAAU,EAAE;AACVO,QAAAA,SAAS,EAAE,oBAAoB;AAC/BC,QAAAA,UAAU,EAAE,mBAAA;AACd,OAAA;KACD;AACDM,IAAAA,WAAW,EAAE;AACXC,MAAAA,MAAM,EAAE,CAAC;AACTC,MAAAA,QAAQ,EAAE,MAAM;AAChBC,MAAAA,SAAS,EAAE,QAAQ;AACnBC,MAAAA,MAAM,EAAE,CAAC;AACTC,MAAAA,OAAO,EAAE,aAAA;AACX,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,SAAS,GAAG,iBAAiB,CAAA;AAUtBC,IAAAA,YAAY,GAAG,SAAfA,YAAY,CAAuD,IAAA,EAAA;EAAA,IAAjDC,UAAU,QAAVA,UAAU,CAAA;EACvC,IAAMC,MAAM,GAAGhC,SAAS,EAAE,CAAA;AAC1B,EAAA,IAAI,CAAC+B,UAAU,EAAE,OAAO,IAAI,CAAA;AAC5B,EAAA,IAAQE,KAAK,GAAwDF,UAAU,CAAvEE,KAAK;IAAEC,OAAO,GAA+CH,UAAU,CAAhEG,OAAO;IAAwBC,kBAAkB,GAAKJ,UAAU,CAAvDK,oBAAoB,CAAA;AAC5C,EAAA,IAAIH,KAAK,KAAK,MAAM,EAAE,OAAO,IAAI,CAAA;EAEjC,oBACEI,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAEC,UAAU,CAACN,MAAM,CAAC7B,gBAAgB,EAAE8B,KAAK,IAAID,MAAM,CAACV,oBAAoB,CAAE;IAAA,QACxF,eAAAe,GAAA,CAAA,GAAA,EAAA;AAAG,MAAA,aAAA,EAAaR,SAAU;MAAC,SAAS,EAAEG,MAAM,CAACT,WAAY;AAAA,MAAA,QAAA,EACtDU,KAAK,GAAG,MAAM,GAAOE,GAAAA,CAAAA,MAAAA,CAAAA,kBAAkB,IAAID,OAAO,CAAA;AAAE,KAAA,CAAA;GAEnD,CAAA,CAAA;AAEV;;;;"}

package/components/DevCenter/AppHeader/utils.js

@@ -1 +1,24 @@
-var A={EXTRA_LARGE:"EXTRA_LARGE",LARGE:"LARGE",MEDIUM:"MEDIUM",SMALL:"SMALL"},E=960,L=600,M=428,R=function(R){return R<=M?A.SMALL:R<=L?A.MEDIUM:R<=E?A.LARGE:A.EXTRA_LARGE};export{A as APP_LAYOUT_SIZES,R as getAppDimension};
+var APP_LAYOUT_SIZES = {
+  EXTRA_LARGE: 'EXTRA_LARGE',
+  LARGE: 'LARGE',
+  MEDIUM: 'MEDIUM',
+  SMALL: 'SMALL'
+};
+var APP_WIDTH_DEMENSIONS = {
+  EXTRA_LARGE: 1440,
+  LARGE: 960,
+  MEDIUM: 600,
+  SMALL: 428
+};
+var getAppDimension = function getAppDimension(appCoordinatesWidth) {
+  if (appCoordinatesWidth <= APP_WIDTH_DEMENSIONS.SMALL) {
+    return APP_LAYOUT_SIZES.SMALL;
+  } else if (appCoordinatesWidth <= APP_WIDTH_DEMENSIONS.MEDIUM) {
+    return APP_LAYOUT_SIZES.MEDIUM;
+  } else if (appCoordinatesWidth <= APP_WIDTH_DEMENSIONS.LARGE) {
+    return APP_LAYOUT_SIZES.LARGE;
+  } else return APP_LAYOUT_SIZES.EXTRA_LARGE;
+};
+
+export { APP_LAYOUT_SIZES, getAppDimension };
+//# sourceMappingURL=utils.js.map

package/components/DevCenter/AppHeader/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/DevCenter/AppHeader/utils.js"],"sourcesContent":["export const APP_LAYOUT_SIZES = {\n  EXTRA_LARGE: 'EXTRA_LARGE',\n  LARGE: 'LARGE',\n  MEDIUM: 'MEDIUM',\n  SMALL: 'SMALL',\n};\n\nconst APP_WIDTH_DEMENSIONS = {\n  EXTRA_LARGE: 1440,\n  LARGE: 960,\n  MEDIUM: 600,\n  SMALL: 428,\n};\n\nexport const getAppDimension = appCoordinatesWidth => {\n  if (appCoordinatesWidth <= APP_WIDTH_DEMENSIONS.SMALL) {\n    return APP_LAYOUT_SIZES.SMALL;\n  } else if (appCoordinatesWidth <= APP_WIDTH_DEMENSIONS.MEDIUM) {\n    return APP_LAYOUT_SIZES.MEDIUM;\n  } else if (appCoordinatesWidth <= APP_WIDTH_DEMENSIONS.LARGE) {\n    return APP_LAYOUT_SIZES.LARGE;\n  } else return APP_LAYOUT_SIZES.EXTRA_LARGE;\n};\n"],"names":["APP_LAYOUT_SIZES","EXTRA_LARGE","LARGE","MEDIUM","SMALL","APP_WIDTH_DEMENSIONS","getAppDimension","appCoordinatesWidth"],"mappings":"AAAO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT,EAAC;AAED,IAAMC,oBAAoB,GAAG;AAC3BJ,EAAAA,WAAW,EAAE,IAAI;AACjBC,EAAAA,KAAK,EAAE,GAAG;AACVC,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,KAAK,EAAE,GAAA;AACT,CAAC,CAAA;IAEYE,eAAe,GAAG,SAAlBA,eAAe,CAAGC,mBAAmB,EAAI;AACpD,EAAA,IAAIA,mBAAmB,IAAIF,oBAAoB,CAACD,KAAK,EAAE;IACrD,OAAOJ,gBAAgB,CAACI,KAAK,CAAA;AAC/B,GAAC,MAAM,IAAIG,mBAAmB,IAAIF,oBAAoB,CAACF,MAAM,EAAE;IAC7D,OAAOH,gBAAgB,CAACG,MAAM,CAAA;AAChC,GAAC,MAAM,IAAII,mBAAmB,IAAIF,oBAAoB,CAACH,KAAK,EAAE;IAC5D,OAAOF,gBAAgB,CAACE,KAAK,CAAA;AAC/B,GAAC,MAAM,OAAOF,gBAAgB,CAACC,WAAW,CAAA;AAC5C;;;;"}

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js

@@ -1 +1,210 @@
-import{__rest as o,__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as i,Fragment as r}from"react/jsx-runtime";import{useState as n}from"react";import l from"classnames";import{makeStyles as a,Popover as c}from"@material-ui/core";import{Settings as s,Close as d}from"@material-ui/icons";import{isNativeDetected as p,isMobileDetected as m}from"../../../utils/mobileDetect.js";import h from"../../IconButton/index.js";import g from"../../Modal/Modal.js";import u from"../../Button/index.js";var v=p||m,f=a((function(o){return{popoverPaper:{marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var e=o.maxHeight;return e?e-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(o.palette.background.b9,", ").concat(o.palette.background.b9," 79%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},shadow:{position:"absolute",bottom:0,width:"100%",height:16,background:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(o.palette.background.b9," 100%)")},modalRoot:{"& > div:first-child":{backgroundColor:"transparent !important"}},modalActions:{display:"flex",justifyContent:"flex-end"}}}));function b(a){var m=a.Trigger,b=a.children,C=a.classes,x=a.defaultScrollable,k=void 0!==x&&x,H=a.header,S=void 0===H?"Settings":H,w=a.iconSettingsProps,T=void 0===w?{}:w,j=a.maxHeight,N=void 0===j?null:j,P=a.modalActions,y=void 0===P?null:P,z=a.modalProps,A=void 0===z?{}:z,B=a.onClose,I=void 0===B?function(){}:B,O=o(a,["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"]),D=n(null),E=D[0],M=D[1],R=n(!0),Y=R[0],L=R[1],W=f({maxHeight:N,isScrollable:Y,isNativeDetected:p}),X=C||{},_=X.popoverContent,q=o(X,["popoverContent"]),F=function(){M(null),I()},G=Boolean(E),J=function(o){return M(o.currentTarget)},K=y||t(u,e({variation:"secondary",onClick:F},{children:"CLOSE"}));return i(r,{children:[m?t(m,{onClick:J}):t(h,e({isActive:G,onClick:J,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},T,{children:t(s,{})})),!v&&i(c,e({open:G,anchorEl:E,onClose:F,anchorOrigin:{vertical:Y?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},O,{classes:e(e({},q),{paper:l(W.popoverPaper,Y&&"scrollable",null==q?void 0:q.paper)})},{children:[i("div",e({className:l(W.popoverHeader,Y&&"scrollable")},{children:[t("div",e({className:W.headerTitle},{children:S})),t(h,e({tooltipProps:{title:"Close"},onClick:F},{children:t(d,{})}))]})),t("div",e({className:l(W.popoverContentContainer,Y&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!k&&L(!1)}},{children:t("div",e({className:l(W.popoverContent,_)},{children:b}))})),t("div",{className:W.shadow})]})),v&&t(g,e({actions:K,onClose:F,open:G,rootClassName:W.modalRoot,actionsClassName:W.modalActions,title:S},A,{children:b}))]})}export{b as AppSettingsPopover};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState } from 'react';
+import classNames from 'classnames';
+import { makeStyles, Popover } from '@material-ui/core';
+import { Close, Settings } from '@material-ui/icons';
+import { isNativeDetected, isMobileDetected } from '../../../utils/mobileDetect.js';
+import IconButton from '../../IconButton/index.js';
+import Modal from '../../Modal/Modal.js';
+import Button from '../../Button/index.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["Trigger", "children", "classes", "defaultScrollable", "header", "iconSettingsProps", "maxHeight", "modalActions", "modalProps", "onClose"],
+  _excluded2 = ["popoverContent"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var isNativeOrMobileBrowser = isNativeDetected || isMobileDetected;
+var useStyles = makeStyles(function (theme) {
+  return {
+    popoverPaper: {
+      marginTop: function marginTop(_ref) {
+        var isScrollable = _ref.isScrollable;
+        return isScrollable ? 0 : 8;
+      },
+      minWidth: 286,
+      width: 286,
+      overflowY: 'hidden',
+      backgroundColor: theme.palette.background.b9,
+      maxHeight: function maxHeight(_ref2) {
+        var _maxHeight = _ref2.maxHeight;
+        return _maxHeight ? _maxHeight - 24 : 'calc(100% - 24px)';
+      },
+      '&.scrollable': {
+        height: function height(_ref3) {
+          var maxHeight = _ref3.maxHeight;
+          return maxHeight || '100%';
+        }
+      }
+    },
+    popoverHeader: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      height: 76,
+      padding: '24px 16px 16px 16px',
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      zIndex: 1,
+      '&.scrollable': {
+        background: "linear-gradient(to bottom, ".concat(theme.palette.background.b9, ", ").concat(theme.palette.background.b9, " 79%, rgba(65, 65, 65, 0) 100%)")
+      }
+    },
+    headerTitle: {
+      fontSize: 20
+    },
+    popoverContentContainer: {
+      marginTop: 60,
+      paddingTop: 16,
+      overflowX: 'hidden',
+      overflowY: 'auto',
+      '&.scrollable': {
+        height: 'calc(100% - 60px)'
+      }
+    },
+    popoverContent: {
+      width: '100%'
+    },
+    shadow: {
+      position: 'absolute',
+      bottom: 0,
+      width: '100%',
+      height: 16,
+      background: "linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(theme.palette.background.b9, " 100%)")
+    },
+    modalRoot: {
+      '& > div:first-child': {
+        backgroundColor: 'transparent !important'
+      }
+    },
+    modalActions: {
+      display: 'flex',
+      justifyContent: 'flex-end'
+    }
+  };
+});
+function AppSettingsPopover(_ref4) {
+  var Trigger = _ref4.Trigger,
+    children = _ref4.children,
+    classes = _ref4.classes,
+    _ref4$defaultScrollab = _ref4.defaultScrollable,
+    defaultScrollable = _ref4$defaultScrollab === void 0 ? false : _ref4$defaultScrollab,
+    _ref4$header = _ref4.header,
+    header = _ref4$header === void 0 ? 'Settings' : _ref4$header,
+    _ref4$iconSettingsPro = _ref4.iconSettingsProps,
+    iconSettingsProps = _ref4$iconSettingsPro === void 0 ? {} : _ref4$iconSettingsPro,
+    _ref4$maxHeight = _ref4.maxHeight,
+    maxHeight = _ref4$maxHeight === void 0 ? null : _ref4$maxHeight,
+    _ref4$modalActions = _ref4.modalActions,
+    modalActions = _ref4$modalActions === void 0 ? null : _ref4$modalActions,
+    _ref4$modalProps = _ref4.modalProps,
+    modalProps = _ref4$modalProps === void 0 ? {} : _ref4$modalProps,
+    _ref4$onClose = _ref4.onClose,
+    onClose = _ref4$onClose === void 0 ? function () {} : _ref4$onClose,
+    popoverProps = _objectWithoutProperties(_ref4, _excluded);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorEl = _useState2[0],
+    setAnchorEl = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isScrollable = _useState4[0],
+    setIsScrollable = _useState4[1];
+  var styles = useStyles({
+    maxHeight: maxHeight,
+    isScrollable: isScrollable,
+    isNativeDetected: isNativeDetected
+  });
+  var _ref5 = classes || {},
+    popoverContentClassName = _ref5.popoverContent,
+    popoverClasses = _objectWithoutProperties(_ref5, _excluded2);
+  var handleClose = function handleClose() {
+    setAnchorEl(null);
+    onClose();
+  };
+  var isOpen = Boolean(anchorEl);
+  var handleContainerRef = function handleContainerRef(containerEl) {
+    if (containerEl) {
+      if (containerEl.scrollHeight <= containerEl.clientHeight && !defaultScrollable) setIsScrollable(false);
+    }
+  };
+  var handleTriggerClick = function handleTriggerClick(event) {
+    return setAnchorEl(event.currentTarget);
+  };
+  var actions = modalActions || /*#__PURE__*/jsx(Button, {
+    variation: "secondary",
+    onClick: handleClose,
+    children: "CLOSE"
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [Trigger ?
+    /*#__PURE__*/
+    //@ts-ignore
+    jsx(Trigger, {
+      onClick: handleTriggerClick
+    }) : /*#__PURE__*/jsx(IconButton, _objectSpread(_objectSpread({
+      isActive: isOpen,
+      onClick: handleTriggerClick,
+      size: "small",
+      tooltipProps: {
+        title: 'Settings'
+      },
+      variant: "contained"
+    }, iconSettingsProps), {}, {
+      children: /*#__PURE__*/jsx(Settings, {})
+    })), !isNativeOrMobileBrowser && /*#__PURE__*/jsxs(Popover, _objectSpread(_objectSpread({
+      open: isOpen,
+      anchorEl: anchorEl,
+      onClose: handleClose,
+      anchorOrigin: {
+        vertical: isScrollable ? 'top' : 'bottom',
+        horizontal: 'right'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'right'
+      },
+      marginThreshold: 12
+    }, popoverProps), {}, {
+      classes: _objectSpread(_objectSpread({}, popoverClasses), {}, {
+        paper: classNames(styles.popoverPaper, isScrollable && 'scrollable', popoverClasses === null || popoverClasses === void 0 ? void 0 : popoverClasses.paper)
+      }),
+      children: [/*#__PURE__*/jsxs("div", {
+        className: classNames(styles.popoverHeader, isScrollable && 'scrollable'),
+        children: [/*#__PURE__*/jsx("div", {
+          className: styles.headerTitle,
+          children: header
+        }), /*#__PURE__*/jsx(IconButton, {
+          tooltipProps: {
+            title: 'Close'
+          },
+          onClick: handleClose,
+          children: /*#__PURE__*/jsx(Close, {})
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: classNames(styles.popoverContentContainer, isScrollable && 'scrollable'),
+        ref: handleContainerRef,
+        children: /*#__PURE__*/jsx("div", {
+          className: classNames(styles.popoverContent, popoverContentClassName),
+          children: children
+        })
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.shadow
+      })]
+    })), isNativeOrMobileBrowser && /*#__PURE__*/jsx(Modal, _objectSpread(_objectSpread({
+      actions: actions,
+      onClose: handleClose,
+      open: isOpen,
+      rootClassName: styles.modalRoot,
+      actionsClassName: styles.modalActions,
+      title: header
+    }, modalProps), {}, {
+      children: children
+    }))]
+  });
+}
+
+export { AppSettingsPopover };
+//# sourceMappingURL=AppSettingsPopover.js.map

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSettingsPopover.js","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"sourcesContent":["import { useState, ReactNode } from 'react';\nimport classNames from 'classnames';\n// NOTE: it is important to import Popover form @mui and not from ~/components\nimport { makeStyles, PopoverProps, Popover } from '@material-ui/core';\nimport { Close as CloseIcon, Settings as SettingsIcon } from '@material-ui/icons';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\n\nimport { isNativeDetected, isMobileDetected } from '~/utils/mobileDetect';\nimport IconButton from '~/components/IconButton';\nimport Modal from '~/components/Modal';\nimport Button from '~/components/Button';\nimport palette from '~/config/theme/palette.mjs';\n\nconst isNativeOrMobileBrowser = isNativeDetected || isMobileDetected;\n\nconst useStyles = makeStyles<\n  Theme,\n  { isScrollable: boolean; maxHeight: number; isNativeDetected: boolean }\n>(theme => ({\n  popoverPaper: {\n    marginTop: ({ isScrollable }) => (isScrollable ? 0 : 8),\n    minWidth: 286,\n    width: 286,\n    overflowY: 'hidden',\n    backgroundColor: theme.palette.background.b9,\n    maxHeight: ({ maxHeight }) => (maxHeight ? maxHeight - 24 : 'calc(100% - 24px)'),\n    '&.scrollable': {\n      height: ({ maxHeight }) => maxHeight || '100%',\n    },\n  },\n  popoverHeader: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    height: 76,\n    padding: '24px 16px 16px 16px',\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    zIndex: 1,\n    '&.scrollable': {\n      background: `linear-gradient(to bottom, ${theme.palette.background.b9}, ${theme.palette.background.b9} 79%, rgba(65, 65, 65, 0) 100%)`,\n    },\n  },\n  headerTitle: {\n    fontSize: 20,\n  },\n  popoverContentContainer: {\n    marginTop: 60,\n    paddingTop: 16,\n    overflowX: 'hidden',\n    overflowY: 'auto',\n    '&.scrollable': {\n      height: 'calc(100% - 60px)',\n    },\n  },\n  popoverContent: {\n    width: '100%',\n  },\n  shadow: {\n    position: 'absolute',\n    bottom: 0,\n    width: '100%',\n    height: 16,\n    background: `linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9} 100%)`,\n  },\n  modalRoot: {\n    '& > div:first-child': {\n      backgroundColor: 'transparent !important',\n    },\n  },\n  modalActions: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n  },\n}));\n\nexport interface AppSettingsPopoverProps extends PopoverProps {\n  Trigger: ReactNode;\n  children: ReactNode;\n  classes: PopoverProps['classes'] & {\n    popoverContent?: string;\n  };\n  defaultScrollable?: boolean;\n  header?: ReactNode;\n  iconSettingsProps?: {\n    iconSize?: string;\n    tooltipProps?: { title: string };\n  };\n  maxHeight?: number;\n  modalActions?: ReactNode;\n  modalProps?: {};\n  onClose?: () => void;\n}\n\nexport function AppSettingsPopover({\n  Trigger,\n  children,\n  classes,\n  defaultScrollable = false,\n  header = 'Settings',\n  iconSettingsProps = {},\n  maxHeight = null,\n  modalActions = null,\n  modalProps = {},\n  onClose = () => {},\n  ...popoverProps\n}: AppSettingsPopoverProps): JSX.Element {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [isScrollable, setIsScrollable] = useState(true);\n  const styles = useStyles({ maxHeight, isScrollable, isNativeDetected });\n  const { popoverContent: popoverContentClassName, ...popoverClasses } = classes || {};\n\n  const handleClose = () => {\n    setAnchorEl(null);\n    onClose();\n  };\n\n  const isOpen = Boolean(anchorEl);\n\n  const handleContainerRef = containerEl => {\n    if (containerEl) {\n      if (containerEl.scrollHeight <= containerEl.clientHeight && !defaultScrollable)\n        setIsScrollable(false);\n    }\n  };\n\n  const handleTriggerClick = event => setAnchorEl(event.currentTarget);\n\n  const actions = modalActions || (\n    <Button variation=\"secondary\" onClick={handleClose}>\n      CLOSE\n    </Button>\n  );\n\n  return (\n    <>\n      {Trigger ? (\n        //@ts-ignore\n        <Trigger onClick={handleTriggerClick} />\n      ) : (\n        <IconButton\n          isActive={isOpen}\n          onClick={handleTriggerClick}\n          size=\"small\"\n          tooltipProps={{ title: 'Settings' }}\n          variant=\"contained\"\n          {...iconSettingsProps}\n        >\n          <SettingsIcon />\n        </IconButton>\n      )}\n      {!isNativeOrMobileBrowser && (\n        <Popover\n          open={isOpen}\n          anchorEl={anchorEl}\n          onClose={handleClose}\n          anchorOrigin={{\n            vertical: isScrollable ? 'top' : 'bottom',\n            horizontal: 'right',\n          }}\n          transformOrigin={{\n            vertical: 'top',\n            horizontal: 'right',\n          }}\n          marginThreshold={12}\n          {...popoverProps}\n          classes={{\n            ...popoverClasses,\n            paper: classNames(\n              styles.popoverPaper,\n              isScrollable && 'scrollable',\n              popoverClasses?.paper\n            ),\n          }}\n        >\n          <div className={classNames(styles.popoverHeader, isScrollable && 'scrollable')}>\n            <div className={styles.headerTitle}>{header}</div>\n            <IconButton tooltipProps={{ title: 'Close' }} onClick={handleClose}>\n              <CloseIcon />\n            </IconButton>\n          </div>\n          <div\n            className={classNames(styles.popoverContentContainer, isScrollable && 'scrollable')}\n            ref={handleContainerRef}\n          >\n            <div className={classNames(styles.popoverContent, popoverContentClassName)}>\n              {children}\n            </div>\n          </div>\n          <div className={styles.shadow} />\n        </Popover>\n      )}\n      {isNativeOrMobileBrowser && (\n        <Modal\n          actions={actions}\n          onClose={handleClose}\n          open={isOpen}\n          rootClassName={styles.modalRoot}\n          actionsClassName={styles.modalActions}\n          title={header}\n          {...modalProps}\n        >\n          {children}\n        </Modal>\n      )}\n    </>\n  );\n}\n"],"names":["isNativeOrMobileBrowser","isNativeDetected","isMobileDetected","useStyles","makeStyles","theme","popoverPaper","marginTop","isScrollable","minWidth","width","overflowY","backgroundColor","palette","background","b9","maxHeight","height","popoverHeader","display","justifyContent","alignItems","padding","position","left","right","zIndex","headerTitle","fontSize","popoverContentContainer","paddingTop","overflowX","popoverContent","shadow","bottom","modalRoot","modalActions","AppSettingsPopover","Trigger","children","classes","defaultScrollable","header","iconSettingsProps","modalProps","onClose","popoverProps","useState","anchorEl","setAnchorEl","setIsScrollable","styles","popoverContentClassName","popoverClasses","handleClose","isOpen","Boolean","handleContainerRef","containerEl","scrollHeight","clientHeight","handleTriggerClick","event","currentTarget","actions","_jsx","_jsxs","_Fragment","title","SettingsIcon","vertical","horizontal","paper","classNames","CloseIcon"],"mappings":"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"}