@corva/ui 0.84.0-14 → 0.84.0-16
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/Button/components/LiveButton/index.js +1 -1
- package/cjs-bundle/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js +1 -1
- package/components/Button/components/LiveButton/index.d.ts.map +1 -1
- package/components/Button/components/LiveButton/index.js +1 -1
- package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.d.ts.map +1 -1
- package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.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'),t=require("react/jsx-runtime"),s=require("moment-timezone"),i=require("@material-ui/core"),o=require("classnames"),n=require("../../../../icons/iconParkIcons.js");require("../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js");var r=require("../Button/index.js"),c=require("./constants.js"),u=require("./components/LiveButtonStateIndicator/index.js"),a=require("./styles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=l(s),d=l(o),v=function(e,s){return e===c.LiveButtonState.Default?"Go to Live data":e===c.LiveButtonState.Live?"Data receiving in real-time":t.jsxs("div",{children:["Asset isn't Live",t.jsx("br",{}),s&&"Last active: ".concat(m.default(s).format("MMM D YYYY, hh:mm A"))]})};exports.LiveButtonState=c.LiveButtonState,exports.LiveButton=function(s){var o,l=s.size,m=void 0===l?"medium":l,j=s.state,q=void 0===j?c.LiveButtonState.Default:j,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),s=require("moment-timezone"),i=require("@material-ui/core"),o=require("classnames"),n=require("../../../../icons/iconParkIcons.js");require("../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js");var r=require("../Button/index.js"),c=require("./constants.js"),u=require("./components/LiveButtonStateIndicator/index.js"),a=require("./styles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=l(s),d=l(o),v=function(e,s){return e===c.LiveButtonState.Default?"Go to Live data":e===c.LiveButtonState.Live?"Data receiving in real-time":t.jsxs("div",{children:["Asset isn't Live",t.jsx("br",{}),s&&"Last active: ".concat(m.default(s).format("MMM D YYYY, hh:mm A"))]})};exports.LiveButtonState=c.LiveButtonState,exports.LiveButton=function(s){var o,l=s.size,m=void 0===l?"medium":l,j=s.state,q=void 0===j?c.LiveButtonState.Default:j,I=s.startIcon,L=s.children,f=void 0===L?"Live":L,p=s.className,x=s.tooltipProps,S=s.lastActiveAt,B=e.__rest(s,["size","state","startIcon","children","className","tooltipProps","lastActiveAt"]),h=a.useStyles({size:m}),_=h[m],A={placement:"bottom",title:v(q,S)},b="small"===m,g=I||t.jsx(n.RightSmallIcon,{size:b?20:24});return t.jsx(i.Tooltip,e.__assign({},A,x,{children:t.jsxs(r,e.__assign({},B,{className:d.default(h.root,_,(o={},o[h.liveState]=q===c.LiveButtonState.Live,o[h.offlineState]=q===c.LiveButtonState.Offline,o),p),size:m,startIcon:q===c.LiveButtonState.Default&&g},{children:[f,t.jsx(u.LiveButtonStateIndicator,{state:q})]}))}))},exports.getTooltipText=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),o=require("react/jsx-runtime"),t=require("react"),n=require("classnames"),i=require("@material-ui/core"),s=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js");var r=require("../../../utils/mobileDetect.js"),l=require("../../IconButton/index.js"),a=require("../../Modal/Modal.js"),c=require("../../Button/components/Button/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var d=u(n),p=r.isNativeDetected||r.isMobileDetected,g=i.makeStyles((function(e){return{popoverPaper:{marginTop:function(e){return e.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:e.palette.background.b9,maxHeight:function(e){var o=e.maxHeight;return o?o-24:"calc(100% - 24px)"},"&.scrollable":{height:function(e){return e.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(e.palette.background.b9,", ").concat(e.palette.background.b9," 89%, 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%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));exports.AppSettingsPopover=function(n){var u=n.Trigger,m=void 0===u?null:u,h=n.children,v=n.classes,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),o=require("react/jsx-runtime"),t=require("react"),n=require("classnames"),i=require("@material-ui/core"),s=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js");var r=require("../../../utils/mobileDetect.js"),l=require("../../IconButton/index.js"),a=require("../../Modal/Modal.js"),c=require("../../Button/components/Button/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var d=u(n),p=r.isNativeDetected||r.isMobileDetected,g=i.makeStyles((function(e){return{popoverPaper:{position:"relative",marginTop:function(e){return e.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:e.palette.background.b9,maxHeight:function(e){var o=e.maxHeight;return o?o-24:"calc(100% - 24px)"},"&.scrollable":{height:function(e){return e.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(e.palette.background.b9," 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(e.palette.background.b9,", ").concat(e.palette.background.b9," 89%, 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%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));exports.AppSettingsPopover=function(n){var u=n.Trigger,m=void 0===u?null:u,h=n.children,v=n.classes,x=n.defaultScrollable,j=void 0!==x&&x,b=n.header,f=void 0===b?"Settings":b,_=n.iconSettingsProps,q=void 0===_?{}:_,C=n.maxHeight,I=void 0===C?null:C,S=n.modalActions,k=void 0===S?null:S,P=n.modalProps,B=void 0===P?{}:P,H=n.onClose,T=void 0===H?function(){}:H,y=e.__rest(n,["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"]),z=t.useState(null),w=z[0],A=z[1],N=t.useState(!0),O=N[0],M=N[1],D=g({maxHeight:I,isScrollable:O,isNativeDetected:r.isNativeDetected}),E=v||{},L=E.popoverContent,F=e.__rest(E,["popoverContent"]),W=function(){A(null),T()},Y=Boolean(w),G=function(e){return A(e.currentTarget)},R=k||o.jsx(c,e.__assign({variation:"secondary",onClick:W},{children:"CLOSE"}));return o.jsxs(o.Fragment,{children:[m?o.jsx(m,{onClick:G}):o.jsx(l,e.__assign({"data-testid":"chartSettingsButton",isActive:Y,onClick:G,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},q,{children:o.jsx(s.SettingTwoIcon,{size:(null==q?void 0:q.size)||16})})),!p&&o.jsxs(i.Popover,e.__assign({open:Y,anchorEl:w,onClose:W,anchorOrigin:{vertical:O?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},y,{classes:e.__assign(e.__assign({},F),{paper:d.default(D.popoverPaper,O&&"scrollable",null==F?void 0:F.paper)})},{children:[o.jsxs("div",e.__assign({className:d.default(D.popoverHeader,O&&"scrollable")},{children:[o.jsx("div",e.__assign({className:D.headerTitle},{children:f})),o.jsx(l,e.__assign({tooltipProps:{title:"Close"},onClick:W},{children:o.jsx(s.CloseSmallIcon,{})}))]})),o.jsx("div",e.__assign({className:d.default(D.popoverContentContainer,O&&"scrollable"),ref:function(e){e&&e.scrollHeight<=e.clientHeight&&!j&&M(!1)}},{children:o.jsx("div",e.__assign({className:d.default(D.popoverContent,L)},{children:h}))}))]})),p&&o.jsx(a,e.__assign({actions:R,onClose:W,open:Y,actionsClassName:D.modalActions,title:f},B,{children:h}))]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/components/LiveButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAInE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,cAAc,UAAW,mBAAmB,uFAWxD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/components/LiveButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAInE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,cAAc,UAAW,mBAAmB,uFAWxD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyChD,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o,__assign as
|
|
1
|
+
import{__rest as o,__assign as t}from'./../../../../ext-esm/tslib/tslib.es6.js';import{jsx as s,jsxs as i}from"react/jsx-runtime";import e from"moment-timezone";import{Tooltip as n}from"@material-ui/core";import c from"classnames";import{RightSmallIcon as r}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import m from"../Button/index.js";import{LiveButtonState as a}from"./constants.js";export{LiveButtonState}from"./constants.js";import{LiveButtonStateIndicator as l}from"./components/LiveButtonStateIndicator/index.js";import{useStyles as p}from"./styles.js";var u=function(o,t){return o===a.Default?"Go to Live data":o===a.Live?"Data receiving in real-time":i("div",{children:["Asset isn't Live",s("br",{}),t&&"Last active: ".concat(e(t).format("MMM D YYYY, hh:mm A"))]})},d=function(e){var d,f=e.size,j=void 0===f?"medium":f,v=e.state,I=void 0===v?a.Default:v,h=e.startIcon,L=e.children,A=void 0===L?"Live":L,x=e.className,z=e.tooltipProps,b=e.lastActiveAt,D=o(e,["size","state","startIcon","children","className","tooltipProps","lastActiveAt"]),M=p({size:j}),S=M[j],O={placement:"bottom",title:u(I,b)},Y=h||s(r,{size:"small"===j?20:24});return s(n,t({},O,z,{children:i(m,t({},D,{className:c(M.root,S,(d={},d[M.liveState]=I===a.Live,d[M.offlineState]=I===a.Offline,d),x),size:j,startIcon:I===a.Default&&Y},{children:[A,s(l,{state:I})]}))}))};export{d as LiveButton,u as getTooltipText};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppSettingsPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAc,YAAY,EAAW,MAAM,mBAAmB,CAAC;AAOtE,OAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"AppSettingsPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAc,YAAY,EAAW,MAAM,mBAAmB,CAAC;AAOtE,OAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAkE1D,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG;QACjC,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,iBAAiB,CAAC,EAAE;QAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;QAC1B,YAAY,CAAC,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAC;KAClC,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAc,EACd,QAAQ,EACR,OAAO,EACP,iBAAyB,EACzB,MAAmB,EACnB,iBAAsB,EACtB,SAAgB,EAChB,YAAmB,EACnB,UAAe,EACf,OAAkB,EAClB,GAAG,YAAY,EAChB,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAoG/D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o,__assign as t}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import{useState as r}from"react";import s from"classnames";import{makeStyles as l,Popover as c}from"@material-ui/core";import{SettingTwoIcon as a,CloseSmallIcon as p}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import{isNativeDetected as
|
|
1
|
+
import{__rest as o,__assign as t}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import{useState as r}from"react";import s from"classnames";import{makeStyles as l,Popover as c}from"@material-ui/core";import{SettingTwoIcon as a,CloseSmallIcon as p}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import{isNativeDetected as d,isMobileDetected as m}from"../../../utils/mobileDetect.js";import u from"../../IconButton/index.js";import h from"../../Modal/Modal.js";import g from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";var v=d||m,f=l((function(o){return{popoverPaper:{position:"relative",marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var t=o.maxHeight;return t?t-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(o.palette.background.b9," 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," 89%, 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%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));function b(l){var m=l.Trigger,b=void 0===m?null:m,x=l.children,C=l.classes,j=l.defaultScrollable,I=void 0!==j&&j,S=l.header,k=void 0===S?"Settings":S,B=l.iconSettingsProps,H=void 0===B?{}:B,z=l.maxHeight,P=void 0===z?null:z,T=l.modalActions,w=void 0===T?null:T,A=l.modalProps,y=void 0===A?{}:A,N=l.onClose,O=void 0===N?function(){}:N,E=o(l,["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"]),L=r(null),M=L[0],q=L[1],D=r(!0),F=D[0],W=D[1],Y=f({maxHeight:P,isScrollable:F,isNativeDetected:d}),G=C||{},R=G.popoverContent,X=o(G,["popoverContent"]),_=function(){q(null),O()},J=Boolean(M),K=function(o){return q(o.currentTarget)},Q=w||e(g,t({variation:"secondary",onClick:_},{children:"CLOSE"}));return n(i,{children:[b?e(b,{onClick:K}):e(u,t({"data-testid":"chartSettingsButton",isActive:J,onClick:K,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},H,{children:e(a,{size:(null==H?void 0:H.size)||16})})),!v&&n(c,t({open:J,anchorEl:M,onClose:_,anchorOrigin:{vertical:F?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},E,{classes:t(t({},X),{paper:s(Y.popoverPaper,F&&"scrollable",null==X?void 0:X.paper)})},{children:[n("div",t({className:s(Y.popoverHeader,F&&"scrollable")},{children:[e("div",t({className:Y.headerTitle},{children:k})),e(u,t({tooltipProps:{title:"Close"},onClick:_},{children:e(p,{})}))]})),e("div",t({className:s(Y.popoverContentContainer,F&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!I&&W(!1)}},{children:e("div",t({className:s(Y.popoverContent,R)},{children:x}))}))]})),v&&e(h,t({actions:Q,onClose:_,open:J,actionsClassName:Y.modalActions,title:k},y,{children:x}))]})}export{b as AppSettingsPopover};
|