@corva/ui 0.98.0-9 → 0.99.0-0

package/components/GradientManager/GradientManagerWithStorage/GradientManagerWithStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GradientManagerWithStorage.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/GradientManagerWithStorage/GradientManagerWithStorage.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,eAAO,MAAM,0BAA0B,gCAGpC,+BAA+B,gBAiCjC,CAAC"}
+{"version":3,"file":"GradientManagerWithStorage.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/GradientManagerWithStorage/GradientManagerWithStorage.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,eAAO,MAAM,0BAA0B,gCAGpC,+BAA+B,gBAiCjC,CAAC"}

package/components/GradientManager/GradientManagerWithStorage/GradientManagerWithStorage.stories.d.ts

@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/react';
 import { ComponentProps } from 'react';
 import { GradientManagerWithStorage } from './GradientManagerWithStorage';
-declare type Props = ComponentProps<typeof GradientManagerWithStorage>;
+type Props = ComponentProps<typeof GradientManagerWithStorage>;
 declare const meta: Meta<Props>;
 export default meta;
 export declare const Default: (props: Props) => JSX.Element;

package/components/GradientManager/GradientManagerWithStorage/GradientManagerWithStorage.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GradientManagerWithStorage.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/GradientManagerWithStorage/GradientManagerWithStorage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AA2BF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAanC,CAAC"}
+{"version":3,"file":"GradientManagerWithStorage.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/GradientManagerWithStorage/GradientManagerWithStorage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AA2BF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAanC,CAAC"}

package/components/GradientManager/GradientPreview/GradientPreview.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { GradientFillStop } from '~/types';
 interface GradientPreviewProps {
     gradientStops: GradientFillStop[];

package/components/GradientManager/GradientPreview/GradientPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GradientPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/GradientPreview/GradientPreview.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,UAAU,oBAAoB;IAC5B,aAAa,EAAE,gBAAgB,EAAE,CAAC;CACnC;AAWD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAU1D,CAAC"}
+{"version":3,"file":"GradientPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/GradientPreview/GradientPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,UAAU,oBAAoB;IAC5B,aAAa,EAAE,gBAAgB,EAAE,CAAC;CACnC;AAWD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAU1D,CAAC"}

package/components/GradientManager/GradientSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CustomGradient } from '~/types';
 interface GradientSelectProps {
     gradients: CustomGradient[];

package/components/GradientManager/GradientSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientSelect.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,UAAU,mBAAmB;IAC3B,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsGxD,CAAC"}
+{"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientSelect.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,UAAU,mBAAmB;IAC3B,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsGxD,CAAC"}

package/components/GradientManager/GradientSelect.js

@@ -1 +1 @@
-import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,jsx as i}from"react/jsx-runtime";import{ListSubheader as n,MenuItem as t}from"@material-ui/core";import e from"@material-ui/icons/AddCircle";import{useState as r}from"react";import c from"classnames";import{isEmpty as a}from"lodash";import{GradientPreview as m}from"./GradientPreview/GradientPreview.js";import d from"../Select/index.js";import l from"../IconButton/index.js";import{useStyles as u}from"./GradientSelect.styles.js";import{DeleteFourIcon 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/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.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"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";var I=function(I){var j=I.value,f=I.gradients,h=I.onChange,v=I.defaultGradients,C=I.onAction,g=I.readonly,b=u(),G=r(!1),k=G[0],P=G[1],x=function(o){var s,i;if(o.stopPropagation(),!g){var n=null===(i=null===(s=o.currentTarget.closest("li"))||void 0===s?void 0:s.dataset)||void 0===i?void 0:i.value;j===n&&P(!1),C("delete",n)}},F=a(f)&&g;return s(d,o({"data-testid":"gradient-select",label:"Gradients",value:j||"",className:b.select,onChange:function(o){var s=o.target;s.value&&h(s.value)},open:k,onClose:function(){return P(!1)},onOpen:function(){return P(!0)},inputProps:{name:"gradientId",id:"gradientId"},FormControlProps:{fullWidth:!0},fullWidth:!0,defaultValue:"",InputLabelProps:{shrink:!0}},{children:[i(n,o({className:b.listHeader},{children:"Gradients"})),!F&&s(n,o({className:b.subHeader},{children:["My Gradients",!g&&i(l,o({color:"primary","data-testid":"add-gradient-btn",className:b.addButton,onClick:function(){return C("add")},tooltipProps:{title:"Create Custom Gradient"}},{children:i(e,{color:"primary"})}))]})),f.map((function(n){var e=n.id,r=n.name,a=n.gradientStops;return s(t,o({value:e,className:b.customGradientListItem},{children:[i(m,{gradientStops:a}),i("span",{children:r}),i(l,o({className:c({disabled:g}),onClick:x,tooltipProps:{title:"Remove Gradient"},size:"medium"},{children:i(p,{})}))]}),e)})),!a(v)&&i(n,o({className:b.subHeader},{children:"Default Gradients"})),v.map((function(n){var e=n.id,r=n.name,c=n.gradientStops;return s(t,o({value:e,className:b.customGradientListItem},{children:[i(m,{gradientStops:c}),i("span",{children:r})]}),e)}))]}))};export{I as GradientSelect};
+import{jsxs as o,jsx as s}from"react/jsx-runtime";import{ListSubheader as i,MenuItem as n}from"@material-ui/core";import t from"@material-ui/icons/AddCircle";import{useState as e}from"react";import c from"classnames";import{isEmpty as r}from"lodash";import{GradientPreview as a}from"./GradientPreview/GradientPreview.js";import m from"../Select/index.js";import d from"../IconButton/index.js";import{useStyles as l}from"./GradientSelect.styles.js";import{DeleteFourIcon as u}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/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.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"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";var p=function(p){var I=p.value,j=p.gradients,f=p.onChange,h=p.defaultGradients,v=p.onAction,C=p.readonly,g=l(),G=e(!1),b=G[0],k=G[1],P=function(o){var s,i;if(o.stopPropagation(),!C){var n=null===(i=null===(s=o.currentTarget.closest("li"))||void 0===s?void 0:s.dataset)||void 0===i?void 0:i.value;I===n&&k(!1),v("delete",n)}},x=r(j)&&C;return o(m,{"data-testid":"gradient-select",label:"Gradients",value:I||"",className:g.select,onChange:function(o){var s=o.target;s.value&&f(s.value)},open:b,onClose:function(){return k(!1)},onOpen:function(){return k(!0)},inputProps:{name:"gradientId",id:"gradientId"},FormControlProps:{fullWidth:!0},fullWidth:!0,defaultValue:"",InputLabelProps:{shrink:!0},children:[s(i,{className:g.listHeader,children:"Gradients"}),!x&&o(i,{className:g.subHeader,children:["My Gradients",!C&&s(d,{color:"primary","data-testid":"add-gradient-btn",className:g.addButton,onClick:function(){return v("add")},tooltipProps:{title:"Create Custom Gradient"},children:s(t,{color:"primary"})})]}),j.map((function(i){var t=i.id,e=i.name,r=i.gradientStops;return o(n,{value:t,className:g.customGradientListItem,children:[s(a,{gradientStops:r}),s("span",{children:e}),s(d,{className:c({disabled:C}),onClick:P,tooltipProps:{title:"Remove Gradient"},size:"medium",children:s(u,{})})]},t)})),!r(h)&&s(i,{className:g.subHeader,children:"Default Gradients"}),h.map((function(i){var t=i.id,e=i.name,c=i.gradientStops;return o(n,{value:t,className:g.customGradientListItem,children:[s(a,{gradientStops:c}),s("span",{children:e})]},t)}))]})};export{p as GradientSelect};

package/components/GradientPicker/GradientPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GradientPickerComponentProps } from './GradientPickerProps';
-export declare const GradientPicker: (props: Omit<GradientPickerComponentProps, 'size'>) => JSX.Element;
+export declare const GradientPicker: (props: Omit<GradientPickerComponentProps, "size">) => JSX.Element;
 //# sourceMappingURL=GradientPicker.d.ts.map

package/components/GradientPicker/GradientPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GradientPicker.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPicker.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAwUrE,eAAO,MAAM,cAAc,UAAW,KAAK,4BAA4B,EAAE,MAAM,CAAC,gBAE/E,CAAC"}
+{"version":3,"file":"GradientPicker.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPicker.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAwUrE,eAAO,MAAM,cAAc,UAAW,IAAI,CAAC,4BAA4B,EAAE,MAAM,CAAC,gBAE/E,CAAC"}

package/components/GradientPicker/GradientPicker.js

@@ -1 +1 @@
-import{__assign as o,__spreadArray as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useRef as e,useState as r,useEffect as c,useMemo as s}from"react";import a from"classnames";import l from"react-draggable";import{find as u,noop as m,sortBy as d,reject as p,clamp as f,omit as h}from"lodash";import v from"tinygradient";import{v4 as g}from"uuid";import{Typography as I,Tooltip as j,Popover as b,TextField as C}from"@material-ui/core";import{Add as k}from"@material-ui/icons";import{DeleteFourIcon as x}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/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.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"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import y from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as N,getStopText as F,roundToStep as P,getRangeStep as _}from"./GradientPicker.utils.js";import{useThrottledCallback as M}from"../shared/useThrottledCallback.js";import O from"../IconButton/index.js";import{useStyles as S}from"./GradientPicker.styles.js";import{withSize as T}from"react-sizeme";var z=T()((function(T){var z=T.size,B=T.from,E=void 0===B?0:B,R=T.to,A=void 0===R?100:R,D=T.unit,G=T.gradientStops,L=T.onChange,V=T.style,q=T.isMoveInputVisible,w=T.readonly,W=T.noScale,H=T["data-testid"],K=void 0===H?"GradientPicker":H,X=e(),Z=r([]),J=Z[0],Q=Z[1],U=r(null),Y=U[0],$=U[1],oo=r(null),no=oo[0],to=oo[1],io=r(null),eo=io[0],ro=io[1],co=S({readonly:w}),so=Number.isFinite(E)?Number(E):0,ao=Number.isFinite(A)?Number(A):100,lo=ao-so;c((function(){(G.length!==(null==J?void 0:J.length)||G.some((function(o,n){return o.color!==J[n].color||o.pos!==J[n].pos})))&&Q(G.map((function(n){return o(o({},n),{id:g()})})))}),[G]);var uo=s((function(){return N(J)}),[J]),mo=s((function(){var o;return null===(o=X.current)||void 0===o?void 0:o.clientWidth}),[z.width,X.current]),po=function(o){var n=d(o,"pos");Q(n),L&&L(n.map((function(o){return h(o,"id")})))},fo=function(o){if(o.target===o.currentTarget){var n=o.currentTarget.getBoundingClientRect(),t=o.clientX-n.left;ro(Number.isFinite(t)?t:null)}else ro(null)},ho=M((function(t,i,e,r){if(void 0===r&&(r=!1),!Y){var c=i/mo*100,s=u(J,{id:t});if(e>=40||e<=-50)go();else{var a=o(o({},s),{pos:c}),l=d(n(n([],p(J,{id:t}),!0),[a],!1),"pos");if(r)return po(l),void to(null);Q(l),jo||to(t)}}}),0),vo=function(){po(J),to(null),$(null)},go=function(){J.length>2&&(po(p(J,{id:no})),$(null),to(null))},Io=!Y&&Number.isFinite(eo)&&!w,jo=u(J,{id:no}),bo=_(lo),Co=function(o){if(!o)return null;var n=so+(null==o?void 0:o.pos)/100*lo;return P(n,bo/100)}(jo);return t("div",o({className:co.root,style:V},{children:[!W&&t("div",o({className:co.indicatorContainer},{children:[i("div",{children:t(I,o({"data-testid":"".concat(K,"_from"),className:co.indicator},{children:[so," ",D]}))}),i("div",{children:t(I,o({"data-testid":"".concat(K,"_to"),className:co.indicator},{children:[ao," ",D]}))})]})),t("div",o({onMouseEnter:fo,onMouseMove:fo,onMouseLeave:function(){return ro(null)},onClick:function(o){if(!w){var t=eo/mo*100,i=v(J.map((function(o){return{color:o.color,pos:o.pos/100}}))),e="#".concat(i.rgbAt(t/100).toHex()),r={id:g(),pos:t,color:e};po(n(n([],J,!0),[r],!1))}},"data-testid":"".concat(K,"_track"),className:co.mainBar,style:{background:"linear-gradient(90deg, ".concat(uo,")")},ref:X},{children:[Io&&i("div",o({"data-testid":"".concat(K,"_addCircle"),className:co.addCircle,style:{left:eo-12}},{children:i(k,{fontSize:"small",className:co.addIcon})})),!!mo&&J.map((function(n,t){var e,r=n.pos,c=n.color,s=n.id;return i(l,o({disabled:w,axis:"x",bounds:{left:-12,right:mo-12,top:-50,bottom:40},onDrag:function(o,n){return ho(s,n.x+12,n.y,!1)},onStop:function(o,n){return ho(s,n.x+12,n.y,!0)},position:{x:mo*r/100-12,y:-4}},{children:i("div",o({onClick:function(o){return function(o,n){o.stopPropagation(),w||no||(to(n),$(o.currentTarget))}(o,s)},"data-testid":"".concat(K,"_stop_").concat(t),className:a(co.circle,{highlight:no===s}),style:{backgroundColor:c}},{children:i(j,o({title:(e=r,F(e,{fromValue:so,toValue:ao})),placement:"top"},{children:i("div",{style:{height:"100%"}})}))}))}),s)}))]})),Boolean(Y)&&t(b,o({id:"colors-popper",open:Boolean(Y),anchorEl:Y,onClose:vo,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},{children:[i(y,{color:null==jo?void 0:jo.color,onChange:function(n){var t=n.hex;Q(J.map((function(n){return n.id===no?o(o({},n),{color:t}):n})))},onSizeChange:m,enableTransparencyPalette:!1}),i(O,o({"data-testid":"".concat(K,"_stopDelete"),className:co.removeButton,onClick:go},{children:i(x,{className:co.deleteIcon})})),q&&i(C,{"data-testid":"".concat(K,"_moveInput"),type:"number",variant:"outlined",value:Co,classes:{root:co.posTextfield},InputProps:{inputProps:{min:so,max:ao,step:bo,maxLength:10},classes:{root:co.posOutlinedRoot,input:co.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(n){if(""===n.target.value){var t=n.target;setTimeout((function(){return null==t?void 0:t.select()}))}var i=f(Number(n.target.value),so,ao);i||n.target.select();var e=(i-so)/lo*100;Q(J.map((function(n){return n.id===no?o(o({},n),{pos:e}):n})))},onKeyDown:function(o){return"Enter"===o.key&&vo()}})]}))]}))})),B=function(n){return i(z,o({},n))};export{B as GradientPicker};
+import{__assign as o,__spreadArray as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useRef as e,useState as r,useEffect as c,useMemo as s}from"react";import a from"classnames";import l from"react-draggable";import{find as u,noop as m,sortBy as d,reject as p,clamp as f,omit as h}from"lodash";import v from"tinygradient";import{v4 as g}from"uuid";import{Typography as I,Tooltip as j,Popover as b,TextField as C}from"@material-ui/core";import{Add as k}from"@material-ui/icons";import{DeleteFourIcon as x}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/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.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"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import y from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as N,getStopText as F,roundToStep as P,getRangeStep as _}from"./GradientPicker.utils.js";import{useThrottledCallback as M}from"../shared/useThrottledCallback.js";import O from"../IconButton/index.js";import{useStyles as S}from"./GradientPicker.styles.js";import{withSize as T}from"react-sizeme";var z=T()((function(T){var z=T.size,B=T.from,E=void 0===B?0:B,R=T.to,A=void 0===R?100:R,D=T.unit,G=T.gradientStops,L=T.onChange,V=T.style,q=T.isMoveInputVisible,w=T.readonly,W=T.noScale,H=T["data-testid"],K=void 0===H?"GradientPicker":H,X=e(),Z=r([]),J=Z[0],Q=Z[1],U=r(null),Y=U[0],$=U[1],oo=r(null),no=oo[0],to=oo[1],io=r(null),eo=io[0],ro=io[1],co=S({readonly:w}),so=Number.isFinite(E)?Number(E):0,ao=Number.isFinite(A)?Number(A):100,lo=ao-so;c((function(){(G.length!==(null==J?void 0:J.length)||G.some((function(o,n){return o.color!==J[n].color||o.pos!==J[n].pos})))&&Q(G.map((function(n){return o(o({},n),{id:g()})})))}),[G]);var uo=s((function(){return N(J)}),[J]),mo=s((function(){var o;return null===(o=X.current)||void 0===o?void 0:o.clientWidth}),[z.width,X.current]),po=function(o){var n=d(o,"pos");Q(n),L&&L(n.map((function(o){return h(o,"id")})))},fo=function(o){if(o.target===o.currentTarget){var n=o.currentTarget.getBoundingClientRect(),t=o.clientX-n.left;ro(Number.isFinite(t)?t:null)}else ro(null)},ho=M((function(t,i,e,r){if(void 0===r&&(r=!1),!Y){var c=i/mo*100,s=u(J,{id:t});if(e>=40||e<=-50)go();else{var a=o(o({},s),{pos:c}),l=d(n(n([],p(J,{id:t}),!0),[a],!1),"pos");if(r)return po(l),void to(null);Q(l),jo||to(t)}}}),0),vo=function(){po(J),to(null),$(null)},go=function(){J.length>2&&(po(p(J,{id:no})),$(null),to(null))},Io=!Y&&Number.isFinite(eo)&&!w,jo=u(J,{id:no}),bo=_(lo),Co=function(o){if(!o)return null;var n=so+(null==o?void 0:o.pos)/100*lo;return P(n,bo/100)}(jo);return t("div",{className:co.root,style:V,children:[!W&&t("div",{className:co.indicatorContainer,children:[i("div",{children:t(I,{"data-testid":"".concat(K,"_from"),className:co.indicator,children:[so," ",D]})}),i("div",{children:t(I,{"data-testid":"".concat(K,"_to"),className:co.indicator,children:[ao," ",D]})})]}),t("div",{onMouseEnter:fo,onMouseMove:fo,onMouseLeave:function(){return ro(null)},onClick:function(o){if(!w){var t=eo/mo*100,i=v(J.map((function(o){return{color:o.color,pos:o.pos/100}}))),e="#".concat(i.rgbAt(t/100).toHex()),r={id:g(),pos:t,color:e};po(n(n([],J,!0),[r],!1))}},"data-testid":"".concat(K,"_track"),className:co.mainBar,style:{background:"linear-gradient(90deg, ".concat(uo,")")},ref:X,children:[Io&&i("div",{"data-testid":"".concat(K,"_addCircle"),className:co.addCircle,style:{left:eo-12},children:i(k,{fontSize:"small",className:co.addIcon})}),!!mo&&J.map((function(o,n){var t,e=o.pos,r=o.color,c=o.id;return i(l,{disabled:w,axis:"x",bounds:{left:-12,right:mo-12,top:-50,bottom:40},onDrag:function(o,n){return ho(c,n.x+12,n.y,!1)},onStop:function(o,n){return ho(c,n.x+12,n.y,!0)},position:{x:mo*e/100-12,y:-4},children:i("div",{onClick:function(o){return function(o,n){o.stopPropagation(),w||no||(to(n),$(o.currentTarget))}(o,c)},"data-testid":"".concat(K,"_stop_").concat(n),className:a(co.circle,{highlight:no===c}),style:{backgroundColor:r},children:i(j,{title:(t=e,F(t,{fromValue:so,toValue:ao})),placement:"top",children:i("div",{style:{height:"100%"}})})})},c)}))]}),Boolean(Y)&&t(b,{id:"colors-popper",open:Boolean(Y),anchorEl:Y,onClose:vo,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[i(y,{color:null==jo?void 0:jo.color,onChange:function(n){var t=n.hex;Q(J.map((function(n){return n.id===no?o(o({},n),{color:t}):n})))},onSizeChange:m,enableTransparencyPalette:!1}),i(O,{"data-testid":"".concat(K,"_stopDelete"),className:co.removeButton,onClick:go,children:i(x,{className:co.deleteIcon})}),q&&i(C,{"data-testid":"".concat(K,"_moveInput"),type:"number",variant:"outlined",value:Co,classes:{root:co.posTextfield},InputProps:{inputProps:{min:so,max:ao,step:bo,maxLength:10},classes:{root:co.posOutlinedRoot,input:co.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(n){if(""===n.target.value){var t=n.target;setTimeout((function(){return null==t?void 0:t.select()}))}var i=f(Number(n.target.value),so,ao);i||n.target.select();var e=(i-so)/lo*100;Q(J.map((function(n){return n.id===no?o(o({},n),{pos:e}):n})))},onKeyDown:function(o){return"Enter"===o.key&&vo()}})]})]})})),B=function(n){return i(z,o({},n))};export{B as GradientPicker};

package/components/GradientPicker/GradientPicker.stories.d.ts

@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/react';
 import { ComponentProps } from 'react';
 import { GradientPicker } from './GradientPicker';
-declare type Props = ComponentProps<typeof GradientPicker>;
+type Props = ComponentProps<typeof GradientPicker>;
 declare const meta: Meta<Props>;
 export default meta;
 export declare const Default: (props: Props) => JSX.Element;

package/components/GradientPicker/GradientPicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GradientPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAwBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAkC,CAAC"}
+{"version":3,"file":"GradientPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAwBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAkC,CAAC"}

package/components/HeaderLayout/HeaderLayout.d.ts

@@ -2,8 +2,8 @@ export default WithSizeMe;
 declare function WithSizeMe(props: any): JSX.Element;
 declare namespace WithSizeMe {
     namespace propTypes {
-        const children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
+        let children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 //# sourceMappingURL=HeaderLayout.d.ts.map

package/components/HeaderLayout/HeaderLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLayout.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderLayout/HeaderLayout.js"],"names":[],"mappings":";AA2KA,qDAMC"}
+{"version":3,"file":"HeaderLayout.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderLayout/HeaderLayout.js"],"names":[],"mappings":";AA4KA,qDAMC;;;;;;sBA5IqB,YAAY"}

package/components/HeaderLayout/HeaderLayout.js

@@ -1 +1 @@
-import{useMemo as i,cloneElement as e}from"react";import r from"prop-types";import{SizeMe as t}from"react-sizeme";import{Collapse as l}from"@material-ui/core";import{useComonentsWidth as a,useFilterLayout as n}from"./effects/index.js";import{getAppTitle as c,getAppSubTitle as o,getExpander as d,getOffsetPicker as s,getSecondaryAsset as m,getModeSelect as p,getPadChip as h,getPrimaryAsset as u,getOffsetWellsChip as f}from"./utils.js";import{LARGE_SIZE_LAYOUT as v,MEDIUM_SIZE_LAYOUT as y,SMALL_SIZE_LAYOUT as N}from"./constants.js";import O from"./HeaderLayout.css.js";import{jsx as g,jsxs as j,Fragment as C}from"react/jsx-runtime";function T(i,r){var t,l,a,n;return i===N&&r?e(r,r.props,(t=r.props.children,l=t.split(" "),a=t[0],n=l[l.length-1],"".concat(a," ").concat(n))):r}function w(e){var r=e.children,t=e.appWidth,w=a(r),L=n(r,w,t),R=c(r),W=o(r),q=d(r),x=s(r),S=m(r),k=p(r),z=h(r),B=u(r),H=f(r),b=i((function(){return T(L,B)}),[L,B]),A=i((function(){return T(L,z)}),[L,z]);return j("div",{style:{width:"100%"},children:[g(l,{timeout:10,in:L===v,children:j("div",{className:O.layoutContainer,children:[j("div",{className:O.layoutTopLarge,children:[g("div",{children:R}),j("div",{className:O.layoutTopRightLarge,children:[S,k,j("div",{className:O.layoutOffsetpicker,children:[q,x]}),z,B]})]}),g("div",{children:W}),g("div",{className:O.layoutOffsetwellChipsLarge,children:H})]})}),g(l,{timeout:10,in:[y,N].includes(L),children:j("div",{className:O.layoutContainer,children:[j("div",{className:O.layoutTopSmall,children:[g("div",{children:R}),j("div",{className:O.assetChips,children:[L===y&&j(C,{children:[z,B]}),L===N&&b]})]}),g("div",{children:W}),j("div",{className:O.layoutBottomSmall,children:[S,k,L===N&&A,j("div",{className:O.layoutOffsetpicker,children:[q,x]})]}),g("div",{className:O.layoutOffsetwellChipsSmall,children:H})]})})]})}function L(i){return g(t,{monitorWidth:!0,children:function(e){var r=e.size;return g(w,{appWidth:r.width-21,children:i.children})}})}w.propTypes={appWidth:r.func.isRequired,children:r.arrayOf(r.node).isRequired},L.propTypes={children:r.arrayOf(r.node).isRequired};export{L as default};
+import{useMemo as e,cloneElement as i}from"react";import r from"prop-types";import{SizeMe as t}from"react-sizeme";import{Collapse as n}from"@material-ui/core";import{useComonentsWidth as l,useFilterLayout as a}from"./effects/index.js";import{getAppTitle as d,getAppSubTitle as o,getExpander as c,getOffsetPicker as s,getSecondaryAsset as m,getModeSelect as h,getPadChip as p,getPrimaryAsset as u,getOffsetWellsChip as f}from"./utils.js";import{LARGE_SIZE_LAYOUT as v,MEDIUM_SIZE_LAYOUT as y,SMALL_SIZE_LAYOUT as N}from"./constants.js";import O from"./HeaderLayout.css.js";import{jsx as g,jsxs as j,Fragment as C}from"react/jsx-runtime";function T(e,r){var t,n,l,a;return e===N&&r?i(r,r.props,(t=r.props.children,n=t.split(" "),l=t[0],a=n[n.length-1],"".concat(l," ").concat(a))):r}function W(i){var r=i.children,t=i.appWidth,W=l(r),w=W.componentsWidth,L=W.hiddenElements,R=a(r,w,t),q=d(r),x=o(r),S=c(r),k=s(r),z=m(r),B=h(r),E=p(r),H=u(r),b=f(r),A=e((function(){return T(R,H)}),[R,H]),D=e((function(){return T(R,E)}),[R,E]);return j("div",{style:{width:"100%"},children:[g(n,{timeout:10,in:R===v,children:j("div",{className:O.layoutContainer,children:[j("div",{className:O.layoutTopLarge,children:[g("div",{children:q}),j("div",{className:O.layoutTopRightLarge,children:[z,B,j("div",{className:O.layoutOffsetpicker,children:[S,k]}),E,H]})]}),g("div",{children:x}),g("div",{className:O.layoutOffsetwellChipsLarge,children:b})]})}),g(n,{timeout:10,in:[y,N].includes(R),children:j("div",{className:O.layoutContainer,children:[j("div",{className:O.layoutTopSmall,children:[g("div",{children:q}),j("div",{className:O.assetChips,children:[R===y&&j(C,{children:[E,H]}),R===N&&A]})]}),g("div",{children:x}),j("div",{className:O.layoutBottomSmall,children:[z,B,R===N&&D,j("div",{className:O.layoutOffsetpicker,children:[S,k]})]}),g("div",{className:O.layoutOffsetwellChipsSmall,children:b})]})}),L]})}function w(e){return g(t,{monitorWidth:!0,children:function(i){var r=i.size;return g(W,{appWidth:r.width-21,children:e.children})}})}W.propTypes={appWidth:r.func.isRequired,children:r.arrayOf(r.node).isRequired},w.propTypes={children:r.arrayOf(r.node).isRequired};export{w as default};

package/components/HeaderLayout/effects/index.d.ts

@@ -1,3 +1,6 @@
 export function useFilterLayout(components: any, componentsWidth: any, appWidth: any): any;
-export function useComonentsWidth(components: any): any;
+export function useComonentsWidth(components: any): {
+    componentsWidth: any;
+    hiddenElements: JSX.Element;
+};
 //# sourceMappingURL=index.d.ts.map

package/components/HeaderLayout/effects/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderLayout/effects/index.js"],"names":[],"mappings":"AAkBA,2FAmCC;AAGD,wDAqDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderLayout/effects/index.js"],"names":[],"mappings":"AAcA,2FAmCC;AAGD;;;EAsDC"}

package/components/HeaderLayout/effects/index.js

@@ -1 +1 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as o,useRef as i}from"react";import n from"react-dom";import{get as c,isEqual as m}from"lodash";import{MuiThemeProvider as s}from"@material-ui/core/styles";import{getAppTitle as u,getExpander as p,getOffsetPicker as h,getSecondaryAsset as l,getModeSelect as a,getPrimaryAsset as f}from"../utils.js";import{LARGE_SIZE_LAYOUT as d,MEDIUM_SIZE_LAYOUT as y,SMALL_SIZE_LAYOUT as b}from"../constants.js";import{darkTheme as g}from"../../../config/theme/index.js";import"@babel/runtime/helpers/typeof";import"highcharts";import"highcharts/highcharts-more";import"highcharts-multicolor-series";import"highcharts/modules/solid-gauge";import"highcharts/modules/heatmap";import"highcharts/modules/boost";import"highcharts/modules/exporting";import"highcharts/modules/xrange";import"highcharts/modules/dumbbell";import"highcharts/modules/pattern-fill";import"dompurify";import"../../../config/mapbox/index.js";import{jsx as O}from"react/jsx-runtime";function j(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function v(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?j(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):j(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}function k(r,i,n){var m=t(null),s=e(m,2),g=s[0],O=s[1];return o((function(){if(n&&i){var e=u(r),t=p(r),o=h(r),m=l(r),s=a(r),g=f(r),j=i[c(e,"key")]||0,v=i[c(t,"key")]||0,k=i[c(o,"key")]||0,P=i[c(m,"key")]||0,w=i[c(s,"key")]||0,x=i[c(g,"key")]||0;O(j+(v+k+P+w+x)<=n?d:j+x<=n?y:b)}}),[i,n]),g}function P(u){var p=i({}),l=t(null),a=e(l,2),f=a[0],d=a[1],y=i({});return o((function(){var e=u.filter((function(r){return!!r}));if(!m(e,y.current)){var t=h(u),o=c(t,"key");p.current=o?r({},o,36):{},e.forEach((function(t){var i=document.createElement("div");i.style.position="absolute",i.style.visibility="hidden",document.body.appendChild(i),t&&t.key!==o&&n.render(O(s,{theme:g,children:t}),i,(function(){var o=i.getBoundingClientRect();i.remove(),p.current=v(v({},p.current),{},r({},t.key,o.width)),Object.values(p.current).length===e.length&&(m(f,p.current)||d(p.current))}))})),y.current=e}})),f}export{P as useComonentsWidth,k as useFilterLayout};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as n,useRef as o}from"react";import{get as i,isEqual as l}from"lodash";import{getAppTitle as c,getExpander as u,getOffsetPicker as f,getSecondaryAsset as a,getModeSelect as s,getPrimaryAsset as p}from"../utils.js";import{LARGE_SIZE_LAYOUT as d,MEDIUM_SIZE_LAYOUT as y,SMALL_SIZE_LAYOUT as m}from"../constants.js";import{jsx as b}from"react/jsx-runtime";function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function O(e,o,l){var b=t(null),v=r(b,2),h=v[0],O=v[1];return n((function(){if(l&&o){var r=c(e),t=u(e),n=f(e),b=a(e),v=s(e),h=p(e),j=o[i(r,"key")]||0,g=o[i(t,"key")]||0,k=o[i(n,"key")]||0,w=o[i(b,"key")]||0,P=o[i(v,"key")]||0,D=o[i(h,"key")]||0;O(j+(g+k+w+P+D)<=l?d:j+D<=l?y:m)}}),[o,l]),h}function j(c){var u=o(),a=t(null),s=r(a,2),p=s[0],d=s[1],y=o({}),m=c.filter((function(e){return!!e})),v=b("div",{ref:u,style:{position:"absolute",width:0,height:0,overflow:"hidden"},children:m.map((function(e,r){return b("div",{"data-key":null==e?void 0:e.key,style:{position:"absolute"},children:e},r)}))});return n((function(){var r;if(!l(m,y.current)){var t=f(c),n=i(t,"key"),o=Array.from(null===(r=u.current)||void 0===r?void 0:r.childNodes).reduce((function(r,t){var o,i=null==t||null===(o=t.getAttribute)||void 0===o?void 0:o.call(t,"data-key"),l=i===n?36:null==t?void 0:t.getBoundingClientRect().width;return h(h({},r),{},e({},i,l))}),{});Object.values(o).length===m.length&&(l(p,o)||d(o)),y.current=m}})),{componentsWidth:p,hiddenElements:v}}export{j as useComonentsWidth,O as useFilterLayout};

package/components/Hint/Hint.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
 import { PopperProps } from '@material-ui/core';
-declare type HintProps = {
+type HintProps = {
     open: boolean;
     /**
      * ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)

package/components/Hint/Hint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../src/components/Hint/Hint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWhD,aAAK,SAAS,GAAG;IACf,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI,UAAW,SAAS,gBAuEpC,CAAC"}
+{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../src/components/Hint/Hint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWhD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI,UAAW,SAAS,gBAuEpC,CAAC"}

package/components/Hint/Hint.js

@@ -1 +1 @@
-import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,Fragment as n,jsx as c}from"react/jsx-runtime";import{useRef as i,useState as t,useEffect as e,Children as r,isValidElement as m,cloneElement as l}from"react";import p from"classnames";import a from"../Button/components/Button/index.js";import"moment-timezone";import"@material-ui/core";import{CloseIcon as u}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/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.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"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{Regular14 as d}from"../Typography.js";import{Popper as j}from"../Popper/Popper.js";import h from"../IconButton/index.js";import{useStyles as I}from"./styles.js";var f=function(f){var C=I(),b=i(),x=t(),v=x[0],k=x[1],B=t(),E=B[0],N=B[1];if(e((function(){setTimeout((function(){return N(f.open?f.anchorEl||b.current:void 0)}),100)})),!f.anchorEl&&r.count(f.children)>1)throw new Error("Hint expects a single reffable element as a child");var F=f.anchorEl?f.children:r.map(f.children,(function(o){return m(o)?l(o,{ref:b}):o}));return s(n,{children:[F,s(j,o({className:p(C.popper,f.className),transition:!0,open:!!E,anchorEl:E,placement:f.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!v,element:v}}},{children:[c("div",{ref:k,className:C.arrow}),s("div",o({className:C.tooltip},{children:[f.title&&c("span",o({className:p(C.title,f.onClose&&C.hasClose)},{children:f.title})),f.onClose&&c(h,o({onClick:f.onClose,className:C.close,size:"small"},{children:c(u,{})})),f.content&&c(d,o({className:C.content},{children:f.content})),f.onConfirm&&c(a,o({color:"inherit",className:C.button,onClick:f.onConfirm},{children:f.confirmText||"Got It"}))]}))]}))]})};export{f as Hint};
+import{jsxs as o,Fragment as s,jsx as n}from"react/jsx-runtime";import{useRef as c,useState as i,useEffect as t,Children as e,isValidElement as r,cloneElement as m}from"react";import l from"classnames";import p from"../Button/components/Button/index.js";import"moment-timezone";import"@material-ui/core";import{CloseIcon as a}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/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.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"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{Regular14 as u}from"../Typography.js";import{Popper as d}from"../Popper/Popper.js";import j from"../IconButton/index.js";import{useStyles as h}from"./styles.js";var I=function(I){var f=h(),C=c(),x=i(),b=x[0],v=x[1],k=i(),B=k[0],E=k[1];if(t((function(){setTimeout((function(){return E(I.open?I.anchorEl||C.current:void 0)}),100)})),!I.anchorEl&&e.count(I.children)>1)throw new Error("Hint expects a single reffable element as a child");var N=I.anchorEl?I.children:e.map(I.children,(function(o){return r(o)?m(o,{ref:C}):o}));return o(s,{children:[N,o(d,{className:l(f.popper,I.className),transition:!0,open:!!B,anchorEl:B,placement:I.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!b,element:b}},children:[n("div",{ref:v,className:f.arrow}),o("div",{className:f.tooltip,children:[I.title&&n("span",{className:l(f.title,I.onClose&&f.hasClose),children:I.title}),I.onClose&&n(j,{onClick:I.onClose,className:f.close,size:"small",children:n(a,{})}),I.content&&n(u,{className:f.content,children:I.content}),I.onConfirm&&n(p,{color:"inherit",className:f.button,onClick:I.onConfirm,children:I.confirmText||"Got It"})]})]})]})};export{I as Hint};

package/components/Hint/Hint.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Hint/Hint.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiC,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAM9B,eAAO,MAAM,OAAO,UAAW,eAAe,WAAW,CAAC,gBAMzD,CAAC;AAEF,eAAO,MAAM,QAAQ,mBAYpB,CAAC;AAQF,eAAO,MAAM,eAAe,mBAU3B,CAAC;AAMF,eAAO,MAAM,gBAAgB,mBAsB5B,CAAC;AAOF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAC;AAuBF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Hint.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Hint/Hint.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiC,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAM9B,eAAO,MAAM,OAAO,UAAW,cAAc,CAAC,OAAO,IAAI,CAAC,gBAMzD,CAAC;AAEF,eAAO,MAAM,QAAQ,mBAYpB,CAAC;AAQF,eAAO,MAAM,eAAe,mBAU3B,CAAC;AAMF,eAAO,MAAM,gBAAgB,mBAsB5B,CAAC;AAOF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAC;AAuBF,eAAe,IAAI,CAAC"}

package/components/IconButton/IconButton.stories.d.ts

@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/react';
 import { ComponentProps } from 'react';
 import IconButton from './index';
-declare type Props = ComponentProps<typeof IconButton>;
+type Props = ComponentProps<typeof IconButton>;
 declare const meta: Meta<Props>;
 export default meta;
 export declare const Default: (props: Props) => JSX.Element;

package/components/IconButton/IconButton.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,UAAU,MAAM,SAAS,CAAC;AAGjC,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAiBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA8B,CAAC;AAEnE,eAAO,MAAM,IAAI,mBAYhB,CAAC;AASF,eAAO,MAAM,OAAO,mBA2BnB,CAAC;AASF,eAAO,MAAM,WAAW,mBAMvB,CAAC"}
+{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,UAAU,MAAM,SAAS,CAAC;AAGjC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAiBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA8B,CAAC;AAEnE,eAAO,MAAM,IAAI,mBAYhB,CAAC;AASF,eAAO,MAAM,OAAO,mBA2BnB,CAAC;AASF,eAAO,MAAM,WAAW,mBAMvB,CAAC"}

package/components/IconButton/index.d.ts

@@ -1,6 +1,6 @@
 import { IconButtonProps as MuiIconButtonProps, TooltipProps } from '@material-ui/core';
 import { MouseEventHandler, ReactNode } from 'react';
-export declare type IconButtonProps = Omit<MuiIconButtonProps, 'size' | 'variant' | 'classes' | 'className' | 'children' | 'onClick'> & {
+export type IconButtonProps = Omit<MuiIconButtonProps, 'size' | 'variant' | 'classes' | 'className' | 'children' | 'onClick'> & {
     /**
      * The content of the component.
      */

package/components/IconButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,eAAe,IAAI,kBAAkB,EAGrC,YAAY,EACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAwG/D,oBAAY,eAAe,GAAG,IAAI,CAChC,kBAAkB,EAClB,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CACtE,GAAG;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,aAAa,GAAG,WAAW,GAAG,SAAS,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,UAAU,mGAQb,eAAe,KAAG,WAkDpB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,eAAe,IAAI,kBAAkB,EAGrC,YAAY,EACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAwG/D,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,kBAAkB,EAClB,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CACtE,GAAG;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,aAAa,GAAG,WAAW,GAAG,SAAS,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,UAAU,mGAQb,eAAe,KAAG,GAAG,CAAC,OAkDxB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/components/IconButton/index.js

@@ -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"classnames";import{makeStyles as i,Tooltip as e,IconButton as n}from"@material-ui/core";import{useState as l}from"react";var s=i((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,backgroundColor:"rgba(255, 255, 255, 0.16)"}},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.b10}}},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)"}}}}})),c=function(i){var c,d,p,u,m,b=i.tooltipProps,g=void 0===b?{title:"",classes:{}}:b,v=i.isActive,F=void 0!==v&&v,y=i.size,h=void 0===y?"medium":y,k=i.variant,f=void 0===k?"default":k,B=i.className,P=i["data-testid"],z=void 0===P?"IconButton":P,C=o(i,["tooltipProps","isActive","size","variant","className","data-testid"]),M=C.classes,x=void 0===M?{}:M,I=s({variant:f}),S=l(!1),D=S[0],N=S[1],T=r(r({},x),{root:a(x.root,I.root,(c={},c[I.sizeLarge]="large"===h,c[I.contained]="contained"===f,c[I.transparent]="transparent"===f,c)),disabled:a(x.disabled,(d={},d[I.containedDisabled]="contained"===f,d[I.transparentDisabled]="transparent"===f,d)),colorPrimary:a(x.colorPrimary,I.colorPrimary),sizeSmall:a(x.sizeSmall,I.sizeSmall)});return g.title?t(e,r({open:D},g,{classes:r(r({},g.classes),{popper:a(I.tooltipPopper,null===(m=g.classes)||void 0===m?void 0:m.popper)})},{children:t(n,r({"data-testid":z,classes:T,className:a(B,(p={},p[I.active]=F,p),f),onPointerOver:function(){return N(!0)},onPointerOut:function(){return N(!1)},size:h},C))})):t(n,r({"data-testid":z,classes:T,className:a(B,(u={},u[I.active]=F,u),f),size:h},C))};export{c as default};
+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"classnames";import{makeStyles as i,Tooltip as e,IconButton as n}from"@material-ui/core";import{useState as l}from"react";var s=i((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,backgroundColor:"rgba(255, 255, 255, 0.16)"}},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.b10}}},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)"}}}}})),c=function(i){var c,d,p,u,m,b=i.tooltipProps,g=void 0===b?{title:"",classes:{}}:b,v=i.isActive,F=void 0!==v&&v,y=i.size,h=void 0===y?"medium":y,k=i.variant,f=void 0===k?"default":k,B=i.className,P=i["data-testid"],z=void 0===P?"IconButton":P,C=o(i,["tooltipProps","isActive","size","variant","className","data-testid"]),M=C.classes,x=void 0===M?{}:M,I=s({variant:f}),S=l(!1),D=S[0],N=S[1],T=r(r({},x),{root:a(x.root,I.root,(c={},c[I.sizeLarge]="large"===h,c[I.contained]="contained"===f,c[I.transparent]="transparent"===f,c)),disabled:a(x.disabled,(d={},d[I.containedDisabled]="contained"===f,d[I.transparentDisabled]="transparent"===f,d)),colorPrimary:a(x.colorPrimary,I.colorPrimary),sizeSmall:a(x.sizeSmall,I.sizeSmall)});return g.title?t(e,r({open:D},g,{classes:r(r({},g.classes),{popper:a(I.tooltipPopper,null===(m=g.classes)||void 0===m?void 0:m.popper)}),children:t(n,r({"data-testid":z,classes:T,className:a(B,(p={},p[I.active]=F,p),f),onPointerOver:function(){return N(!0)},onPointerOut:function(){return N(!1)},size:h},C))})):t(n,r({"data-testid":z,classes:T,className:a(B,(u={},u[I.active]=F,u),f),size:h},C))};export{c as default};

package/components/IconMenu/index.d.ts

@@ -72,5 +72,5 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
     paperClassName?: string;
 } & {}, "children" | "className" | "data-testid" | "color" | "transformOrigin" | "disabled" | "disableRipple" | "anchorOrigin" | "tooltipProps" | "iconButtonStyle" | "IconElement" | "IconButtonComponent" | "iconButtonProps" | "marginThreshold" | "menuProps" | "paperClassName"> & import("@material-ui/core").StyledComponentProps<"iconButton">>;
 export default _default;
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 //# sourceMappingURL=index.d.ts.map

package/components/IconMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconMenu/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconMenu/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBACsB,YAAY"}

package/components/Icons/AnnotationIcon.d.ts

@@ -13,5 +13,5 @@ declare const _default: import("react").MemoExoticComponent<{
     };
 }>;
 export default _default;
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 //# sourceMappingURL=AnnotationIcon.d.ts.map

package/components/Icons/AnnotationIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/AnnotationIcon.js"],"names":[],"mappings":""}
+{"version":3,"file":"AnnotationIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/AnnotationIcon.js"],"names":[],"mappings":";;;;;;;;;;;;;;;sBACsB,YAAY"}

package/components/Icons/AttachIcon.d.ts

@@ -5,15 +5,15 @@ declare function AttachIcon({ height, width }: {
 }): JSX.Element;
 declare namespace AttachIcon {
     namespace propTypes {
-        const height: PropTypes.Requireable<number>;
-        const width: PropTypes.Requireable<number>;
+        let height: PropTypes.Requireable<number>;
+        let width: PropTypes.Requireable<number>;
     }
     namespace defaultProps {
-        const height_1: number;
+        let height_1: number;
         export { height_1 as height };
-        const width_1: number;
+        let width_1: number;
         export { width_1 as width };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 //# sourceMappingURL=AttachIcon.d.ts.map

package/components/Icons/AttachIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/AttachIcon.js"],"names":[],"mappings":";AAGA;;;gBAUC"}
+{"version":3,"file":"AttachIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/AttachIcon.js"],"names":[],"mappings":";AAGA;;;gBAUC;;;;;;;;;;;;;sBAbqB,YAAY"}

package/components/Icons/EmojiIcon.d.ts

@@ -5,15 +5,15 @@ declare function EmojiIcon({ height, width }: {
 }): JSX.Element;
 declare namespace EmojiIcon {
     namespace propTypes {
-        const height: PropTypes.Requireable<number>;
-        const width: PropTypes.Requireable<number>;
+        let height: PropTypes.Requireable<number>;
+        let width: PropTypes.Requireable<number>;
     }
     namespace defaultProps {
-        const height_1: number;
+        let height_1: number;
         export { height_1 as height };
-        const width_1: number;
+        let width_1: number;
         export { width_1 as width };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 //# sourceMappingURL=EmojiIcon.d.ts.map

package/components/Icons/EmojiIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/EmojiIcon.js"],"names":[],"mappings":";AAGA;;;gBAYC"}
+{"version":3,"file":"EmojiIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/EmojiIcon.js"],"names":[],"mappings":";AAGA;;;gBAYC;;;;;;;;;;;;;sBAfqB,YAAY"}

package/components/Icons/RecommendationIcon.d.ts

@@ -5,15 +5,15 @@ declare function RecommendationIcon({ height, width }: {
 }): JSX.Element;
 declare namespace RecommendationIcon {
     namespace propTypes {
-        const height: PropTypes.Requireable<number>;
-        const width: PropTypes.Requireable<number>;
+        let height: PropTypes.Requireable<number>;
+        let width: PropTypes.Requireable<number>;
     }
     namespace defaultProps {
-        const height_1: number;
+        let height_1: number;
         export { height_1 as height };
-        const width_1: number;
+        let width_1: number;
         export { width_1 as width };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 //# sourceMappingURL=RecommendationIcon.d.ts.map

package/components/Icons/RecommendationIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendationIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/RecommendationIcon.js"],"names":[],"mappings":";AAEA;;;gBAqBC"}
+{"version":3,"file":"RecommendationIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/RecommendationIcon.js"],"names":[],"mappings":";AAEA;;;gBAqBC;;;;;;;;;;;;;sBAvBqB,YAAY"}

package/components/Icons/SendIcon.d.ts

@@ -5,15 +5,15 @@ declare function SendIcon({ height, width }: {
 }): JSX.Element;
 declare namespace SendIcon {
     namespace propTypes {
-        const height: PropTypes.Requireable<number>;
-        const width: PropTypes.Requireable<number>;
+        let height: PropTypes.Requireable<number>;
+        let width: PropTypes.Requireable<number>;
     }
     namespace defaultProps {
-        const height_1: number;
+        let height_1: number;
         export { height_1 as height };
-        const width_1: number;
+        let width_1: number;
         export { width_1 as width };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 //# sourceMappingURL=SendIcon.d.ts.map

package/components/Icons/SendIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SendIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/SendIcon.js"],"names":[],"mappings":";AAEA;;;gBAUC"}
+{"version":3,"file":"SendIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/SendIcon.js"],"names":[],"mappings":";AAEA;;;gBAUC;;;;;;;;;;;;;sBAZqB,YAAY"}

package/components/ImageViewer/index.d.ts

@@ -2,19 +2,19 @@ export default ImageViewer;
 declare function ImageViewer(props: any): JSX.Element;
 declare namespace ImageViewer {
     namespace propTypes {
-        const mainSrc: PropTypes.Validator<string>;
-        const imagePadding: PropTypes.Requireable<number>;
-        const onAfterOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        const onCloseRequest: PropTypes.Requireable<(...args: any[]) => any>;
+        let mainSrc: PropTypes.Validator<string>;
+        let imagePadding: PropTypes.Requireable<number>;
+        let onAfterOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        let onCloseRequest: PropTypes.Requireable<(...args: any[]) => any>;
     }
     namespace defaultProps {
-        const imagePadding_1: number;
+        let imagePadding_1: number;
         export { imagePadding_1 as imagePadding };
-        const onAfterOpen_1: any;
+        let onAfterOpen_1: any;
         export { onAfterOpen_1 as onAfterOpen };
-        const onCloseRequest_1: any;
+        let onCloseRequest_1: any;
         export { onCloseRequest_1 as onCloseRequest };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 //# sourceMappingURL=index.d.ts.map

package/components/ImageViewer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ImageViewer/index.js"],"names":[],"mappings":";AAwBA,sDAuCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ImageViewer/index.js"],"names":[],"mappings":";AAwBA,sDAuCC;;;;;;;;;;;;;;;;;sBA/DqB,YAAY"}

package/components/InfiniteList/index.d.ts

@@ -29,39 +29,39 @@ declare class InfiniteList extends PureComponent<any, any, any> {
 }
 declare namespace InfiniteList {
     namespace propTypes {
-        const infiniteClassName: PropTypes.Requireable<string>;
-        const useWindow: PropTypes.Requireable<boolean>;
-        const headerComponent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const items: PropTypes.Validator<PropTypes.InferProps<PropTypes.ValidationMap<any>>[]>;
-        const showNoItemsFound: PropTypes.Validator<boolean>;
-        const noItemsFoundLabel: PropTypes.Validator<string>;
-        const infiniteContainerHeight: PropTypes.Requireable<number>;
-        const moreItemsMayExist: PropTypes.Validator<boolean>;
-        const pathToCreatedAt: PropTypes.Validator<string[]>;
-        const renderItem: PropTypes.Validator<(...args: any[]) => any>;
-        const loadItems: PropTypes.Validator<(...args: any[]) => any>;
-        const threshold: PropTypes.Requireable<number>;
-        const initialLoad: PropTypes.Requireable<boolean>;
-        const divideByPeriods: PropTypes.Requireable<boolean>;
+        let infiniteClassName: PropTypes.Requireable<string>;
+        let useWindow: PropTypes.Requireable<boolean>;
+        let headerComponent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let items: PropTypes.Validator<PropTypes.InferProps<PropTypes.ValidationMap<any>>[]>;
+        let showNoItemsFound: PropTypes.Validator<boolean>;
+        let noItemsFoundLabel: PropTypes.Validator<string>;
+        let infiniteContainerHeight: PropTypes.Requireable<number>;
+        let moreItemsMayExist: PropTypes.Validator<boolean>;
+        let pathToCreatedAt: PropTypes.Validator<string[]>;
+        let renderItem: PropTypes.Validator<(...args: any[]) => any>;
+        let loadItems: PropTypes.Validator<(...args: any[]) => any>;
+        let threshold: PropTypes.Requireable<number>;
+        let initialLoad: PropTypes.Requireable<boolean>;
+        let divideByPeriods: PropTypes.Requireable<boolean>;
     }
     namespace defaultProps {
-        const infiniteClassName_1: any;
+        let infiniteClassName_1: any;
         export { infiniteClassName_1 as infiniteClassName };
-        const useWindow_1: boolean;
+        let useWindow_1: boolean;
         export { useWindow_1 as useWindow };
-        const headerComponent_1: any;
+        let headerComponent_1: any;
         export { headerComponent_1 as headerComponent };
-        const infiniteContainerHeight_1: any;
+        let infiniteContainerHeight_1: any;
         export { infiniteContainerHeight_1 as infiniteContainerHeight };
-        const threshold_1: number;
+        let threshold_1: number;
         export { threshold_1 as threshold };
-        const initialLoad_1: boolean;
+        let initialLoad_1: boolean;
         export { initialLoad_1 as initialLoad };
-        const divideByPeriods_1: boolean;
+        let divideByPeriods_1: boolean;
         export { divideByPeriods_1 as divideByPeriods };
     }
 }
-import { PureComponent } from "react";
-import moment from "moment";
-import PropTypes from "prop-types";
+import { PureComponent } from 'react';
+import moment from 'moment';
+import PropTypes from 'prop-types';
 //# sourceMappingURL=index.d.ts.map

package/components/InfiniteList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/index.js"],"names":[],"mappings":";AA0BA;IACE,wBAUC;IAPC;;;;;;;;;MAIC;IAED,sCAAmC;IAGrC,0BAKC;IAED,6BAIC;IAED;;;;;;MAQC;IASD,+BAUE;IAEF,kCAUC;IAED,mDAWC;IAED,mBAoDC;IAED,sBAsBC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/index.js"],"names":[],"mappings":";AA0BA;IACE,wBAUC;IAPC;;;;;;;;;MAIC;IAED,sCAAmC;IAGrC,0BAKC;IAED,6BAIC;IAED;;;;;;MAQC;IASD,+BAUE;IAEF,kCAUC;IAED,mDAWC;IAED,mBAoDC;IAED,sBAsBC;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAvL6B,OAAO;mBAElB,QAAQ;sBADL,YAAY"}

package/components/KeyboardDateTimePicker.d.ts

@@ -1,17 +1,17 @@
 export default KeyboardDateTimePicker;
 declare function KeyboardDateTimePicker(props: any): JSX.Element;
 declare namespace KeyboardDateTimePicker {
-    const propTypes: {
+    let propTypes: {
         onChange: PropTypes.Validator<(...args: any[]) => any>;
         format: PropTypes.Requireable<string>;
         label: PropTypes.Requireable<string>;
         'data-testid': PropTypes.Requireable<string>;
     };
-    const defaultProps: {
+    let defaultProps: {
         format: string;
         label: string;
         'data-testid': string;
     };
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 //# sourceMappingURL=KeyboardDateTimePicker.d.ts.map