@corva/ui 0.52.0-0 → 0.52.0-2
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/IconButton/index.d.ts +3 -0
- package/components/IconButton/index.d.ts.map +1 -1
- package/components/IconButton/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,EAAuB,YAAY,EAAE,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,EAAuB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAwDtE,UAAU,uBACR,SAAQ,YAAY,EAClB,SAAS,CAAC,UAAU,CAAC,OAAO,2BAA2B,CAAC;CAAG;AAE/D,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,GAAG,YAAY,EAChB,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAwEvC;kBAhFQ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;AAkF3B,QAAA,MAAM,2BAA2B;;;;;;;;;;;CAShC,CAAC;AAWF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e,__assign as o}from"../../../_virtual/_tslib.js";import{jsxs as r,Fragment as t,jsx as i}from"react/jsx-runtime";import{useState as n}from"react";import l from"prop-types";import a from"classnames";import{makeStyles as c,Popover as s}from"@material-ui/core";import{Settings as p,Close as d}from"@material-ui/icons";import g from"../../IconButton/index.js";var h=c((function(e){return{popoverPaper:{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," 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(e.palette.background.b9," 100%)")}}}));function m(l){var c,m=l.Trigger,u=l.header,b=l.children,f=l.iconSettingsProps,v=l.defaultScrollable,x=l.maxHeight,C=e(l,["Trigger","header","children","iconSettingsProps","defaultScrollable","maxHeight"]),H=h({maxHeight:x}),S=n(null),T=S[0],k=S[1],w=n(!0),P=w[0],z=w[1],N=function(){k(null)},j=Boolean(T);return r(t,{children:[m?i(m,{onClick:function(e){console.log(e),k(e.currentTarget)}}):i(g,o({onClick:function(e){return k(e.currentTarget)}},f,{children:i(p,{})})),r(s,o({open:j,anchorEl:T,onClose:N,anchorOrigin:{vertical:P?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},C,{classes:o(o({},null==C?void 0:C.classes),{paper:a(H.popoverPaper,P&&"scrollable",null===(c=null==C?void 0:C.classes)||void 0===c?void 0:c.paper)})},{children:[r("div",o({className:a(H.popoverHeader,P&&"scrollable")},{children:[i("div",o({className:H.headerTitle},{children:u})),i(g,o({tooltipProps:{title:"Close"},onClick:N},{children:i(d,{})}))]})),i("div",o({className:a(H.popoverContentContainer,P&&"scrollable"),ref:function(e){e&&e.scrollHeight<=e.clientHeight&&!v&&z(!1)}},{children:i("div",o({className:H.popoverContent},{children:b}))})),i("div",{className:H.shadow})]}))]})}var u={Trigger:l.element,iconSettingsProps:l.shape({iconSize:l.string,tooltipProps:l.shape({title:l.string})}),defaultScrollable:l.bool,maxHeight:l.number,header:l.string};m.propTypes=u,m.defaultProps={iconSettingsProps:{iconSize:"small"},defaultScrollable:!1,maxHeight:null,header:"Settings"};export{m as default};
|
|
1
|
+
import{__rest as e,__assign as o}from"../../../_virtual/_tslib.js";import{jsxs as r,Fragment as t,jsx as i}from"react/jsx-runtime";import{useState as n}from"react";import l from"prop-types";import a from"classnames";import{makeStyles as c,Popover as s}from"@material-ui/core";import{Settings as p,Close as d}from"@material-ui/icons";import g from"../../IconButton/index.js";var h=c((function(e){return{popoverPaper:{marginTop: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," 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(e.palette.background.b9," 100%)")}}}));function m(l){var c,m=l.Trigger,u=l.header,b=l.children,f=l.iconSettingsProps,v=l.defaultScrollable,x=l.maxHeight,C=e(l,["Trigger","header","children","iconSettingsProps","defaultScrollable","maxHeight"]),H=h({maxHeight:x}),S=n(null),T=S[0],k=S[1],w=n(!0),P=w[0],z=w[1],N=function(){k(null)},j=Boolean(T);return r(t,{children:[m?i(m,{onClick:function(e){console.log(e),k(e.currentTarget)}}):i(g,o({onClick:function(e){return k(e.currentTarget)},isActive:j},f,{children:i(p,{})})),r(s,o({open:j,anchorEl:T,onClose:N,anchorOrigin:{vertical:P?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},C,{classes:o(o({},null==C?void 0:C.classes),{paper:a(H.popoverPaper,P&&"scrollable",null===(c=null==C?void 0:C.classes)||void 0===c?void 0:c.paper)})},{children:[r("div",o({className:a(H.popoverHeader,P&&"scrollable")},{children:[i("div",o({className:H.headerTitle},{children:u})),i(g,o({tooltipProps:{title:"Close"},onClick:N},{children:i(d,{})}))]})),i("div",o({className:a(H.popoverContentContainer,P&&"scrollable"),ref:function(e){e&&e.scrollHeight<=e.clientHeight&&!v&&z(!1)}},{children:i("div",o({className:H.popoverContent},{children:b}))})),i("div",{className:H.shadow})]}))]})}var u={Trigger:l.element,iconSettingsProps:l.shape({iconSize:l.string,tooltipProps:l.shape({title:l.string})}),defaultScrollable:l.bool,maxHeight:l.number,header:l.string};m.propTypes=u,m.defaultProps={iconSettingsProps:{iconSize:"small"},defaultScrollable:!1,maxHeight:null,header:"Settings"};export{m as default};
|
|
@@ -7,6 +7,7 @@ interface IconButtonProps extends Omit<MuiIconButtonProps, 'size' | 'variant' |
|
|
|
7
7
|
declare const IconButton: {
|
|
8
8
|
({ tooltipProps, ...otherProps }: IconButtonProps): JSX.Element;
|
|
9
9
|
propTypes: {
|
|
10
|
+
isActive: PropTypes.Requireable<boolean>;
|
|
10
11
|
size: PropTypes.Requireable<string>;
|
|
11
12
|
variant: PropTypes.Requireable<string>;
|
|
12
13
|
tooltipProps: PropTypes.Requireable<PropTypes.InferProps<{
|
|
@@ -22,6 +23,7 @@ declare const IconButton: {
|
|
|
22
23
|
'data-testid': PropTypes.Requireable<string>;
|
|
23
24
|
};
|
|
24
25
|
defaultProps: {
|
|
26
|
+
isActive: boolean;
|
|
25
27
|
size: string;
|
|
26
28
|
variant: string;
|
|
27
29
|
tooltipProps: {
|
|
@@ -32,6 +34,7 @@ declare const IconButton: {
|
|
|
32
34
|
};
|
|
33
35
|
};
|
|
34
36
|
declare const iconButtonPropTypes: {
|
|
37
|
+
isActive: PropTypes.Requireable<boolean>;
|
|
35
38
|
size: PropTypes.Requireable<string>;
|
|
36
39
|
variant: PropTypes.Requireable<string>;
|
|
37
40
|
tooltipProps: PropTypes.Requireable<PropTypes.InferProps<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAkE,eAAe,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAkE,eAAe,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAiE1I,UAAU,eAAgB,SACxB,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,EACxD,SAAS,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC;IAChD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACnC;AAED,QAAA,MAAM,UAAU;sCAA4D,eAAe,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCxG,CAAC;AAEF,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;CAaxB,CAAC;AAaF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o,__assign as t}from"../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import i from"prop-types";import a from"classnames";import{makeStyles as e,Tooltip as
|
|
1
|
+
import{__rest as o,__assign as t}from"../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import i from"prop-types";import a from"classnames";import{makeStyles as e,Tooltip as l,IconButton as n}from"@material-ui/core";import{useState as s}from"react";var c=e((function(o){return{root:{color:o.palette.primary.text6,padding:6,"&:hover":{color:"#FFFFFF",backgroundColor:o.palette.background.b7,"&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"&:active":{color:"#FFFFFF","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"&.Mui-disabled":{pointerEvents:"all",opacity:.4,color:"#FFFFFF","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"& .MuiSvgIcon-root":{color:"inherit",fontSize:"inherit"}},colorPrimary:{color:o.palette.primary.main},sizeSmall:{fontSize:16,padding:7},sizeLarge:{"&.MuiButtonBase-root":{padding:8}},contained:{backgroundColor:o.palette.background.b9},containedDisabled:{"&.MuiButtonBase-root":{backgroundColor:o.palette.background.b9}},tooltip:{top:"-10px !important"},active:{"&.MuiButtonBase-root":{color:o.palette.primary.text1,backgroundColor:o.palette.background.b9,"&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}}}}})),d=function(i){var e,d,p,m,u=i.tooltipProps,b=void 0===u?{title:void 0}:u,g=o(i,["tooltipProps"]),v=g.isActive,y=g.size,f=g.variant,F=g.classes,P=void 0===F?{}:F,z=g["data-testid"],B=c(),M=s(!1),k=M[0],S=M[1],I=t(t({},P),{root:a(P.root,B.root,(e={},e[B.sizeLarge]="large"===y,e[B.contained]="contained"===f,e)),disabled:a(P.disabled,(d={},d[B.containedDisabled]="contained"===f,d)),colorPrimary:a(P.colorPrimary,B.colorPrimary),sizeSmall:a(P.sizeSmall,B.sizeSmall)});return b.title?r(l,t({open:k},b,{children:r(n,t({"data-testid":z,classes:I,className:a((p={},p[B.active]=v,p)),onMouseOver:function(){return S(!0)},onMouseOut:function(){return S(!1)}},g))})):r(n,t({"data-testid":z,classes:I,className:a((m={},m[B.active]=v,m))},g))},p={isActive:i.bool,size:i.oneOf(["small","medium","large"]),variant:i.oneOf(["default","contained"]),tooltipProps:i.shape({title:i.string}),classes:i.shape({root:i.string,disabled:i.string,colorPrimary:i.string,sizeSmall:i.string}),disabled:i.bool,"data-testid":i.string};d.propTypes=p,d.defaultProps={isActive:!1,size:"medium",variant:"default",tooltipProps:{title:void 0},disabled:!1,"data-testid":"IconButton"};export{d as default};
|