@corva/ui 0.58.0-5 → 0.58.0-6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs-bundle/components/Notifications/Toast.js +1 -1
- package/cjs-bundle/components/Notifications/Toast.styles.js +1 -1
- package/cjs-bundle/components/StatusBadge/components/ReportIssueModal.js +1 -1
- package/cjs-bundle/components/StatusBadge/index.js +1 -1
- package/cjs-bundle/effects/useMatchAppContainerSize.js +1 -1
- package/components/Notifications/Toast.js +1 -1
- package/components/Notifications/Toast.styles.d.ts.map +1 -1
- package/components/Notifications/Toast.styles.js +1 -1
- package/components/StatusBadge/components/ReportIssueModal.d.ts +7 -2
- package/components/StatusBadge/components/ReportIssueModal.d.ts.map +1 -1
- package/components/StatusBadge/components/ReportIssueModal.js +1 -1
- package/components/StatusBadge/index.d.ts +1 -1
- package/components/StatusBadge/index.d.ts.map +1 -1
- package/components/StatusBadge/index.js +1 -1
- package/effects/useMatchAppContainerSize.d.ts.map +1 -1
- package/effects/useMatchAppContainerSize.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),t=require("react"),i=require("classnames"),a=require("lodash"),o=require("@material-ui/core"),n=require("@material-ui/icons"),r=require("../IconButton/index.js"),l=require("../../constants/notifications.js"),c=require("./Toast.styles.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,_=u(i),m="NotificationPopup",p=((d={})[l.NOTIFICATION_VARIANTS.success]=n.CheckCircleOutline,d[l.NOTIFICATION_VARIANTS.warning]=n.ReportProblemOutlined,d[l.NOTIFICATION_VARIANTS.error]=n.ReportOutlined,d[l.NOTIFICATION_VARIANTS.info]=n.InfoOutlined,d[l.NOTIFICATION_VARIANTS.neutral]=n.Check,d);exports.PAGE_NAME=m,exports.Toast=function(i){var u=i.onDismissClick,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),t=require("react"),i=require("classnames"),a=require("lodash"),o=require("@material-ui/core"),n=require("@material-ui/icons"),r=require("../IconButton/index.js"),l=require("../../constants/notifications.js"),c=require("./Toast.styles.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,_=u(i),m="NotificationPopup",p=((d={})[l.NOTIFICATION_VARIANTS.success]=n.CheckCircleOutline,d[l.NOTIFICATION_VARIANTS.warning]=n.ReportProblemOutlined,d[l.NOTIFICATION_VARIANTS.error]=n.ReportOutlined,d[l.NOTIFICATION_VARIANTS.info]=n.InfoOutlined,d[l.NOTIFICATION_VARIANTS.neutral]=n.Check,d);exports.PAGE_NAME=m,exports.Toast=function(i){var u,d=i.onDismissClick,N=i.toast,f=e.__rest(i,["onDismissClick","toast"]),I=N.alertLevel,T=N.autoHideDuration,C=void 0===T?3e3:T,g=N.content,h=N.hideIcon,j=N.icon,v=N.id,A=N.onClick,x=void 0===A?a.noop:A,O=N.onClose,b=void 0===O?a.noop:O,y=N.timestamp,k=N.title,q=N.tooltipProps,R=N.variant,S=void 0===R?"info":R;t.useEffect((function(){var e=setTimeout((function(){return d(v)}),C);return function(){return clearTimeout(e)}}),[]);var F=c.useStyles(),P=p[S];return s.jsx(o.Grow,e.__assign({appear:!0,in:!0},{children:s.jsx(o.SnackbarContent,e.__assign({classes:{root:_.default(F.main,!I&&F[S],I&&F.alertNotification,I&&F["alertLevels-".concat(I)]),action:F.actionContainer,message:F.messageContainer},"aria-describedby":"client-snackbar",message:s.jsx(o.Tooltip,e.__assign({},q,{title:g,classes:{tooltip:F.tooltip},placement:"bottom"},{children:s.jsxs("div",e.__assign({id:"client-snackbar",className:F.messageWrapper,onClick:x,"data-testid":"".concat(m,"_status_").concat(l.NOTIFICATION_VARIANTS[S])},{children:[!h&&s.jsx("div",e.__assign({className:F.iconWrapper},{children:j?t.cloneElement(j,{className:F.icon,nativeColor:"#fff"}):s.jsx(P,{htmlColor:"#fff",className:F.icon})})),s.jsxs("div",e.__assign({className:F.message},{children:[s.jsxs("div",e.__assign({className:F.messageTop},{children:[k&&s.jsx(o.Typography,e.__assign({"data-testid":"".concat(m,"_title"),variant:"subtitle2",className:_.default(F.title,(u={},u[F.alertTitle]=I,u))},{children:k})),y&&s.jsx(o.Typography,e.__assign({className:_.default(F.timestamp,!I&&F[S])},{children:y}))]})),s.jsx("div",e.__assign({className:_.default(F.messageContent,!I&&F[S])},{children:s.jsx(o.Typography,e.__assign({"data-testid":"".concat(m,"_content"),className:_.default(I?F.alertContent:F.content)},{children:g}))}))]}))]}))})),action:[s.jsx(r,e.__assign({"data-testid":"".concat(m,"_closeButton"),"aria-label":"Close",color:"inherit",onClick:function(){b(),d(v)},size:"small",tooltipProps:{title:"Close",classes:{tooltip:F.tooltip}},className:F.closeIconButton},{children:s.jsx(n.Close,{className:F.closeIcon,htmlColor:I?"#000":"#fff"})}),"close")]},f))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@material-ui/core").makeStyles((function(e){return{main:{width:443,height:48,maxWidth:"85vw",display:"flex",flexWrap:"nowrap",alignItems:"center",padding:0,marginBottom:e.spacing(2)},success:{backgroundColor:e.palette.success.main},error:{backgroundColor:e.palette.error.main},warning:{backgroundColor:e.palette.warning.main,"& .MuiSvgIcon-root":{color:e.palette.background.b7},"& p":{color:e.palette.background.b7}},info:{backgroundColor:e.palette.info.main},neutral:{backgroundColor:e.palette.background.b9,"& .MuiSvgIcon-root":{color:e.palette.primary.text7}},title:{color:e.palette.grey[600],fontWeight:400},content:{fontSize:"14px",lineHeight:"16px",color:e.palette.primary.contrastText,fontWeight:500,whiteSpace:"normal",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":2,height:"fit-content",display:"-webkit-box",flexDirection:"column",justifyContent:"center"},iconWrapper:{display:"flex",alignSelf:"center",alignItems:"center",height:35,padding:"0px 10px 0 18px"},icon:{width:20,height:20,transform:"scale(1.2)"},closeIconButton:{"&.MuiButtonBase-root":{color:e.palette.primary.contrastText,padding:11,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.2)"},"&:active":{backgroundColor:"rgba(255, 255, 255, 0.4)"}}},closeIcon:{width:14,height:14,"&.MuiSvgIcon-root":{fontSize:14,transform:"scale(1.715)"}},messageContainer:{overflowX:"hidden",flex:1},messageWrapper:{display:"flex"},message:{display:"flex",flex:1,alignItems:"center",minHeight:35,height:"100%",overflowY:"hidden",justifyContent:"center",flexDirection:"column"},messageTop:{display:"flex",justifyContent:"space-between",overflowX:"hidden",textOverflow:"ellipsis",width:"100%"},messageContent:{overflowX:"hidden",textOverflow:"ellipsis",width:"100%"},timestamp:{marginLeft:10,alignSelf:"flex-end"},actionContainer:{paddingLeft:"8px",marginRight:"16px"},alertNotification:{paddingLeft:12,backgroundColor:e.palette.background.paper,height:"unset"},"alertLevels-info":{borderLeft:"15px solid rgb(119, 195, 241)"},"alertLevels-warning":{borderLeft:"15px solid rgb(242, 192, 70)"},"alertLevels-critical":{borderLeft:"15px solid rgb(237, 70, 48)"},tooltip:{marginTop:8,color:e.palette.primary.contrastText}}}));exports.useStyles=e;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@material-ui/core").makeStyles((function(e){return{main:{width:443,height:48,maxWidth:"85vw",display:"flex",flexWrap:"nowrap",alignItems:"center",padding:0,marginBottom:e.spacing(2)},success:{backgroundColor:e.palette.success.main},error:{backgroundColor:e.palette.error.main},warning:{backgroundColor:e.palette.warning.main,"& .MuiSvgIcon-root":{color:e.palette.background.b7},"& p":{color:e.palette.background.b7}},info:{backgroundColor:e.palette.info.main},neutral:{backgroundColor:e.palette.background.b9,"& .MuiSvgIcon-root":{color:e.palette.primary.text7}},title:{color:e.palette.grey[600],fontWeight:400},alertTitle:{color:e.palette.primary.contrastText},content:{fontSize:"14px",lineHeight:"16px",color:e.palette.primary.contrastText,fontWeight:500,whiteSpace:"normal",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":2,height:"fit-content",display:"-webkit-box",flexDirection:"column",justifyContent:"center"},alertContent:{color:"#CCCCCC"},iconWrapper:{display:"flex",alignSelf:"center",alignItems:"center",height:35,padding:"0px 10px 0 18px"},icon:{width:20,height:20,transform:"scale(1.2)"},closeIconButton:{"&.MuiButtonBase-root":{color:e.palette.primary.contrastText,padding:11,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.2)"},"&:active":{backgroundColor:"rgba(255, 255, 255, 0.4)"}}},closeIcon:{width:14,height:14,"&.MuiSvgIcon-root":{fontSize:14,transform:"scale(1.715)"}},messageContainer:{overflowX:"hidden",flex:1},messageWrapper:{display:"flex"},message:{display:"flex",flex:1,alignItems:"center",minHeight:35,height:"100%",overflowY:"hidden",justifyContent:"center",flexDirection:"column"},messageTop:{display:"flex",justifyContent:"space-between",overflowX:"hidden",textOverflow:"ellipsis",width:"100%"},messageContent:{overflowX:"hidden",textOverflow:"ellipsis",width:"100%"},timestamp:{marginLeft:10,alignSelf:"flex-end"},actionContainer:{paddingLeft:"8px",marginRight:"16px"},alertNotification:{paddingLeft:12,backgroundColor:e.palette.background.paper,height:"unset"},"alertLevels-info":{borderLeft:"15px solid rgb(119, 195, 241)"},"alertLevels-warning":{borderLeft:"15px solid rgb(242, 192, 70)"},"alertLevels-critical":{borderLeft:"15px solid rgb(237, 70, 48)"},tooltip:{marginTop:8,color:e.palette.primary.contrastText}}}));exports.useStyles=e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),t=require("react"),i=require("@material-ui/core"),a=require("../../Modal/Modal.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),t=require("react"),i=require("@material-ui/core"),a=require("../../Modal/Modal.js"),n=require("../../Button/index.js"),s=require("../../Select/index.js"),o=require("../../Search/utils/truncate.js"),l=i.makeStyles((function(e){return{container:{width:472,color:e.palette.primary.text6,display:"flex",flexDirection:"column",gap:16},helpText:{fontSize:16,lineHeight:"22px"},clearAllButton:{margin:"0 16px 0 auto"},textField:{"& .MuiInput-formControl":{marginTop:8}},popover:{marginTop:8,maxHeight:500,width:"100%"}}}));exports.ReportIssueModal=function(u){var c=u.assets,d=u.open,m=u.onSave,p=u.onClose,x=l(),h=t.useState(""),g=h[0],v=h[1],_=t.useState(""),j=_[0],f=_[1],C=c.length>1;return r.jsx(a,e.__assign({open:d,onClose:p,title:"Report Data Quality Issue",actions:r.jsxs(r.Fragment,{children:[r.jsx(n,e.__assign({color:"primary",className:x.clearAllButton,onClick:p},{children:"Cancel"})),r.jsx(n,e.__assign({disabled:!g||C&&!j,onClick:function(){m(g,j),v(""),f(""),C||p()},variation:"primary"},{children:"report data issue"}))]})},{children:r.jsxs("div",e.__assign({className:x.container},{children:[r.jsx("div",e.__assign({className:x.helpText},{children:"All issues are submitted to the Corva’s 24/7 Fusion data quality team for immediate review and remediation."})),C&&r.jsx(s,e.__assign({MenuProps:{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},PopoverClasses:{root:x.popover}},label:"Select Asset",onChange:function(e){return f(e.target.value)},value:j},{children:c.map((function(t){return r.jsx(i.MenuItem,e.__assign({value:t.id},{children:o.truncateString(t.name,{maxChars:50,charsNumFromStart:26,charsNumFromEnd:24})}),t.id)}))})),r.jsx(i.TextField,{className:x.textField,multiline:!0,rows:1,rowsMax:4,label:"Error Description",onChange:function(e){return v(e.target.value)},value:g})]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),a=require("react"),n=require("moment"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),a=require("react"),n=require("moment"),s=require("classnames"),r=require("@material-ui/core"),o=require("../Tooltip/Tooltip.js");require("../Tooltip/ScrollableTooltip.js");var i=require("./constants.js"),c=require("./components/DQStatusIcon.js"),p=require("./components/DQUnvalidatedContent.js"),l=require("./components/ReportIssueModal.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(n),g=d(s),x=r.makeStyles((function(e){return{statusBadgeWrapper:{backgroundColor:e.palette.background.b4,display:"flex",height:30},statusBadgeContent:{display:"flex",padding:function(e){var t=e.isSuccessTypeIcon,a=e.isErrorTypeIcon;return"12px 0 2px ".concat(t||a?6:2,"px")},whiteSpace:"nowrap",width:"calc(100% - 140px)"},text:{fontSize:"10px",lineHeight:"12px",alignSelf:"center"},timestamp:{color:e.palette.primary.text6,marginLeft:function(e){return e.isIconExist&&4}},warningMessage:{color:e.palette.primary.text1,marginLeft:4,textOverflow:"ellipsis",overflow:"hidden",fontSize:"12px"},badgeIconWarning:{marginLeft:8},popper:{"& .MuiTooltip-tooltip":{position:"absolute",bottom:0,width:"max-content",transformOrigin:"center top",maxWidth:"none",padding:4,fontSize:12,boxShadow:"0px 0px 4px 2px rgb(0 0 0 / 12%)",fontWeight:400,lineHeight:"16px",letterSpacing:"0.4px",backgroundColor:e.palette.background.b9}},DQIconWrapper:{display:"flex",alignItems:"center",alignSelf:"center",justifyContent:"center",height:24,width:24,borderRadius:12,"&:hover":{backgroundColor:function(e){var t=e.isErrorTypeIcon,a=e.isSuccessTypeIcon;return t?"rgba(244, 67, 54, 0.1)":a?"rgba(117, 219, 41, 0.2)":"transparent"}}}}}));exports.StatusBadge=function(n){var s=n.assetsData,d=void 0===s?{}:s,m=n.appWidth,_=n.DQIssueTooltipMaxHeight,f=n.iconType,S=n.className,h=n.lastTimestamp,I=n.onReportErrorClick,T=n.warningData,b=a.useState(!1),y=b[0],j=b[1],v=null==T?void 0:T.message,D=f==i.BADGE_ICON_STATUSES.error,N=f==i.BADGE_ICON_STATUSES.success,C=m<i.MAX_MOBILE_WIDTH,E=x({isIconExist:!!f,isSuccessTypeIcon:N,isErrorTypeIcon:D});return t.jsxs("div",e.__assign({"data-testid":"Status_badge",className:g.default(E.statusBadgeWrapper,S)},{children:[t.jsxs("div",e.__assign({className:E.statusBadgeContent},{children:[f&&t.jsx(o.Tooltip,e.__assign({leaveDelay:200,interactive:!0,PopperProps:{className:E.popper},placement:"top-start",title:t.jsx(p.DQUnvalidatedContent,{assetsData:d,maxHeight:_,onClick:function(){return j(!0)}})},{children:t.jsx("div",e.__assign({className:E.DQIconWrapper,"data-testid":"".concat("Status_badge","__DQ_icon_").concat(f)},{children:t.jsx(c.DQStatusIcon,{color:f,iconType:f})}))})),h&&t.jsxs(r.Typography,e.__assign({className:g.default(E.text,E.timestamp),variant:"body1"},{children:["Last Update: ",u.default.unix(h).format("M/D/YYYY h:mm a")]})),T&&t.jsxs(t.Fragment,{children:[t.jsx(o.Tooltip,e.__assign({placement:"top",title:v?"".concat(i.WARNING,". ").concat(v):i.WARNING},{children:t.jsx("div",e.__assign({"data-testid":"".concat("Status_badge","__DQ_icon_warning")},{children:t.jsx(c.DQStatusIcon,{className:E.badgeIconWarning,color:i.BADGE_ICON_STATUSES.warning,iconType:i.BADGE_ICON_STATUSES.warning})}))})),!C&&t.jsx(r.Typography,e.__assign({className:g.default(E.text,E.warningMessage),variant:"body1"},{children:v?"".concat(i.WARNING,". ").concat(v):i.WARNING}))]})]})),t.jsx(l.ReportIssueModal,{assets:Object.keys(d).map((function(e){return{name:e,id:d[e][0].alert.assetId}})),open:y,onSave:I,onClose:function(){return j(!1)}})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("lodash"),t=require("../components/DevCenter/IsolatedDevCenterAppContainer/constants.js"),r=function(){var e;return null===(e=document.getElementById(t.ISOLATED_PAGE_APP_CONTAINER_ID))||void 0===e?void 0:e.firstElementChild};exports.useMatchAppContainerSize=function(i){var o=void 0===i?{}:i,u=o.width,l=o.height,a=e.useRef(r()),c=function(){var e,n=null===(e=a.current)||void 0===e?void 0:e.getBoundingClientRect();if(!n)return console.error("#".concat(t.ISOLATED_PAGE_APP_CONTAINER_ID,' component is not available. Check if you are not using "useMatchAppContainerSize" hook outside of DC app')),null;var r="number"!=typeof(null==u?void 0:u.min)||u.min<n.width,i="number"!=typeof(null==u?void 0:u.max)||u.max>n.width,o="number"!=typeof(null==l?void 0:l.min)||l.min<n.height,c="number"!=typeof(null==l?void 0:l.max)||l.max>n.height;return r&&i&&o&&c},s=e.useState(a.current?c():null),d=s[0],f=s[1],v=e.useCallback(n.throttle((function(){return f(c())}),200),[u,l]);return e.useEffect((function(){a.current||(a.current=r(),f(c()))}),[]),e.useEffect((function(){return window.addEventListener("resize",v),function(){window.removeEventListener("resize",v)}}),[]),d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as t,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useEffect as a,cloneElement as s}from"react";import n from"classnames";import{noop as c}from"lodash";import{Grow as r,SnackbarContent as l,Tooltip as m,Typography as d}from"@material-ui/core";import{CheckCircleOutline as p,ReportProblemOutlined as f,ReportOutlined as u,InfoOutlined as v,Check as h,Close as C}from"@material-ui/icons";import N from"../IconButton/index.js";import{NOTIFICATION_VARIANTS as b}from"../../constants/notifications.js";import{useStyles as g}from"./Toast.styles.js";var k,_="NotificationPopup",j=((k={})[b.success]=p,k[b.warning]=f,k[b.error]=u,k[b.info]=v,k[b.neutral]=h,k),
|
|
1
|
+
import{__rest as t,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useEffect as a,cloneElement as s}from"react";import n from"classnames";import{noop as c}from"lodash";import{Grow as r,SnackbarContent as l,Tooltip as m,Typography as d}from"@material-ui/core";import{CheckCircleOutline as p,ReportProblemOutlined as f,ReportOutlined as u,InfoOutlined as v,Check as h,Close as C}from"@material-ui/icons";import N from"../IconButton/index.js";import{NOTIFICATION_VARIANTS as b}from"../../constants/notifications.js";import{useStyles as g}from"./Toast.styles.js";var k,_="NotificationPopup",j=((k={})[b.success]=p,k[b.warning]=f,k[b.error]=u,k[b.info]=v,k[b.neutral]=h,k),T=function(p){var f,u=p.onDismissClick,v=p.toast,h=t(p,["onDismissClick","toast"]),k=v.alertLevel,T=v.autoHideDuration,I=void 0===T?3e3:T,x=v.content,B=v.hideIcon,D=v.icon,P=v.id,y=v.onClick,L=void 0===y?c:y,W=v.onClose,w=void 0===W?c:W,z=v.timestamp,H=v.title,q=v.tooltipProps,A=v.variant,E=void 0===A?"info":A;a((function(){var t=setTimeout((function(){return u(P)}),I);return function(){return clearTimeout(t)}}),[]);var F=g(),G=j[E];return e(r,o({appear:!0,in:!0},{children:e(l,o({classes:{root:n(F.main,!k&&F[E],k&&F.alertNotification,k&&F["alertLevels-".concat(k)]),action:F.actionContainer,message:F.messageContainer},"aria-describedby":"client-snackbar",message:e(m,o({},q,{title:x,classes:{tooltip:F.tooltip},placement:"bottom"},{children:i("div",o({id:"client-snackbar",className:F.messageWrapper,onClick:L,"data-testid":"".concat(_,"_status_").concat(b[E])},{children:[!B&&e("div",o({className:F.iconWrapper},{children:D?s(D,{className:F.icon,nativeColor:"#fff"}):e(G,{htmlColor:"#fff",className:F.icon})})),i("div",o({className:F.message},{children:[i("div",o({className:F.messageTop},{children:[H&&e(d,o({"data-testid":"".concat(_,"_title"),variant:"subtitle2",className:n(F.title,(f={},f[F.alertTitle]=k,f))},{children:H})),z&&e(d,o({className:n(F.timestamp,!k&&F[E])},{children:z}))]})),e("div",o({className:n(F.messageContent,!k&&F[E])},{children:e(d,o({"data-testid":"".concat(_,"_content"),className:n(k?F.alertContent:F.content)},{children:x}))}))]}))]}))})),action:[e(N,o({"data-testid":"".concat(_,"_closeButton"),"aria-label":"Close",color:"inherit",onClick:function(){w(),u(P)},size:"small",tooltipProps:{title:"Close",classes:{tooltip:F.tooltip}},className:F.closeIconButton},{children:e(C,{className:F.closeIcon,htmlColor:k?"#000":"#fff"})}),"close")]},h))}))};export{_ as PAGE_NAME,T as Toast};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/Toast.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/Toast.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,qEA6InB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{main:{width:443,height:48,maxWidth:"85vw",display:"flex",flexWrap:"nowrap",alignItems:"center",padding:0,marginBottom:e.spacing(2)},success:{backgroundColor:e.palette.success.main},error:{backgroundColor:e.palette.error.main},warning:{backgroundColor:e.palette.warning.main,"& .MuiSvgIcon-root":{color:e.palette.background.b7},"& p":{color:e.palette.background.b7}},info:{backgroundColor:e.palette.info.main},neutral:{backgroundColor:e.palette.background.b9,"& .MuiSvgIcon-root":{color:e.palette.primary.text7}},title:{color:e.palette.grey[600],fontWeight:400},content:{fontSize:"14px",lineHeight:"16px",color:e.palette.primary.contrastText,fontWeight:500,whiteSpace:"normal",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":2,height:"fit-content",display:"-webkit-box",flexDirection:"column",justifyContent:"center"},iconWrapper:{display:"flex",alignSelf:"center",alignItems:"center",height:35,padding:"0px 10px 0 18px"},icon:{width:20,height:20,transform:"scale(1.2)"},closeIconButton:{"&.MuiButtonBase-root":{color:e.palette.primary.contrastText,padding:11,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.2)"},"&:active":{backgroundColor:"rgba(255, 255, 255, 0.4)"}}},closeIcon:{width:14,height:14,"&.MuiSvgIcon-root":{fontSize:14,transform:"scale(1.715)"}},messageContainer:{overflowX:"hidden",flex:1},messageWrapper:{display:"flex"},message:{display:"flex",flex:1,alignItems:"center",minHeight:35,height:"100%",overflowY:"hidden",justifyContent:"center",flexDirection:"column"},messageTop:{display:"flex",justifyContent:"space-between",overflowX:"hidden",textOverflow:"ellipsis",width:"100%"},messageContent:{overflowX:"hidden",textOverflow:"ellipsis",width:"100%"},timestamp:{marginLeft:10,alignSelf:"flex-end"},actionContainer:{paddingLeft:"8px",marginRight:"16px"},alertNotification:{paddingLeft:12,backgroundColor:e.palette.background.paper,height:"unset"},"alertLevels-info":{borderLeft:"15px solid rgb(119, 195, 241)"},"alertLevels-warning":{borderLeft:"15px solid rgb(242, 192, 70)"},"alertLevels-critical":{borderLeft:"15px solid rgb(237, 70, 48)"},tooltip:{marginTop:8,color:e.palette.primary.contrastText}}}));export{t as useStyles};
|
|
1
|
+
import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{main:{width:443,height:48,maxWidth:"85vw",display:"flex",flexWrap:"nowrap",alignItems:"center",padding:0,marginBottom:e.spacing(2)},success:{backgroundColor:e.palette.success.main},error:{backgroundColor:e.palette.error.main},warning:{backgroundColor:e.palette.warning.main,"& .MuiSvgIcon-root":{color:e.palette.background.b7},"& p":{color:e.palette.background.b7}},info:{backgroundColor:e.palette.info.main},neutral:{backgroundColor:e.palette.background.b9,"& .MuiSvgIcon-root":{color:e.palette.primary.text7}},title:{color:e.palette.grey[600],fontWeight:400},alertTitle:{color:e.palette.primary.contrastText},content:{fontSize:"14px",lineHeight:"16px",color:e.palette.primary.contrastText,fontWeight:500,whiteSpace:"normal",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":2,height:"fit-content",display:"-webkit-box",flexDirection:"column",justifyContent:"center"},alertContent:{color:"#CCCCCC"},iconWrapper:{display:"flex",alignSelf:"center",alignItems:"center",height:35,padding:"0px 10px 0 18px"},icon:{width:20,height:20,transform:"scale(1.2)"},closeIconButton:{"&.MuiButtonBase-root":{color:e.palette.primary.contrastText,padding:11,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.2)"},"&:active":{backgroundColor:"rgba(255, 255, 255, 0.4)"}}},closeIcon:{width:14,height:14,"&.MuiSvgIcon-root":{fontSize:14,transform:"scale(1.715)"}},messageContainer:{overflowX:"hidden",flex:1},messageWrapper:{display:"flex"},message:{display:"flex",flex:1,alignItems:"center",minHeight:35,height:"100%",overflowY:"hidden",justifyContent:"center",flexDirection:"column"},messageTop:{display:"flex",justifyContent:"space-between",overflowX:"hidden",textOverflow:"ellipsis",width:"100%"},messageContent:{overflowX:"hidden",textOverflow:"ellipsis",width:"100%"},timestamp:{marginLeft:10,alignSelf:"flex-end"},actionContainer:{paddingLeft:"8px",marginRight:"16px"},alertNotification:{paddingLeft:12,backgroundColor:e.palette.background.paper,height:"unset"},"alertLevels-info":{borderLeft:"15px solid rgb(119, 195, 241)"},"alertLevels-warning":{borderLeft:"15px solid rgb(242, 192, 70)"},"alertLevels-critical":{borderLeft:"15px solid rgb(237, 70, 48)"},tooltip:{marginTop:8,color:e.palette.primary.contrastText}}}));export{t as useStyles};
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
declare type Asset = {
|
|
3
|
+
name: string;
|
|
4
|
+
id: number;
|
|
5
|
+
};
|
|
2
6
|
declare type ReportIssueModalProps = {
|
|
3
7
|
open: boolean;
|
|
4
|
-
onSave: (description: string) => void;
|
|
8
|
+
onSave: (description: string, selectedAssetId: number) => void;
|
|
5
9
|
onClose: () => void;
|
|
10
|
+
assets?: Asset[];
|
|
6
11
|
};
|
|
7
|
-
export declare const ReportIssueModal: ({ open, onSave, onClose }: ReportIssueModalProps) => JSX.Element;
|
|
12
|
+
export declare const ReportIssueModal: ({ assets, open, onSave, onClose }: ReportIssueModalProps) => JSX.Element;
|
|
8
13
|
export {};
|
|
9
14
|
//# sourceMappingURL=ReportIssueModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReportIssueModal.d.ts","sourceRoot":"","sources":["../../../../src/components/StatusBadge/components/ReportIssueModal.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ReportIssueModal.d.ts","sourceRoot":"","sources":["../../../../src/components/StatusBadge/components/ReportIssueModal.tsx"],"names":[],"mappings":";AA0BA,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,aAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,sCAAuC,qBAAqB,KAAG,WAuE3F,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as
|
|
1
|
+
import{__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as r,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useState as i}from"react";import{makeStyles as a,MenuItem as n,TextField as l}from"@material-ui/core";import s from"../../Modal/Modal.js";import m from"../../Button/index.js";import c from"../../Select/index.js";import{truncateString as u}from"../../Search/utils/truncate.js";var p=a((function(e){return{container:{width:472,color:e.palette.primary.text6,display:"flex",flexDirection:"column",gap:16},helpText:{fontSize:16,lineHeight:"22px"},clearAllButton:{margin:"0 16px 0 auto"},textField:{"& .MuiInput-formControl":{marginTop:8}},popover:{marginTop:8,maxHeight:500,width:"100%"}}})),d=function(a){var d=a.assets,h=a.open,f=a.onSave,v=a.onClose,x=p(),g=i(""),C=g[0],b=g[1],j=i(""),y=j[0],N=j[1],S=d.length>1;return r(s,e({open:h,onClose:v,title:"Report Data Quality Issue",actions:t(o,{children:[r(m,e({color:"primary",className:x.clearAllButton,onClick:v},{children:"Cancel"})),r(m,e({disabled:!C||S&&!y,onClick:function(){f(C,y),b(""),N(""),S||v()},variation:"primary"},{children:"report data issue"}))]})},{children:t("div",e({className:x.container},{children:[r("div",e({className:x.helpText},{children:"All issues are submitted to the Corva’s 24/7 Fusion data quality team for immediate review and remediation."})),S&&r(c,e({MenuProps:{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},PopoverClasses:{root:x.popover}},label:"Select Asset",onChange:function(e){return N(e.target.value)},value:y},{children:d.map((function(t){return r(n,e({value:t.id},{children:u(t.name,{maxChars:50,charsNumFromStart:26,charsNumFromEnd:24})}),t.id)}))})),r(l,{className:x.textField,multiline:!0,rows:1,rowsMax:4,label:"Error Description",onChange:function(e){return b(e.target.value)},value:C})]}))}))};export{d as ReportIssueModal};
|
|
@@ -7,7 +7,7 @@ declare type StatusBadgeProps = {
|
|
|
7
7
|
DQIssueTooltipMaxHeight?: number;
|
|
8
8
|
iconType?: 'error' | 'success';
|
|
9
9
|
lastTimestamp: number;
|
|
10
|
-
onReportErrorClick
|
|
10
|
+
onReportErrorClick: (description: string, assetId: number) => void;
|
|
11
11
|
warningData?: Record<string, any>;
|
|
12
12
|
};
|
|
13
13
|
export declare const StatusBadge: ({ assetsData, appWidth, DQIssueTooltipMaxHeight, iconType, className, lastTimestamp, onReportErrorClick, warningData, }: StatusBadgeProps) => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAIL,SAAS,EACV,MAAM,aAAa,CAAC;AA8ErB,aAAK,gBAAgB,GAAG;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAIL,SAAS,EACV,MAAM,aAAa,CAAC;AA8ErB,aAAK,gBAAgB,GAAG;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,WAAW,4HASrB,gBAAgB,KAAG,WAwErB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as e,jsx as o,Fragment as a}from"react/jsx-runtime";import{useState as n}from"react";import r from"moment";import i from"classnames";import{makeStyles as s,Typography as c}from"@material-ui/core";import{Tooltip as p}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{WARNING as l,BADGE_ICON_STATUSES as m,MAX_MOBILE_WIDTH as d}from"./constants.js";import{DQStatusIcon as g}from"./components/DQStatusIcon.js";import{DQUnvalidatedContent as u}from"./components/DQUnvalidatedContent.js";import{ReportIssueModal as f}from"./components/ReportIssueModal.js";var x=s((function(t){return{statusBadgeWrapper:{backgroundColor:t.palette.background.b4,display:"flex",height:30},statusBadgeContent:{display:"flex",padding:function(t){var e=t.isSuccessTypeIcon,o=t.isErrorTypeIcon;return"12px 0 2px ".concat(e||o?6:2,"px")},whiteSpace:"nowrap",width:"calc(100% - 140px)"},text:{fontSize:"10px",lineHeight:"12px",alignSelf:"center"},timestamp:{color:t.palette.primary.text6,marginLeft:function(t){return t.isIconExist&&4}},warningMessage:{color:t.palette.primary.text1,marginLeft:4,textOverflow:"ellipsis",overflow:"hidden",fontSize:"12px"},badgeIconWarning:{marginLeft:8},popper:{"& .MuiTooltip-tooltip":{position:"absolute",bottom:0,width:"max-content",transformOrigin:"center top",maxWidth:"none",padding:4,fontSize:12,boxShadow:"0px 0px 4px 2px rgb(0 0 0 / 12%)",fontWeight:400,lineHeight:"16px",letterSpacing:"0.4px",backgroundColor:t.palette.background.b9}},DQIconWrapper:{display:"flex",alignItems:"center",alignSelf:"center",justifyContent:"center",height:24,width:24,borderRadius:12,"&:hover":{backgroundColor:function(t){var e=t.isErrorTypeIcon,o=t.isSuccessTypeIcon;return e?"rgba(244, 67, 54, 0.1)":o?"rgba(117, 219, 41, 0.2)":"transparent"}}}}})),h=function(s){var h=s.assetsData,b=void 0===h?{}:h,v=s.appWidth,y=s.DQIssueTooltipMaxHeight,
|
|
1
|
+
import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as e,jsx as o,Fragment as a}from"react/jsx-runtime";import{useState as n}from"react";import r from"moment";import i from"classnames";import{makeStyles as s,Typography as c}from"@material-ui/core";import{Tooltip as p}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{WARNING as l,BADGE_ICON_STATUSES as m,MAX_MOBILE_WIDTH as d}from"./constants.js";import{DQStatusIcon as g}from"./components/DQStatusIcon.js";import{DQUnvalidatedContent as u}from"./components/DQUnvalidatedContent.js";import{ReportIssueModal as f}from"./components/ReportIssueModal.js";var x=s((function(t){return{statusBadgeWrapper:{backgroundColor:t.palette.background.b4,display:"flex",height:30},statusBadgeContent:{display:"flex",padding:function(t){var e=t.isSuccessTypeIcon,o=t.isErrorTypeIcon;return"12px 0 2px ".concat(e||o?6:2,"px")},whiteSpace:"nowrap",width:"calc(100% - 140px)"},text:{fontSize:"10px",lineHeight:"12px",alignSelf:"center"},timestamp:{color:t.palette.primary.text6,marginLeft:function(t){return t.isIconExist&&4}},warningMessage:{color:t.palette.primary.text1,marginLeft:4,textOverflow:"ellipsis",overflow:"hidden",fontSize:"12px"},badgeIconWarning:{marginLeft:8},popper:{"& .MuiTooltip-tooltip":{position:"absolute",bottom:0,width:"max-content",transformOrigin:"center top",maxWidth:"none",padding:4,fontSize:12,boxShadow:"0px 0px 4px 2px rgb(0 0 0 / 12%)",fontWeight:400,lineHeight:"16px",letterSpacing:"0.4px",backgroundColor:t.palette.background.b9}},DQIconWrapper:{display:"flex",alignItems:"center",alignSelf:"center",justifyContent:"center",height:24,width:24,borderRadius:12,"&:hover":{backgroundColor:function(t){var e=t.isErrorTypeIcon,o=t.isSuccessTypeIcon;return e?"rgba(244, 67, 54, 0.1)":o?"rgba(117, 219, 41, 0.2)":"transparent"}}}}})),h=function(s){var h=s.assetsData,b=void 0===h?{}:h,v=s.appWidth,y=s.DQIssueTooltipMaxHeight,I=s.iconType,S=s.className,T=s.lastTimestamp,w=s.onReportErrorClick,D=s.warningData,_=n(!1),j=_[0],C=_[1],W=null==D?void 0:D.message,k=I==m.error,N=I==m.success,Q=v<d,E=x({isIconExist:!!I,isSuccessTypeIcon:N,isErrorTypeIcon:k});return e("div",t({"data-testid":"Status_badge",className:i(E.statusBadgeWrapper,S)},{children:[e("div",t({className:E.statusBadgeContent},{children:[I&&o(p,t({leaveDelay:200,interactive:!0,PopperProps:{className:E.popper},placement:"top-start",title:o(u,{assetsData:b,maxHeight:y,onClick:function(){return C(!0)}})},{children:o("div",t({className:E.DQIconWrapper,"data-testid":"".concat("Status_badge","__DQ_icon_").concat(I)},{children:o(g,{color:I,iconType:I})}))})),T&&e(c,t({className:i(E.text,E.timestamp),variant:"body1"},{children:["Last Update: ",r.unix(T).format("M/D/YYYY h:mm a")]})),D&&e(a,{children:[o(p,t({placement:"top",title:W?"".concat(l,". ").concat(W):l},{children:o("div",t({"data-testid":"".concat("Status_badge","__DQ_icon_warning")},{children:o(g,{className:E.badgeIconWarning,color:m.warning,iconType:m.warning})}))})),!Q&&o(c,t({className:i(E.text,E.warningMessage),variant:"body1"},{children:W?"".concat(l,". ").concat(W):l}))]})]})),o(f,{assets:Object.keys(b).map((function(t){return{name:t,id:b[t][0].alert.assetId}})),open:j,onSave:w,onClose:function(){return C(!1)}})]}))};export{h as StatusBadge};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMatchAppContainerSize.d.ts","sourceRoot":"","sources":["../../src/effects/useMatchAppContainerSize.ts"],"names":[],"mappings":"AAIA,oBAAY,4BAA4B,GAAG;IACzC,KAAK,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,MAAM,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC,CAAC;
|
|
1
|
+
{"version":3,"file":"useMatchAppContainerSize.d.ts","sourceRoot":"","sources":["../../src/effects/useMatchAppContainerSize.ts"],"names":[],"mappings":"AAIA,oBAAY,4BAA4B,GAAG;IACzC,KAAK,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,MAAM,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC,CAAC;AAOF,eAAO,MAAM,wBAAwB,uBAAuB,4BAA4B,YAiDvF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{useRef as n,useState as e,useCallback as t,useEffect as o}from"react";import{throttle as r}from"lodash";import{ISOLATED_PAGE_APP_CONTAINER_ID as i}from"../components/DevCenter/IsolatedDevCenterAppContainer/constants.js";var u=function(){var n;return null===(n=document.getElementById(i))||void 0===n?void 0:n.firstElementChild},l=function(l){var m=void 0===l?{}:l,a=m.width,d=m.height,c=n(u()),v=function(){var n,e=null===(n=c.current)||void 0===n?void 0:n.getBoundingClientRect();if(!e)return console.error("#".concat(i,' component is not available. Check if you are not using "useMatchAppContainerSize" hook outside of DC app')),null;var t="number"!=typeof(null==a?void 0:a.min)||a.min<e.width,o="number"!=typeof(null==a?void 0:a.max)||a.max>e.width,r="number"!=typeof(null==d?void 0:d.min)||d.min<e.height,u="number"!=typeof(null==d?void 0:d.max)||d.max>e.height;return t&&o&&r&&u},f=e(c.current?v():null),p=f[0],s=f[1],h=t(r((function(){return s(v())}),200),[a,d]);return o((function(){c.current||(c.current=u(),s(v()))}),[]),o((function(){return window.addEventListener("resize",h),function(){window.removeEventListener("resize",h)}}),[]),p};export{l as useMatchAppContainerSize};
|