@corva/ui 0.86.0-5 → 0.86.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/Chart/components/ChartButton.js +1 -1
- package/cjs-bundle/components/Chart/components/ChartSelect.js +1 -1
- package/cjs-bundle/components/Chart/components/buttons/ChartTypeButton.js +1 -1
- package/cjs-bundle/components/IconButton/index.js +1 -1
- package/components/Chart/components/ChartButton.d.ts.map +1 -1
- package/components/Chart/components/ChartButton.js +1 -1
- package/components/Chart/components/ChartSelect.js +1 -1
- package/components/Chart/components/buttons/ChartTypeButton.d.ts.map +1 -1
- package/components/Chart/components/buttons/ChartTypeButton.js +1 -1
- package/components/IconButton/index.d.ts +1 -1
- package/components/IconButton/index.d.ts.map +1 -1
- package/components/IconButton/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@babel/runtime/helpers/defineProperty"),
|
|
1
|
+
"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("classnames"),i=require("@material-ui/core"),n=require("../../IconButton/index.js"),o=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),s=c(t),a=c(r),u=["onClick","className","children","tooltipProps","isActive","isHidden","disabled"];function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){l.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var b=i.makeStyles((function(e){return{button:{marginBottom:"4px","&:active":{color:e.palette.primary.main}},isHidden:{visibility:"hidden"}}}));module.exports=function(e){var t=e.onClick,r=e.className,c=e.children,d=e.tooltipProps,f=e.isActive,m=e.isHidden,j=e.disabled,O=s.default(e,u),y=b(),v=o.jsx(n,p(p({className:a.default(y.button,r,l.default({},y.isHidden,m)),variant:"contained",size:"small",isActive:f,disabled:j,onClick:j?null:t},O),{},{children:c}));return j?v:o.jsx(i.Tooltip,p(p({placement:"left",title:""},d),{},{children:v}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),
|
|
1
|
+
"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("classnames"),o=require("@material-ui/core"),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 s=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=c(e),a=c(r),u=c(t),l=["className","classes","value","onChange","options"];function p(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function m(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?p(Object(t),!0).forEach((function(r){i.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var b=o.makeStyles((function(e){var r=e.palette;return{selectContainer:{color:r.primary.contrastText,width:180,background:"rgba(255, 255, 255, 0.08)",borderRadius:4,height:32,marginRight:4,"& .MuiSelect-icon ":{top:"unset",right:4},"& .MuiSelect-icon > svg > path":{fill:r.primary.text6,stroke:r.primary.text6},"& .MuiSelect-iconOpen > svg > path":{fill:r.primary.main,stroke:r.primary.main},"&:hover":{background:r.background.b7,"& .MuiSelect-icon > svg > path":{fill:r.primary.contrastText,stroke:r.primary.contrastText}},"&:active":{background:r.background.b7}},selectRoot:{fontSize:14,paddingLeft:12,backgroundColor:"transparent","&:active":{backgroundColor:"transparent"},"&:focus":{backgroundColor:"transparent"}},menuPaper:{marginTop:4}}}));module.exports=function(e){var r=e.className,t=e.classes,c=e.value,i=e.onChange,p=e.options,d=a.default(e,l),f=b();return s.jsx(o.Select,m(m({className:u.default(f.selectContainer,r),value:c,classes:m({root:f.selectRoot},t),onChange:i,disableUnderline:!0,IconComponent:function(e){return s.jsx(n.DownOneIcon,m({theme:"filled",fill:"#BDBDBD",size:16},e))},MenuProps:{classes:{paper:f.menuPaper},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}}},d),{},{children:null==p?void 0:p.map((function(e){var r=e.label,t=e.value;return s.jsx(o.MenuItem,{value:t,children:r},t)}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("
|
|
1
|
+
"use strict";var e=require("react"),o=require("classnames"),t=require("@material-ui/core"),r=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 s=require("../ChartButton.js"),i=require("../../ChartWrapperContext.js"),n=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(o),u=t.makeStyles((function(){return{container:{display:"flex",marginRight:4},lineChartButton:{borderTopRightRadius:"0px !important",borderBottomRightRadius:"0px !important",marginBottom:0},barChartButton:{borderTopLeftRadius:"0px !important",borderBottomLeftRadius:"0px !important",marginBottom:0}}})),l="spline",m="bar",d=function(o){var t=o.className,c=void 0===t?null:t,d=o.onClick,p=void 0===d?function(){}:d,h=e.useContext(i),j=h.chartType,q=h.handleChartTypeChange,C=u();return n.jsxs("div",{className:a.default(C.container,c),children:[n.jsx(s,{className:C.lineChartButton,tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:j===l,onClick:function(){q(l),p(l)},children:n.jsx(r.LineChartIcon,{size:16})}),n.jsx(s,{className:C.barChartButton,tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:j===m,onClick:function(){q(m),p(m)},children:n.jsx(r.ChartHistogramIcon,{size:16})})]})};d.defaultProps={onClick:function(){},isHidden:!1},module.exports=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require('./../../ext-esm/tslib/tslib.es6.js'),
|
|
1
|
+
"use strict";var t=require('./../../ext-esm/tslib/tslib.es6.js'),a=require("react/jsx-runtime"),r=require("prop-types"),o=require("classnames"),e=require("@material-ui/core"),i=require("react");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=l(r),s=l(o),c=e.makeStyles((function(t){return{root:{borderRadius:"8px !important",color:t.palette.primary.text6,padding:6,"&:hover":{color:"#FFFFFF",backgroundColor:"rgba(255, 255, 255, 0.16)",backdropFilter:"blur(2px)","&.MuiIconButton-colorPrimary":{color:t.palette.primary.light}},"&:active":{color:"#FFFFFF","&.MuiIconButton-colorPrimary":{color:t.palette.primary.light}},"&.Mui-disabled":{pointerEvents:"all",opacity:.4,color:"#FFFFFF",backgroundColor:"transparent","&.MuiIconButton-colorPrimary":{color:t.palette.primary.main}},"& .MuiSvgIcon-root":{color:"inherit",fontSize:"inherit"},"& .MuiTouchRipple-child":{borderRadius:8}},colorPrimary:{color:t.palette.primary.main},sizeSmall:{fontSize:20,padding:6,height:32,width:32,"& .i-icon, & .i-icon > svg":{width:20,height:20}},sizeLarge:{"&.MuiButtonBase-root":{padding:8}},contained:{backgroundColor:"rgba(255, 255, 255, 0.08)",backdropFilter:"blur(2px)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},containedDisabled:{"&.MuiButtonBase-root":{backgroundColor:"rgba(255, 255, 255, 0.08)"}},transparent:{color:t.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.2)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},transparentDisabled:{"&.MuiButtonBase-root":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},tooltipPopper:{"& .MuiTooltip-tooltip":{backgroundColor:function(a){return"transparent"===a.variant?"rgba(255, 255, 255, 0.2)":t.palette.background.b9}}},active:{"&.MuiButtonBase-root":{color:"".concat(t.palette.primary.main," !important"),backgroundColor:"rgba(255, 255, 255, 0.12)","&.MuiIconButton-colorPrimary":{color:t.palette.primary.main},"&.transparent":{color:t.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.2)"}}}}})),d=function(r){var o,l,n,d,u,p=r.tooltipProps,g=void 0===p?{title:"",classes:{}}:p,b=r.isActive,m=r.className,f=t.__rest(r,["tooltipProps","isActive","className"]),v=f.size,y=f.variant,F=f.classes,h=void 0===F?{}:F,P=f["data-testid"],_=c({variant:y}),k=i.useState(!1),B=k[0],z=k[1],M=t.__assign(t.__assign({},h),{root:s.default(h.root,_.root,(o={},o[_.sizeLarge]="large"===v,o[_.contained]="contained"===y,o[_.transparent]="transparent"===y,o)),disabled:s.default(h.disabled,(l={},l[_.containedDisabled]="contained"===y,l[_.transparentDisabled]="transparent"===y,l)),colorPrimary:s.default(h.colorPrimary,_.colorPrimary),sizeSmall:s.default(h.sizeSmall,_.sizeSmall)});return g.title?a.jsx(e.Tooltip,t.__assign({open:B},g,{classes:t.__assign(t.__assign({},g.classes),{popper:s.default(_.tooltipPopper,null===(u=g.classes)||void 0===u?void 0:u.popper)})},{children:a.jsx(e.IconButton,t.__assign({"data-testid":"".concat(P,"_").concat(g.title),classes:M,className:s.default(m,(n={},n[_.active]=b,n),y),onPointerOver:function(){return z(!0)},onPointerOut:function(){return z(!1)}},f))})):a.jsx(e.IconButton,t.__assign({"data-testid":P,classes:M,className:s.default(m,(d={},d[_.active]=b,d),y)},f))},u={isActive:n.default.bool,size:n.default.oneOf(["small","medium","large"]),variant:n.default.oneOf(["default","contained","transparent"]),tooltipProps:n.default.shape({title:n.default.node,classes:n.default.shape({popper:n.default.string})}),classes:n.default.shape({root:n.default.string,disabled:n.default.string,colorPrimary:n.default.string,sizeSmall:n.default.string}),disabled:n.default.bool,"data-testid":n.default.string};d.propTypes=u,d.defaultProps={isActive:!1,size:"medium",variant:"default",tooltipProps:{title:""},disabled:!1,"data-testid":"IconButton"},module.exports=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/ChartButton.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ChartButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/ChartButton.js"],"names":[],"mappings":";AAkBA;;;;;;;;;gBAiCC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import r from"classnames";import{makeStyles as i,Tooltip as o}from"@material-ui/core";import n from"../../IconButton/index.js";import{jsx as c}from"react/jsx-runtime";var s=["onClick","className","children","tooltipProps","isActive","isHidden","disabled"];function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function a(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?l(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):l(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var p=i((function(e){return{button:{marginBottom:"4px","&:active":{color:e.palette.primary.main}},isHidden:{visibility:"hidden"}}})),m=function(i){var l=i.onClick,m=i.className,d=i.children,b=i.tooltipProps,u=i.isActive,f=i.isHidden,O=i.disabled,j=t(i,s),y=p(),v=c(n,a(a({className:r(y.button,m,e({},y.isHidden,f)),variant:"contained",size:"small",isActive:u,disabled:O,onClick:O?null:l},j),{},{children:d}));return O?v:c(o,a(a({placement:"left",title:""},b),{},{children:v}))};export{m as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import e from"classnames";import{makeStyles as t,Select as n,MenuItem as s}from"@material-ui/core";import{DownOneIcon as i}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{jsx as c}from"react/jsx-runtime";var a=["className","classes","value","onChange","options"];function l(o,r){var e=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(o,r).enumerable}))),e.push.apply(e,t)}return e}function p(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?l(Object(t),!0).forEach((function(e){o(r,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(o){Object.defineProperty(r,o,Object.getOwnPropertyDescriptor(t,o))}))}return r}var u=t((function(o){var r=o.palette;return{selectContainer:{color:r.primary.contrastText,width:180,background:
|
|
1
|
+
import o from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import e from"classnames";import{makeStyles as t,Select as n,MenuItem as s}from"@material-ui/core";import{DownOneIcon as i}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{jsx as c}from"react/jsx-runtime";var a=["className","classes","value","onChange","options"];function l(o,r){var e=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(o,r).enumerable}))),e.push.apply(e,t)}return e}function p(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?l(Object(t),!0).forEach((function(e){o(r,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(o){Object.defineProperty(r,o,Object.getOwnPropertyDescriptor(t,o))}))}return r}var u=t((function(o){var r=o.palette;return{selectContainer:{color:r.primary.contrastText,width:180,background:"rgba(255, 255, 255, 0.08)",borderRadius:4,height:32,marginRight:4,"& .MuiSelect-icon ":{top:"unset",right:4},"& .MuiSelect-icon > svg > path":{fill:r.primary.text6,stroke:r.primary.text6},"& .MuiSelect-iconOpen > svg > path":{fill:r.primary.main,stroke:r.primary.main},"&:hover":{background:r.background.b7,"& .MuiSelect-icon > svg > path":{fill:r.primary.contrastText,stroke:r.primary.contrastText}},"&:active":{background:r.background.b7}},selectRoot:{fontSize:14,paddingLeft:12,backgroundColor:"transparent","&:active":{backgroundColor:"transparent"},"&:focus":{backgroundColor:"transparent"}},menuPaper:{marginTop:4}}})),m=function(o){var t=o.className,l=o.classes,m=o.value,b=o.onChange,f=o.options,g=r(o,a),d=u();return c(n,p(p({className:e(d.selectContainer,t),value:m,classes:p({root:d.selectRoot},l),onChange:b,disableUnderline:!0,IconComponent:function(o){return c(i,p({theme:"filled",fill:"#BDBDBD",size:16},o))},MenuProps:{classes:{paper:d.menuPaper},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}}},g),{},{children:null==f?void 0:f.map((function(o){var r=o.label,e=o.value;return c(s,{value:e,children:r},e)}))}))};export{m as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartTypeButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/components/buttons/ChartTypeButton.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ChartTypeButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/components/buttons/ChartTypeButton.js"],"names":[],"mappings":";AA6BA;;;gBA+BC;;;QAGU,yBAAQ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{useContext as o}from"react";import t from"classnames";import{makeStyles as i}from"@material-ui/core";import{LineChartIcon as s,ChartHistogramIcon as n}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 r from"../ChartButton.js";import c from"../../ChartWrapperContext.js";import{jsxs as e,jsx as a}from"react/jsx-runtime";var m=i((function(){return{container:{display:"flex",marginRight:4},lineChartButton:{borderTopRightRadius:"0px !important",borderBottomRightRadius:"0px !important",marginBottom:0},barChartButton:{borderTopLeftRadius:"0px !important",borderBottomLeftRadius:"0px !important",marginBottom:0}}})),p="spline",l="bar",u=function(i){var u=i.className,d=void 0===u?null:u,h=i.onClick,f=void 0===h?function(){}:h,C=o(c),j=C.chartType,I=C.handleChartTypeChange,b=m();return e("div",{className:t(b.container,d),children:[a(r,{className:b.lineChartButton,tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:j===p,onClick:function(){I(p),f(p)},children:a(s,{size:16})}),a(r,{className:b.barChartButton,tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:j===l,onClick:function(){I(l),f(l)},children:a(n,{size:16})})]})};u.defaultProps={onClick:function(){},isHidden:!1};export{u as default};
|
|
@@ -6,7 +6,7 @@ export interface IconButtonProps extends Omit<MuiIconButtonProps, 'size' | 'vari
|
|
|
6
6
|
variant?: 'transparent' | 'contained' | 'default';
|
|
7
7
|
}
|
|
8
8
|
declare const IconButton: {
|
|
9
|
-
({ tooltipProps, isActive, ...otherProps }: IconButtonProps): JSX.Element;
|
|
9
|
+
({ tooltipProps, isActive, className, ...otherProps }: IconButtonProps): JSX.Element;
|
|
10
10
|
propTypes: {
|
|
11
11
|
isActive: PropTypes.Requireable<boolean>;
|
|
12
12
|
size: PropTypes.Requireable<string>;
|
|
@@ -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,EAKL,eAAe,IAAI,kBAAkB,EACtC,MAAM,mBAAmB,CAAC;AAwG3B,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,EAC9D,SAAS,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,aAAa,GAAG,WAAW,GAAG,SAAS,CAAC;CACnD;AAED,QAAA,MAAM,UAAU;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAKL,eAAe,IAAI,kBAAkB,EACtC,MAAM,mBAAmB,CAAC;AAwG3B,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,EAC9D,SAAS,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,aAAa,GAAG,WAAW,GAAG,SAAS,CAAC;CACnD;AAED,QAAA,MAAM,UAAU;2DAKb,eAAe,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgD/B,CAAC;AAEF,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;CAgBxB,CAAC;AAaF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import a from"prop-types";import i from"classnames";import{makeStyles as e,Tooltip as n,IconButton as l}from"@material-ui/core";import{useState as s}from"react";var c=e((function(o){return{root:{borderRadius:"8px !important",color:o.palette.primary.text6,padding:6,"&:hover":{color:"#FFFFFF",backgroundColor:"rgba(255, 255, 255, 0.16)",backdropFilter:"blur(2px)","&.MuiIconButton-colorPrimary":{color:o.palette.primary.light}},"&:active":{color:"#FFFFFF","&.MuiIconButton-colorPrimary":{color:o.palette.primary.light}},"&.Mui-disabled":{pointerEvents:"all",opacity:.4,color:"#FFFFFF",backgroundColor:"transparent","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"& .MuiSvgIcon-root":{color:"inherit",fontSize:"inherit"},"& .MuiTouchRipple-child":{borderRadius:8}},colorPrimary:{color:o.palette.primary.main},sizeSmall:{fontSize:20,padding:6,height:32,width:32,"& .i-icon, & .i-icon > svg":{width:20,height:20}},sizeLarge:{"&.MuiButtonBase-root":{padding:8}},contained:{backgroundColor:"rgba(255, 255, 255, 0.08)",backdropFilter:"blur(2px)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},containedDisabled:{"&.MuiButtonBase-root":{backgroundColor:"rgba(255, 255, 255, 0.08)"}},transparent:{color:o.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.2)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},transparentDisabled:{"&.MuiButtonBase-root":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},tooltipPopper:{"& .MuiTooltip-tooltip":{backgroundColor:function(r){return"transparent"===r.variant?"rgba(255, 255, 255, 0.2)":o.palette.background.b9}}},active:{"&.MuiButtonBase-root":{color:o.palette.primary.main,backgroundColor:"rgba(255, 255, 255, 0.12)","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main},"&.transparent":{color:o.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.2)"}}}}})),p=function(a){var e,p,d,u,m,b=a.tooltipProps,g=void 0===b?{title:"",classes:{}}:b,v=a.isActive,y=o(a,["tooltipProps","isActive"]),F
|
|
1
|
+
import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import a from"prop-types";import i from"classnames";import{makeStyles as e,Tooltip as n,IconButton as l}from"@material-ui/core";import{useState as s}from"react";var c=e((function(o){return{root:{borderRadius:"8px !important",color:o.palette.primary.text6,padding:6,"&:hover":{color:"#FFFFFF",backgroundColor:"rgba(255, 255, 255, 0.16)",backdropFilter:"blur(2px)","&.MuiIconButton-colorPrimary":{color:o.palette.primary.light}},"&:active":{color:"#FFFFFF","&.MuiIconButton-colorPrimary":{color:o.palette.primary.light}},"&.Mui-disabled":{pointerEvents:"all",opacity:.4,color:"#FFFFFF",backgroundColor:"transparent","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"& .MuiSvgIcon-root":{color:"inherit",fontSize:"inherit"},"& .MuiTouchRipple-child":{borderRadius:8}},colorPrimary:{color:o.palette.primary.main},sizeSmall:{fontSize:20,padding:6,height:32,width:32,"& .i-icon, & .i-icon > svg":{width:20,height:20}},sizeLarge:{"&.MuiButtonBase-root":{padding:8}},contained:{backgroundColor:"rgba(255, 255, 255, 0.08)",backdropFilter:"blur(2px)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},containedDisabled:{"&.MuiButtonBase-root":{backgroundColor:"rgba(255, 255, 255, 0.08)"}},transparent:{color:o.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.2)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},transparentDisabled:{"&.MuiButtonBase-root":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},tooltipPopper:{"& .MuiTooltip-tooltip":{backgroundColor:function(r){return"transparent"===r.variant?"rgba(255, 255, 255, 0.2)":o.palette.background.b9}}},active:{"&.MuiButtonBase-root":{color:"".concat(o.palette.primary.main," !important"),backgroundColor:"rgba(255, 255, 255, 0.12)","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main},"&.transparent":{color:o.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.2)"}}}}})),p=function(a){var e,p,d,u,m,b=a.tooltipProps,g=void 0===b?{title:"",classes:{}}:b,v=a.isActive,y=a.className,F=o(a,["tooltipProps","isActive","className"]),f=F.size,h=F.variant,P=F.classes,k=void 0===P?{}:P,B=F["data-testid"],z=c({variant:h}),M=s(!1),C=M[0],x=M[1],S=r(r({},k),{root:i(k.root,z.root,(e={},e[z.sizeLarge]="large"===f,e[z.contained]="contained"===h,e[z.transparent]="transparent"===h,e)),disabled:i(k.disabled,(p={},p[z.containedDisabled]="contained"===h,p[z.transparentDisabled]="transparent"===h,p)),colorPrimary:i(k.colorPrimary,z.colorPrimary),sizeSmall:i(k.sizeSmall,z.sizeSmall)});return g.title?t(n,r({open:C},g,{classes:r(r({},g.classes),{popper:i(z.tooltipPopper,null===(m=g.classes)||void 0===m?void 0:m.popper)})},{children:t(l,r({"data-testid":"".concat(B,"_").concat(g.title),classes:S,className:i(y,(d={},d[z.active]=v,d),h),onPointerOver:function(){return x(!0)},onPointerOut:function(){return x(!1)}},F))})):t(l,r({"data-testid":B,classes:S,className:i(y,(u={},u[z.active]=v,u),h)},F))},d={isActive:a.bool,size:a.oneOf(["small","medium","large"]),variant:a.oneOf(["default","contained","transparent"]),tooltipProps:a.shape({title:a.node,classes:a.shape({popper:a.string})}),classes:a.shape({root:a.string,disabled:a.string,colorPrimary:a.string,sizeSmall:a.string}),disabled:a.bool,"data-testid":a.string};p.propTypes=d,p.defaultProps={isActive:!1,size:"medium",variant:"default",tooltipProps:{title:""},disabled:!1,"data-testid":"IconButton"};export{p as default};
|