@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/HelpCenter/HelpCenterIcon.js

@@ -1 +1,91 @@
-import{createSvgIcon as o}from"@material-ui/core";import s from"moment";import{HelpIcon as i}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import{getLocalStorageItem as c}from"../../utils/localStorage.js";import{jsxs as n,jsx as t}from"react/jsx-runtime";var e=o(n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("g",{clipPath:"url(#clip0_69385_73795)",children:[t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z",fill:"#BDBDBD"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",fill:"#75DB29"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",stroke:"#212121"})]}),t("defs",{children:t("clipPath",{id:"clip0_69385_73795",children:t("rect",{width:"24",height:"24",fill:"white"})})})]}),"NewContentIcon");function r(o){var n,r=o.appId,m=o.helpContentUpdatedAt,l=null===(n=c("helpCenter"))||void 0===n?void 0:n[r],p=m&&(!l||s(l).isBefore(m));return t(p?e:i,{})}export{r as HelpCenterIcon};
+import { createSvgIcon } from '@material-ui/core';
+import moment from 'moment';
+import { HelpIcon } from '../../icons/iconParkIcons.js';
+import '../../icons/customIcons/icons/AddMessage.js';
+import '../../icons/customIcons/icons/Attention.js';
+import '../../icons/customIcons/icons/Collapse.js';
+import '../../icons/customIcons/icons/Dashboard.js';
+import '../../icons/customIcons/icons/Expand.js';
+import '../../icons/customIcons/icons/FolderClosed.js';
+import '../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../icons/customIcons/icons/FolderOpened.js';
+import '../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../icons/customIcons/icons/LessOrEqual.js';
+import '../../icons/customIcons/icons/Search.js';
+import '../../icons/customIcons/icons/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import '../../icons/customIcons/icons/SimulFrac.js';
+import '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import { getLocalStorageItem } from '../../utils/localStorage.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var NewContentIcon = createSvgIcon( /*#__PURE__*/jsxs("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/jsxs("g", {
+    clipPath: "url(#clip0_69385_73795)",
+    children: [/*#__PURE__*/jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z",
+      fill: "#BDBDBD"
+    }), /*#__PURE__*/jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z",
+      fill: "#BDBDBD"
+    }), /*#__PURE__*/jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z",
+      fill: "#BDBDBD"
+    }), /*#__PURE__*/jsx("rect", {
+      x: "15.5",
+      y: "-0.5",
+      width: "9",
+      height: "9",
+      rx: "4.5",
+      fill: "#75DB29"
+    }), /*#__PURE__*/jsx("rect", {
+      x: "15.5",
+      y: "-0.5",
+      width: "9",
+      height: "9",
+      rx: "4.5",
+      stroke: "#212121"
+    })]
+  }), /*#__PURE__*/jsx("defs", {
+    children: /*#__PURE__*/jsx("clipPath", {
+      id: "clip0_69385_73795",
+      children: /*#__PURE__*/jsx("rect", {
+        width: "24",
+        height: "24",
+        fill: "white"
+      })
+    })
+  })]
+}), 'NewContentIcon');
+function HelpCenterIcon(_ref) {
+  var _getLocalStorageItem;
+  var appId = _ref.appId,
+    helpContentUpdatedAt = _ref.helpContentUpdatedAt;
+  var helpCenterLastOpenedAt = (_getLocalStorageItem = getLocalStorageItem('helpCenter')) === null || _getLocalStorageItem === void 0 ? void 0 : _getLocalStorageItem[appId];
+  var isNewContent = helpContentUpdatedAt && (!helpCenterLastOpenedAt || moment(helpCenterLastOpenedAt).isBefore(helpContentUpdatedAt));
+  var Icon = isNewContent ? NewContentIcon : HelpIcon;
+  return /*#__PURE__*/jsx(Icon, {});
+}
+
+export { HelpCenterIcon };
+//# sourceMappingURL=HelpCenterIcon.js.map

package/components/HelpCenter/HelpCenterIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpCenterIcon.js","sources":["../../../src/components/HelpCenter/HelpCenterIcon.js"],"sourcesContent":["import { createSvgIcon } from '@material-ui/core';\nimport moment from 'moment';\n\nimport { HelpIcon } from '~/icons';\nimport { getLocalStorageItem } from '~/utils/localStorage';\n\nconst NewContentIcon = createSvgIcon(\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clipPath=\"url(#clip0_69385_73795)\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z\"\n        fill=\"#BDBDBD\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z\"\n        fill=\"#BDBDBD\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z\"\n        fill=\"#BDBDBD\"\n      />\n      <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" fill=\"#75DB29\" />\n      <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" stroke=\"#212121\" />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_69385_73795\">\n        <rect width=\"24\" height=\"24\" fill=\"white\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  'NewContentIcon'\n);\n\nexport function HelpCenterIcon({ appId, helpContentUpdatedAt }) {\n  const helpCenterLastOpenedAt = getLocalStorageItem('helpCenter')?.[appId];\n\n  const isNewContent =\n    helpContentUpdatedAt &&\n    (!helpCenterLastOpenedAt || moment(helpCenterLastOpenedAt).isBefore(helpContentUpdatedAt));\n\n  const Icon = isNewContent ? NewContentIcon : HelpIcon;\n  return <Icon />;\n}\n"],"names":["NewContentIcon","createSvgIcon","_jsxs","_jsx","HelpCenterIcon","appId","helpContentUpdatedAt","helpCenterLastOpenedAt","getLocalStorageItem","isNewContent","moment","isBefore","Icon","HelpIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,cAAc,GAAGC,aAAa,eAClCC,IAAA,CAAA,KAAA,EAAA;AAAK,EAAA,KAAK,EAAC,IAAI;AAAC,EAAA,MAAM,EAAC,IAAI;AAAC,EAAA,OAAO,EAAC,WAAW;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;EAAA,QAC5F,EAAA,cAAAA,IAAA,CAAA,GAAA,EAAA;AAAG,IAAA,QAAQ,EAAC,yBAAyB;IAAA,QACnC,EAAA,cAAAC,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,QAAQ,EAAC,SAAS;AAClB,MAAA,QAAQ,EAAC,SAAS;AAClB,MAAA,CAAC,EAAC,kvBAAkvB;AACpvB,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,QAAQ,EAAC,SAAS;AAClB,MAAA,QAAQ,EAAC,SAAS;AAClB,MAAA,CAAC,EAAC,wLAAwL;AAC1L,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,QAAQ,EAAC,SAAS;AAClB,MAAA,QAAQ,EAAC,SAAS;AAClB,MAAA,CAAC,EAAC,ieAAie;AACne,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AAAM,MAAA,CAAC,EAAC,MAAM;AAAC,MAAA,CAAC,EAAC,MAAM;AAAC,MAAA,KAAK,EAAC,GAAG;AAAC,MAAA,MAAM,EAAC,GAAG;AAAC,MAAA,EAAE,EAAC,KAAK;AAAC,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CAAG,eACvEA,GAAA,CAAA,MAAA,EAAA;AAAM,MAAA,CAAC,EAAC,MAAM;AAAC,MAAA,CAAC,EAAC,MAAM;AAAC,MAAA,KAAK,EAAC,GAAG;AAAC,MAAA,MAAM,EAAC,GAAG;AAAC,MAAA,EAAE,EAAC,KAAK;AAAC,MAAA,MAAM,EAAC,SAAA;KAAY,CAAA,CAAA;AAAA,GAAA,CACvE,eACJA,GAAA,CAAA,MAAA,EAAA;IAAA,QACE,eAAAA,GAAA,CAAA,UAAA,EAAA;AAAU,MAAA,EAAE,EAAC,mBAAmB;MAAA,QAC9B,eAAAA,GAAA,CAAA,MAAA,EAAA;AAAM,QAAA,KAAK,EAAC,IAAI;AAAC,QAAA,MAAM,EAAC,IAAI;AAAC,QAAA,IAAI,EAAC,OAAA;AAAO,OAAA,CAAA;AAAG,KAAA,CAAA;GAEzC,CAAA,CAAA;AAAA,CACH,CAAA,EACN,gBAAgB,CACjB,CAAA;AAEM,SAASC,cAAc,CAAkC,IAAA,EAAA;AAAA,EAAA,IAAA,oBAAA,CAAA;EAAA,IAA/BC,KAAK,QAALA,KAAK;AAAEC,IAAAA,oBAAoB,QAApBA,oBAAoB,CAAA;EAC1D,IAAMC,sBAAsB,2BAAGC,mBAAmB,CAAC,YAAY,CAAC,MAAA,IAAA,IAAA,oBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjC,oBAAoCH,CAAAA,KAAK,CAAC,CAAA;AAEzE,EAAA,IAAMI,YAAY,GAChBH,oBAAoB,KACnB,CAACC,sBAAsB,IAAIG,MAAM,CAACH,sBAAsB,CAAC,CAACI,QAAQ,CAACL,oBAAoB,CAAC,CAAC,CAAA;AAE5F,EAAA,IAAMM,IAAI,GAAGH,YAAY,GAAGT,cAAc,GAAGa,QAAQ,CAAA;EACrD,oBAAOV,GAAA,CAAC,IAAI,EAAG,EAAA,CAAA,CAAA;AACjB;;;;"}

package/components/HelpCenter/index.js

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

package/components/HelpCenter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Hint/Hint.js

@@ -1 +1,116 @@
-import{jsxs as o,Fragment as s,jsx as n}from"react/jsx-runtime";import{useRef as c,useState as i,useEffect as t,Children as e,isValidElement as r,cloneElement as m}from"react";import l from"classnames";import p from"../Button/components/Button/index.js";import"moment-timezone";import"@material-ui/core";import{CloseIcon as a}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{Regular14 as u}from"../Typography.js";import{Popper as d}from"../Popper/Popper.js";import j from"../IconButton/index.js";import{useStyles as I}from"./styles.js";var h=function(h){var f=I(),C=c(),x=i(),b=x[0],v=x[1],k=i(),B=k[0],E=k[1];if(t((function(){setTimeout((function(){return E(h.open?h.anchorEl||C.current:void 0)}),100)})),!h.anchorEl&&e.count(h.children)>1)throw new Error("Hint expects a single reffable element as a child");var N=h.anchorEl?h.children:e.map(h.children,(function(o){return r(o)?m(o,{ref:C}):o}));return o(s,{children:[N,o(d,{className:l(f.popper,h.className),transition:!0,open:!!B,anchorEl:B,placement:h.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!b,element:b}},children:[n("div",{ref:v,className:f.arrow}),o("div",{className:f.tooltip,children:[h.title&&n("span",{className:l(f.title,h.onClose&&f.hasClose),children:h.title}),h.onClose&&n(j,{onClick:h.onClose,className:f.close,size:"small",children:n(a,{})}),h.content&&n(u,{className:f.content,children:h.content}),h.onConfirm&&n(p,{color:"inherit",className:f.button,onClick:h.onConfirm,children:h.confirmText||"Got It"})]})]})]})};export{h as Hint};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useState, useEffect, Children, isValidElement, cloneElement } from 'react';
+import classNames from 'classnames';
+import Button from '../Button/components/Button/index.js';
+import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'moment-timezone';
+import '@material-ui/core';
+import { CloseIcon } from '../../icons/iconParkIcons.js';
+import '../../icons/customIcons/icons/AddMessage.js';
+import '../../icons/customIcons/icons/Attention.js';
+import '../../icons/customIcons/icons/Collapse.js';
+import '../../icons/customIcons/icons/Dashboard.js';
+import '../../icons/customIcons/icons/Expand.js';
+import '../../icons/customIcons/icons/FolderClosed.js';
+import '../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../icons/customIcons/icons/FolderOpened.js';
+import '../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../icons/customIcons/icons/LessOrEqual.js';
+import '../../icons/customIcons/icons/Search.js';
+import '../../icons/customIcons/icons/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import '../../icons/customIcons/icons/SimulFrac.js';
+import '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import '../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
+import '../Button/components/LiveButton/styles.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Regular14 } from '../Typography.js';
+import { Popper } from '../Popper/Popper.js';
+import IconButton from '../IconButton/index.js';
+import { useStyles } from './styles.js';
+
+var Hint = function Hint(props) {
+  var styles = useStyles();
+  var childAnchorRef = useRef();
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    arrowRef = _useState2[0],
+    setArrowRef = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    anchor = _useState4[0],
+    setAnchor = _useState4[1];
+
+  // This is needed for Popper to properly position itself on initial render
+  useEffect(function () {
+    setTimeout(function () {
+      return setAnchor(props.open ? props.anchorEl || childAnchorRef.current : undefined);
+    }, 100);
+  });
+  if (!props.anchorEl && Children.count(props.children) > 1) {
+    throw new Error('Hint expects a single reffable element as a child');
+  }
+  var childrenWithRef = props.anchorEl ? props.children : Children.map(props.children, function (child) {
+    // Checking isValidElement is the safe way and avoids a typescript error too.
+    if (isValidElement(child)) {
+      return cloneElement(child, {
+        ref: childAnchorRef
+      });
+    }
+    return child;
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [childrenWithRef, /*#__PURE__*/jsxs(Popper, {
+      className: classNames(styles.popper, props.className),
+      transition: true,
+      open: !!anchor,
+      anchorEl: anchor,
+      placement: props.placement,
+      modifiers: {
+        flip: {
+          enabled: true
+        },
+        arrow: {
+          enabled: !!arrowRef,
+          element: arrowRef
+        }
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        ref: setArrowRef,
+        className: styles.arrow
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.tooltip,
+        children: [props.title && /*#__PURE__*/jsx("span", {
+          className: classNames(styles.title, props.onClose && styles.hasClose),
+          children: props.title
+        }), props.onClose && /*#__PURE__*/jsx(IconButton, {
+          onClick: props.onClose,
+          className: styles.close,
+          size: "small",
+          children: /*#__PURE__*/jsx(CloseIcon, {})
+        }), props.content && /*#__PURE__*/jsx(Regular14, {
+          className: styles.content,
+          children: props.content
+        }), props.onConfirm && /*#__PURE__*/jsx(Button, {
+          color: "inherit",
+          className: styles.button,
+          onClick: props.onConfirm,
+          children: props.confirmText || 'Got It'
+        })]
+      })]
+    })]
+  });
+};
+
+export { Hint };
+//# sourceMappingURL=Hint.js.map

package/components/Hint/Hint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.js","sources":["../../../src/components/Hint/Hint.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { PopperProps } from '@material-ui/core';\n\nimport Button from '../Button';\nimport { Regular14 } from '../Typography';\nimport { Popper } from '../Popper';\nimport IconButton from '../IconButton';\n\nimport { useStyles } from './styles';\n\nimport { CloseIcon } from '~/icons';\n\ntype HintProps = {\n  open: boolean;\n  /**\n   * ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)\n   */\n  children?: ReactElement;\n  title?: ReactNode;\n  content?: ReactNode;\n  /**\n   * @default Got It\n   */\n  confirmText?: ReactNode;\n  /**\n   * Action button is shown only if this prop is present\n   */\n  onConfirm?: () => void;\n  /**\n   * Check [Positioned Popper](https://v4.mui.com/components/popper/#positioned-popper) example for more info\n   * @default bottom\n   */\n  placement?: PopperProps['placement'];\n  /**\n   * Allows anchoring to arbitrary element\n   */\n  anchorEl?: HTMLElement | null;\n  className?: string;\n  /**\n   * Close button is shown only when this prop is present\n   */\n  onClose?: () => void;\n};\n\nexport const Hint = (props: HintProps) => {\n  const styles = useStyles();\n\n  const childAnchorRef = useRef<HTMLElement>();\n  const [arrowRef, setArrowRef] = useState();\n  const [anchor, setAnchor] = useState<HTMLElement>();\n\n  // This is needed for Popper to properly position itself on initial render\n  useEffect(() => {\n    setTimeout(\n      () => setAnchor(props.open ? props.anchorEl || childAnchorRef.current : undefined),\n      100\n    );\n  });\n\n  if (!props.anchorEl && Children.count(props.children) > 1) {\n    throw new Error('Hint expects a single reffable element as a child');\n  }\n\n  const childrenWithRef = props.anchorEl\n    ? props.children\n    : Children.map(props.children, child => {\n        // Checking isValidElement is the safe way and avoids a typescript error too.\n        if (isValidElement(child)) {\n          return cloneElement(child, { ref: childAnchorRef } as any);\n        }\n\n        return child;\n      });\n\n  return (\n    <>\n      {childrenWithRef}\n      <Popper\n        className={classNames(styles.popper, props.className)}\n        transition\n        open={!!anchor}\n        anchorEl={anchor}\n        placement={props.placement}\n        modifiers={{\n          flip: {\n            enabled: true,\n          },\n          arrow: {\n            enabled: !!arrowRef,\n            element: arrowRef,\n          },\n        }}\n      >\n        <div ref={setArrowRef as any} className={styles.arrow} />\n        <div className={styles.tooltip}>\n          {props.title && (\n            <span className={classNames(styles.title, props.onClose && styles.hasClose)}>\n              {props.title}\n            </span>\n          )}\n          {props.onClose && (\n            <IconButton onClick={props.onClose} className={styles.close} size=\"small\">\n              <CloseIcon />\n            </IconButton>\n          )}\n          {props.content && <Regular14 className={styles.content}>{props.content}</Regular14>}\n          {props.onConfirm && (\n            <Button color=\"inherit\" className={styles.button} onClick={props.onConfirm}>\n              {props.confirmText || 'Got It'}\n            </Button>\n          )}\n        </div>\n      </Popper>\n    </>\n  );\n};\n"],"names":["Hint","props","styles","useStyles","childAnchorRef","useRef","useState","arrowRef","setArrowRef","anchor","setAnchor","useEffect","setTimeout","open","anchorEl","current","undefined","Children","count","children","Error","childrenWithRef","map","child","isValidElement","cloneElement","ref","_jsxs","_Fragment","classNames","popper","className","placement","flip","enabled","arrow","element","_jsx","tooltip","title","onClose","hasClose","close","content","onConfirm","button","confirmText"],"mappings":"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"}

package/components/Hint/styles.js

@@ -1 +1,84 @@
-import{makeStyles as o}from"@material-ui/core";var t=o((function(o){return{popper:{zIndex:o.zIndex.modal-1,'&[x-placement*="bottom"]':{marginTop:o.spacing(1),"& $arrow":{bottom:"100%",borderBottomColor:o.palette.info.dark,borderTop:0}},'&[x-placement*="top"]':{marginBottom:o.spacing(1),"& $arrow":{top:"100%",borderTopColor:o.palette.info.dark,borderBottom:0}},'&[x-placement*="left"]':{marginRight:o.spacing(1),"& $arrow":{left:"100%",borderLeftColor:o.palette.info.dark,borderRight:0}},'&[x-placement*="right"]':{marginLeft:o.spacing(1),"& $arrow":{right:"100%",borderRightColor:o.palette.info.dark,borderLeft:0}}},tooltip:{backgroundColor:o.palette.info.dark,padding:o.spacing(2),borderRadius:o.spacing(1),width:300,display:"flex",flexFlow:"row wrap",gap:o.spacing(.75,2),alignItems:"flex-start"},arrow:{color:o.palette.info.dark,position:"absolute",border:"".concat(o.spacing(1)+1,"px solid transparent"),margin:-1},close:{color:"".concat(o.palette.primary.text1,"!important")},hasClose:{},title:{fontSize:18,fontWeight:500,lineHeight:"24px",flex:"0 0 100%",overflow:"hidden","&$hasClose":{flexBasis:"calc(100% - 48px)"}},content:{flex:"0 0 100%"},button:{backgroundColor:"".concat(o.palette.primary.text1,"1a!important"),marginLeft:"auto!important","&:hover":{backgroundColor:"".concat(o.palette.primary.text1,"33!important")}}}}));export{t as useStyles};
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    popper: {
+      zIndex: theme.zIndex.modal - 1,
+      '&[x-placement*="bottom"]': {
+        marginTop: theme.spacing(1),
+        '& $arrow': {
+          bottom: '100%',
+          borderBottomColor: theme.palette.info.dark,
+          borderTop: 0
+        }
+      },
+      '&[x-placement*="top"]': {
+        marginBottom: theme.spacing(1),
+        '& $arrow': {
+          top: '100%',
+          borderTopColor: theme.palette.info.dark,
+          borderBottom: 0
+        }
+      },
+      '&[x-placement*="left"]': {
+        marginRight: theme.spacing(1),
+        '& $arrow': {
+          left: '100%',
+          borderLeftColor: theme.palette.info.dark,
+          borderRight: 0
+        }
+      },
+      '&[x-placement*="right"]': {
+        marginLeft: theme.spacing(1),
+        '& $arrow': {
+          right: '100%',
+          borderRightColor: theme.palette.info.dark,
+          borderLeft: 0
+        }
+      }
+    },
+    tooltip: {
+      backgroundColor: theme.palette.info.dark,
+      padding: theme.spacing(2),
+      borderRadius: theme.spacing(1),
+      width: 300,
+      display: 'flex',
+      flexFlow: 'row wrap',
+      gap: theme.spacing(0.75, 2),
+      alignItems: 'flex-start'
+    },
+    arrow: {
+      color: theme.palette.info.dark,
+      position: 'absolute',
+      border: "".concat(theme.spacing(1) + 1, "px solid transparent"),
+      margin: -1
+    },
+    close: {
+      color: "".concat(theme.palette.primary.text1, "!important")
+    },
+    hasClose: {},
+    title: {
+      fontSize: 18,
+      fontWeight: 500,
+      lineHeight: '24px',
+      flex: '0 0 100%',
+      overflow: 'hidden',
+      '&$hasClose': {
+        flexBasis: 'calc(100% - 48px)'
+      }
+    },
+    content: {
+      flex: '0 0 100%'
+    },
+    button: {
+      backgroundColor: "".concat(theme.palette.primary.text1, "1a!important"),
+      marginLeft: 'auto!important',
+      '&:hover': {
+        backgroundColor: "".concat(theme.palette.primary.text1, "33!important")
+      }
+    }
+  };
+});
+
+export { useStyles };
+//# sourceMappingURL=styles.js.map

package/components/IconButton/index.js

@@ -1 +1,175 @@
-import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import a from"classnames";import{makeStyles as i,Tooltip as e,IconButton as n}from"@material-ui/core";import{useState as l}from"react";var s=i((function(o){return{root:{borderRadius:"8px !important",color:o.palette.primary.text6,padding:6,"&:hover":{color:"#FFFFFF",backgroundColor:"rgba(255, 255, 255, 0.16)",backdropFilter:"blur(2px)","&.MuiIconButton-colorPrimary":{color:o.palette.primary.light}},"&:active":{color:"#FFFFFF","&.MuiIconButton-colorPrimary":{color:o.palette.primary.light}},"&.Mui-disabled":{pointerEvents:"all",opacity:.4,color:"#FFFFFF",backgroundColor:"transparent","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"& .MuiSvgIcon-root":{color:"inherit",fontSize:"inherit"},"& .MuiTouchRipple-child":{borderRadius:8,backgroundColor:"rgba(255, 255, 255, 0.16)"}},colorPrimary:{color:o.palette.primary.main},sizeSmall:{fontSize:20,padding:6,height:32,width:32,"& .i-icon, & .i-icon > svg":{width:"20px !important",height:"20px !important"}},sizeLarge:{"&.MuiButtonBase-root":{padding:8}},contained:{backgroundColor:"rgba(255, 255, 255, 0.08)",backdropFilter:"blur(2px)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},containedDisabled:{"&.MuiButtonBase-root":{backgroundColor:"rgba(255, 255, 255, 0.08)"}},transparent:{color:o.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.2)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},transparentDisabled:{"&.MuiButtonBase-root":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},tooltipPopper:{"& .MuiTooltip-tooltip":{backgroundColor:function(r){return"transparent"===r.variant?"rgba(255, 255, 255, 0.2)":o.palette.background.b10}}},active:{"&.MuiButtonBase-root":{color:o.palette.primary.main,backgroundColor:"rgba(255, 255, 255, 0.12)","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main},"&.transparent":{color:o.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.2)"}}}}})),c=function(i){var c,p,d,u,m,b=i.tooltipProps,g=void 0===b?{title:"",classes:{}}:b,v=i.isActive,F=void 0!==v&&v,y=i.size,h=void 0===y?"medium":y,k=i.variant,f=void 0===k?"default":k,B=i.className,P=i["data-testid"],z=void 0===P?"IconButton":P,C=o(i,["tooltipProps","isActive","size","variant","className","data-testid"]),M=C.classes,x=void 0===M?{}:M,I=s({variant:f}),S=l(!1),D=S[0],N=S[1],T=r(r({},x),{root:a(x.root,I.root,(c={},c[I.sizeLarge]="large"===h,c[I.contained]="contained"===f,c[I.transparent]="transparent"===f,c)),disabled:a(x.disabled,(p={},p[I.containedDisabled]="contained"===f,p[I.transparentDisabled]="transparent"===f,p)),colorPrimary:a(x.colorPrimary,I.colorPrimary),sizeSmall:a(x.sizeSmall,I.sizeSmall)});return g.title?t(e,r({open:D},g,{classes:r(r({},g.classes),{popper:a(I.tooltipPopper,null===(m=g.classes)||void 0===m?void 0:m.popper)}),children:t(n,r({"data-testid":z,classes:T,className:a(B,(d={},d[I.active]=F,d),f),onPointerOver:function(){return N(!0)},onPointerOut:function(){return N(!1)},size:h},C))})):t(n,r({"data-testid":z,classes:T,className:a(B,(u={},u[I.active]=F,u),f),size:h},C))};export{c as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import classNames from 'classnames';
+import { makeStyles, Tooltip, IconButton as IconButton$1 } from '@material-ui/core';
+import { useState } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["tooltipProps", "isActive", "size", "variant", "className", "data-testid"];
+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 useStyles = makeStyles(function (theme) {
+  return {
+    root: {
+      borderRadius: '8px !important',
+      color: theme.palette.primary.text6,
+      padding: 6,
+      '&:hover': {
+        color: '#FFFFFF',
+        backgroundColor: 'rgba(255, 255, 255, 0.16)',
+        backdropFilter: 'blur(2px)',
+        '&.MuiIconButton-colorPrimary': {
+          color: theme.palette.primary.light
+        }
+      },
+      '&:active': {
+        color: '#FFFFFF',
+        '&.MuiIconButton-colorPrimary': {
+          color: theme.palette.primary.light
+        }
+      },
+      '&.Mui-disabled': {
+        pointerEvents: 'all',
+        opacity: 0.4,
+        color: '#FFFFFF',
+        backgroundColor: 'transparent',
+        '&.MuiIconButton-colorPrimary': {
+          color: theme.palette.primary.main
+        }
+      },
+      '& .MuiSvgIcon-root': {
+        color: 'inherit',
+        fontSize: 'inherit'
+      },
+      '& .MuiTouchRipple-child': {
+        borderRadius: 8,
+        backgroundColor: 'rgba(255, 255, 255, 0.16)'
+      }
+    },
+    colorPrimary: {
+      color: theme.palette.primary.main
+    },
+    sizeSmall: {
+      fontSize: 20,
+      padding: 6,
+      height: 32,
+      width: 32,
+      '& .i-icon, & .i-icon > svg': {
+        width: '20px !important',
+        height: '20px !important'
+      }
+    },
+    sizeLarge: {
+      '&.MuiButtonBase-root': {
+        padding: 8
+      }
+    },
+    contained: {
+      backgroundColor: 'rgba(255, 255, 255, 0.08)',
+      backdropFilter: 'blur(2px)',
+      '&:hover': {
+        backgroundColor: 'rgba(255, 255, 255, 0.16)'
+      }
+    },
+    containedDisabled: {
+      '&.MuiButtonBase-root': {
+        backgroundColor: 'rgba(255, 255, 255, 0.08)'
+      }
+    },
+    transparent: {
+      color: theme.palette.primary.contrastText,
+      backgroundColor: 'rgba(255, 255, 255, 0.2)',
+      '&:hover': {
+        backgroundColor: 'rgba(255, 255, 255, 0.1)'
+      }
+    },
+    transparentDisabled: {
+      '&.MuiButtonBase-root': {
+        backgroundColor: 'rgba(255, 255, 255, 0.1)'
+      }
+    },
+    tooltipPopper: {
+      '& .MuiTooltip-tooltip': {
+        //@ts-ignore
+        backgroundColor: function backgroundColor(_ref) {
+          var variant = _ref.variant;
+          return variant === 'transparent' ? 'rgba(255, 255, 255, 0.2)' : theme.palette.background.b10;
+        }
+      }
+    },
+    active: {
+      '&.MuiButtonBase-root': {
+        color: theme.palette.primary.main,
+        backgroundColor: 'rgba(255, 255, 255, 0.12)',
+        '&.MuiIconButton-colorPrimary': {
+          color: theme.palette.primary.main
+        },
+        '&.transparent': {
+          color: theme.palette.primary.contrastText,
+          backgroundColor: 'rgba(255, 255, 255, 0.2)'
+        }
+      }
+    }
+  };
+});
+var IconButton = function IconButton(_ref2) {
+  var _classNames, _classNames2, _tooltipProps$classes;
+  var _ref2$tooltipProps = _ref2.tooltipProps,
+    tooltipProps = _ref2$tooltipProps === void 0 ? {
+      title: '',
+      classes: {}
+    } : _ref2$tooltipProps,
+    _ref2$isActive = _ref2.isActive,
+    isActive = _ref2$isActive === void 0 ? false : _ref2$isActive,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'default' : _ref2$variant,
+    className = _ref2.className,
+    _ref2$dataTestid = _ref2['data-testid'],
+    dataTestId = _ref2$dataTestid === void 0 ? 'IconButton' : _ref2$dataTestid,
+    otherProps = _objectWithoutProperties(_ref2, _excluded);
+  var _otherProps$classes = otherProps.classes,
+    classes = _otherProps$classes === void 0 ? {} : _otherProps$classes;
+  var styles = useStyles({
+    variant: variant
+  });
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isTooltipShown = _useState2[0],
+    setIsTooltipShown = _useState2[1];
+  var buttonClasses = _objectSpread(_objectSpread({}, classes), {}, {
+    root: classNames(classes.root, styles.root, (_classNames = {}, _defineProperty(_classNames, styles.sizeLarge, size === 'large'), _defineProperty(_classNames, styles.contained, variant === 'contained'), _defineProperty(_classNames, styles.transparent, variant === 'transparent'), _classNames)),
+    disabled: classNames(classes.disabled, (_classNames2 = {}, _defineProperty(_classNames2, styles.containedDisabled, variant === 'contained'), _defineProperty(_classNames2, styles.transparentDisabled, variant === 'transparent'), _classNames2)),
+    colorPrimary: classNames(classes.colorPrimary, styles.colorPrimary),
+    sizeSmall: classNames(classes.sizeSmall, styles.sizeSmall)
+  });
+  return tooltipProps.title ? /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
+    open: isTooltipShown
+  }, tooltipProps), {}, {
+    classes: _objectSpread(_objectSpread({}, tooltipProps.classes), {}, {
+      popper: classNames(styles.tooltipPopper, (_tooltipProps$classes = tooltipProps.classes) === null || _tooltipProps$classes === void 0 ? void 0 : _tooltipProps$classes.popper)
+    }),
+    children: /*#__PURE__*/jsx(IconButton$1, _objectSpread({
+      "data-testid": dataTestId,
+      classes: buttonClasses,
+      className: classNames(className, _defineProperty({}, styles.active, isActive), variant),
+      onPointerOver: function onPointerOver() {
+        return setIsTooltipShown(true);
+      },
+      onPointerOut: function onPointerOut() {
+        return setIsTooltipShown(false);
+      },
+      size: size
+    }, otherProps))
+  })) : /*#__PURE__*/jsx(IconButton$1, _objectSpread({
+    "data-testid": dataTestId,
+    classes: buttonClasses,
+    className: classNames(className, _defineProperty({}, styles.active, isActive), variant),
+    size: size
+  }, otherProps));
+};
+
+export { IconButton as default };
+//# sourceMappingURL=index.js.map

package/components/IconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/IconButton/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  IconButton as MuiIconButton,\n  IconButtonProps as MuiIconButtonProps,\n  makeStyles,\n  Tooltip,\n  TooltipProps,\n} from '@material-ui/core';\nimport { MouseEventHandler, ReactNode, useState } from 'react';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    borderRadius: '8px !important',\n    color: theme.palette.primary.text6,\n    padding: 6,\n    '&:hover': {\n      color: '#FFFFFF',\n      backgroundColor: 'rgba(255, 255, 255, 0.16)',\n      backdropFilter: 'blur(2px)',\n      '&.MuiIconButton-colorPrimary': {\n        color: theme.palette.primary.light,\n      },\n    },\n    '&:active': {\n      color: '#FFFFFF',\n      '&.MuiIconButton-colorPrimary': {\n        color: theme.palette.primary.light,\n      },\n    },\n    '&.Mui-disabled': {\n      pointerEvents: 'all',\n      opacity: 0.4,\n      color: '#FFFFFF',\n      backgroundColor: 'transparent',\n      '&.MuiIconButton-colorPrimary': {\n        color: theme.palette.primary.main,\n      },\n    },\n    '& .MuiSvgIcon-root': {\n      color: 'inherit',\n      fontSize: 'inherit',\n    },\n    '& .MuiTouchRipple-child': {\n      borderRadius: 8,\n      backgroundColor: 'rgba(255, 255, 255, 0.16)',\n    },\n  },\n  colorPrimary: {\n    color: theme.palette.primary.main,\n  },\n  sizeSmall: {\n    fontSize: 20,\n    padding: 6,\n    height: 32,\n    width: 32,\n\n    '& .i-icon, & .i-icon > svg': {\n      width: '20px !important',\n      height: '20px !important',\n    },\n  },\n  sizeLarge: {\n    '&.MuiButtonBase-root': {\n      padding: 8,\n    },\n  },\n  contained: {\n    backgroundColor: 'rgba(255, 255, 255, 0.08)',\n    backdropFilter: 'blur(2px)',\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.16)',\n    },\n  },\n  containedDisabled: {\n    '&.MuiButtonBase-root': {\n      backgroundColor: 'rgba(255, 255, 255, 0.08)',\n    },\n  },\n  transparent: {\n    color: theme.palette.primary.contrastText,\n    backgroundColor: 'rgba(255, 255, 255, 0.2)',\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n    },\n  },\n  transparentDisabled: {\n    '&.MuiButtonBase-root': {\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n    },\n  },\n  tooltipPopper: {\n    '& .MuiTooltip-tooltip': {\n      //@ts-ignore\n      backgroundColor: ({ variant }) =>\n        variant === 'transparent' ? 'rgba(255, 255, 255, 0.2)' : theme.palette.background.b10,\n    },\n  },\n  active: {\n    '&.MuiButtonBase-root': {\n      color: theme.palette.primary.main,\n      backgroundColor: 'rgba(255, 255, 255, 0.12)',\n      '&.MuiIconButton-colorPrimary': {\n        color: theme.palette.primary.main,\n      },\n      '&.transparent': {\n        color: theme.palette.primary.contrastText,\n        backgroundColor: 'rgba(255, 255, 255, 0.2)',\n      },\n    },\n  },\n}));\n\nexport type IconButtonProps = Omit<\n  MuiIconButtonProps,\n  'size' | 'variant' | 'classes' | 'className' | 'children' | 'onClick'\n> & {\n  /**\n   * The content of the component.\n   */\n  children?: ReactNode;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  size?: 'small' | 'medium' | 'large';\n  variant?: 'transparent' | 'contained' | 'default';\n  className?: string;\n\n  isActive?: boolean;\n  tooltipProps?: Omit<TooltipProps, 'children'>;\n  classes?: {\n    root?: string;\n    disabled?: string;\n    colorPrimary?: string;\n    sizeSmall?: string;\n  };\n  'data-testid'?: string;\n};\n\nconst IconButton = ({\n  tooltipProps = { title: '', classes: {} },\n  isActive = false,\n  size = 'medium',\n  variant = 'default',\n  className,\n  'data-testid': dataTestId = 'IconButton',\n  ...otherProps\n}: IconButtonProps): JSX.Element => {\n  const { classes = {} } = otherProps;\n\n  const styles = useStyles({ variant });\n\n  const [isTooltipShown, setIsTooltipShown] = useState(false);\n\n  const buttonClasses = {\n    ...classes,\n    root: classNames(classes.root, styles.root, {\n      [styles.sizeLarge]: size === 'large',\n      [styles.contained]: variant === 'contained',\n      [styles.transparent]: variant === 'transparent',\n    }),\n    disabled: classNames(classes.disabled, {\n      [styles.containedDisabled]: variant === 'contained',\n      [styles.transparentDisabled]: variant === 'transparent',\n    }),\n    colorPrimary: classNames(classes.colorPrimary, styles.colorPrimary),\n    sizeSmall: classNames(classes.sizeSmall, styles.sizeSmall),\n  };\n\n  return tooltipProps.title ? (\n    <Tooltip\n      open={isTooltipShown}\n      {...(tooltipProps as TooltipProps)}\n      classes={{\n        ...tooltipProps.classes,\n        popper: classNames(styles.tooltipPopper, tooltipProps.classes?.popper),\n      }}\n    >\n      <MuiIconButton\n        data-testid={dataTestId}\n        classes={buttonClasses}\n        className={classNames(className, { [styles.active]: isActive }, variant)}\n        onPointerOver={() => setIsTooltipShown(true)}\n        onPointerOut={() => setIsTooltipShown(false)}\n        size={size as any}\n        {...(otherProps as MuiIconButtonProps)}\n      />\n    </Tooltip>\n  ) : (\n    <MuiIconButton\n      data-testid={dataTestId}\n      classes={buttonClasses}\n      className={classNames(className, { [styles.active]: isActive }, variant)}\n      size={size as any}\n      {...(otherProps as MuiIconButtonProps)}\n    />\n  );\n};\n\nexport default IconButton;\n"],"names":["useStyles","makeStyles","theme","root","borderRadius","color","palette","primary","text6","padding","backgroundColor","backdropFilter","light","pointerEvents","opacity","main","fontSize","colorPrimary","sizeSmall","height","width","sizeLarge","contained","containedDisabled","transparent","contrastText","transparentDisabled","tooltipPopper","variant","background","b10","active","IconButton","tooltipProps","title","classes","isActive","size","className","dataTestId","otherProps","styles","useState","isTooltipShown","setIsTooltipShown","buttonClasses","classNames","disabled","_jsx","popper","MuiIconButton"],"mappings":"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"}