@corva/ui 0.75.0-11 → 0.75.0-12

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.
@@ -1 +1 @@
1
- "use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("classnames"),a=require("@material-ui/core"),n=require("../../../../icons/index.js"),o=require("../ChartButton.js"),i=require("../../ChartWrapperContext.js"),u=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(e),l=c(r),d=a.makeStyles((function(e){var t=e.palette;return{container:{display:"flex",marginRight:4,"&:hover $button":{background:"red !important"}},lineChartButton:{borderTopRightRadius:0,borderBottomRightRadius:0,marginBottom:0,"&:active":{background:t.background.b7}},barChartButton:{borderTopLeftRadius:0,borderBottomLeftRadius:0,marginBottom:0,"&:active":{background:t.background.b7}},hoveredContainer:{background:t.background.b7}}})),h="spline",b="bar",m=function(e){var r=e.className,a=e.onClick,c=t.useContext(i),m=c.chartType,C=c.handleChartTypeChange,p=t.useState(!1),f=s.default(p,2),g=f[0],v=f[1],k=d();return u.jsxs("div",{className:l.default(k.container,r),onMouseEnter:function(){v(!0)},onMouseLeave:function(){v(!1)},children:[u.jsx(o,{className:l.default(k.lineChartButton,g&&k.hoveredContainer),tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:m===h,onClick:function(){C(h),a(h)},children:u.jsx(n.LineChartIcon,{})}),u.jsx(o,{className:l.default(k.barChartButton,g&&k.hoveredContainer),tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:m===b,onClick:function(){C(b),a(b)},children:u.jsx(n.BarChartIcon,{})})]})};m.defaultProps={onClick:function(){},isHidden:!1},module.exports=m;
1
+ "use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("classnames"),n=require("@material-ui/core"),o=require("../../../../icons/index.js"),a=require("../ChartButton.js"),i=require("../../ChartWrapperContext.js"),u=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(e),l=c(r),d=n.makeStyles((function(e){var t=e.palette;return{container:{display:"flex",marginRight:4,"&:hover $button":{background:"red !important"}},lineChartButton:{borderTopRightRadius:0,borderBottomRightRadius:0,marginBottom:0,"&:active":{background:t.background.b7}},barChartButton:{borderTopLeftRadius:0,borderBottomLeftRadius:0,marginBottom:0,"&:active":{background:t.background.b7}},hoveredContainer:{background:t.background.b7}}})),h="spline",b="bar",m=function(e){var r=e.className,n=e.onClick,c=t.useContext(i),m=c.chartType,p=c.handleChartTypeChange,C=t.useState(!1),f=s.default(C,2),g=f[0],v=f[1],k=d();return u.jsxs("div",{className:l.default(k.container,r),onMouseEnter:function(){v(!0)},onMouseLeave:function(){v(!1)},children:[u.jsx(a,{className:l.default(k.lineChartButton,g&&k.hoveredContainer),tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:m===h,onClick:function(){p(h),n(h)},children:u.jsx(o.LineChartIcon,{})}),u.jsx(a,{className:l.default(k.barChartButton,g&&k.hoveredContainer),tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:m===b,onClick:function(){p(b),n(b)},children:u.jsx(o.HistogramIcon,{})})]})};m.defaultProps={onClick:function(){},isHidden:!1},module.exports=m;
@@ -1 +1 @@
1
- "use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),o=require("classnames"),r=require("prop-types"),a=require("@material-ui/core"),i=require("../../icons/index.js"),l=require("../../utils/main.js"),n=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=s(e),u=s(o),c=s(r),d=a.makeStyles((function(e){return{root:{display:"flex",alignItems:"center",width:"fit-content",fontSize:14,cursor:"pointer"},iconWrapper:{paddingLeft:4,display:"flex",alignItems:"center"},tooltip:{color:e.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}})),f=function(e){var o=e.label,r=e.classes,i=e.dataTestId,s=e.IconComponent,c=e.tooltipProps,f=t.useState(!1),m=p.default(f,2),g=m[0],y=m[1],b=d();return t.useEffect((function(){var e=setTimeout((function(){y(!1)}),c.delay);return function(){return clearTimeout(e)}}),[g]),n.jsx(a.Tooltip,{classes:{tooltip:u.default(b.tooltip,r.tooltip),popper:u.default(b.tooltipPopper,r.tooltipPopper)},title:c.title,open:g,disableFocusListener:!0,disableHoverListener:!0,placement:c.placement,children:n.jsxs(a.Typography,{className:u.default(b.root,r.root),onClick:function(){y(!0),l.copyToClipboard(o)},component:"div",children:[o,n.jsx("span",{className:u.default(b.iconWrapper,r.iconWrapper),children:n.jsx(s,{className:r.icon,"data-testid":i})})]})})};f.propTypes={label:c.default.string.isRequired,dataTestId:c.default.string,IconComponent:c.default.shape({}),tooltipProps:c.default.shape({title:c.default.string,placement:c.default.string,delay:c.default.number}),classes:c.default.shape({root:c.default.string,icon:c.default.string,iconWrapper:c.default.string,tooltip:c.default.string,tooltipPopper:c.default.string})},f.defaultProps={dataTestId:null,IconComponent:function(){return n.jsx(i.CopyIcon,{size:16})},tooltipProps:{title:"Copied",placement:"bottom",delay:1500},classes:{}},module.exports=f;
1
+ "use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("classnames"),o=require("prop-types"),a=require("@material-ui/core"),i=require("../../icons/index.js"),l=require("../../utils/main.js"),n=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=s(e),u=s(r),c=s(o),d=a.makeStyles((function(e){return{iconWrapper:{color:e.palette.primary.text6,cursor:"pointer",paddingLeft:4,display:"flex",alignItems:"center","&:hover":{color:e.palette.primary.contrastText}},tooltip:{color:e.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}})),f=function(e){var r=e.children,o=e.classes,i=e.dataTestId,s=e.IconComponent,c=e.tooltipProps,f=t.useState(!1),m=p.default(f,2),y=m[0],g=m[1],x=d();return t.useEffect((function(){var e=setTimeout((function(){g(!1)}),c.delay);return function(){return clearTimeout(e)}}),[y]),n.jsx(a.Tooltip,{classes:{tooltip:u.default(x.tooltip,o.tooltip),popper:u.default(x.tooltipPopper,o.tooltipPopper)},title:c.title,open:y,disableFocusListener:!0,disableHoverListener:!0,placement:c.placement,children:n.jsx("span",{className:u.default(x.iconWrapper,o.iconWrapper),onClick:function(){g(!0),l.copyToClipboard(r)},children:n.jsx(s,{className:o.icon,"data-testid":i})})})};f.propTypes={children:c.default.string.isRequired,dataTestId:c.default.string,IconComponent:c.default.shape({}),tooltipProps:c.default.shape({title:c.default.string,placement:c.default.string,delay:c.default.number}),classes:c.default.shape({root:c.default.string,icon:c.default.string,iconWrapper:c.default.string,tooltip:c.default.string,tooltipPopper:c.default.string})},f.defaultProps={dataTestId:null,IconComponent:function(){return n.jsx(i.CopyIcon,{size:16})},tooltipProps:{title:"Copied",placement:"bottom",delay:1500},classes:{}},module.exports=f;
@@ -1 +1 @@
1
- "use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),o=require("classnames"),a=require("prop-types"),t=require("@material-ui/pickers"),s=require("@material-ui/core"),i=require("moment"),n=require("../../constants/dateTimeFormat.js"),u=require("../../icons/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=l(o),c=l(a),m=l(i),d=s.makeStyles((function(e){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:e.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:e.palette.primary.main},"& .MuiIconButton-root":{marginRight:-7,padding:7},"& .MuiIconButton-root svg":{fill:"transparent !important"}},paper:{marginTop:8}}})),f=function(o){var a=o.className,s=o.PopoverProps,i=e.__rest(o,["className","PopoverProps"]),l=d();return r.jsx(t.KeyboardDatePicker,e.__assign({disableToolbar:!0,variant:"inline",keyboardIcon:r.jsx(u.CalendarIcon,{}),rightArrowIcon:r.jsx(u.RightIcon,{}),leftArrowIcon:r.jsx(u.LeftIcon,{}),format:n.DATE_FORMAT,placeholder:m.default().format(n.DATE_FORMAT),refuse:/[^(\w|\d)]+/gi},i,{PopoverProps:e.__assign({className:p.default(l.paper,s.className)},s),className:p.default(l.dateTimePickerInput,a)}))};f.propTypes={PopoverProps:c.default.shape({className:c.default.string}),className:c.default.string},f.defaultProps={PopoverProps:{},className:""},module.exports=f;
1
+ "use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),o=require("classnames"),a=require("prop-types"),t=require("@material-ui/pickers"),s=require("@material-ui/core"),i=require("moment"),n=require("../../constants/dateTimeFormat.js"),u=require("../../icons/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=l(o),c=l(a),m=l(i),d=s.makeStyles((function(e){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:e.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:e.palette.primary.main},"& .MuiIconButton-root":{marginRight:-7,padding:4},"& .MuiIconButton-root svg":{fill:"transparent !important"}},paper:{marginTop:8}}})),f=function(o){var a=o.className,s=o.PopoverProps,i=e.__rest(o,["className","PopoverProps"]),l=d();return r.jsx(t.KeyboardDatePicker,e.__assign({disableToolbar:!0,variant:"inline",keyboardIcon:r.jsx(u.CalendarIcon,{}),rightArrowIcon:r.jsx(u.RightIcon,{}),leftArrowIcon:r.jsx(u.LeftIcon,{}),format:n.DATE_FORMAT,placeholder:m.default().format(n.DATE_FORMAT),refuse:/[^(\w|\d)]+/gi},i,{PopoverProps:e.__assign({className:p.default(l.paper,s.className)},s),className:p.default(l.dateTimePickerInput,a)}))};f.propTypes={PopoverProps:c.default.shape({className:c.default.string}),className:c.default.string},f.defaultProps={PopoverProps:{},className:""},module.exports=f;
@@ -1 +1 @@
1
- "use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),o=require("classnames"),t=require("prop-types"),a=require("moment"),s=require("@material-ui/pickers"),i=require("@material-ui/core"),n=require("../../icons/index.js"),u=require("../../constants/dateTimeFormat.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=c(o),p=c(t),l=c(a),d=i.makeStyles((function(e){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:e.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:e.palette.primary.main},"& .MuiIconButton-root":{marginRight:-7,padding:7},"& .MuiIconButton-root svg":{fill:"transparent !important"}},paper:{marginTop:8}}}));function f(o){var t=o.className,a=o.PopoverProps,i=o.format,u=e.__rest(o,["className","PopoverProps","format"]),c=d();return r.jsx(s.KeyboardDateTimePicker,e.__assign({dateRangeIcon:r.jsx(n.CalendarIcon,{size:24}),timeIcon:r.jsx(n.TimeIcon,{size:24}),rightArrowIcon:r.jsx(n.RightIcon,{}),leftArrowIcon:r.jsx(n.LeftIcon,{}),keyboardIcon:r.jsx(n.CalendarIcon,{}),format:i,refuse:/[^(\w|\d)]+/gi,placeholder:l.default().format(i)},u,{PopoverProps:e.__assign({className:c.paper},a),className:m.default(c.dateTimePickerInput,t)}))}f.propTypes={className:p.default.string,PopoverProps:p.default.shape({className:p.default.string}),format:p.default.string},f.defaultProps={className:"",PopoverProps:{},format:u.DATE_TIME_FORMAT},module.exports=f;
1
+ "use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),o=require("classnames"),t=require("prop-types"),a=require("moment"),s=require("@material-ui/pickers"),i=require("@material-ui/core"),n=require("../../icons/index.js"),u=require("../../constants/dateTimeFormat.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=c(o),p=c(t),l=c(a),d=i.makeStyles((function(e){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:e.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:e.palette.primary.main},"& .MuiIconButton-root":{marginRight:-7,padding:4},"& .MuiIconButton-root svg":{fill:"transparent !important"}},paper:{marginTop:8}}}));function f(o){var t=o.className,a=o.PopoverProps,i=o.format,u=e.__rest(o,["className","PopoverProps","format"]),c=d();return r.jsx(s.KeyboardDateTimePicker,e.__assign({dateRangeIcon:r.jsx(n.CalendarIcon,{size:24}),timeIcon:r.jsx(n.TimeIcon,{size:24}),rightArrowIcon:r.jsx(n.RightIcon,{}),leftArrowIcon:r.jsx(n.LeftIcon,{}),keyboardIcon:r.jsx(n.CalendarIcon,{}),format:i,refuse:/[^(\w|\d)]+/gi,placeholder:l.default().format(i)},u,{PopoverProps:e.__assign({className:c.paper},a),className:m.default(c.dateTimePickerInput,t)}))}f.propTypes={className:p.default.string,PopoverProps:p.default.shape({className:p.default.string}),format:p.default.string},f.defaultProps={className:"",PopoverProps:{},format:u.DATE_TIME_FORMAT},module.exports=f;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("./palette.mjs.js"),r=i.primary,t=i.background,o={MuiPickerDTToolbar:{toolbar:{backgroundColor:t.b7,marginBottom:"-10px","& .MuiGrid-justify-xs-center .MuiGrid-grid-xs-6":{marginLeft:"12px"},"& .MuiButton-root":{height:"unset",color:r.text6},"& .MuiPickersToolbarText-toolbarTxt":{color:r.text6},"& .MuiPickersToolbarText-toolbarBtnSelected":{color:r.contrastText},"& h3.MuiPickersToolbarText-toolbarTxt":{fontSize:"44px",marginBottom:"-12px"},"& h4.MuiPickersToolbarText-toolbarTxt":{marginBottom:"-6px",minWidth:"120px",textAlign:"left"},"& h6.MuiPickersToolbarText-toolbarTxt":{marginBottom:"-8px",fontSize:"18px"},"& .MuiGrid-grid-xs-5 h6.MuiPickersToolbarText-toolbarTxt":{marginBottom:"2px"},"& .MuiGrid-grid-xs-1:last-child":{marginBottom:"-16px"},"& .MuiGrid-grid-xs-1:last-child h6.MuiPickersToolbarText-toolbarTxt":{marginBottom:0},"& .MuiGrid-grid-xs-6":{marginLeft:"24px"}}},MuiPickersCalendarHeader:{switchHeader:{"& .MuiPickersCalendarHeader-transitionContainer p":{marginLeft:"-12px"},"& .MuiPickersCalendarHeader-iconButton:first-child":{marginLeft:"12px"},"& .MuiPickersCalendarHeader-iconButton:last-child":{marginRight:"12px"}}},MuiPickersBasePicker:{container:{"& .MuiPaper-elevation1":{boxShadow:"none"},"& .MuiTabs-indicator":{width:"160px !important",height:3}},pickerView:{"& .MuiPickersCalendar-transitionContainer":{marginLeft:"-6px",minHeight:"212px"},"& .MuiPickersClock-clock":{backgroundColor:t.b7},"& .MuiPickersClockPointer-pointer":{width:"1px"},"& .MuiPickersClockNumber-clockNumber":{color:r.contrastText,fontSize:"18px"}}},MuiPickerDTTabs:{tabs:{backgroundColor:t.b7,"& .MuiTab-textColorInherit.Mui-selected":{color:r.main},"& .MuiTab-textColorInherit":{color:r.text6},"& .MuiTabs-flexContainer":{"& .MuiTabs-indicator":{width:"160px !important"}}}},MuiPickersDay:{day:{color:r.contrastText,"&:hover":{backgroundColor:r.text9},fontSize:14},daySelected:{backgroundColor:r.main}}};exports.dateTimePickerThemeOverrides=o;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("./palette.mjs.js"),r=i.primary,t=i.background,o={MuiPickerDTToolbar:{toolbar:{backgroundColor:t.b7,marginBottom:"-10px","& .MuiGrid-justify-xs-center .MuiGrid-grid-xs-6":{marginLeft:"12px"},"& .MuiButton-root":{height:"unset",color:r.text6},"& .MuiPickersToolbarText-toolbarTxt":{color:r.text6},"& .MuiPickersToolbarText-toolbarBtnSelected":{color:r.contrastText},"& h3.MuiPickersToolbarText-toolbarTxt":{fontSize:"44px",marginBottom:"-12px"},"& h4.MuiPickersToolbarText-toolbarTxt":{marginBottom:"-6px",minWidth:"120px",textAlign:"left"},"& h6.MuiPickersToolbarText-toolbarTxt":{marginBottom:"-8px",fontSize:"18px"},"& .MuiGrid-grid-xs-5 h6.MuiPickersToolbarText-toolbarTxt":{marginBottom:"2px"},"& .MuiGrid-grid-xs-1:last-child":{marginBottom:"-16px"},"& .MuiGrid-grid-xs-1:last-child h6.MuiPickersToolbarText-toolbarTxt":{marginBottom:0},"& .MuiGrid-grid-xs-6":{marginLeft:"24px"}}},MuiPickersCalendarHeader:{switchHeader:{"& .MuiPickersCalendarHeader-iconButton":{padding:8},"& .MuiPickersCalendarHeader-transitionContainer p":{marginLeft:"-12px"},"& .MuiPickersCalendarHeader-iconButton:first-child":{marginLeft:"12px"},"& .MuiPickersCalendarHeader-iconButton:last-child":{marginRight:"12px"}}},MuiPickersBasePicker:{container:{"& .MuiPaper-elevation1":{boxShadow:"none"},"& .MuiTabs-indicator":{width:"160px !important",height:3}},pickerView:{"& .MuiPickersCalendar-transitionContainer":{marginLeft:"-6px",minHeight:"212px"},"& .MuiPickersClock-clock":{backgroundColor:t.b7},"& .MuiPickersClockPointer-pointer":{width:"1px"},"& .MuiPickersClockNumber-clockNumber":{color:r.contrastText,fontSize:"18px"}}},MuiPickerDTTabs:{tabs:{backgroundColor:t.b7,"& .MuiTab-textColorInherit.Mui-selected":{color:r.main},"& .MuiTab-textColorInherit":{color:r.text6},"& .MuiTabs-flexContainer":{"& .MuiTabs-indicator":{width:"160px !important"}}}},MuiPickersDay:{day:{color:r.contrastText,"&:hover":{backgroundColor:r.text9},fontSize:14},daySelected:{backgroundColor:r.main}}};exports.dateTimePickerThemeOverrides=o;
@@ -1 +1 @@
1
- import t from"@babel/runtime/helpers/slicedToArray";import{useContext as r,useState as o}from"react";import e from"classnames";import{makeStyles as n}from"@material-ui/core";import{LineChartIcon as a,BarChartIcon as i}from"../../../../icons/index.js";import c from"../ChartButton.js";import m from"../../ChartWrapperContext.js";import{jsxs as s,jsx as u}from"react/jsx-runtime";var d=n((function(t){var r=t.palette;return{container:{display:"flex",marginRight:4,"&:hover $button":{background:"red !important"}},lineChartButton:{borderTopRightRadius:0,borderBottomRightRadius:0,marginBottom:0,"&:active":{background:r.background.b7}},barChartButton:{borderTopLeftRadius:0,borderBottomLeftRadius:0,marginBottom:0,"&:active":{background:r.background.b7}},hoveredContainer:{background:r.background.b7}}})),l="spline",p="bar",h=function(n){var h=n.className,b=n.onClick,f=r(m),C=f.chartType,g=f.handleChartTypeChange,v=o(!1),k=t(v,2),B=k[0],R=k[1],x=d();return s("div",{className:e(x.container,h),onMouseEnter:function(){R(!0)},onMouseLeave:function(){R(!1)},children:[u(c,{className:e(x.lineChartButton,B&&x.hoveredContainer),tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:C===l,onClick:function(){g(l),b(l)},children:u(a,{})}),u(c,{className:e(x.barChartButton,B&&x.hoveredContainer),tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:C===p,onClick:function(){g(p),b(p)},children:u(i,{})})]})};h.defaultProps={onClick:function(){},isHidden:!1};export{h as default};
1
+ import t from"@babel/runtime/helpers/slicedToArray";import{useContext as r,useState as o}from"react";import e from"classnames";import{makeStyles as n}from"@material-ui/core";import{LineChartIcon as a,HistogramIcon as i}from"../../../../icons/index.js";import c from"../ChartButton.js";import m from"../../ChartWrapperContext.js";import{jsxs as s,jsx as u}from"react/jsx-runtime";var d=n((function(t){var r=t.palette;return{container:{display:"flex",marginRight:4,"&:hover $button":{background:"red !important"}},lineChartButton:{borderTopRightRadius:0,borderBottomRightRadius:0,marginBottom:0,"&:active":{background:r.background.b7}},barChartButton:{borderTopLeftRadius:0,borderBottomLeftRadius:0,marginBottom:0,"&:active":{background:r.background.b7}},hoveredContainer:{background:r.background.b7}}})),l="spline",p="bar",h=function(n){var h=n.className,b=n.onClick,f=r(m),C=f.chartType,g=f.handleChartTypeChange,v=o(!1),k=t(v,2),B=k[0],R=k[1],x=d();return s("div",{className:e(x.container,h),onMouseEnter:function(){R(!0)},onMouseLeave:function(){R(!1)},children:[u(c,{className:e(x.lineChartButton,B&&x.hoveredContainer),tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:C===l,onClick:function(){g(l),b(l)},children:u(a,{})}),u(c,{className:e(x.barChartButton,B&&x.hoveredContainer),tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:C===p,onClick:function(){g(p),b(p)},children:u(i,{})})]})};h.defaultProps={onClick:function(){},isHidden:!1};export{h as default};
@@ -1,6 +1,6 @@
1
1
  export default CopyToClipboard;
2
- declare function CopyToClipboard({ label, classes, dataTestId, IconComponent, tooltipProps }: {
3
- label: any;
2
+ declare function CopyToClipboard({ children, classes, dataTestId, IconComponent, tooltipProps }: {
3
+ children: any;
4
4
  classes: any;
5
5
  dataTestId: any;
6
6
  IconComponent: any;
@@ -8,7 +8,7 @@ declare function CopyToClipboard({ label, classes, dataTestId, IconComponent, to
8
8
  }): JSX.Element;
9
9
  declare namespace CopyToClipboard {
10
10
  namespace propTypes {
11
- const label: PropTypes.Validator<string>;
11
+ const children: PropTypes.Validator<string>;
12
12
  const dataTestId: PropTypes.Requireable<string>;
13
13
  const IconComponent: PropTypes.Requireable<PropTypes.InferProps<{}>>;
14
14
  const tooltipProps: PropTypes.Requireable<PropTypes.InferProps<{
@@ -1 +1 @@
1
- {"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.js"],"names":[],"mappings":";AAsBA;;;;;;gBAyCC;;;;;;;;;;;;;;;;;;;;;;QAsBgB,+CAA4B"}
1
+ {"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.js"],"names":[],"mappings":";AAwBA;;;;;;gBAqCC;;;;;;;;;;;;;;;;;;;;;;QAsBgB,+CAA4B"}
@@ -1 +1 @@
1
- import t from"@babel/runtime/helpers/slicedToArray";import{useState as o,useEffect as e}from"react";import r from"classnames";import i from"prop-types";import{makeStyles as n,Tooltip as p,Typography as s}from"@material-ui/core";import{CopyIcon as a}from"../../icons/index.js";import l from"../../utils/main.js";import{jsx as c,jsxs as m}from"react/jsx-runtime";var d=n((function(t){return{root:{display:"flex",alignItems:"center",width:"fit-content",fontSize:14,cursor:"pointer"},iconWrapper:{paddingLeft:4,display:"flex",alignItems:"center"},tooltip:{color:t.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}})),u=function(i){var n=i.label,a=i.classes,u=i.dataTestId,f=i.IconComponent,g=i.tooltipProps,b=o(!1),y=t(b,2),h=y[0],I=y[1],T=d();return e((function(){var t=setTimeout((function(){I(!1)}),g.delay);return function(){return clearTimeout(t)}}),[h]),c(p,{classes:{tooltip:r(T.tooltip,a.tooltip),popper:r(T.tooltipPopper,a.tooltipPopper)},title:g.title,open:h,disableFocusListener:!0,disableHoverListener:!0,placement:g.placement,children:m(s,{className:r(T.root,a.root),onClick:function(){I(!0),l.copyToClipboard(n)},component:"div",children:[n,c("span",{className:r(T.iconWrapper,a.iconWrapper),children:c(f,{className:a.icon,"data-testid":u})})]})})};u.propTypes={label:i.string.isRequired,dataTestId:i.string,IconComponent:i.shape({}),tooltipProps:i.shape({title:i.string,placement:i.string,delay:i.number}),classes:i.shape({root:i.string,icon:i.string,iconWrapper:i.string,tooltip:i.string,tooltipPopper:i.string})},u.defaultProps={dataTestId:null,IconComponent:function(){return c(a,{size:16})},tooltipProps:{title:"Copied",placement:"bottom",delay:1500},classes:{}};export{u as default};
1
+ import t from"@babel/runtime/helpers/slicedToArray";import{useState as o,useEffect as e}from"react";import r from"classnames";import i from"prop-types";import{makeStyles as p,Tooltip as n}from"@material-ui/core";import{CopyIcon as a}from"../../icons/index.js";import s from"../../utils/main.js";import{jsx as l}from"react/jsx-runtime";var c=p((function(t){return{iconWrapper:{color:t.palette.primary.text6,cursor:"pointer",paddingLeft:4,display:"flex",alignItems:"center","&:hover":{color:t.palette.primary.contrastText}},tooltip:{color:t.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}})),m=function(i){var p=i.children,a=i.classes,m=i.dataTestId,d=i.IconComponent,u=i.tooltipProps,f=o(!1),g=t(f,2),y=g[0],b=g[1],h=c();return e((function(){var t=setTimeout((function(){b(!1)}),u.delay);return function(){return clearTimeout(t)}}),[y]),l(n,{classes:{tooltip:r(h.tooltip,a.tooltip),popper:r(h.tooltipPopper,a.tooltipPopper)},title:u.title,open:y,disableFocusListener:!0,disableHoverListener:!0,placement:u.placement,children:l("span",{className:r(h.iconWrapper,a.iconWrapper),onClick:function(){b(!0),s.copyToClipboard(p)},children:l(d,{className:a.icon,"data-testid":m})})})};m.propTypes={children:i.string.isRequired,dataTestId:i.string,IconComponent:i.shape({}),tooltipProps:i.shape({title:i.string,placement:i.string,delay:i.number}),classes:i.shape({root:i.string,icon:i.string,iconWrapper:i.string,tooltip:i.string,tooltipPopper:i.string})},m.defaultProps={dataTestId:null,IconComponent:function(){return l(a,{size:16})},tooltipProps:{title:"Copied",placement:"bottom",delay:1500},classes:{}};export{m as default};
@@ -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 e from"classnames";import a from"prop-types";import{KeyboardDatePicker as i}from"@material-ui/pickers";import{makeStyles as s}from"@material-ui/core";import m from"moment";import{DATE_FORMAT as p}from"../../constants/dateTimeFormat.js";import{CalendarIcon as n,RightIcon as c,LeftIcon as l}from"../../icons/index.js";var u=s((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:o.palette.primary.main},"& .MuiIconButton-root":{marginRight:-7,padding:7},"& .MuiIconButton-root svg":{fill:"transparent !important"}},paper:{marginTop:8}}})),f=function(a){var s=a.className,f=a.PopoverProps,d=o(a,["className","PopoverProps"]),P=u();return t(i,r({disableToolbar:!0,variant:"inline",keyboardIcon:t(n,{}),rightArrowIcon:t(c,{}),leftArrowIcon:t(l,{}),format:p,placeholder:m().format(p),refuse:/[^(\w|\d)]+/gi},d,{PopoverProps:r({className:e(P.paper,f.className)},f),className:e(P.dateTimePickerInput,s)}))};f.propTypes={PopoverProps:a.shape({className:a.string}),className:a.string},f.defaultProps={PopoverProps:{},className:""};export{f as default};
1
+ import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import e from"classnames";import a from"prop-types";import{KeyboardDatePicker as i}from"@material-ui/pickers";import{makeStyles as s}from"@material-ui/core";import m from"moment";import{DATE_FORMAT as p}from"../../constants/dateTimeFormat.js";import{CalendarIcon as n,RightIcon as c,LeftIcon as l}from"../../icons/index.js";var u=s((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:o.palette.primary.main},"& .MuiIconButton-root":{marginRight:-7,padding:4},"& .MuiIconButton-root svg":{fill:"transparent !important"}},paper:{marginTop:8}}})),f=function(a){var s=a.className,f=a.PopoverProps,d=o(a,["className","PopoverProps"]),P=u();return t(i,r({disableToolbar:!0,variant:"inline",keyboardIcon:t(n,{}),rightArrowIcon:t(c,{}),leftArrowIcon:t(l,{}),format:p,placeholder:m().format(p),refuse:/[^(\w|\d)]+/gi},d,{PopoverProps:r({className:e(P.paper,f.className)},f),className:e(P.dateTimePickerInput,s)}))};f.propTypes={PopoverProps:a.shape({className:a.string}),className:a.string},f.defaultProps={PopoverProps:{},className:""};export{f as default};
@@ -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 e from"classnames";import a from"prop-types";import i from"moment";import{KeyboardDateTimePicker as m}from"@material-ui/pickers";import{makeStyles as s}from"@material-ui/core";import{CalendarIcon as p,TimeIcon as n,RightIcon as c,LeftIcon as u}from"../../icons/index.js";import{DATE_TIME_FORMAT as l}from"../../constants/dateTimeFormat.js";var f=s((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:o.palette.primary.main},"& .MuiIconButton-root":{marginRight:-7,padding:7},"& .MuiIconButton-root svg":{fill:"transparent !important"}},paper:{marginTop:8}}}));function d(a){var s=a.className,l=a.PopoverProps,d=a.format,P=o(a,["className","PopoverProps","format"]),g=f();return t(m,r({dateRangeIcon:t(p,{size:24}),timeIcon:t(n,{size:24}),rightArrowIcon:t(c,{}),leftArrowIcon:t(u,{}),keyboardIcon:t(p,{}),format:d,refuse:/[^(\w|\d)]+/gi,placeholder:i().format(d)},P,{PopoverProps:r({className:g.paper},l),className:e(g.dateTimePickerInput,s)}))}d.propTypes={className:a.string,PopoverProps:a.shape({className:a.string}),format:a.string},d.defaultProps={className:"",PopoverProps:{},format:l};export{d as default};
1
+ import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import e from"classnames";import a from"prop-types";import i from"moment";import{KeyboardDateTimePicker as m}from"@material-ui/pickers";import{makeStyles as s}from"@material-ui/core";import{CalendarIcon as p,TimeIcon as n,RightIcon as c,LeftIcon as u}from"../../icons/index.js";import{DATE_TIME_FORMAT as l}from"../../constants/dateTimeFormat.js";var f=s((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:o.palette.primary.main},"& .MuiIconButton-root":{marginRight:-7,padding:4},"& .MuiIconButton-root svg":{fill:"transparent !important"}},paper:{marginTop:8}}}));function d(a){var s=a.className,l=a.PopoverProps,d=a.format,P=o(a,["className","PopoverProps","format"]),g=f();return t(m,r({dateRangeIcon:t(p,{size:24}),timeIcon:t(n,{size:24}),rightArrowIcon:t(c,{}),leftArrowIcon:t(u,{}),keyboardIcon:t(p,{}),format:d,refuse:/[^(\w|\d)]+/gi,placeholder:i().format(d)},P,{PopoverProps:r({className:g.paper},l),className:e(g.dateTimePickerInput,s)}))}d.propTypes={className:a.string,PopoverProps:a.shape({className:a.string}),format:a.string},d.defaultProps={className:"",PopoverProps:{},format:l};export{d as default};
@@ -45,6 +45,9 @@ export namespace dateTimePickerThemeOverrides {
45
45
  }
46
46
  namespace MuiPickersCalendarHeader {
47
47
  const switchHeader: {
48
+ '& .MuiPickersCalendarHeader-iconButton': {
49
+ padding: number;
50
+ };
48
51
  '& .MuiPickersCalendarHeader-transitionContainer p': {
49
52
  marginLeft: string;
50
53
  };
@@ -1 +1 @@
1
- import i from"./palette.mjs.js";var r=i.primary,o=i.background,t={MuiPickerDTToolbar:{toolbar:{backgroundColor:o.b7,marginBottom:"-10px","& .MuiGrid-justify-xs-center .MuiGrid-grid-xs-6":{marginLeft:"12px"},"& .MuiButton-root":{height:"unset",color:r.text6},"& .MuiPickersToolbarText-toolbarTxt":{color:r.text6},"& .MuiPickersToolbarText-toolbarBtnSelected":{color:r.contrastText},"& h3.MuiPickersToolbarText-toolbarTxt":{fontSize:"44px",marginBottom:"-12px"},"& h4.MuiPickersToolbarText-toolbarTxt":{marginBottom:"-6px",minWidth:"120px",textAlign:"left"},"& h6.MuiPickersToolbarText-toolbarTxt":{marginBottom:"-8px",fontSize:"18px"},"& .MuiGrid-grid-xs-5 h6.MuiPickersToolbarText-toolbarTxt":{marginBottom:"2px"},"& .MuiGrid-grid-xs-1:last-child":{marginBottom:"-16px"},"& .MuiGrid-grid-xs-1:last-child h6.MuiPickersToolbarText-toolbarTxt":{marginBottom:0},"& .MuiGrid-grid-xs-6":{marginLeft:"24px"}}},MuiPickersCalendarHeader:{switchHeader:{"& .MuiPickersCalendarHeader-transitionContainer p":{marginLeft:"-12px"},"& .MuiPickersCalendarHeader-iconButton:first-child":{marginLeft:"12px"},"& .MuiPickersCalendarHeader-iconButton:last-child":{marginRight:"12px"}}},MuiPickersBasePicker:{container:{"& .MuiPaper-elevation1":{boxShadow:"none"},"& .MuiTabs-indicator":{width:"160px !important",height:3}},pickerView:{"& .MuiPickersCalendar-transitionContainer":{marginLeft:"-6px",minHeight:"212px"},"& .MuiPickersClock-clock":{backgroundColor:o.b7},"& .MuiPickersClockPointer-pointer":{width:"1px"},"& .MuiPickersClockNumber-clockNumber":{color:r.contrastText,fontSize:"18px"}}},MuiPickerDTTabs:{tabs:{backgroundColor:o.b7,"& .MuiTab-textColorInherit.Mui-selected":{color:r.main},"& .MuiTab-textColorInherit":{color:r.text6},"& .MuiTabs-flexContainer":{"& .MuiTabs-indicator":{width:"160px !important"}}}},MuiPickersDay:{day:{color:r.contrastText,"&:hover":{backgroundColor:r.text9},fontSize:14},daySelected:{backgroundColor:r.main}}};export{t as dateTimePickerThemeOverrides};
1
+ import i from"./palette.mjs.js";var r=i.primary,o=i.background,t={MuiPickerDTToolbar:{toolbar:{backgroundColor:o.b7,marginBottom:"-10px","& .MuiGrid-justify-xs-center .MuiGrid-grid-xs-6":{marginLeft:"12px"},"& .MuiButton-root":{height:"unset",color:r.text6},"& .MuiPickersToolbarText-toolbarTxt":{color:r.text6},"& .MuiPickersToolbarText-toolbarBtnSelected":{color:r.contrastText},"& h3.MuiPickersToolbarText-toolbarTxt":{fontSize:"44px",marginBottom:"-12px"},"& h4.MuiPickersToolbarText-toolbarTxt":{marginBottom:"-6px",minWidth:"120px",textAlign:"left"},"& h6.MuiPickersToolbarText-toolbarTxt":{marginBottom:"-8px",fontSize:"18px"},"& .MuiGrid-grid-xs-5 h6.MuiPickersToolbarText-toolbarTxt":{marginBottom:"2px"},"& .MuiGrid-grid-xs-1:last-child":{marginBottom:"-16px"},"& .MuiGrid-grid-xs-1:last-child h6.MuiPickersToolbarText-toolbarTxt":{marginBottom:0},"& .MuiGrid-grid-xs-6":{marginLeft:"24px"}}},MuiPickersCalendarHeader:{switchHeader:{"& .MuiPickersCalendarHeader-iconButton":{padding:8},"& .MuiPickersCalendarHeader-transitionContainer p":{marginLeft:"-12px"},"& .MuiPickersCalendarHeader-iconButton:first-child":{marginLeft:"12px"},"& .MuiPickersCalendarHeader-iconButton:last-child":{marginRight:"12px"}}},MuiPickersBasePicker:{container:{"& .MuiPaper-elevation1":{boxShadow:"none"},"& .MuiTabs-indicator":{width:"160px !important",height:3}},pickerView:{"& .MuiPickersCalendar-transitionContainer":{marginLeft:"-6px",minHeight:"212px"},"& .MuiPickersClock-clock":{backgroundColor:o.b7},"& .MuiPickersClockPointer-pointer":{width:"1px"},"& .MuiPickersClockNumber-clockNumber":{color:r.contrastText,fontSize:"18px"}}},MuiPickerDTTabs:{tabs:{backgroundColor:o.b7,"& .MuiTab-textColorInherit.Mui-selected":{color:r.main},"& .MuiTab-textColorInherit":{color:r.text6},"& .MuiTabs-flexContainer":{"& .MuiTabs-indicator":{width:"160px !important"}}}},MuiPickersDay:{day:{color:r.contrastText,"&:hover":{backgroundColor:r.text9},fontSize:14},daySelected:{backgroundColor:r.main}}};export{t as dateTimePickerThemeOverrides};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@corva/ui",
3
- "version": "0.75.0-11",
3
+ "version": "0.75.0-12",
4
4
  "description": "Shared components/utils for Corva ui projects",
5
5
  "keywords": [
6
6
  "corva-ui"