@corva/ui 0.54.0-13 → 0.54.0-15
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/components/DevCenter/AppSettingsPopover/AppSettingsPopover.d.ts.map +1 -1
- package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js +1 -1
- package/components/StatusBadge/index.d.ts +2 -1
- package/components/StatusBadge/index.d.ts.map +1 -1
- package/components/StatusBadge/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppSettingsPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAc,YAAY,EAAqB,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"AppSettingsPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAc,YAAY,EAAqB,MAAM,mBAAmB,CAAC;AAwFhF,UAAU,uBACR,SAAQ,YAAY,EAClB,SAAS,CAAC,UAAU,CAAC,OAAO,2BAA2B,CAAC;CAAG;AAE/D,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,UAAU,EACV,GAAG,YAAY,EAChB,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAoGvC;kBA9GQ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;AAgH3B,QAAA,MAAM,2BAA2B;;;;;;;;;;;;;CAWhC,CAAC;AAaF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o,__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as i,Fragment as
|
|
1
|
+
import{__rest as o,__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as i,Fragment as a}from"react/jsx-runtime";import{useState as l}from"react";import n from"prop-types";import r from"classnames";import{makeStyles as c,useTheme as s,Popover as d}from"@material-ui/core";import{Settings as p,Close as m}from"@material-ui/icons";import{isNativeDetected as h}from"../../../utils/mobileDetect.js";import g from"../../IconButton/index.js";import u from"../../Modal/Modal.js";import b from"../../Button/index.js";var f=c((function(o){return{popoverPaper:{marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var e=o.maxHeight;return e?e-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(o.palette.background.b9,", ").concat(o.palette.background.b9," 79%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},shadow:{position:"absolute",bottom:0,width:"100%",height:16,background:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(o.palette.background.b9," 100%)")},modalRoot:{"& > div:first-child":{backgroundColor:"transparent !important"}},modalContentContainer:{height:h?"calc(100% - 16px)":"calc(100% - 126px)",maxHeight:h?"calc(100% - 16px)":"calc(100% - 126px)",maxWidth:"calc(100% - 16px)",width:"calc(100% - 16px)",marginTop:h?0:118},modalTitle:{padding:"12px 16px"},modalContent:{paddingTop:16,flexGrow:1},modalActions:{display:"flex",justifyContent:"flex-end",padding:"8px 16px"}}}));function x(n){var c,x=n.Trigger,v=n.children,C=n.defaultScrollable,T=n.header,S=n.iconSettingsProps,k=n.maxHeight,w=n.modalActions,H=n.modalProps,P=o(n,["Trigger","children","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps"]),N=l(null),y=N[0],j=N[1],A=l(!0),z=A[0],B=A[1],I=f({maxHeight:k,isScrollable:z,isNativeDetected:h}),M=s(),O=h||window.top.document.body.clientWidth<M.breakpoints.values.md,W=function(){j(null)},D=Boolean(y),E=function(o){return j(o.currentTarget)},R=w||t(b,e({variation:"secondary",onClick:W},{children:"CLOSE"}));return i(a,{children:[x?t(x,{onClick:E}):t(g,e({onClick:E,isActive:D},S,{children:t(p,{})})),!O&&i(d,e({open:D,anchorEl:y,onClose:W,anchorOrigin:{vertical:z?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},P,{classes:e(e({},null==P?void 0:P.classes),{paper:r(I.popoverPaper,z&&"scrollable",null===(c=null==P?void 0:P.classes)||void 0===c?void 0:c.paper)})},{children:[i("div",e({className:r(I.popoverHeader,z&&"scrollable")},{children:[t("div",e({className:I.headerTitle},{children:T})),t(g,e({tooltipProps:{title:"Close"},onClick:W},{children:t(m,{})}))]})),t("div",e({className:r(I.popoverContentContainer,z&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!C&&B(!1)}},{children:t("div",e({className:I.popoverContent},{children:v}))})),t("div",{className:I.shadow})]})),O&&t(u,e({actions:R,actionsClassName:I.modalActions,contentClassName:I.modalContent,contentContainerClassName:I.modalContentContainer,rootClassName:I.modalRoot,isMobile:!1,isNative:!1,modalTitleClassName:I.modalTitle,onClose:W,open:D,stickyFooter:!0,title:T},H,{children:v}))]})}var v={Trigger:n.element,iconSettingsProps:n.shape({iconSize:n.string,tooltipProps:n.shape({title:n.string})}),defaultScrollable:n.bool,maxHeight:n.number,header:n.string,modalActions:n.node,modalProps:n.any};x.propTypes=v,x.defaultProps={defaultScrollable:!1,header:"Settings",iconSettingsProps:{iconSize:"small"},maxHeight:null,modalActions:null,modalProps:{}};export{x as default};
|
|
@@ -3,10 +3,11 @@ import { BadgeIconStatus, AssetData } from '~/components/StatusBadge/constants';
|
|
|
3
3
|
declare type StatusBadgeProps = {
|
|
4
4
|
assetsData?: AssetData[];
|
|
5
5
|
appWidth: number;
|
|
6
|
+
className?: string;
|
|
6
7
|
iconType?: BadgeIconStatus;
|
|
7
8
|
lastTimestamp: number;
|
|
8
9
|
warningMessage?: string;
|
|
9
10
|
};
|
|
10
|
-
export declare const StatusBadge: ({ assetsData, appWidth, iconType, lastTimestamp, warningMessage, }: StatusBadgeProps) => JSX.Element;
|
|
11
|
+
export declare const StatusBadge: ({ assetsData, appWidth, iconType, className, lastTimestamp, warningMessage, }: StatusBadgeProps) => JSX.Element;
|
|
11
12
|
export {};
|
|
12
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAML,eAAe,EACf,SAAS,EACV,MAAM,oCAAoC,CAAC;AA2D5C,aAAK,gBAAgB,GAAG;IACtB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAML,eAAe,EACf,SAAS,EACV,MAAM,oCAAoC,CAAC;AA2D5C,aAAK,gBAAgB,GAAG;IACtB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,kFAOrB,gBAAgB,KAAG,WA+CrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as
|
|
1
|
+
import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as a}from"react/jsx-runtime";import i from"moment";import n from"classnames";import{makeStyles as o,Typography as r}from"@material-ui/core";import{Tooltip as p}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{TOOLTIPS as s,WARNING as l,ICON_SIZE as c,BADGE_ICON_STATUSES as m,MAX_MOBILE_WIDTH as d}from"./constants.js";import{DQStatusIcon as g}from"./DQStatusIcon.js";import{DQUnvalidatedContent as f}from"./DQUnvalidatedContent.js";var u=o((function(t){return{statusBadgeWrapper:{backgroundColor:t.palette.background.b4,display:"flex",height:30},statusBadgeContent:{display:"flex",flexDirection:function(t){return t.isWarningTypeIcon?"row-reverse":"initial"},justifyContent:function(t){return t.isWarningTypeIcon&&"flex-end"},padding:"12px 0 2px 2px",whiteSpace:"nowrap",width:"calc(100% - 140px)"},text:{fontSize:"10px",lineHeight:"12px",alignSelf:"center"},timestamp:{color:t.palette.primary.text6,marginLeft:function(t){var e=t.isWarningTypeIcon,a=t.isIconType;return!e&&a&&8}},warningMessage:{color:t.palette.primary.text1,marginLeft:4,textOverflow:"ellipsis",overflow:"hidden",fontSize:"12px"},badgeIconWarning:{marginLeft:8},popper:function(e){return{"& .MuiTooltip-tooltip":{maxWidth:455,width:e.isScrollable?455:439,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}}}}})),x=function(o){var x,h=o.assetsData,b=void 0===h?[]:h,v=o.appWidth,y=o.iconType,T=o.className,w=o.lastTimestamp,S=o.warningMessage,W=y==m.warning,I=y==m.error,j=v<d,N=u({isWarningTypeIcon:W,isIconType:!!y,isScrollable:(null==b?void 0:b.length)>5}),C=s[y];return W&&S&&(C="".concat(s[y],". ").concat(S)),I&&(C=e(f,{assetsData:b})),e("div",t({className:n(N.statusBadgeWrapper,T)},{children:a("div",t({className:N.statusBadgeContent},{children:[W&&!j&&e(r,t({className:n(N.text,N.warningMessage),variant:"body1"},{children:S?"".concat(l,". ").concat(S):l})),y&&e(p,t({interactive:I,PopperProps:I&&{className:N.popper},placement:"top",title:C},{children:e("div",{children:e(g,{className:n((x={},x[N.badgeIconWarning]=W,x)),color:y,iconType:y,size:c.small})})})),a(r,t({className:n(N.text,N.timestamp),variant:"body1"},{children:["Last Update: ",i.unix(w).format("M/D/YYYY h:mm a")]}))]}))}))};export{x as StatusBadge};
|