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

package/components/TextField/effects/index.js

@@ -1 +1,66 @@
-import n from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as r,useEffect as e}from"react";function o(o){var l=o.startIcon,u=o.endIcon,f=o.onFocus,i=o.onBlur,s=o.value,a=o.InputProps,d=t(),c=n(d,2),m=c[0],p=c[1],v=t(),h=n(v,2),g=h[0],b=h[1],A=t("string"==typeof s&&0!==s.length||"number"==typeof s&&0!==String(s).length||!(null==a||!a.startAdornment)||!1),I=n(A,2),y=I[0],B=I[1],F=r(null),O=r(null);e((function(){var n,t;p(null===(n=F.current)||void 0===n?void 0:n.offsetWidth),b(null===(t=O.current)||void 0===t?void 0:t.offsetWidth)}),[l,u]);return{shrink:y,onInputFocus:function(n){B(!0),f&&f(n)},onInputBlur:function(n){0!==n.target.value.length||null!=a&&a.startAdornment||B(!1),i&&i(n)},startlabelOffset:m,endlabelOffset:g,startAdornmentRef:F,endAdornmentRef:O}}export{o as useCustomShrink};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useEffect } from 'react';
+
+function useCustomShrink(_ref) {
+  var startIcon = _ref.startIcon,
+      endIcon = _ref.endIcon,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      value = _ref.value,
+      InputProps = _ref.InputProps;
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      startlabelOffset = _useState2[0],
+      setStartLabelOffset = _useState2[1];
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      endlabelOffset = _useState4[0],
+      setEndLabelOffset = _useState4[1];
+
+  var _useState5 = useState(typeof value === 'string' && value.length !== 0 || typeof value === 'number' && String(value).length !== 0 || !!(InputProps !== null && InputProps !== void 0 && InputProps.startAdornment) || false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      shrink = _useState6[0],
+      setShrink = _useState6[1];
+
+  var startAdornmentRef = useRef(null);
+  var endAdornmentRef = useRef(null);
+  useEffect(function () {
+    var _startAdornmentRef$cu, _endAdornmentRef$curr;
+
+    setStartLabelOffset((_startAdornmentRef$cu = startAdornmentRef.current) === null || _startAdornmentRef$cu === void 0 ? void 0 : _startAdornmentRef$cu.offsetWidth);
+    setEndLabelOffset((_endAdornmentRef$curr = endAdornmentRef.current) === null || _endAdornmentRef$curr === void 0 ? void 0 : _endAdornmentRef$curr.offsetWidth);
+  }, [startIcon, endIcon]);
+
+  var onInputFocus = function onInputFocus(event) {
+    setShrink(true);
+
+    if (onFocus) {
+      onFocus(event);
+    }
+  };
+
+  var onInputBlur = function onInputBlur(event) {
+    if (event.target.value.length === 0 && !(InputProps !== null && InputProps !== void 0 && InputProps.startAdornment)) {
+      setShrink(false);
+    }
+
+    if (onBlur) {
+      onBlur(event);
+    }
+  };
+
+  return {
+    shrink: shrink,
+    onInputFocus: onInputFocus,
+    onInputBlur: onInputBlur,
+    startlabelOffset: startlabelOffset,
+    endlabelOffset: endlabelOffset,
+    startAdornmentRef: startAdornmentRef,
+    endAdornmentRef: endAdornmentRef
+  };
+}
+
+export { useCustomShrink };
+//# sourceMappingURL=index.js.map

package/components/TextField/effects/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/TextField/effects/index.js"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport function useCustomShrink({ startIcon, endIcon, onFocus, onBlur, value, InputProps }) {\n  const [startlabelOffset, setStartLabelOffset] = useState();\n  const [endlabelOffset, setEndLabelOffset] = useState();\n  const [shrink, setShrink] = useState(\n    (typeof value === 'string' && value.length !== 0) ||\n      (typeof value === 'number' && String(value).length !== 0) ||\n      !!InputProps?.startAdornment ||\n      false\n  );\n\n  const startAdornmentRef = useRef(null);\n  const endAdornmentRef = useRef(null);\n\n  useEffect(() => {\n    setStartLabelOffset(startAdornmentRef.current?.offsetWidth);\n    setEndLabelOffset(endAdornmentRef.current?.offsetWidth);\n  }, [startIcon, endIcon]);\n\n  const onInputFocus = event => {\n    setShrink(true);\n    if (onFocus) {\n      onFocus(event);\n    }\n  };\n\n  const onInputBlur = event => {\n    if (event.target.value.length === 0 && !InputProps?.startAdornment) {\n      setShrink(false);\n    }\n    if (onBlur) {\n      onBlur(event);\n    }\n  };\n\n  return {\n    shrink,\n    onInputFocus,\n    onInputBlur,\n    startlabelOffset,\n    endlabelOffset,\n    startAdornmentRef,\n    endAdornmentRef,\n  };\n}\n"],"names":["useCustomShrink","startIcon","endIcon","onFocus","onBlur","value","InputProps","useState","startlabelOffset","setStartLabelOffset","endlabelOffset","setEndLabelOffset","length","String","startAdornment","shrink","setShrink","startAdornmentRef","useRef","endAdornmentRef","useEffect","current","offsetWidth","onInputFocus","event","onInputBlur","target"],"mappings":";;;AAEO,SAASA,eAAT,OAAqF;AAAA,MAA1DC,SAA0D,QAA1DA,SAA0D;AAAA,MAA/CC,OAA+C,QAA/CA,OAA+C;AAAA,MAAtCC,OAAsC,QAAtCA,OAAsC;AAAA,MAA7BC,MAA6B,QAA7BA,MAA6B;AAAA,MAArBC,KAAqB,QAArBA,KAAqB;AAAA,MAAdC,UAAc,QAAdA,UAAc;;AAAA,kBAC1CC,QAAQ,EADkC;AAAA;AAAA,MACnFC,gBADmF;AAAA,MACjEC,mBADiE;;AAAA,mBAE9CF,QAAQ,EAFsC;AAAA;AAAA,MAEnFG,cAFmF;AAAA,MAEnEC,iBAFmE;;AAAA,mBAG9DJ,QAAQ,CACjC,OAAOF,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,CAACO,MAAN,KAAiB,CAA/C,IACG,OAAOP,KAAP,KAAiB,QAAjB,IAA6BQ,MAAM,CAACR,KAAD,CAAN,CAAcO,MAAd,KAAyB,CADzD,IAEE,CAAC,EAACN,UAAD,aAACA,UAAD,eAACA,UAAU,CAAEQ,cAAb,CAFH,IAGE,KAJgC,CAHsD;AAAA;AAAA,MAGnFC,MAHmF;AAAA,MAG3EC,SAH2E;;AAU1F,MAAMC,iBAAiB,GAAGC,MAAM,CAAC,IAAD,CAAhC;AACA,MAAMC,eAAe,GAAGD,MAAM,CAAC,IAAD,CAA9B;AAEAE,EAAAA,SAAS,CAAC,YAAM;AAAA;;AACdX,IAAAA,mBAAmB,0BAACQ,iBAAiB,CAACI,OAAnB,0DAAC,sBAA2BC,WAA5B,CAAnB;AACAX,IAAAA,iBAAiB,0BAACQ,eAAe,CAACE,OAAjB,0DAAC,sBAAyBC,WAA1B,CAAjB;AACD,GAHQ,EAGN,CAACrB,SAAD,EAAYC,OAAZ,CAHM,CAAT;;AAKA,MAAMqB,YAAY,GAAG,SAAfA,YAAe,CAAAC,KAAK,EAAI;AAC5BR,IAAAA,SAAS,CAAC,IAAD,CAAT;;AACA,QAAIb,OAAJ,EAAa;AACXA,MAAAA,OAAO,CAACqB,KAAD,CAAP;AACD;AACF,GALD;;AAOA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAAAD,KAAK,EAAI;AAC3B,QAAIA,KAAK,CAACE,MAAN,CAAarB,KAAb,CAAmBO,MAAnB,KAA8B,CAA9B,IAAmC,EAACN,UAAD,aAACA,UAAD,eAACA,UAAU,CAAEQ,cAAb,CAAvC,EAAoE;AAClEE,MAAAA,SAAS,CAAC,KAAD,CAAT;AACD;;AACD,QAAIZ,MAAJ,EAAY;AACVA,MAAAA,MAAM,CAACoB,KAAD,CAAN;AACD;AACF,GAPD;;AASA,SAAO;AACLT,IAAAA,MAAM,EAANA,MADK;AAELQ,IAAAA,YAAY,EAAZA,YAFK;AAGLE,IAAAA,WAAW,EAAXA,WAHK;AAILjB,IAAAA,gBAAgB,EAAhBA,gBAJK;AAKLE,IAAAA,cAAc,EAAdA,cALK;AAMLO,IAAAA,iBAAiB,EAAjBA,iBANK;AAOLE,IAAAA,eAAe,EAAfA;AAPK,GAAP;AASD;;;;"}

package/components/TextField/index.js

@@ -1 +1,141 @@
-import t from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/objectWithoutProperties";import r from"prop-types";import{makeStyles as e,TextField as o,InputAdornment as u}from"@material-ui/core";import{useCustomShrink as i}from"./effects/index.js";import s from"../../config/theme/palette.mjs.js";import{jsx as l}from"react/jsx-runtime";var a=["startIcon","endIcon","onFocus","onBlur","InputProps","value","startAdornment","endAdornment"];function p(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.push.apply(r,e)}return r}function c(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?p(Object(e),!0).forEach((function(r){t(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):p(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var f=e((function(t){return{textField:{marginTop:16,marginBottom:8,"& .MuiFormLabel-root":{marginLeft:function(t){return t.startlabelOffset?"".concat(t.startlabelOffset+8,"px"):0},marginRight:function(t){return t.endlabelOffset?"".concat(t.endlabelOffset+8,"px"):0}},"&:hover":{"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:s.primary.contrastText}}},"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{width:16,height:16,fontSize:16,fill:"#DADADA"},"&.Mui-error .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.error.main," !important")}},"& .Mui-focused .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.primary.main," !important")}},shrunkLabel:{"&.MuiInputLabel-shrink.MuiFormLabel-root":{marginLeft:0}}}})),d=function(t){var r=t.startIcon,e=t.endIcon,s=t.onFocus,p=t.onBlur,d=t.InputProps,m=t.value,b=t.startAdornment,I=t.endAdornment,O=n(t,a),v=i({startIcon:r,endIcon:e,onFocus:s,onBlur:p,value:m,InputProps:d}),g=v.shrink,h=v.onInputFocus,P=v.onInputBlur,A=v.startlabelOffset,M=v.endlabelOffset,j=v.startAdornmentRef,y=v.endAdornmentRef,F=f({startlabelOffset:A,endlabelOffset:M});return l(o,c(c({},O),{},{onFocus:h,onBlur:P,classes:{root:F.textField},InputLabelProps:c({shrink:g,classes:{shrink:F.shrunkLabel}},t.InputLabelProps),InputProps:c({startAdornment:r?l(u,{position:"start",ref:j,children:r}):b,endAdornment:e?l(u,{position:"end",ref:y,children:e}):I},t.InputProps)}))};d.propTypes={startIcon:r.node,endIcon:r.node,InputProps:r.shape({startAdornment:null}),InputLabelProps:r.shape({startAdornment:null}),value:r.oneOf([r.string,r.number]),onFocus:r.func,onBlur:r.func,endAdornment:r.node,startAdornment:r.node},d.defaultProps={startIcon:null,endIcon:null,InputProps:void 0,InputLabelProps:void 0,value:"",onFocus:void 0,onBlur:void 0,endAdornment:null,startAdornment:null};export{d as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
+import { makeStyles, TextField as TextField$1, InputAdornment } from '@material-ui/core';
+import palette from '../../config/theme/palette.mjs.js';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import { useCustomShrink } from './effects/index.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 useStyles = makeStyles(function (theme) {
+  return {
+    textField: {
+      marginTop: 16,
+      marginBottom: 8,
+      '& .MuiFormLabel-root': {
+        marginLeft: function marginLeft(props) {
+          return props.startlabelOffset ? "".concat(props.startlabelOffset + 8, "px") : 0;
+        },
+        marginRight: function marginRight(props) {
+          return props.endlabelOffset ? "".concat(props.endlabelOffset + 8, "px") : 0;
+        }
+      },
+      '&:hover': {
+        '&.MuiTextField-root .MuiInput-root': {
+          '& .MuiInputAdornment-root svg.MuiSvgIcon-root': {
+            fill: palette.primary.contrastText
+          }
+        }
+      },
+      '&.MuiTextField-root .MuiInput-root': {
+        '& .MuiInputAdornment-root svg.MuiSvgIcon-root': {
+          width: 16,
+          height: 16,
+          fontSize: 16,
+          fill: '#DADADA'
+        },
+        '&.Mui-error .MuiInputAdornment-root svg.MuiSvgIcon-root': {
+          fill: "".concat(theme.palette.error.main, " !important")
+        }
+      },
+      '& .Mui-focused .MuiInputAdornment-root svg.MuiSvgIcon-root': {
+        fill: "".concat(theme.palette.primary.main, " !important")
+      }
+    },
+    shrunkLabel: {
+      '&.MuiInputLabel-shrink.MuiFormLabel-root': {
+        marginLeft: 0
+      }
+    }
+  };
+});
+
+var TextField = function TextField(props) {
+  var startIcon = props.startIcon,
+      endIcon = props.endIcon,
+      onFocus = props.onFocus,
+      onBlur = props.onBlur,
+      InputProps = props.InputProps,
+      value = props.value,
+      startAdornment = props.startAdornment,
+      endAdornment = props.endAdornment,
+      rest = _objectWithoutProperties(props, ["startIcon", "endIcon", "onFocus", "onBlur", "InputProps", "value", "startAdornment", "endAdornment"]);
+
+  var _useCustomShrink = useCustomShrink({
+    startIcon: startIcon,
+    endIcon: endIcon,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    value: value,
+    InputProps: InputProps
+  }),
+      shrink = _useCustomShrink.shrink,
+      onInputFocus = _useCustomShrink.onInputFocus,
+      onInputBlur = _useCustomShrink.onInputBlur,
+      startlabelOffset = _useCustomShrink.startlabelOffset,
+      endlabelOffset = _useCustomShrink.endlabelOffset,
+      startAdornmentRef = _useCustomShrink.startAdornmentRef,
+      endAdornmentRef = _useCustomShrink.endAdornmentRef;
+
+  var styles = useStyles({
+    startlabelOffset: startlabelOffset,
+    endlabelOffset: endlabelOffset
+  });
+  return /*#__PURE__*/jsx(TextField$1, _objectSpread(_objectSpread({}, rest), {}, {
+    onFocus: onInputFocus,
+    onBlur: onInputBlur,
+    classes: {
+      root: styles.textField
+    },
+    InputLabelProps: _objectSpread({
+      shrink: shrink,
+      classes: {
+        shrink: styles.shrunkLabel
+      }
+    }, props.InputLabelProps),
+    InputProps: _objectSpread({
+      startAdornment: startIcon ? /*#__PURE__*/jsx(InputAdornment, {
+        position: "start",
+        ref: startAdornmentRef,
+        children: startIcon
+      }) : startAdornment,
+      endAdornment: endIcon ? /*#__PURE__*/jsx(InputAdornment, {
+        position: "end",
+        ref: endAdornmentRef,
+        children: endIcon
+      }) : endAdornment
+    }, props.InputProps)
+  }));
+};
+
+TextField.propTypes = {
+  startIcon: PropTypes.node,
+  endIcon: PropTypes.node,
+  InputProps: PropTypes.shape({
+    startAdornment: null
+  }),
+  InputLabelProps: PropTypes.shape({
+    startAdornment: null
+  }),
+  value: PropTypes.oneOf([PropTypes.string, PropTypes.number]),
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  endAdornment: PropTypes.node,
+  startAdornment: PropTypes.node
+};
+TextField.defaultProps = {
+  startIcon: null,
+  endIcon: null,
+  InputProps: undefined,
+  InputLabelProps: undefined,
+  value: '',
+  onFocus: undefined,
+  onBlur: undefined,
+  endAdornment: null,
+  startAdornment: null
+};
+
+export default TextField;
+//# sourceMappingURL=index.js.map

package/components/TextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/TextField/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { InputAdornment, TextField as MuiTextField, makeStyles } from '@material-ui/core';\nimport { useCustomShrink } from './effects';\nimport palette from '~/config/theme/palette.mjs';\n\nconst useStyles = makeStyles(theme => ({\n  textField: {\n    marginTop: 16,\n    marginBottom: 8,\n    '& .MuiFormLabel-root': {\n      marginLeft: props => (props.startlabelOffset ? `${props.startlabelOffset + 8}px` : 0),\n      marginRight: props => (props.endlabelOffset ? `${props.endlabelOffset + 8}px` : 0),\n    },\n\n    '&:hover': {\n      '&.MuiTextField-root .MuiInput-root': {\n        '& .MuiInputAdornment-root svg.MuiSvgIcon-root': {\n          fill: palette.primary.contrastText,\n        },\n      },\n    },\n\n    '&.MuiTextField-root .MuiInput-root': {\n      '& .MuiInputAdornment-root svg.MuiSvgIcon-root': {\n        width: 16,\n        height: 16,\n        fontSize: 16,\n        fill: '#DADADA',\n      },\n      '&.Mui-error .MuiInputAdornment-root svg.MuiSvgIcon-root': {\n        fill: `${theme.palette.error.main} !important`,\n      },\n    },\n\n    '& .Mui-focused .MuiInputAdornment-root svg.MuiSvgIcon-root': {\n      fill: `${theme.palette.primary.main} !important`,\n    },\n  },\n  shrunkLabel: {\n    '&.MuiInputLabel-shrink.MuiFormLabel-root': {\n      marginLeft: 0,\n    },\n  },\n}));\n\nconst TextField = props => {\n  const {\n    startIcon,\n    endIcon,\n    onFocus,\n    onBlur,\n    InputProps,\n    value,\n    startAdornment,\n    endAdornment,\n    ...rest\n  } = props;\n\n  const {\n    shrink,\n    onInputFocus,\n    onInputBlur,\n    startlabelOffset,\n    endlabelOffset,\n    startAdornmentRef,\n    endAdornmentRef,\n  } = useCustomShrink({\n    startIcon,\n    endIcon,\n    onFocus,\n    onBlur,\n    value,\n    InputProps,\n  });\n\n  const styles = useStyles({ startlabelOffset, endlabelOffset });\n\n  return (\n    <MuiTextField\n      {...rest}\n      onFocus={onInputFocus}\n      onBlur={onInputBlur}\n      classes={{ root: styles.textField }}\n      InputLabelProps={{\n        shrink,\n        classes: { shrink: styles.shrunkLabel },\n        ...props.InputLabelProps,\n      }}\n      InputProps={{\n        startAdornment: startIcon ? (\n          <InputAdornment position=\"start\" ref={startAdornmentRef}>\n            {startIcon}\n          </InputAdornment>\n        ) : (\n          startAdornment\n        ),\n        endAdornment: endIcon ? (\n          <InputAdornment position=\"end\" ref={endAdornmentRef}>\n            {endIcon}\n          </InputAdornment>\n        ) : (\n          endAdornment\n        ),\n        ...props.InputProps,\n      }}\n    />\n  );\n};\n\nTextField.propTypes = {\n  startIcon: PropTypes.node,\n  endIcon: PropTypes.node,\n  InputProps: PropTypes.shape({ startAdornment: null }),\n  InputLabelProps: PropTypes.shape({ startAdornment: null }),\n  value: PropTypes.oneOf([PropTypes.string, PropTypes.number]),\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  endAdornment: PropTypes.node,\n  startAdornment: PropTypes.node,\n};\n\nTextField.defaultProps = {\n  startIcon: null,\n  endIcon: null,\n  InputProps: undefined,\n  InputLabelProps: undefined,\n  value: '',\n  onFocus: undefined,\n  onBlur: undefined,\n  endAdornment: null,\n  startAdornment: null,\n};\n\nexport default TextField;\n"],"names":["useStyles","makeStyles","theme","textField","marginTop","marginBottom","marginLeft","props","startlabelOffset","marginRight","endlabelOffset","fill","palette","primary","contrastText","width","height","fontSize","error","main","shrunkLabel","TextField","startIcon","endIcon","onFocus","onBlur","InputProps","value","startAdornment","endAdornment","rest","useCustomShrink","shrink","onInputFocus","onInputBlur","startAdornmentRef","endAdornmentRef","styles","_jsx","MuiTextField","root","classes","InputLabelProps","propTypes","PropTypes","node","shape","oneOf","string","number","func","defaultProps","undefined"],"mappings":";;;;;;;;;;;AAMA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,EADF;AAETC,MAAAA,YAAY,EAAE,CAFL;AAGT,8BAAwB;AACtBC,QAAAA,UAAU,EAAE,oBAAAC,KAAK;AAAA,iBAAKA,KAAK,CAACC,gBAAN,aAA4BD,KAAK,CAACC,gBAAN,GAAyB,CAArD,UAA6D,CAAlE;AAAA,SADK;AAEtBC,QAAAA,WAAW,EAAE,qBAAAF,KAAK;AAAA,iBAAKA,KAAK,CAACG,cAAN,aAA0BH,KAAK,CAACG,cAAN,GAAuB,CAAjD,UAAyD,CAA9D;AAAA;AAFI,OAHf;AAQT,iBAAW;AACT,8CAAsC;AACpC,2DAAiD;AAC/CC,YAAAA,IAAI,EAAEC,OAAO,CAACC,OAAR,CAAgBC;AADyB;AADb;AAD7B,OARF;AAgBT,4CAAsC;AACpC,yDAAiD;AAC/CC,UAAAA,KAAK,EAAE,EADwC;AAE/CC,UAAAA,MAAM,EAAE,EAFuC;AAG/CC,UAAAA,QAAQ,EAAE,EAHqC;AAI/CN,UAAAA,IAAI,EAAE;AAJyC,SADb;AAOpC,mEAA2D;AACzDA,UAAAA,IAAI,YAAKT,KAAK,CAACU,OAAN,CAAcM,KAAd,CAAoBC,IAAzB;AADqD;AAPvB,OAhB7B;AA4BT,oEAA8D;AAC5DR,QAAAA,IAAI,YAAKT,KAAK,CAACU,OAAN,CAAcC,OAAd,CAAsBM,IAA3B;AADwD;AA5BrD,KAD0B;AAiCrCC,IAAAA,WAAW,EAAE;AACX,kDAA4C;AAC1Cd,QAAAA,UAAU,EAAE;AAD8B;AADjC;AAjCwB,GAAL;AAAA,CAAN,CAA5B;;IAwCMe,SAAS,GAAG,SAAZA,SAAY,CAAAd,KAAK,EAAI;AAAA,MAEvBe,SAFuB,GAWrBf,KAXqB,CAEvBe,SAFuB;AAAA,MAGvBC,OAHuB,GAWrBhB,KAXqB,CAGvBgB,OAHuB;AAAA,MAIvBC,OAJuB,GAWrBjB,KAXqB,CAIvBiB,OAJuB;AAAA,MAKvBC,MALuB,GAWrBlB,KAXqB,CAKvBkB,MALuB;AAAA,MAMvBC,UANuB,GAWrBnB,KAXqB,CAMvBmB,UANuB;AAAA,MAOvBC,KAPuB,GAWrBpB,KAXqB,CAOvBoB,KAPuB;AAAA,MAQvBC,cARuB,GAWrBrB,KAXqB,CAQvBqB,cARuB;AAAA,MASvBC,YATuB,GAWrBtB,KAXqB,CASvBsB,YATuB;AAAA,MAUpBC,IAVoB,4BAWrBvB,KAXqB;;AAAA,yBAqBrBwB,eAAe,CAAC;AAClBT,IAAAA,SAAS,EAATA,SADkB;AAElBC,IAAAA,OAAO,EAAPA,OAFkB;AAGlBC,IAAAA,OAAO,EAAPA,OAHkB;AAIlBC,IAAAA,MAAM,EAANA,MAJkB;AAKlBE,IAAAA,KAAK,EAALA,KALkB;AAMlBD,IAAAA,UAAU,EAAVA;AANkB,GAAD,CArBM;AAAA,MAcvBM,MAduB,oBAcvBA,MAduB;AAAA,MAevBC,YAfuB,oBAevBA,YAfuB;AAAA,MAgBvBC,WAhBuB,oBAgBvBA,WAhBuB;AAAA,MAiBvB1B,gBAjBuB,oBAiBvBA,gBAjBuB;AAAA,MAkBvBE,cAlBuB,oBAkBvBA,cAlBuB;AAAA,MAmBvByB,iBAnBuB,oBAmBvBA,iBAnBuB;AAAA,MAoBvBC,eApBuB,oBAoBvBA,eApBuB;;AA8BzB,MAAMC,MAAM,GAAGrC,SAAS,CAAC;AAAEQ,IAAAA,gBAAgB,EAAhBA,gBAAF;AAAoBE,IAAAA,cAAc,EAAdA;AAApB,GAAD,CAAxB;AAEA,sBACE4B,IAACC,WAAD,kCACMT,IADN;AAEE,IAAA,OAAO,EAAEG,YAFX;AAGE,IAAA,MAAM,EAAEC,WAHV;AAIE,IAAA,OAAO,EAAE;AAAEM,MAAAA,IAAI,EAAEH,MAAM,CAAClC;AAAf,KAJX;AAKE,IAAA,eAAe;AACb6B,MAAAA,MAAM,EAANA,MADa;AAEbS,MAAAA,OAAO,EAAE;AAAET,QAAAA,MAAM,EAAEK,MAAM,CAACjB;AAAjB;AAFI,OAGVb,KAAK,CAACmC,eAHI,CALjB;AAUE,IAAA,UAAU;AACRd,MAAAA,cAAc,EAAEN,SAAS,gBACvBgB,IAAC,cAAD;AAAgB,QAAA,QAAQ,EAAC,OAAzB;AAAiC,QAAA,GAAG,EAAEH,iBAAtC;AAAA,kBACGb;AADH,QADuB,GAKvBM,cANM;AAQRC,MAAAA,YAAY,EAAEN,OAAO,gBACnBe,IAAC,cAAD;AAAgB,QAAA,QAAQ,EAAC,KAAzB;AAA+B,QAAA,GAAG,EAAEF,eAApC;AAAA,kBACGb;AADH,QADmB,GAKnBM;AAbM,OAeLtB,KAAK,CAACmB,UAfD;AAVZ,KADF;AA8BD;;AAEDL,SAAS,CAACsB,SAAV,GAAsB;AACpBrB,EAAAA,SAAS,EAAEsB,SAAS,CAACC,IADD;AAEpBtB,EAAAA,OAAO,EAAEqB,SAAS,CAACC,IAFC;AAGpBnB,EAAAA,UAAU,EAAEkB,SAAS,CAACE,KAAV,CAAgB;AAAElB,IAAAA,cAAc,EAAE;AAAlB,GAAhB,CAHQ;AAIpBc,EAAAA,eAAe,EAAEE,SAAS,CAACE,KAAV,CAAgB;AAAElB,IAAAA,cAAc,EAAE;AAAlB,GAAhB,CAJG;AAKpBD,EAAAA,KAAK,EAAEiB,SAAS,CAACG,KAAV,CAAgB,CAACH,SAAS,CAACI,MAAX,EAAmBJ,SAAS,CAACK,MAA7B,CAAhB,CALa;AAMpBzB,EAAAA,OAAO,EAAEoB,SAAS,CAACM,IANC;AAOpBzB,EAAAA,MAAM,EAAEmB,SAAS,CAACM,IAPE;AAQpBrB,EAAAA,YAAY,EAAEe,SAAS,CAACC,IARJ;AASpBjB,EAAAA,cAAc,EAAEgB,SAAS,CAACC;AATN,CAAtB;AAYAxB,SAAS,CAAC8B,YAAV,GAAyB;AACvB7B,EAAAA,SAAS,EAAE,IADY;AAEvBC,EAAAA,OAAO,EAAE,IAFc;AAGvBG,EAAAA,UAAU,EAAE0B,SAHW;AAIvBV,EAAAA,eAAe,EAAEU,SAJM;AAKvBzB,EAAAA,KAAK,EAAE,EALgB;AAMvBH,EAAAA,OAAO,EAAE4B,SANc;AAOvB3B,EAAAA,MAAM,EAAE2B,SAPe;AAQvBvB,EAAAA,YAAY,EAAE,IARS;AASvBD,EAAAA,cAAc,EAAE;AATO,CAAzB;;;;"}

package/components/TextLink/index.js

@@ -1 +1,112 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{withStyles as r,Tooltip as o,makeStyles as i}from"@material-ui/core";import n from"prop-types";import l from"classnames";import a from"@material-ui/icons/Language";import{jsx as p,jsxs as s,Fragment as c}from"react/jsx-runtime";var m=["TooltipProps","children","className","disabled","showTooltip","tooltipText"];function d(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 b(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?d(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var f=r({tooltip:{padding:"4px 8px",display:"flex",alignItems:"center"}})(o),h=i((function(e){return{root:{color:e.palette.primary.main,fontSize:"inherit",lineHeight:"inherit",letterSpacing:"0.15px",textDecoration:"none","&:hover":{color:e.palette.primary.main,textDecoration:"underline"},"&:visited":{color:e.palette.primary.main}},disabled:{color:e.palette.primary.dark,fontSize:"inherit",lineHeight:"inherit",letterSpacing:"0.15px"},icon:{marginRight:8}}})),u=function(e){var r=e.TooltipProps,i=e.children,n=e.className,d=e.disabled,u=e.showTooltip,g=e.tooltipText,y=t(e,m),O=h();if(d)return p(o,{title:"Disabled",placement:"bottom-start",children:p("span",b(b({className:l(O.disabled,n)},y),{},{children:i}))});var P=p("a",b(b({className:l(O.root,n),target:"_blank",rel:"noopener noreferrer"},y),{},{children:i}));return u||g?p(f,b(b({title:s(c,{children:[p(a,{fontSize:"small",className:O.icon}),g||y.href]}),placement:"bottom-start"},r),{},{children:P})):P};u.propTypes={TooltipProps:n.shape({}),children:n.node.isRequired,className:n.string,disabled:n.bool,showTooltip:n.bool,tooltipText:n.string},u.defaultProps={TooltipProps:{},className:"",disabled:!1,showTooltip:!1,tooltipText:""};export{u as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { withStyles, Tooltip, makeStyles } from '@material-ui/core';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import LanguageIcon from '@material-ui/icons/Language';
+
+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 StyledTooltip = withStyles({
+  tooltip: {
+    padding: '4px 8px',
+    display: 'flex',
+    alignItems: 'center'
+  }
+})(Tooltip);
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: {
+      color: theme.palette.primary.main,
+      fontSize: 'inherit',
+      lineHeight: 'inherit',
+      letterSpacing: '0.15px',
+      textDecoration: 'none',
+      '&:hover': {
+        color: theme.palette.primary.main,
+        textDecoration: 'underline'
+      },
+      '&:visited': {
+        color: theme.palette.primary.main
+      }
+    },
+    disabled: {
+      color: theme.palette.primary.dark,
+      fontSize: 'inherit',
+      lineHeight: 'inherit',
+      letterSpacing: '0.15px'
+    },
+    icon: {
+      marginRight: 8
+    }
+  };
+});
+
+var TextLink = function TextLink(_ref) {
+  var TooltipProps = _ref.TooltipProps,
+      children = _ref.children,
+      className = _ref.className,
+      disabled = _ref.disabled,
+      showTooltip = _ref.showTooltip,
+      tooltipText = _ref.tooltipText,
+      LinkProps = _objectWithoutProperties(_ref, ["TooltipProps", "children", "className", "disabled", "showTooltip", "tooltipText"]);
+
+  var styles = useStyles();
+
+  if (disabled) {
+    return /*#__PURE__*/jsx(Tooltip, {
+      title: "Disabled",
+      placement: "bottom-start",
+      children: /*#__PURE__*/jsx("span", _objectSpread(_objectSpread({
+        className: classNames(styles.disabled, className)
+      }, LinkProps), {}, {
+        children: children
+      }))
+    });
+  }
+
+  var link = /*#__PURE__*/jsx("a", _objectSpread(_objectSpread({
+    className: classNames(styles.root, className),
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, LinkProps), {}, {
+    children: children
+  }));
+
+  if (showTooltip || tooltipText) {
+    return /*#__PURE__*/jsx(StyledTooltip, _objectSpread(_objectSpread({
+      title: /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(LanguageIcon, {
+          fontSize: "small",
+          className: styles.icon
+        }), tooltipText || LinkProps.href]
+      }),
+      placement: "bottom-start"
+    }, TooltipProps), {}, {
+      children: link
+    }));
+  }
+
+  return link;
+};
+
+TextLink.propTypes = {
+  TooltipProps: PropTypes.shape({}),
+  children: PropTypes.node.isRequired,
+  className: PropTypes.string,
+  disabled: PropTypes.bool,
+  showTooltip: PropTypes.bool,
+  tooltipText: PropTypes.string
+};
+TextLink.defaultProps = {
+  TooltipProps: {},
+  className: '',
+  disabled: false,
+  showTooltip: false,
+  tooltipText: ''
+};
+
+export default TextLink;
+//# sourceMappingURL=index.js.map

package/components/TextLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/TextLink/index.js"],"sourcesContent":["import { Tooltip, makeStyles, withStyles } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport LanguageIcon from '@material-ui/icons/Language';\n\nconst StyledTooltip = withStyles({\n  tooltip: {\n    padding: '4px 8px',\n    display: 'flex',\n    alignItems: 'center',\n  },\n})(Tooltip);\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    color: theme.palette.primary.main,\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n    letterSpacing: '0.15px',\n    textDecoration: 'none',\n    '&:hover': {\n      color: theme.palette.primary.main,\n      textDecoration: 'underline',\n    },\n    '&:visited': {\n      color: theme.palette.primary.main,\n    },\n  },\n  disabled: {\n    color: theme.palette.primary.dark,\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n    letterSpacing: '0.15px',\n  },\n  icon: {\n    marginRight: 8,\n  },\n}));\n\nconst TextLink = ({\n  TooltipProps,\n  children,\n  className,\n  disabled,\n  showTooltip,\n  tooltipText,\n  ...LinkProps\n}) => {\n  const styles = useStyles();\n\n  if (disabled) {\n    return (\n      <Tooltip title=\"Disabled\" placement=\"bottom-start\">\n        <span className={classNames(styles.disabled, className)} {...LinkProps}>\n          {children}\n        </span>\n      </Tooltip>\n    );\n  }\n\n  const link = (\n    <a\n      className={classNames(styles.root, className)}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      {...LinkProps}\n    >\n      {children}\n    </a>\n  );\n\n  if (showTooltip || tooltipText) {\n    return (\n      <StyledTooltip\n        title={\n          <>\n            <LanguageIcon fontSize=\"small\" className={styles.icon} />\n            {tooltipText || LinkProps.href}\n          </>\n        }\n        placement=\"bottom-start\"\n        {...TooltipProps}\n      >\n        {link}\n      </StyledTooltip>\n    );\n  }\n\n  return link;\n};\n\nTextLink.propTypes = {\n  TooltipProps: PropTypes.shape({}),\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  showTooltip: PropTypes.bool,\n  tooltipText: PropTypes.string,\n};\n\nTextLink.defaultProps = {\n  TooltipProps: {},\n  className: '',\n  disabled: false,\n  showTooltip: false,\n  tooltipText: '',\n};\n\nexport default TextLink;\n"],"names":["StyledTooltip","withStyles","tooltip","padding","display","alignItems","Tooltip","useStyles","makeStyles","theme","root","color","palette","primary","main","fontSize","lineHeight","letterSpacing","textDecoration","disabled","dark","icon","marginRight","TextLink","TooltipProps","children","className","showTooltip","tooltipText","LinkProps","styles","_jsx","classNames","link","_jsxs","href","propTypes","PropTypes","shape","node","isRequired","string","bool","defaultProps"],"mappings":"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"}

package/components/Tooltip/MuiTooltipDcWrapper.js

@@ -1 +1,120 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/objectWithoutProperties";import{useState as n,useEffect as t}from"react";import p from"prop-types";import{Tooltip as i}from"@material-ui/core";import{useDcTooltipsCoordinator as s}from"../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js";import{jsx as c}from"react/jsx-runtime";var u=["onOpen","onClose","open","TransitionProps"];function f(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,n)}return r}function a(o){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?f(Object(n),!0).forEach((function(r){e(o,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(n,e))}))}return o}function l(e){var p=e.onOpen,f=e.onClose,l=e.open,O=e.TransitionProps,m=r(e,u),b=n(!1),P=o(b,2),y=P[0],d=P[1],j=s(),C=j.requestOpen,v=j.requestClose,h="boolean"==typeof l;return t((function(){l?C({setIsOpened:d}):v({setIsOpened:d})}),[l]),t((function(){return function(){v({setIsOpened:d})}}),[]),c(i,a(a({},m),{},{open:y,onOpen:function(e){p(e),h||C({setIsOpened:d})},onClose:function(e){f(e),h||v({setIsOpened:d})},TransitionProps:a(a({},O),{},{timeout:0})}))}l.defaultProps={onOpen:function(){},onClose:function(){},open:null,TransitionProps:{}},l.propTypes={onOpen:p.func,onClose:p.func,open:p.bool,TransitionProps:p.shape({})};export{l as MuiTooltipDcWrapper};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsx } from 'react/jsx-runtime';
+import { Tooltip } from '@material-ui/core';
+import { useState, useEffect } from 'react';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import { useDcTooltipsCoordinator } from '../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.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; }
+// To not make it feels slow, it's better to leave this as 0 unless we REALLY want to have 300+ms of additional delays
+
+var TRANSITION_DURATION = 0; // ms
+
+/**
+ * This is just a wrapper around MUI Tooltip component. It's only purpose it to call
+ * setIsFullscreenModalMode function (https://www.notion.so/corva/Dev-Center-apps-fullscreen-modals-924d8de0cb334c2eb6530081934d50b5)
+ * automatically to not make Corva users bother with calling it manually. It has exactly the same API as MUI Tooltip.
+ * This component should be used only inside of DC apps.
+ * In other cases, regular MUI tooltip should be the choice.
+ */
+
+function MuiTooltipDcWrapper(_ref) {
+  var onOpenProp = _ref.onOpen,
+      onCloseProp = _ref.onClose,
+      openProp = _ref.open,
+      TransitionProps = _ref.TransitionProps,
+      otherMuiTooltipProps = _objectWithoutProperties(_ref, ["onOpen", "onClose", "open", "TransitionProps"]);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerIsOpen = _useState2[0],
+      setInnerIsOpen = _useState2[1];
+
+  var _useDcTooltipsCoordin = useDcTooltipsCoordinator(),
+      requestOpen = _useDcTooltipsCoordin.requestOpen,
+      requestClose = _useDcTooltipsCoordin.requestClose;
+
+  var isControlledMode = typeof openProp === 'boolean';
+
+  var onOpen = function onOpen(event) {
+    onOpenProp(event);
+
+    if (isControlledMode) {
+      /**
+       * If the component is controlled, we don't want to start
+       * the transition to open state. Mui Tooltip just notifies
+       * about the intention that a component wants to be opened
+       * but we don't actually open it unless outside 'open' prop is changed to true
+       */
+      return;
+    }
+
+    requestOpen({
+      setIsOpened: setInnerIsOpen
+    });
+  };
+
+  var onClose = function onClose(event) {
+    onCloseProp(event);
+
+    if (isControlledMode) {
+      /**
+       * If the component is controlled, we don't want to start
+       * the transition to closed state. Mui Tooltip just notifies
+       * about the intention that a component wants to be closed
+       * but we don't actually close it unless outside 'open' prop is changed to false
+       */
+      return;
+    }
+
+    requestClose({
+      setIsOpened: setInnerIsOpen
+    });
+  };
+
+  useEffect(function () {
+    if (openProp) {
+      requestOpen({
+        setIsOpened: setInnerIsOpen
+      });
+    } else {
+      requestClose({
+        setIsOpened: setInnerIsOpen
+      });
+    }
+  }, [openProp]);
+  useEffect(function () {
+    return function () {
+      requestClose({
+        setIsOpened: setInnerIsOpen
+      });
+    };
+  }, []);
+  return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({}, otherMuiTooltipProps), {}, {
+    open: innerIsOpen,
+    onOpen: onOpen,
+    onClose: onClose,
+    TransitionProps: _objectSpread(_objectSpread({}, TransitionProps), {}, {
+      timeout: TRANSITION_DURATION
+    })
+  }));
+}
+MuiTooltipDcWrapper.defaultProps = {
+  onOpen: function onOpen() {},
+  onClose: function onClose() {},
+  open: null,
+  TransitionProps: {}
+};
+MuiTooltipDcWrapper.propTypes = {
+  onOpen: PropTypes.func,
+  onClose: PropTypes.func,
+  open: PropTypes.bool,
+  TransitionProps: PropTypes.shape({})
+};
+
+export { MuiTooltipDcWrapper };
+//# sourceMappingURL=MuiTooltipDcWrapper.js.map

package/components/Tooltip/MuiTooltipDcWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiTooltipDcWrapper.js","sources":["../../../src/components/Tooltip/MuiTooltipDcWrapper.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Tooltip } from '@material-ui/core';\nimport { useDcTooltipsCoordinator } from '../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider';\n\n// There is already an additional delay because of the need to wait for setIsFullscreenModalMode async calls.\n// To not make it feels slow, it's better to leave this as 0 unless we REALLY want to have 300+ms of additional delays\nconst TRANSITION_DURATION = 0; // ms\n\n/**\n * This is just a wrapper around MUI Tooltip component. It's only purpose it to call\n * setIsFullscreenModalMode function (https://www.notion.so/corva/Dev-Center-apps-fullscreen-modals-924d8de0cb334c2eb6530081934d50b5)\n * automatically to not make Corva users bother with calling it manually. It has exactly the same API as MUI Tooltip.\n * This component should be used only inside of DC apps.\n * In other cases, regular MUI tooltip should be the choice.\n */\nexport function MuiTooltipDcWrapper({\n  onOpen: onOpenProp,\n  onClose: onCloseProp,\n  open: openProp,\n  TransitionProps,\n  ...otherMuiTooltipProps\n}) {\n  const [innerIsOpen, setInnerIsOpen] = useState(false);\n  const { requestOpen, requestClose } = useDcTooltipsCoordinator();\n\n  const isControlledMode = typeof openProp === 'boolean';\n\n  const onOpen = event => {\n    onOpenProp(event);\n\n    if (isControlledMode) {\n      /**\n       * If the component is controlled, we don't want to start\n       * the transition to open state. Mui Tooltip just notifies\n       * about the intention that a component wants to be opened\n       * but we don't actually open it unless outside 'open' prop is changed to true\n       */\n      return;\n    }\n\n    requestOpen({ setIsOpened: setInnerIsOpen });\n  };\n\n  const onClose = event => {\n    onCloseProp(event);\n\n    if (isControlledMode) {\n      /**\n       * If the component is controlled, we don't want to start\n       * the transition to closed state. Mui Tooltip just notifies\n       * about the intention that a component wants to be closed\n       * but we don't actually close it unless outside 'open' prop is changed to false\n       */\n      return;\n    }\n\n    requestClose({ setIsOpened: setInnerIsOpen });\n  };\n\n  useEffect(() => {\n    if (openProp) {\n      requestOpen({ setIsOpened: setInnerIsOpen });\n    } else {\n      requestClose({ setIsOpened: setInnerIsOpen });\n    }\n  }, [openProp]);\n\n  useEffect(() => {\n    return () => {\n      requestClose({ setIsOpened: setInnerIsOpen });\n    };\n  }, []);\n\n  return (\n    <Tooltip\n      {...otherMuiTooltipProps}\n      open={innerIsOpen}\n      onOpen={onOpen}\n      onClose={onClose}\n      TransitionProps={{\n        ...TransitionProps,\n        timeout: TRANSITION_DURATION,\n      }}\n    />\n  );\n}\n\nMuiTooltipDcWrapper.defaultProps = {\n  onOpen: () => {},\n  onClose: () => {},\n  open: null,\n  TransitionProps: {},\n};\n\nMuiTooltipDcWrapper.propTypes = {\n  onOpen: PropTypes.func,\n  onClose: PropTypes.func,\n  open: PropTypes.bool,\n  TransitionProps: PropTypes.shape({}),\n};\n"],"names":["TRANSITION_DURATION","MuiTooltipDcWrapper","onOpenProp","onOpen","onCloseProp","onClose","openProp","open","TransitionProps","otherMuiTooltipProps","useState","innerIsOpen","setInnerIsOpen","useDcTooltipsCoordinator","requestOpen","requestClose","isControlledMode","event","setIsOpened","useEffect","_jsx","timeout","defaultProps","propTypes","PropTypes","func","bool","shape"],"mappings":";;;;;;;;;;;;AAOA;;AACA,IAAMA,mBAAmB,GAAG,CAA5B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACO,SAASC,mBAAT,OAMJ;AAAA,MALOC,UAKP,QALDC,MAKC;AAAA,MAJQC,WAIR,QAJDC,OAIC;AAAA,MAHKC,QAGL,QAHDC,IAGC;AAAA,MAFDC,eAEC,QAFDA,eAEC;AAAA,MADEC,oBACF;;AAAA,kBACqCC,QAAQ,CAAC,KAAD,CAD7C;AAAA;AAAA,MACMC,WADN;AAAA,MACmBC,cADnB;;AAAA,8BAEqCC,wBAAwB,EAF7D;AAAA,MAEOC,WAFP,yBAEOA,WAFP;AAAA,MAEoBC,YAFpB,yBAEoBA,YAFpB;;AAID,MAAMC,gBAAgB,GAAG,OAAOV,QAAP,KAAoB,SAA7C;;AAEA,MAAMH,MAAM,GAAG,SAATA,MAAS,CAAAc,KAAK,EAAI;AACtBf,IAAAA,UAAU,CAACe,KAAD,CAAV;;AAEA,QAAID,gBAAJ,EAAsB;AACpB;AACN;AACA;AACA;AACA;AACA;AACM;AACD;;AAEDF,IAAAA,WAAW,CAAC;AAAEI,MAAAA,WAAW,EAAEN;AAAf,KAAD,CAAX;AACD,GAdD;;AAgBA,MAAMP,OAAO,GAAG,SAAVA,OAAU,CAAAY,KAAK,EAAI;AACvBb,IAAAA,WAAW,CAACa,KAAD,CAAX;;AAEA,QAAID,gBAAJ,EAAsB;AACpB;AACN;AACA;AACA;AACA;AACA;AACM;AACD;;AAEDD,IAAAA,YAAY,CAAC;AAAEG,MAAAA,WAAW,EAAEN;AAAf,KAAD,CAAZ;AACD,GAdD;;AAgBAO,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIb,QAAJ,EAAc;AACZQ,MAAAA,WAAW,CAAC;AAAEI,QAAAA,WAAW,EAAEN;AAAf,OAAD,CAAX;AACD,KAFD,MAEO;AACLG,MAAAA,YAAY,CAAC;AAAEG,QAAAA,WAAW,EAAEN;AAAf,OAAD,CAAZ;AACD;AACF,GANQ,EAMN,CAACN,QAAD,CANM,CAAT;AAQAa,EAAAA,SAAS,CAAC,YAAM;AACd,WAAO,YAAM;AACXJ,MAAAA,YAAY,CAAC;AAAEG,QAAAA,WAAW,EAAEN;AAAf,OAAD,CAAZ;AACD,KAFD;AAGD,GAJQ,EAIN,EAJM,CAAT;AAMA,sBACEQ,IAAC,OAAD,kCACMX,oBADN;AAEE,IAAA,IAAI,EAAEE,WAFR;AAGE,IAAA,MAAM,EAAER,MAHV;AAIE,IAAA,OAAO,EAAEE,OAJX;AAKE,IAAA,eAAe,kCACVG,eADU;AAEba,MAAAA,OAAO,EAAErB;AAFI;AALjB,KADF;AAYD;AAEDC,mBAAmB,CAACqB,YAApB,GAAmC;AACjCnB,EAAAA,MAAM,EAAE,kBAAM,EADmB;AAEjCE,EAAAA,OAAO,EAAE,mBAAM,EAFkB;AAGjCE,EAAAA,IAAI,EAAE,IAH2B;AAIjCC,EAAAA,eAAe,EAAE;AAJgB,CAAnC;AAOAP,mBAAmB,CAACsB,SAApB,GAAgC;AAC9BpB,EAAAA,MAAM,EAAEqB,SAAS,CAACC,IADY;AAE9BpB,EAAAA,OAAO,EAAEmB,SAAS,CAACC,IAFW;AAG9BlB,EAAAA,IAAI,EAAEiB,SAAS,CAACE,IAHc;AAI9BlB,EAAAA,eAAe,EAAEgB,SAAS,CAACG,KAAV,CAAgB,EAAhB;AAJa,CAAhC;;;;"}

package/components/Tooltip/Tooltip.js

@@ -1 +1,17 @@
-import r from"@babel/runtime/helpers/defineProperty";import{Tooltip as e}from"@material-ui/core";import{useIsInsideDcApp as t}from"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{MuiTooltipDcWrapper as o}from"./MuiTooltipDcWrapper.js";import{jsx as n}from"react/jsx-runtime";function p(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function i(i){var c=t();return n(c?o:e,function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?p(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}({},i))}export{i as Tooltip};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
+import { Tooltip as Tooltip$1 } from '@material-ui/core';
+import { useIsInsideDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import { MuiTooltipDcWrapper } from './MuiTooltipDcWrapper.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; }
+function Tooltip(props) {
+  var isInsideDcApp = useIsInsideDcApp();
+  var TooltipComponent = isInsideDcApp ? MuiTooltipDcWrapper : Tooltip$1;
+  return /*#__PURE__*/jsx(TooltipComponent, _objectSpread({}, props));
+}
+
+export { Tooltip };
+//# sourceMappingURL=Tooltip.js.map

package/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.js"],"sourcesContent":["import { Tooltip as MuiTooltip } from '@material-ui/core';\n\nimport { useIsInsideDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider';\nimport { MuiTooltipDcWrapper } from './MuiTooltipDcWrapper';\n\nexport function Tooltip(props) {\n  const isInsideDcApp = useIsInsideDcApp();\n\n  const TooltipComponent = isInsideDcApp ? MuiTooltipDcWrapper : MuiTooltip;\n\n  return <TooltipComponent {...props} />;\n}\n"],"names":["Tooltip","props","isInsideDcApp","useIsInsideDcApp","TooltipComponent","MuiTooltipDcWrapper","MuiTooltip","_jsx"],"mappings":";;;;;;;;;AAKO,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;AAC7B,MAAMC,aAAa,GAAGC,gBAAgB,EAAtC;AAEA,MAAMC,gBAAgB,GAAGF,aAAa,GAAGG,mBAAH,GAAyBC,SAA/D;AAEA,sBAAOC,IAAC,gBAAD,oBAAsBN,KAAtB,EAAP;AACD;;;;"}

package/components/TracesEditModal/TracesEditModal.css.js

@@ -1 +1,8 @@
-import a from'./../../ext-esm/style-inject/dist/style-inject.es.js';var d={modal:"TracesEditModal_modal__5HWx8",modalFieldLabel:"TracesEditModal_modalFieldLabel__cOP-S",modalPostInput:"TracesEditModal_modalPostInput__yT1sN",modalDateInput:"TracesEditModal_modalDateInput__uAfso"};a(".TracesEditModal_modal__5HWx8{max-width:450px;width:100vw}.TracesEditModal_modalFieldLabel__cOP-S{color:#bdbdbd;font-size:.75rem;margin-bottom:4px}.TracesEditModal_modalPostInput__yT1sN{margin-bottom:24px;margin-top:14px}.TracesEditModal_modalDateInput__uAfso{max-width:200px}.TracesEditModal_modalDateInput__uAfso .MuiInput-root{padding-bottom:5px}");export{d as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".TracesEditModal_modal__3ybge {\n  max-width: 450px;\n  width: 100vw;\n}\n\n.TracesEditModal_modalFieldLabel__ShM_l {\n  color: #bdbdbd;\n  margin-bottom: 4px;\n  font-size: 0.75rem;\n}\n\n.TracesEditModal_modalPostInput__2AFaY {\n  margin-top: 14px;\n  margin-bottom: 24px;\n}\n\n.TracesEditModal_modalDateInput__3522Q {\n  max-width: 200px;\n}\n\n.TracesEditModal_modalDateInput__3522Q .MuiInput-root {\n  padding-bottom: 5px;\n}\n";
+var styles = {"modal":"TracesEditModal_modal__3ybge","modalFieldLabel":"TracesEditModal_modalFieldLabel__ShM_l","modalPostInput":"TracesEditModal_modalPostInput__2AFaY","modalDateInput":"TracesEditModal_modalDateInput__3522Q"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=TracesEditModal.css.js.map

package/components/TracesEditModal/TracesEditModal.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;"}