@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/MenuItem/index.js

@@ -1 +1,71 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{makeStyles as r,MenuItem as o,Tooltip as i}from"@material-ui/core";import p from"prop-types";import a from"classnames";import{jsx as l,jsxs as s,Fragment as n}from"react/jsx-runtime";var c=["DisabledTooltipProps","disabled"];function b(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 d(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?b(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):b(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var u=r((function(e){return{disabled:{color:e.palette.primary.text9,opacity:1,cursor:"default"},tooltipTrigger:{position:"absolute",top:0,bottom:0,left:0,right:0}}})),m=function(e){var r=e.DisabledTooltipProps,p=e.disabled,b=t(e,c),m=u();return l(o,p?d(d({},b),{},{className:a(m.disabled,b.className),tabIndex:-1,button:!1,children:s(n,{children:[b.children,l(i,d(d({title:"Disabled",placement:"right"},r),{},{children:l("div",{onClick:function(e){e.stopPropagation()},className:m.tooltipTrigger})}))]})}):d({},b))};m.propTypes={disabled:p.bool,DisabledTooltipProps:p.shape({})},m.defaultProps={disabled:!1,DisabledTooltipProps:{}};export{m as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { makeStyles, MenuItem as MenuItem$1, Tooltip } from '@material-ui/core';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var useStyles = makeStyles(function (theme) {
+  return {
+    disabled: {
+      color: theme.palette.primary.text9,
+      opacity: 1,
+      cursor: 'default'
+    },
+    tooltipTrigger: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  };
+});
+
+var MenuItem = function MenuItem(_ref) {
+  var DisabledTooltipProps = _ref.DisabledTooltipProps,
+      disabled = _ref.disabled,
+      MenuItemProps = _objectWithoutProperties(_ref, ["DisabledTooltipProps", "disabled"]);
+
+  var styles = useStyles();
+
+  var handleDisabledItemClick = function handleDisabledItemClick(e) {
+    e.stopPropagation();
+  };
+
+  if (disabled) {
+    return /*#__PURE__*/jsx(MenuItem$1, _objectSpread(_objectSpread({}, MenuItemProps), {}, {
+      className: classNames(styles.disabled, MenuItemProps.className),
+      tabIndex: -1,
+      button: false,
+      children: /*#__PURE__*/jsxs(Fragment, {
+        children: [MenuItemProps.children, /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
+          title: "Disabled",
+          placement: "right"
+        }, DisabledTooltipProps), {}, {
+          children: /*#__PURE__*/jsx("div", {
+            onClick: handleDisabledItemClick,
+            className: styles.tooltipTrigger
+          })
+        }))]
+      })
+    }));
+  }
+
+  return /*#__PURE__*/jsx(MenuItem$1, _objectSpread({}, MenuItemProps));
+};
+
+MenuItem.propTypes = {
+  disabled: PropTypes.bool,
+  DisabledTooltipProps: PropTypes.shape({})
+};
+MenuItem.defaultProps = {
+  disabled: false,
+  DisabledTooltipProps: {}
+};
+
+export default MenuItem;
+//# sourceMappingURL=index.js.map

package/components/MenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/MenuItem/index.js"],"sourcesContent":["import { MenuItem as MuiMenuItem, Tooltip, makeStyles } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles(theme => ({\n  disabled: {\n    color: theme.palette.primary.text9,\n    opacity: 1,\n    cursor: 'default',\n  },\n  tooltipTrigger: {\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n  },\n}));\n\nconst MenuItem = ({ DisabledTooltipProps, disabled, ...MenuItemProps }) => {\n  const styles = useStyles();\n\n  const handleDisabledItemClick = e => {\n    e.stopPropagation();\n  };\n\n  if (disabled) {\n    return (\n      <MuiMenuItem\n        {...MenuItemProps}\n        className={classNames(styles.disabled, MenuItemProps.className)}\n        tabIndex={-1}\n        button={false}\n      >\n        <>\n          {MenuItemProps.children}\n          <Tooltip title=\"Disabled\" placement=\"right\" {...DisabledTooltipProps}>\n            <div onClick={handleDisabledItemClick} className={styles.tooltipTrigger} />\n          </Tooltip>\n        </>\n      </MuiMenuItem>\n    );\n  }\n\n  return <MuiMenuItem {...MenuItemProps} />;\n};\n\nMenuItem.propTypes = {\n  disabled: PropTypes.bool,\n  DisabledTooltipProps: PropTypes.shape({}),\n};\n\nMenuItem.defaultProps = {\n  disabled: false,\n  DisabledTooltipProps: {},\n};\n\nexport default MenuItem;\n"],"names":["useStyles","makeStyles","theme","disabled","color","palette","primary","text9","opacity","cursor","tooltipTrigger","position","top","bottom","left","right","MenuItem","DisabledTooltipProps","MenuItemProps","styles","handleDisabledItemClick","e","stopPropagation","_jsx","MuiMenuItem","classNames","className","_jsxs","children","propTypes","PropTypes","bool","shape","defaultProps"],"mappings":";;;;;;;;;;AAIA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAEF,KAAK,CAACG,OAAN,CAAcC,OAAd,CAAsBC,KADrB;AAERC,MAAAA,OAAO,EAAE,CAFD;AAGRC,MAAAA,MAAM,EAAE;AAHA,KAD2B;AAMrCC,IAAAA,cAAc,EAAE;AACdC,MAAAA,QAAQ,EAAE,UADI;AAEdC,MAAAA,GAAG,EAAE,CAFS;AAGdC,MAAAA,MAAM,EAAE,CAHM;AAIdC,MAAAA,IAAI,EAAE,CAJQ;AAKdC,MAAAA,KAAK,EAAE;AALO;AANqB,GAAL;AAAA,CAAN,CAA5B;;IAeMC,QAAQ,GAAG,SAAXA,QAAW,OAA0D;AAAA,MAAvDC,oBAAuD,QAAvDA,oBAAuD;AAAA,MAAjCd,QAAiC,QAAjCA,QAAiC;AAAA,MAApBe,aAAoB;;AACzE,MAAMC,MAAM,GAAGnB,SAAS,EAAxB;;AAEA,MAAMoB,uBAAuB,GAAG,SAA1BA,uBAA0B,CAAAC,CAAC,EAAI;AACnCA,IAAAA,CAAC,CAACC,eAAF;AACD,GAFD;;AAIA,MAAInB,QAAJ,EAAc;AACZ,wBACEoB,IAACC,UAAD,kCACMN,aADN;AAEE,MAAA,SAAS,EAAEO,UAAU,CAACN,MAAM,CAAChB,QAAR,EAAkBe,aAAa,CAACQ,SAAhC,CAFvB;AAGE,MAAA,QAAQ,EAAE,CAAC,CAHb;AAIE,MAAA,MAAM,EAAE,KAJV;AAAA,6BAMEC;AAAA,mBACGT,aAAa,CAACU,QADjB,eAEEL,IAAC,OAAD;AAAS,UAAA,KAAK,EAAC,UAAf;AAA0B,UAAA,SAAS,EAAC;AAApC,WAAgDN,oBAAhD;AAAA,iCACEM;AAAK,YAAA,OAAO,EAAEH,uBAAd;AAAuC,YAAA,SAAS,EAAED,MAAM,CAACT;AAAzD;AADF,WAFF;AAAA;AANF,OADF;AAeD;;AAED,sBAAOa,IAACC,UAAD,oBAAiBN,aAAjB,EAAP;AACD;;AAEDF,QAAQ,CAACa,SAAT,GAAqB;AACnB1B,EAAAA,QAAQ,EAAE2B,SAAS,CAACC,IADD;AAEnBd,EAAAA,oBAAoB,EAAEa,SAAS,CAACE,KAAV,CAAgB,EAAhB;AAFH,CAArB;AAKAhB,QAAQ,CAACiB,YAAT,GAAwB;AACtB9B,EAAAA,QAAQ,EAAE,KADY;AAEtBc,EAAAA,oBAAoB,EAAE;AAFA,CAAxB;;;;"}

package/components/Modal/Modal.css.js

@@ -1 +1,8 @@
-import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var l={small:"Modal_small__FXy7-",medium:"Modal_medium__WNhU6",large:"Modal_large__43H7j",extraLarge:"Modal_extraLarge__1FIXV",modalWrapper:"Modal_modalWrapper__12shD",modalContainer:"Modal_modalContainer__HVR1v",modalMobileContainer:"Modal_modalMobileContainer__8N8Z7",modalStaticFooter:"Modal_modalStaticFooter__ZcuNs",modalMobileStaticFooter:"Modal_modalMobileStaticFooter__SiBsk",modalMobile:"Modal_modalMobile__Xx7dU",modalTitle:"Modal_modalTitle__BVjhe",modalMobileTitle:"Modal_modalMobileTitle__RFpGa",filtersTitle:"Modal_filtersTitle__utGL-",modalTitleText:"Modal_modalTitleText__sefpB",modalMobileTitleText:"Modal_modalMobileTitleText__Nvquw",modalTitleWithClose:"Modal_modalTitleWithClose__STwSN",modalActions:"Modal_modalActions__G-sPQ",modalMobileActions:"Modal_modalMobileActions__wbFgo",modalActionsSticky:"Modal_modalActionsSticky__z0NUK",modalContent:"Modal_modalContent__aXUVW",modalMobileContent:"Modal_modalMobileContent__YatfP",settings:"Modal_settings__tm6NR",filters:"Modal_filters__xg42o"};o(".Modal_small__FXy7-{width:416px}.Modal_medium__WNhU6{width:552px}.Modal_large__43H7j{width:768px}.Modal_extraLarge__1FIXV{height:80%;max-width:1152px;width:80%}.Modal_modalWrapper__12shD{display:flex;height:100%;width:100%}.Modal_modalContainer__HVR1v{background-color:#414141;border-radius:4px;display:flex;flex-direction:column;margin:auto;max-height:80%;max-width:80%;outline:none}.Modal_modalMobileContainer__8N8Z7{background-color:#414141;display:flex;flex-direction:column;outline:none;padding-bottom:16px}.Modal_modalStaticFooter__ZcuNs{overflow-y:scroll;padding-bottom:0}.Modal_modalMobileStaticFooter__SiBsk{margin-top:60px;overflow-y:scroll;padding-bottom:16px}.Modal_modalMobileStaticFooter__SiBsk,.Modal_modalMobile__Xx7dU{border-radius:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%}.Modal_modalMobile__Xx7dU{padding:0}.Modal_modalTitle__BVjhe{color:#fff;font-size:20px;line-height:28px;padding:40px 40px 16px}.Modal_modalStaticFooter__ZcuNs .Modal_modalTitle__BVjhe{box-shadow:0 16px 10px #414141;z-index:1}.Modal_modalMobileTitle__RFpGa{background-color:#414141;display:flex;left:0;margin-bottom:auto;padding:0 16px;position:fixed;top:0;width:100%}.Modal_filtersTitle__utGL-{border-bottom:1px solid #333}.Modal_modalTitleText__sefpB{line-height:28px;padding:4px 0}.Modal_modalMobileTitleText__Nvquw{color:#fff;font-size:20px;line-height:28px;padding:16px 16px 16px 0}.Modal_modalTitleWithClose__STwSN{display:flex;justify-content:space-between}.Modal_modalActions__G-sPQ{align-items:center;display:flex;margin-top:auto;padding:32px 40px 40px}.Modal_modalMobileActions__wbFgo{bottom:0;display:flex;left:0;margin-top:auto;padding:8px 16px;position:absolute;width:100%}.Modal_modalActionsSticky__z0NUK{background:#414141;box-shadow:0 -16px 10px #414141;padding:8px 40px 40px}.Modal_modalContent__aXUVW{overflow-y:auto;padding:0 40px}.Modal_modalMobileContent__YatfP{overflow-y:scroll;padding:4px 16px 92px}.Modal_modalMobile__Xx7dU .Modal_modalContent__aXUVW{padding:28px 32px}.Modal_settings__tm6NR,.Modal_settings__tm6NR .Modal_modalMobileContainer__8N8Z7,.Modal_settings__tm6NR .Modal_modalMobileContent__YatfP,.Modal_settings__tm6NR .Modal_modalMobileTitle__RFpGa{background-color:#414141}.Modal_filters__xg42o,.Modal_filters__xg42o .Modal_modalMobileContainer__8N8Z7,.Modal_filters__xg42o .Modal_modalMobileContent__YatfP,.Modal_filters__xg42o .Modal_modalMobileTitle__RFpGa{background-color:#272727}.Modal_settings__tm6NR .Modal_modalMobileActions__wbFgo{background-color:#414141;box-shadow:0 -8px 10px #414141}.Modal_filters__xg42o .Modal_modalMobileActions__wbFgo{background-color:#272727;box-shadow:0 -8px 10px #272727}.Modal_settings__tm6NR .Modal_modalMobileTitle__RFpGa{box-shadow:0 8px 10px #414141}.Modal_filters__xg42o .Modal_modalMobileTitle__RFpGa{box-shadow:0 8px 10px #272727}");export{l as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Modal_small__W_lAm {\n  width: 416px;\n}\n\n.Modal_medium__1bbOT {\n  width: 552px;\n}\n\n.Modal_large__3W3z5 {\n  width: 768px;\n}\n\n.Modal_extraLarge__2hv5g {\n  width: 80%;\n  height: 80%;\n  max-width: 1152px;\n}\n\n.Modal_modalWrapper__1Irj5 {\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n\n.Modal_modalContainer__1ntEL {\n  outline: none;\n  max-width: 80%;\n  max-height: 80%;\n  background-color: #414141;\n  margin: auto;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n}\n\n.Modal_modalMobileContainer__3V7C- {\n  background-color: #414141;\n}\n\n.Modal_modalMobileContainer__3V7C- {\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 16px;\n}\n\n.Modal_modalStaticFooter__3__80 {\n  overflow-y: scroll;\n  padding-bottom: 0;\n}\n\n.Modal_modalMobileStaticFooter__3ZRy4 {\n  overflow-y: scroll;\n  padding-bottom: 16px;\n  border-radius: 0;\n  max-width: 100%;\n  max-height: 100%;\n  min-width: 100%;\n  min-height: 100%;\n  margin-top: 60px;\n}\n\n.Modal_modalMobile__3Q0mr {\n  border-radius: 0;\n  max-width: 100%;\n  max-height: 100%;\n  min-width: 100%;\n  min-height: 100%;\n  padding: 0;\n}\n\n.Modal_modalTitle__3EmG3 {\n  font-size: 20px;\n  color: white;\n  padding: 40px 40px 16px 40px;\n  line-height: 28px;\n}\n\n.Modal_modalStaticFooter__3__80 .Modal_modalTitle__3EmG3 {\n  box-shadow: 0px 16px 10px #414141;\n  z-index: 1;\n}\n\n.Modal_modalMobileTitle__V8TLa {\n  margin-bottom: auto;\n  display: flex;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  left: 0;\n  padding: 0 16px;\n  background-color: #414141;\n}\n\n.Modal_filtersTitle__G2f7r {\n  border-bottom: 1px solid;\n  border-bottom-color: #333333;\n}\n\n.Modal_modalTitleText__1Qw62 {\n  line-height: 28px;\n  padding: 4px 0px;\n}\n\n.Modal_modalMobileTitleText__HnTTy {\n  font-size: 20px;\n  color: white;\n  padding: 16px 16px 16px 0;\n  line-height: 28px;\n}\n\n.Modal_modalTitleWithClose__1KEFF {\n  display: flex;\n  justify-content: space-between;\n}\n\n.Modal_modalActions__1pnLy {\n  margin-top: auto;\n  display: flex;\n  align-items: center;\n  padding: 32px 40px 40px 40px;\n}\n\n.Modal_modalMobileActions__3uzdU {\n  margin-top: auto;\n  display: flex;\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  left: 0;\n  padding: 8px 16px;\n}\n\n.Modal_modalActionsSticky__2ppfp {\n  background: #414141;\n  padding: 8px 40px 40px 40px;\n  box-shadow: 0px -16px 10px #414141;\n}\n\n.Modal_modalContent__30BgY {\n  overflow-y: auto;\n  padding: 0 40px 0 40px;\n}\n\n.Modal_modalMobileContent__11cdf {\n  overflow-y: scroll;\n  padding: 4px 16px 92px 16px;\n}\n\n.Modal_modalMobile__3Q0mr .Modal_modalContent__30BgY {\n  padding: 28px 32px;\n}\n\n.Modal_settings__2iaI6,\n.Modal_settings__2iaI6 .Modal_modalMobileTitle__V8TLa,\n.Modal_settings__2iaI6 .Modal_modalMobileContent__11cdf,\n.Modal_settings__2iaI6 .Modal_modalMobileContainer__3V7C- {\n  background-color: #414141;\n}\n\n.Modal_filters__2q2wn,\n.Modal_filters__2q2wn .Modal_modalMobileTitle__V8TLa,\n.Modal_filters__2q2wn .Modal_modalMobileContent__11cdf,\n.Modal_filters__2q2wn .Modal_modalMobileContainer__3V7C- {\n  background-color: #272727;\n}\n\n.Modal_settings__2iaI6 .Modal_modalMobileActions__3uzdU {\n  background-color: #414141;\n  box-shadow: 0px -8px 10px #414141;\n}\n\n.Modal_filters__2q2wn .Modal_modalMobileActions__3uzdU {\n  background-color: #272727;\n  box-shadow: 0px -8px 10px #272727;\n}\n\n.Modal_settings__2iaI6 .Modal_modalMobileTitle__V8TLa {\n  box-shadow: 0px 8px 10px #414141;\n}\n\n.Modal_filters__2q2wn .Modal_modalMobileTitle__V8TLa {\n  box-shadow: 0px 8px 10px #272727;\n}\n";
+var styles = {"small":"Modal_small__W_lAm","medium":"Modal_medium__1bbOT","large":"Modal_large__3W3z5","extraLarge":"Modal_extraLarge__2hv5g","modalWrapper":"Modal_modalWrapper__1Irj5","modalContainer":"Modal_modalContainer__1ntEL","modalMobileContainer":"Modal_modalMobileContainer__3V7C-","modalStaticFooter":"Modal_modalStaticFooter__3__80","modalMobileStaticFooter":"Modal_modalMobileStaticFooter__3ZRy4","modalMobile":"Modal_modalMobile__3Q0mr","modalTitle":"Modal_modalTitle__3EmG3","modalMobileTitle":"Modal_modalMobileTitle__V8TLa","filtersTitle":"Modal_filtersTitle__G2f7r","modalTitleText":"Modal_modalTitleText__1Qw62","modalMobileTitleText":"Modal_modalMobileTitleText__HnTTy","modalTitleWithClose":"Modal_modalTitleWithClose__1KEFF","modalActions":"Modal_modalActions__1pnLy","modalMobileActions":"Modal_modalMobileActions__3uzdU","modalActionsSticky":"Modal_modalActionsSticky__2ppfp","modalContent":"Modal_modalContent__30BgY","modalMobileContent":"Modal_modalMobileContent__11cdf","settings":"Modal_settings__2iaI6","filters":"Modal_filters__2q2wn"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=Modal.css.js.map

package/components/Modal/Modal.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/Modal/index.js

@@ -1 +1,173 @@
-import e from"@babel/runtime/helpers/objectWithoutProperties";import o from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import i from"classnames";import{noop as r}from"lodash";import{withStyles as n,IconButton as s,makeStyles as l,Modal as a,Tooltip as c}from"@material-ui/core";import{Close as m,CloseRounded as d}from"@material-ui/icons";import{isNativeDetected as p,isMobileDetected as u}from"../../utils/mobileDetect.js";import b from"./Modal.css.js";import{jsx as C,jsxs as f}from"react/jsx-runtime";var h,y=["title","children","actions","open","isCloseIconHidden","onClose","isNative","isMobile","stickyFooter","contentContainerClassName","contentClassName","stickyFooterClassName","size","type","rootClassName"];function g(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,i)}return t}function N(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?g(Object(i),!0).forEach((function(t){o(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):g(Object(i)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(i,o))}))}return e}var v="filters",O="settings",T=(o(h={},v,"Filters"),o(h,O,"Settings"),h),j=n({root:{position:"absolute",right:28,top:24,color:"#9E9E9E",fontSize:"14px",paddingTop:8,width:14,height:14,"&.MuiIconButton-root":{padding:0},"& svg":{transform:"scale(1.8)",width:14,height:14}}})(s),k=n((function(e){return{root:{color:e.palette.primary.text6,"&:hover":{color:"white",cursor:"pointer"}}}}))(m),M=l((function(e){return{closeTooltip:{marginTop:8},closeButton:{padding:"4px 6px","&:hover":{backgroundColor:e.palette.background.b7}}}}));function F(t){var r,n,l=t.title,m=t.children,p=t.actions,u=t.open,h=t.isCloseIconHidden,g=t.onClose,O=t.isNative,F=t.isMobile,P=t.stickyFooter,w=t.contentContainerClassName,x=t.contentClassName,S=t.stickyFooterClassName,z=t.size,D=t.type,E=t.rootClassName,I=e(t,y),H=O||F,A=M();return C(a,N(N({open:u,onClose:g,className:i((r={"c-modal":!H},o(r,b.modalWrapper,!0),o(r,E,!0),o(r,b[D],H&&D),r))},I),{},{children:f("div",{className:i((n={},o(n,b[z],!H),o(n,b.modalContainer,!H),o(n,b.modalMobileContainer,!H),o(n,b.modalStaticFooter,!H&&P),o(n,w,!0),o(n,b.modalMobileContainer,H),o(n,b.modalMobileStaticFooter,H),n)),children:[H&&f("div",{className:i(b.modalMobileTitle,D===v&&b.filtersTitle),children:[C(j,{onClick:g,children:C(d,{})}),C("div",{className:b.modalMobileTitleText,children:l||T[D]})]}),!H&&l&&f("div",{className:i(b.modalTitle,!h&&b.modalTitleWithClose),children:[C("div",{className:b.modalTitleText,children:l}),!h&&C(c,{title:"Close",classes:{tooltip:A.closeTooltip},placement:"bottom",children:C(s,{onClick:g,classes:{root:A.closeButton},children:C(k,{})})})]}),m&&C("div",{className:i(!H&&b.modalContent,H&&b.modalMobileContent,x),children:m}),p&&C("div",{className:i(H&&b.modalMobileActions,!P&&b.modalActions,P&&b.modalActionsSticky,P&&S),children:p})]})}))}F.propTypes={title:t.oneOfType([t.string,t.node]),children:t.oneOfType([t.string,t.node]),actions:t.oneOfType([t.string,t.node,t.array]),stickyFooter:t.bool,open:t.bool.isRequired,onClose:t.func,isNative:t.bool,isMobile:t.bool,isCloseIconHidden:t.bool,contentClassName:t.string,contentContainerClassName:t.string,stickyFooterClassName:t.string,rootClassName:t.string,size:t.string,type:t.string},F.defaultProps={title:"",children:null,actions:"",stickyFooter:!1,onClose:r,isNative:p,isMobile:u,isCloseIconHidden:!1,contentClassName:null,contentContainerClassName:null,stickyFooterClassName:null,size:null,type:"",rootClassName:null};export{F as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { noop } from 'lodash';
+import { isNativeDetected, isMobileDetected } from '../../utils/mobileDetect.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { withStyles, IconButton, makeStyles, Modal as Modal$1, Tooltip } from '@material-ui/core';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { Close, CloseRounded } from '@material-ui/icons';
+import styles from './Modal.css.js';
+
+var _DEFAULT_TITLES;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var MOBILE_MODAL_TYPES = {
+  FILTERS: 'filters',
+  SETTINGS: 'settings'
+};
+var DEFAULT_TITLES = (_DEFAULT_TITLES = {}, _defineProperty(_DEFAULT_TITLES, MOBILE_MODAL_TYPES.FILTERS, 'Filters'), _defineProperty(_DEFAULT_TITLES, MOBILE_MODAL_TYPES.SETTINGS, 'Settings'), _DEFAULT_TITLES);
+var StyledCloseIconButton = withStyles({
+  root: {
+    position: 'absolute',
+    right: 28,
+    top: 24,
+    color: '#9E9E9E',
+    fontSize: '14px',
+    paddingTop: 8,
+    width: 14,
+    height: 14,
+    '&.MuiIconButton-root': {
+      padding: 0
+    },
+    '& svg': {
+      transform: 'scale(1.8)',
+      width: 14,
+      height: 14
+    }
+  }
+})(IconButton);
+var StyledCloseIcon = withStyles(function (theme) {
+  return {
+    root: {
+      color: theme.palette.primary.text6,
+      '&:hover': {
+        color: 'white',
+        cursor: 'pointer'
+      }
+    }
+  };
+})(Close);
+var useStyles = makeStyles(function (theme) {
+  return {
+    closeTooltip: {
+      marginTop: 8
+    },
+    closeButton: {
+      padding: '4px 6px',
+      '&:hover': {
+        backgroundColor: theme.palette.background.b7
+      }
+    }
+  };
+});
+
+function Modal(_ref) {
+  var _classNames, _classNames2;
+
+  var title = _ref.title,
+      children = _ref.children,
+      actions = _ref.actions,
+      open = _ref.open,
+      isCloseIconHidden = _ref.isCloseIconHidden,
+      onClose = _ref.onClose,
+      isNative = _ref.isNative,
+      isMobile = _ref.isMobile,
+      stickyFooter = _ref.stickyFooter,
+      contentContainerClassName = _ref.contentContainerClassName,
+      contentClassName = _ref.contentClassName,
+      stickyFooterClassName = _ref.stickyFooterClassName,
+      size = _ref.size,
+      type = _ref.type,
+      rootClassName = _ref.rootClassName,
+      otherProps = _objectWithoutProperties(_ref, ["title", "children", "actions", "open", "isCloseIconHidden", "onClose", "isNative", "isMobile", "stickyFooter", "contentContainerClassName", "contentClassName", "stickyFooterClassName", "size", "type", "rootClassName"]);
+
+  var isMobileOrNative = isNative || isMobile;
+  var classes = useStyles();
+  return /*#__PURE__*/jsx(Modal$1, _objectSpread(_objectSpread({
+    open: open,
+    onClose: onClose,
+    className: classNames((_classNames = {
+      'c-modal': !isMobileOrNative
+    }, _defineProperty(_classNames, styles.modalWrapper, true), _defineProperty(_classNames, rootClassName, true), _defineProperty(_classNames, styles[type], isMobileOrNative && type), _classNames))
+  }, otherProps), {}, {
+    children: /*#__PURE__*/jsxs("div", {
+      className: classNames((_classNames2 = {}, _defineProperty(_classNames2, styles[size], !isMobileOrNative), _defineProperty(_classNames2, styles.modalContainer, !isMobileOrNative), _defineProperty(_classNames2, styles.modalMobileContainer, !isMobileOrNative), _defineProperty(_classNames2, styles.modalStaticFooter, !isMobileOrNative && stickyFooter), _defineProperty(_classNames2, contentContainerClassName, true), _defineProperty(_classNames2, styles.modalMobileContainer, isMobileOrNative), _defineProperty(_classNames2, styles.modalMobileStaticFooter, isMobileOrNative), _classNames2)),
+      children: [isMobileOrNative && /*#__PURE__*/jsxs("div", {
+        className: classNames(styles.modalMobileTitle, type === MOBILE_MODAL_TYPES.FILTERS && styles.filtersTitle),
+        children: [/*#__PURE__*/jsx(StyledCloseIconButton, {
+          onClick: onClose,
+          children: /*#__PURE__*/jsx(CloseRounded, {})
+        }), /*#__PURE__*/jsx("div", {
+          className: styles.modalMobileTitleText,
+          children: title || DEFAULT_TITLES[type]
+        })]
+      }), !isMobileOrNative && title && /*#__PURE__*/jsxs("div", {
+        className: classNames(styles.modalTitle, !isCloseIconHidden && styles.modalTitleWithClose),
+        children: [/*#__PURE__*/jsx("div", {
+          className: styles.modalTitleText,
+          children: title
+        }), !isCloseIconHidden && /*#__PURE__*/jsx(Tooltip, {
+          title: "Close",
+          classes: {
+            tooltip: classes.closeTooltip
+          },
+          placement: "bottom",
+          children: /*#__PURE__*/jsx(IconButton, {
+            onClick: onClose,
+            classes: {
+              root: classes.closeButton
+            },
+            children: /*#__PURE__*/jsx(StyledCloseIcon, {})
+          })
+        })]
+      }), children && /*#__PURE__*/jsx("div", {
+        className: classNames(!isMobileOrNative && styles.modalContent, isMobileOrNative && styles.modalMobileContent, contentClassName),
+        children: children
+      }), actions && /*#__PURE__*/jsx("div", {
+        className: classNames(isMobileOrNative && styles.modalMobileActions, !stickyFooter && styles.modalActions, stickyFooter && styles.modalActionsSticky, stickyFooter && stickyFooterClassName),
+        children: actions
+      })]
+    })
+  }));
+}
+
+Modal.propTypes = {
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  actions: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.array]),
+  stickyFooter: PropTypes.bool,
+  open: PropTypes.bool.isRequired,
+  onClose: PropTypes.func,
+  isNative: PropTypes.bool,
+  isMobile: PropTypes.bool,
+  isCloseIconHidden: PropTypes.bool,
+  contentClassName: PropTypes.string,
+  contentContainerClassName: PropTypes.string,
+  stickyFooterClassName: PropTypes.string,
+  rootClassName: PropTypes.string,
+  size: PropTypes.string,
+  type: PropTypes.string
+};
+Modal.defaultProps = {
+  title: '',
+  children: null,
+  actions: '',
+  stickyFooter: false,
+  onClose: noop,
+  isNative: isNativeDetected,
+  isMobile: isMobileDetected,
+  isCloseIconHidden: false,
+  contentClassName: null,
+  contentContainerClassName: null,
+  stickyFooterClassName: null,
+  // Do not set specific modal size as default to prevent existing usage from potential bugs
+  size: null,
+  type: '',
+  rootClassName: null
+};
+
+export default Modal;
+//# sourceMappingURL=index.js.map

package/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Modal/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\n\nimport { withStyles, Modal as MUIModal, IconButton, Tooltip, makeStyles } from '@material-ui/core';\nimport { CloseRounded, Close as CloseIcon } from '@material-ui/icons';\n\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\n\nimport styles from './Modal.css';\n\nconst MOBILE_MODAL_TYPES = {\n  FILTERS: 'filters',\n  SETTINGS: 'settings',\n};\n\nconst DEFAULT_TITLES = {\n  [MOBILE_MODAL_TYPES.FILTERS]: 'Filters',\n  [MOBILE_MODAL_TYPES.SETTINGS]: 'Settings',\n};\n\nconst StyledCloseIconButton = withStyles({\n  root: {\n    position: 'absolute',\n    right: 28,\n    top: 24,\n    color: '#9E9E9E',\n    fontSize: '14px',\n    paddingTop: 8,\n    width: 14,\n    height: 14,\n\n    '&.MuiIconButton-root': {\n      padding: 0,\n    },\n    '& svg': {\n      transform: 'scale(1.8)',\n      width: 14,\n      height: 14,\n    },\n  },\n})(IconButton);\n\nconst StyledCloseIcon = withStyles(theme => ({\n  root: {\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: 'white',\n      cursor: 'pointer',\n    },\n  },\n}))(CloseIcon);\n\nconst useStyles = makeStyles(theme => ({\n  closeTooltip: {\n    marginTop: 8,\n  },\n  closeButton: {\n    padding: '4px 6px',\n    '&:hover': {\n      backgroundColor: theme.palette.background.b7,\n    },\n  },\n}));\n\nfunction Modal({\n  title,\n  children,\n  actions,\n  open,\n  isCloseIconHidden,\n  onClose,\n  isNative,\n  isMobile,\n  stickyFooter,\n  contentContainerClassName,\n  contentClassName,\n  stickyFooterClassName,\n  size,\n  type,\n  rootClassName,\n  ...otherProps\n}) {\n  const isMobileOrNative = isNative || isMobile;\n\n  const classes = useStyles();\n\n  return (\n    <MUIModal\n      open={open}\n      onClose={onClose}\n      className={classNames({\n        'c-modal': !isMobileOrNative,\n        [styles.modalWrapper]: true,\n        [rootClassName]: true,\n        [styles[type]]: isMobileOrNative && type,\n      })}\n      {...otherProps}\n    >\n      <div\n        className={classNames({\n          [styles[size]]: !isMobileOrNative,\n          [styles.modalContainer]: !isMobileOrNative,\n          [styles.modalMobileContainer]: !isMobileOrNative,\n          [styles.modalStaticFooter]: !isMobileOrNative && stickyFooter,\n          [contentContainerClassName]: true,\n          [styles.modalMobileContainer]: isMobileOrNative,\n          [styles.modalMobileStaticFooter]: isMobileOrNative,\n        })}\n      >\n        {isMobileOrNative && (\n          <div\n            className={classNames(\n              styles.modalMobileTitle,\n              type === MOBILE_MODAL_TYPES.FILTERS && styles.filtersTitle\n            )}\n          >\n            <StyledCloseIconButton onClick={onClose}>\n              <CloseRounded />\n            </StyledCloseIconButton>\n            <div className={styles.modalMobileTitleText}>{title || DEFAULT_TITLES[type]}</div>\n          </div>\n        )}\n        {!isMobileOrNative && title && (\n          <div\n            className={classNames(\n              styles.modalTitle,\n              !isCloseIconHidden && styles.modalTitleWithClose\n            )}\n          >\n            <div className={styles.modalTitleText}>{title}</div>\n            {!isCloseIconHidden && (\n              <Tooltip title=\"Close\" classes={{ tooltip: classes.closeTooltip }} placement=\"bottom\">\n                <IconButton onClick={onClose} classes={{ root: classes.closeButton }}>\n                  <StyledCloseIcon />\n                </IconButton>\n              </Tooltip>\n            )}\n          </div>\n        )}\n        {children && (\n          <div\n            className={classNames(\n              !isMobileOrNative && styles.modalContent,\n              isMobileOrNative && styles.modalMobileContent,\n              contentClassName\n            )}\n          >\n            {children}\n          </div>\n        )}\n\n        {actions && (\n          <div\n            className={classNames(\n              isMobileOrNative && styles.modalMobileActions,\n              !stickyFooter && styles.modalActions,\n              stickyFooter && styles.modalActionsSticky,\n              stickyFooter && stickyFooterClassName\n            )}\n          >\n            {actions}\n          </div>\n        )}\n      </div>\n    </MUIModal>\n  );\n}\n\nModal.propTypes = {\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  actions: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.array]),\n  stickyFooter: PropTypes.bool,\n  open: PropTypes.bool.isRequired,\n  onClose: PropTypes.func,\n  isNative: PropTypes.bool,\n  isMobile: PropTypes.bool,\n  isCloseIconHidden: PropTypes.bool,\n  contentClassName: PropTypes.string,\n  contentContainerClassName: PropTypes.string,\n  stickyFooterClassName: PropTypes.string,\n  rootClassName: PropTypes.string,\n  size: PropTypes.string,\n  type: PropTypes.string,\n};\n\nModal.defaultProps = {\n  title: '',\n  children: null,\n  actions: '',\n  stickyFooter: false,\n  onClose: noop,\n  isNative: isNativeDetected,\n  isMobile: isMobileDetected,\n  isCloseIconHidden: false,\n  contentClassName: null,\n  contentContainerClassName: null,\n  stickyFooterClassName: null,\n  // Do not set specific modal size as default to prevent existing usage from potential bugs\n  size: null,\n  type: '',\n  rootClassName: null,\n};\n\nexport default Modal;\n"],"names":["MOBILE_MODAL_TYPES","FILTERS","SETTINGS","DEFAULT_TITLES","StyledCloseIconButton","withStyles","root","position","right","top","color","fontSize","paddingTop","width","height","padding","transform","IconButton","StyledCloseIcon","theme","palette","primary","text6","cursor","CloseIcon","useStyles","makeStyles","closeTooltip","marginTop","closeButton","backgroundColor","background","b7","Modal","title","children","actions","open","isCloseIconHidden","onClose","isNative","isMobile","stickyFooter","contentContainerClassName","contentClassName","stickyFooterClassName","size","type","rootClassName","otherProps","isMobileOrNative","classes","_jsx","MUIModal","classNames","styles","modalWrapper","_jsxs","modalContainer","modalMobileContainer","modalStaticFooter","modalMobileStaticFooter","modalMobileTitle","filtersTitle","modalMobileTitleText","modalTitle","modalTitleWithClose","modalTitleText","tooltip","modalContent","modalMobileContent","modalMobileActions","modalActions","modalActionsSticky","propTypes","PropTypes","oneOfType","string","node","array","bool","isRequired","func","defaultProps","noop","isNativeDetected","isMobileDetected"],"mappings":"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"}

package/components/Notifications/Notifications.js

@@ -1 +1,47 @@
-import i from"prop-types";import o from"@material-ui/core/Snackbar";import r from"./components/Toast.js";import{jsx as n}from"react/jsx-runtime";var t=function(i){var t=i.notifications,e=i.removeNotification;return n(o,{anchorOrigin:{vertical:"top",horizontal:"right"},open:!0,ClickAwayListenerProps:{onClickAway:function(i){return i.stopPropagation()}},children:n("div",{children:t.map((function(i){return n(r,{onDismissClick:e,toast:i},i.id)}))})})};t.propTypes={removeNotification:i.func.isRequired,notifications:i.arrayOf(i.shape({alertLevel:i.oneOf(["info","warning","critical"]),autoHideDuration:i.number,content:i.node.isRequired,hideIcon:i.bool,icon:i.node,onClick:i.func,timestamp:i.string,title:i.string,variant:i.oneOf(["success","warning","error","info"])})).isRequired};export{t as default};
+import { jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import Snackbar from '@material-ui/core/Snackbar';
+import Toast from './components/Toast.js';
+
+var Notifications = function Notifications(_ref) {
+  var notifications = _ref.notifications,
+      removeNotification = _ref.removeNotification;
+  return /*#__PURE__*/jsx(Snackbar, {
+    anchorOrigin: {
+      vertical: 'top',
+      horizontal: 'right'
+    },
+    open: true,
+    ClickAwayListenerProps: {
+      onClickAway: function onClickAway(e) {
+        return e.stopPropagation();
+      }
+    },
+    children: /*#__PURE__*/jsx("div", {
+      children: notifications.map(function (toast) {
+        return /*#__PURE__*/jsx(Toast, {
+          onDismissClick: removeNotification,
+          toast: toast
+        }, toast.id);
+      })
+    })
+  });
+};
+
+Notifications.propTypes = {
+  removeNotification: PropTypes.func.isRequired,
+  notifications: PropTypes.arrayOf(PropTypes.shape({
+    alertLevel: PropTypes.oneOf(['info', 'warning', 'critical']),
+    autoHideDuration: PropTypes.number,
+    content: PropTypes.node.isRequired,
+    hideIcon: PropTypes.bool,
+    icon: PropTypes.node,
+    onClick: PropTypes.func,
+    timestamp: PropTypes.string,
+    title: PropTypes.string,
+    variant: PropTypes.oneOf(['success', 'warning', 'error', 'info'])
+  })).isRequired
+};
+
+export default Notifications;
+//# sourceMappingURL=Notifications.js.map

package/components/Notifications/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sources":["../../../src/components/Notifications/Notifications.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport Snackbar from '@material-ui/core/Snackbar';\n\nimport Toast from './components/Toast';\n\nconst Notifications = ({ notifications, removeNotification }) => {\n  return (\n    <Snackbar\n      anchorOrigin={{\n        vertical: 'top',\n        horizontal: 'right',\n      }}\n      open\n      ClickAwayListenerProps={{ onClickAway: e => e.stopPropagation() }}\n    >\n      <div>\n        {notifications.map(toast => (\n          <Toast key={toast.id} onDismissClick={removeNotification} toast={toast} />\n        ))}\n      </div>\n    </Snackbar>\n  );\n};\n\nNotifications.propTypes = {\n  removeNotification: PropTypes.func.isRequired,\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      alertLevel: PropTypes.oneOf(['info', 'warning', 'critical']),\n      autoHideDuration: PropTypes.number,\n      content: PropTypes.node.isRequired,\n      hideIcon: PropTypes.bool,\n      icon: PropTypes.node,\n      onClick: PropTypes.func,\n      timestamp: PropTypes.string,\n      title: PropTypes.string,\n      variant: PropTypes.oneOf(['success', 'warning', 'error', 'info']),\n    })\n  ).isRequired,\n};\n\nexport default Notifications;\n"],"names":["Notifications","notifications","removeNotification","_jsx","vertical","horizontal","onClickAway","e","stopPropagation","map","toast","id","propTypes","PropTypes","func","isRequired","arrayOf","shape","alertLevel","oneOf","autoHideDuration","number","content","node","hideIcon","bool","icon","onClick","timestamp","string","title","variant"],"mappings":";;;;;IAMMA,aAAa,GAAG,SAAhBA,aAAgB,OAA2C;AAAA,MAAxCC,aAAwC,QAAxCA,aAAwC;AAAA,MAAzBC,kBAAyB,QAAzBA,kBAAyB;AAC/D,sBACEC,IAAC,QAAD;AACE,IAAA,YAAY,EAAE;AACZC,MAAAA,QAAQ,EAAE,KADE;AAEZC,MAAAA,UAAU,EAAE;AAFA,KADhB;AAKE,IAAA,IAAI,MALN;AAME,IAAA,sBAAsB,EAAE;AAAEC,MAAAA,WAAW,EAAE,qBAAAC,CAAC;AAAA,eAAIA,CAAC,CAACC,eAAF,EAAJ;AAAA;AAAhB,KAN1B;AAAA,2BAQEL;AAAA,gBACGF,aAAa,CAACQ,GAAd,CAAkB,UAAAC,KAAK;AAAA,4BACtBP,IAAC,KAAD;AAAsB,UAAA,cAAc,EAAED,kBAAtC;AAA0D,UAAA,KAAK,EAAEQ;AAAjE,WAAYA,KAAK,CAACC,EAAlB,CADsB;AAAA,OAAvB;AADH;AARF,IADF;AAgBD;;AAEDX,aAAa,CAACY,SAAd,GAA0B;AACxBV,EAAAA,kBAAkB,EAAEW,SAAS,CAACC,IAAV,CAAeC,UADX;AAExBd,EAAAA,aAAa,EAAEY,SAAS,CAACG,OAAV,CACbH,SAAS,CAACI,KAAV,CAAgB;AACdC,IAAAA,UAAU,EAAEL,SAAS,CAACM,KAAV,CAAgB,CAAC,MAAD,EAAS,SAAT,EAAoB,UAApB,CAAhB,CADE;AAEdC,IAAAA,gBAAgB,EAAEP,SAAS,CAACQ,MAFd;AAGdC,IAAAA,OAAO,EAAET,SAAS,CAACU,IAAV,CAAeR,UAHV;AAIdS,IAAAA,QAAQ,EAAEX,SAAS,CAACY,IAJN;AAKdC,IAAAA,IAAI,EAAEb,SAAS,CAACU,IALF;AAMdI,IAAAA,OAAO,EAAEd,SAAS,CAACC,IANL;AAOdc,IAAAA,SAAS,EAAEf,SAAS,CAACgB,MAPP;AAQdC,IAAAA,KAAK,EAAEjB,SAAS,CAACgB,MARH;AASdE,IAAAA,OAAO,EAAElB,SAAS,CAACM,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,CAAhB;AATK,GAAhB,CADa,EAYbJ;AAdsB,CAA1B;;;;"}

package/components/Notifications/NotificationsContainer.js

@@ -1 +1,91 @@
-import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/toConsumableArray";import o from"@babel/runtime/helpers/slicedToArray";import{useState as n,useEffect as e}from"react";import{v4 as i}from"uuid";import c from"./Notifications.js";import{jsx as f}from"react/jsx-runtime";function a(r,t){var o=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.push.apply(o,n)}return o}function u(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?a(Object(n),!0).forEach((function(o){r(t,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(n,r))}))}return t}var s=function(){var r=n([]),a=o(r,2),s=a[0],p=a[1],m=function(r){p((function(o){return[].concat(t(o),[r])}))},l=function(r){p((function(t){return t.filter((function(t){return t.id!==r}))}))},b=function(r,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={info:"Info",error:"Error",warning:"Warning",success:"Success"},e=3e3,c=u({autoHideDuration:e,content:t||n[r]||"info",id:i(),variant:r},o);return m(c),c.id},v=function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return b("success",r,t)},O=function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return b("error",r,t)},d=function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return b("warning",r,t)},g=function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return b("info",r,t)};return e((function(){window[Symbol.for("notificationToasts")]={createNotification:m,removeNotification:l,showSuccessNotification:v,showErrorNotification:O,showWarningNotification:d,showInfoNotification:g}}),[]),f(c,{notifications:s,removeNotification:l})};export{s as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { v4 } from 'uuid';
+import Notifications from './Notifications.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var NotificationsContainer = function NotificationsContainer() {
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      notificationToasts = _useState2[0],
+      setNotificationToasts = _useState2[1];
+
+  var addNotification = function addNotification(notification) {
+    setNotificationToasts(function (prevNotificationToasts) {
+      return [].concat(_toConsumableArray(prevNotificationToasts), [notification]);
+    });
+  };
+
+  var removeNotification = function removeNotification(id) {
+    setNotificationToasts(function (prevNotificationToasts) {
+      return prevNotificationToasts.filter(function (toast) {
+        return toast.id !== id;
+      });
+    });
+  };
+
+  var createNotification = function createNotification(variant, message) {
+    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var mapVariantToContent = {
+      info: 'Info',
+      error: 'Error',
+      warning: 'Warning',
+      success: 'Success'
+    };
+    var DEFAULT_AUTO_HIDE_DURATION = 3000;
+
+    var notification = _objectSpread({
+      autoHideDuration: DEFAULT_AUTO_HIDE_DURATION,
+      content: message || mapVariantToContent[variant] || 'info',
+      id: v4(),
+      variant: variant
+    }, options);
+
+    addNotification(notification);
+    return notification.id;
+  };
+
+  var showSuccessNotification = function showSuccessNotification(message) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return createNotification('success', message, options);
+  };
+
+  var showErrorNotification = function showErrorNotification(message) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return createNotification('error', message, options);
+  };
+
+  var showWarningNotification = function showWarningNotification(message) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return createNotification('warning', message, options);
+  };
+
+  var showInfoNotification = function showInfoNotification(message) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return createNotification('info', message, options);
+  };
+
+  useEffect(function () {
+    window[Symbol.for('notificationToasts')] = {
+      createNotification: addNotification,
+      removeNotification: removeNotification,
+      showSuccessNotification: showSuccessNotification,
+      showErrorNotification: showErrorNotification,
+      showWarningNotification: showWarningNotification,
+      showInfoNotification: showInfoNotification
+    };
+  }, []);
+  return /*#__PURE__*/jsx(Notifications, {
+    notifications: notificationToasts,
+    removeNotification: removeNotification
+  });
+};
+
+export default NotificationsContainer;
+//# sourceMappingURL=NotificationsContainer.js.map

package/components/Notifications/NotificationsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsContainer.js","sources":["../../../src/components/Notifications/NotificationsContainer.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Notifications as NotificationsComponent } from '~/components/Notifications';\n\nconst NotificationsContainer = () => {\n  const [notificationToasts, setNotificationToasts] = useState([]);\n\n  const addNotification = notification => {\n    setNotificationToasts(prevNotificationToasts => [...prevNotificationToasts, notification]);\n  };\n\n  const removeNotification = id => {\n    setNotificationToasts(prevNotificationToasts =>\n      prevNotificationToasts.filter(toast => toast.id !== id)\n    );\n  };\n\n  const createNotification = (variant, message, options = {}) => {\n    const mapVariantToContent = {\n      info: 'Info',\n      error: 'Error',\n      warning: 'Warning',\n      success: 'Success',\n    };\n\n    const DEFAULT_AUTO_HIDE_DURATION = 3000;\n    const notification = {\n      autoHideDuration: DEFAULT_AUTO_HIDE_DURATION,\n      content: message || mapVariantToContent[variant] || 'info',\n      id: uuidv4(),\n      variant,\n      ...options,\n    };\n\n    addNotification(notification);\n    return notification.id;\n  };\n\n  const showSuccessNotification = (message, options = {}) =>\n    createNotification('success', message, options);\n\n  const showErrorNotification = (message, options = {}) =>\n    createNotification('error', message, options);\n\n  const showWarningNotification = (message, options = {}) =>\n    createNotification('warning', message, options);\n\n  const showInfoNotification = (message, options = {}) =>\n    createNotification('info', message, options);\n\n  useEffect(() => {\n    window[Symbol.for('notificationToasts')] = {\n      createNotification: addNotification,\n      removeNotification,\n      showSuccessNotification,\n      showErrorNotification,\n      showWarningNotification,\n      showInfoNotification,\n    };\n  }, []);\n\n  return (\n    <NotificationsComponent\n      notifications={notificationToasts}\n      removeNotification={removeNotification}\n    />\n  );\n};\n\nexport default NotificationsContainer;\n"],"names":["NotificationsContainer","useState","notificationToasts","setNotificationToasts","addNotification","notification","prevNotificationToasts","removeNotification","id","filter","toast","createNotification","variant","message","options","mapVariantToContent","info","error","warning","success","DEFAULT_AUTO_HIDE_DURATION","autoHideDuration","content","uuidv4","showSuccessNotification","showErrorNotification","showWarningNotification","showInfoNotification","useEffect","window","Symbol","for","_jsx","NotificationsComponent"],"mappings":"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"}