@corva/ui 0.97.0-7 → 0.97.0-9

package/components/FilesLoaderV2/FilesLoaderV2.stories.d.ts

@@ -1,46 +1,8 @@
+import { Meta } from '@storybook/react';
 import { ComponentProps } from 'react';
 import { FilesLoaderV2 } from './FilesLoaderV2';
-export declare const Default: (props: ComponentProps<typeof FilesLoaderV2>) => JSX.Element;
-declare const _default: {
-    title: string;
-    component: (props: import("./FilesLoaderV2").FilesLoaderV2Props) => JSX.Element;
-    argTypes: {
-        onCancel: {
-            options: {
-                (...data: any[]): void;
-                (message?: any, ...optionalParams: any[]): void;
-            }[];
-            control: {
-                type: string;
-            };
-        };
-        onDelete: {
-            options: {
-                (...data: any[]): void;
-                (message?: any, ...optionalParams: any[]): void;
-            }[];
-            control: {
-                type: string;
-            };
-        };
-        onReload: {
-            options: {
-                (...data: any[]): void;
-                (message?: any, ...optionalParams: any[]): void;
-            }[];
-            control: {
-                type: string;
-            };
-        };
-    };
-    args: {
-        name: string;
-    };
-    parameters: {
-        isGenerateImportExample: boolean;
-        sourceLink: string;
-        designLink: string;
-    };
-};
-export default _default;
+declare type Props = ComponentProps<typeof FilesLoaderV2>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: (props: Props) => JSX.Element;
 //# sourceMappingURL=FilesLoaderV2.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilesLoaderV2.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FilesLoaderV2/FilesLoaderV2.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,OAAO,UAAW,eAAe,oBAAoB,CAAC,gBAElE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOF,wBAkBE"}
+{"version":3,"file":"FilesLoaderV2.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FilesLoaderV2/FilesLoaderV2.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAyBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAiC,CAAC"}

package/components/FilesProcessor/FilesProcessor.stories.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"FilesProcessor.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FilesProcessor/FilesProcessor.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAyB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA4BzE,eAAO,MAAM,OAAO,UAAW,eAAe,qBAAqB,CAAC,gBA+BnE,CAAC;AAQF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAgBrC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"FilesProcessor.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FilesProcessor/FilesProcessor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAyB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEzE,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAQnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAmBF,eAAe,IAAI,CAAC;AAOpB,eAAO,MAAM,OAAO,UAAW,eAAe,qBAAqB,CAAC,gBAkDnE,CAAC"}

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

@@ -1,21 +1,8 @@
-/// <reference types="react" />
-export declare const Default: (props: any) => JSX.Element;
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./GradientManagerProps").GradientManagerProps>;
-    subcomponents: {
-        GradientPicker: import("react").ElementType<Omit<import("../GradientPicker/GradientPickerProps").GradientPickerComponentProps, "size">>;
-    };
-    argTypes: {};
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-        sourceLink: string;
-        designLink: string;
-    };
-};
-export default _default;
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { GradientManager } from './GradientManager';
+declare type Props = ComponentProps<typeof GradientManager>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: (props: Props) => JSX.Element;
 //# sourceMappingURL=GradientManager.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GradientManager.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientManager.stories.tsx"],"names":[],"mappings":";AAyBA,eAAO,MAAM,OAAO,6BA6CnB,CAAC;;;;;;;;;;;;;;;;;;AAEF,wBAuCE"}
+{"version":3,"file":"GradientManager.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientManager.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAoCF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAmBnC,CAAC"}

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

@@ -1,20 +1,8 @@
-/// <reference types="react" />
-export declare const Default: (props: any) => JSX.Element;
-declare const _default: {
-    title: string;
-    component: ({ storageConfig, ...props }: import("./GradientManagerWithStorageProps").GradientManagerWithStorageProps) => JSX.Element;
-    subcomponents: {
-        GradientPicker: import("react").ElementType<Omit<import("../../GradientPicker/GradientPickerProps").GradientPickerComponentProps, "size">>;
-    };
-    argTypes: {};
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-        sourceLink: string;
-    };
-};
-export default _default;
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { GradientManagerWithStorage } from './GradientManagerWithStorage';
+declare type Props = ComponentProps<typeof GradientManagerWithStorage>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: (props: Props) => JSX.Element;
 //# sourceMappingURL=GradientManagerWithStorage.stories.d.ts.map

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":";AAMA,eAAO,MAAM,OAAO,6BAsBnB,CAAC;;;;;;;;;;;;;;;;;AAEF,wBAgBE"}
+{"version":3,"file":"GradientManagerWithStorage.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/GradientManagerWithStorage/GradientManagerWithStorage.stories.tsx"],"names":[],"mappings":"AAgDA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAEjD,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;AA0BF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAanC,CAAC"}

package/components/GradientPicker/GradientPicker.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { GradientPickerComponentProps } from './GradientPickerProps';
-export declare const GradientPicker: React.ElementType<Omit<GradientPickerComponentProps, "size">>;
+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":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAevF,OAAO,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAoUrE,eAAO,MAAM,cAAc,+DAAsC,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,KAAK,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{withSize as a}from"react-sizeme";import l from"classnames";import u from"react-draggable";import{find as m,noop as d,sortBy as p,reject as f,clamp as h,omit as v}from"lodash";import g from"tinygradient";import{v4 as I}from"uuid";import{Typography as j,Tooltip as b,Popover as C,TextField as k}from"@material-ui/core";import{Add as x}from"@material-ui/icons";import{DeleteFourIcon as y}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 N from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as F,getStopText as P,roundToStep as _,getRangeStep as M}from"./GradientPicker.utils.js";import{useThrottledCallback as O}from"../shared/useThrottledCallback.js";import S from"../IconButton/index.js";import{useStyles as T}from"./GradientPicker.styles.js";var z=a()((function(a){var z=a.size,B=a.from,E=void 0===B?0:B,R=a.to,A=void 0===R?100:R,D=a.unit,G=a.gradientStops,L=a.onChange,V=a.style,q=a.isMoveInputVisible,w=a.readonly,W=a.noScale,H=a["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=T({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:I()})})))}),[G]);var uo=s((function(){return F(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=p(o,"pos");Q(n),L&&L(n.map((function(o){return v(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=O((function(t,i,e,r){if(void 0===r&&(r=!1),!Y){var c=i/mo*100,s=m(J,{id:t});if(e>=40||e<=-50)go();else{var a=o(o({},s),{pos:c}),l=p(n(n([],f(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(f(J,{id:no})),$(null),to(null))},Io=!Y&&Number.isFinite(eo)&&!w,jo=m(J,{id:no}),bo=M(lo),Co=function(o){if(!o)return null;var n=so+(null==o?void 0:o.pos)/100*lo;return _(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(j,o({"data-testid":"".concat(K,"_from"),className:co.indicator},{children:[so," ",D]}))}),i("div",{children:t(j,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=g(J.map((function(o){return{color:o.color,pos:o.pos/100}}))),e="#".concat(i.rgbAt(t/100).toHex()),r={id:I(),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(x,{fontSize:"small",className:co.addIcon})})),!!mo&&J.map((function(n,t){var e,r=n.pos,c=n.color,s=n.id;return i(u,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:l(co.circle,{highlight:no===s}),style:{backgroundColor:c}},{children:i(b,o({title:(e=r,P(e,{fromValue:so,toValue:ao})),placement:"top"},{children:i("div",{style:{height:"100%"}})}))}))}),s)}))]})),Boolean(Y)&&t(C,o({id:"colors-popper",open:Boolean(Y),anchorEl:Y,onClose:vo,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},{children:[i(N,{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:d,enableTransparencyPalette:!1}),i(S,o({"data-testid":"".concat(K,"_stopDelete"),className:co.removeButton,onClick:go},{children:i(y,{className:co.deleteIcon})})),q&&i(k,{"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=h(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()}})]}))]}))}));export{z 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",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};

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

@@ -1,35 +1,8 @@
-/// <reference types="react" />
-export declare const Default: (props: any) => JSX.Element;
-declare const _default: {
-    title: string;
-    component: import("react").ElementType<Omit<import("./GradientPickerProps").GradientPickerComponentProps, "size">>;
-    argTypes: {
-        from: {
-            value: number;
-            options: number[];
-            control: {
-                type: string;
-            };
-        };
-        to: {
-            value: number;
-            options: number[];
-            control: {
-                type: string;
-            };
-        };
-        isMoveInputVisible: {
-            value: boolean;
-            options: boolean[];
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        isGenerateImportExample: boolean;
-        sourceLink: string;
-    };
-};
-export default _default;
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { GradientPicker } from './GradientPicker';
+declare type Props = ComponentProps<typeof GradientPicker>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: (props: Props) => JSX.Element;
 //# sourceMappingURL=GradientPicker.stories.d.ts.map

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":";AAYA,eAAO,MAAM,OAAO,6BAWnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wBAyBE"}
+{"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;AAEvC,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;AAuBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAkC,CAAC"}

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;AAsBF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Hint.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Hint/Hint.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,cAAc,EAAgC,MAAM,OAAO,CAAC;AACpE,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAKtC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAM5B,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;AAsBF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import IconButton from './index';
+declare type Props = ComponentProps<typeof IconButton>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: (props: Props) => JSX.Element;
+export declare const Size: () => JSX.Element;
+export declare const Variant: () => JSX.Element;
+export declare const WithTooltip: () => JSX.Element;
+//# sourceMappingURL=IconButton.stories.d.ts.map

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

@@ -0,0 +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;AAEvC,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;AAgBF,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,60 +1,24 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-import { IconButtonProps as MuiIconButtonProps } from '@material-ui/core';
-export interface IconButtonProps extends Omit<MuiIconButtonProps, 'size' | 'variant' | 'classes'>, PropTypes.InferProps<typeof iconButtonPropTypes> {
+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'> & {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
     size?: 'small' | 'medium' | 'large';
     variant?: 'transparent' | 'contained' | 'default';
-}
-declare const IconButton: {
-    ({ tooltipProps, isActive, className, ...otherProps }: IconButtonProps): JSX.Element;
-    propTypes: {
-        isActive: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string>;
-        variant: PropTypes.Requireable<string>;
-        tooltipProps: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            classes: PropTypes.Requireable<PropTypes.InferProps<{
-                popper: PropTypes.Requireable<string>;
-            }>>;
-        }>>;
-        classes: PropTypes.Requireable<PropTypes.InferProps<{
-            root: PropTypes.Requireable<string>;
-            disabled: PropTypes.Requireable<string>;
-            colorPrimary: PropTypes.Requireable<string>;
-            sizeSmall: PropTypes.Requireable<string>;
-        }>>;
-        disabled: PropTypes.Requireable<boolean>;
-        'data-testid': PropTypes.Requireable<string>;
+    className?: string;
+    isActive?: boolean;
+    tooltipProps?: Omit<TooltipProps, 'children'>;
+    classes?: {
+        root?: string;
+        disabled?: string;
+        colorPrimary?: string;
+        sizeSmall?: string;
     };
-    defaultProps: {
-        isActive: boolean;
-        size: string;
-        variant: string;
-        tooltipProps: {
-            title: string;
-        };
-        disabled: boolean;
-        'data-testid': string;
-    };
-};
-declare const iconButtonPropTypes: {
-    isActive: PropTypes.Requireable<boolean>;
-    size: PropTypes.Requireable<string>;
-    variant: PropTypes.Requireable<string>;
-    tooltipProps: PropTypes.Requireable<PropTypes.InferProps<{
-        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        classes: PropTypes.Requireable<PropTypes.InferProps<{
-            popper: PropTypes.Requireable<string>;
-        }>>;
-    }>>;
-    classes: PropTypes.Requireable<PropTypes.InferProps<{
-        root: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<string>;
-        colorPrimary: PropTypes.Requireable<string>;
-        sizeSmall: PropTypes.Requireable<string>;
-    }>>;
-    disabled: PropTypes.Requireable<boolean>;
-    'data-testid': PropTypes.Requireable<string>;
+    'data-testid'?: string;
 };
+declare const IconButton: ({ tooltipProps, isActive, size, variant, className, "data-testid": dataTestId, ...otherProps }: IconButtonProps) => JSX.Element;
 export default IconButton;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAKL,eAAe,IAAI,kBAAkB,EACtC,MAAM,mBAAmB,CAAC;AAyG3B,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,EAC9D,SAAS,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,aAAa,GAAG,WAAW,GAAG,SAAS,CAAC;CACnD;AAED,QAAA,MAAM,UAAU;2DAKb,eAAe,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgD/B,CAAC;AAEF,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;CAgBxB,CAAC;AAaF,eAAe,UAAU,CAAC"}
+{"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"}

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"prop-types";import i from"classnames";import{makeStyles as e,Tooltip as n,IconButton as l}from"@material-ui/core";import{useState as s}from"react";var c=e((function(o){return{root:{borderRadius:"8px !important",color:o.palette.primary.text6,padding:6,"&:hover":{color:"#FFFFFF",backgroundColor:"rgba(255, 255, 255, 0.16)",backdropFilter:"blur(2px)","&.MuiIconButton-colorPrimary":{color:o.palette.primary.light}},"&:active":{color:"#FFFFFF","&.MuiIconButton-colorPrimary":{color:o.palette.primary.light}},"&.Mui-disabled":{pointerEvents:"all",opacity:.4,color:"#FFFFFF",backgroundColor:"transparent","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"& .MuiSvgIcon-root":{color:"inherit",fontSize:"inherit"},"& .MuiTouchRipple-child":{borderRadius:8,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)"}}}}})),p=function(a){var e,p,d,u,m,b=a.tooltipProps,g=void 0===b?{title:"",classes:{}}:b,v=a.isActive,y=a.className,F=o(a,["tooltipProps","isActive","className"]),f=F.size,h=F.variant,P=F.classes,k=void 0===P?{}:P,B=F["data-testid"],z=c({variant:h}),C=s(!1),M=C[0],x=C[1],S=r(r({},k),{root:i(k.root,z.root,(e={},e[z.sizeLarge]="large"===f,e[z.contained]="contained"===h,e[z.transparent]="transparent"===h,e)),disabled:i(k.disabled,(p={},p[z.containedDisabled]="contained"===h,p[z.transparentDisabled]="transparent"===h,p)),colorPrimary:i(k.colorPrimary,z.colorPrimary),sizeSmall:i(k.sizeSmall,z.sizeSmall)});return g.title?t(n,r({open:M},g,{classes:r(r({},g.classes),{popper:i(z.tooltipPopper,null===(m=g.classes)||void 0===m?void 0:m.popper)})},{children:t(l,r({"data-testid":"".concat(B,"_").concat(g.title),classes:S,className:i(y,(d={},d[z.active]=v,d),h),onPointerOver:function(){return x(!0)},onPointerOut:function(){return x(!1)}},F))})):t(l,r({"data-testid":B,classes:S,className:i(y,(u={},u[z.active]=v,u),h)},F))},d={isActive:a.bool,size:a.oneOf(["small","medium","large"]),variant:a.oneOf(["default","contained","transparent"]),tooltipProps:a.shape({title:a.node,classes:a.shape({popper:a.string})}),classes:a.shape({root:a.string,disabled:a.string,colorPrimary:a.string,sizeSmall:a.string}),disabled:a.bool,"data-testid":a.string};p.propTypes=d,p.defaultProps={isActive:!1,size:"medium",variant:"default",tooltipProps:{title:""},disabled:!1,"data-testid":"IconButton"};export{p as default};
+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/LoadingIndicator/LoadingIndicator.d.ts

@@ -1,19 +1,12 @@
 /// <reference types="react" />
-import { LoadingIndicatorProps } from "./types";
+declare type LoadingIndicatorProps = {
+    white?: boolean;
+    size?: number;
+    className?: string;
+    fullscreen?: boolean;
+};
 declare const LoadingIndicator: {
-    ({ fullscreen, ...props }: LoadingIndicatorProps): JSX.Element;
-    propTypes: {
-        fullscreen: import("prop-types").Requireable<boolean>;
-        className: import("prop-types").Requireable<string>;
-        white: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<number>;
-    };
-    defaultProps: {
-        fullscreen: boolean;
-        white: boolean;
-        size: number;
-        className: string;
-    };
+    ({ fullscreen, className, size, white, }: LoadingIndicatorProps): JSX.Element;
     LOADER_HREF: any;
     LOADER_DEFAULT_SIZE: number;
 };

package/components/LoadingIndicator/LoadingIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingIndicator/LoadingIndicator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA6B,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAI3E,QAAA,MAAM,gBAAgB;+BAA8B,qBAAqB,GAAG,WAAW;;;;;;;;;;;;;;;CACS,CAAC;AAcjG,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingIndicator/LoadingIndicator.tsx"],"names":[],"mappings":";AAKA,aAAK,qBAAqB,GAAG;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,gBAAgB;8CAKnB,qBAAqB,GAAG,WAAW;;;CAKnC,CAAC;AAKJ,eAAe,gBAAgB,CAAC"}

package/components/LoadingIndicator/LoadingIndicator.js

@@ -1 +1 @@
-import{__rest as r,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import s from"./FullScreenLoadingIndicator.js";import t from"./InlineLoadingIndicator.js";import{loadingIndicatorPropTypes as i}from"./types.js";import{LOADER_DEFAULT_SIZE as l,LOADER_HREF as m}from"./Loader.js";var n=function(i){var l=i.fullscreen,m=r(i,["fullscreen"]);return o(l?s:t,e({},m))};n.propTypes=i,n.defaultProps={fullscreen:!0,white:!0,size:l,className:""},n.LOADER_HREF=m,n.LOADER_DEFAULT_SIZE=l;export{n as default};
+import{jsx as r}from"react/jsx-runtime";import i from"./FullScreenLoadingIndicator.js";import o from"./InlineLoadingIndicator.js";import{LOADER_HREF as e,LOADER_DEFAULT_SIZE as a}from"./Loader.js";var t=function(e){var t=e.fullscreen,n=void 0===t||t,s=e.className,m=e.size,d=void 0===m?a:m,c=e.white,l=void 0===c||c;return r(n?i:o,{size:d,white:l,className:s})};t.LOADER_HREF=e,t.LOADER_DEFAULT_SIZE=a;export{t as default};

package/components/LoadingIndicator/LoadingIndicator.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import LoadingIndicator from '~/components/LoadingIndicator';
+declare type Props = ComponentProps<typeof LoadingIndicator>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: (props: Props) => JSX.Element;
+export declare const Fullscreen: () => JSX.Element;
+//# sourceMappingURL=LoadingIndicator.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.stories.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingIndicator/LoadingIndicator.stories.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAC,cAAc,EAAgB,MAAM,OAAO,CAAC;AAEpD,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAE7D,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AASF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,UAAU,mBAatB,CAAC"}

package/components/LoadingIndicator/types.d.ts

@@ -8,18 +8,10 @@ export declare const screenLoadingIndicatorPropTypes: {
     white: PropTypes.Requireable<boolean>;
     size: PropTypes.Requireable<number>;
 };
-export declare const loadingIndicatorPropTypes: {
-    fullscreen: PropTypes.Requireable<boolean>;
-    className: PropTypes.Requireable<string>;
-    white: PropTypes.Requireable<boolean>;
-    size: PropTypes.Requireable<number>;
-};
 export interface LoaderProps extends PropTypes.InferProps<typeof loaderPropTypes> {
 }
 export interface FullScreenLoadingIndicatorProps extends PropTypes.InferProps<typeof screenLoadingIndicatorPropTypes> {
 }
 export interface InlineLoadingIndicatorProps extends PropTypes.InferProps<typeof screenLoadingIndicatorPropTypes> {
 }
-export interface LoadingIndicatorProps extends PropTypes.InferProps<typeof loadingIndicatorPropTypes> {
-}
 //# sourceMappingURL=types.d.ts.map

package/components/LoadingIndicator/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,eAAe;;;CAG3B,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;;CAG3C,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;CAGrC,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC;CAAG;AACpF,MAAM,WAAW,+BAAgC,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,+BAA+B,CAAC;CAAG;AACxH,MAAM,WAAW,2BAA4B,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,+BAA+B,CAAC;CAAG;AACpH,MAAM,WAAW,qBAAsB,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,yBAAyB,CAAC;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,eAAe;;;CAG3B,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;;CAG3C,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC;CAAG;AACpF,MAAM,WAAW,+BAAgC,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,+BAA+B,CAAC;CAAG;AACxH,MAAM,WAAW,2BAA4B,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,+BAA+B,CAAC;CAAG"}

package/components/LoadingIndicator/types.js

@@ -1 +1 @@
-import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import e from"prop-types";var s={white:e.bool,size:e.number},r=o(o({},s),{className:e.string}),l=o(o({},r),{fullscreen:e.bool});export{s as loaderPropTypes,l as loadingIndicatorPropTypes,r as screenLoadingIndicatorPropTypes};
+import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import s from"prop-types";var e={white:s.bool,size:s.number},r=o(o({},e),{className:s.string});export{e as loaderPropTypes,r as screenLoadingIndicatorPropTypes};

package/components/MiddleTruncatedText/MiddleTruncatedText.d.ts

@@ -1,10 +1,13 @@
-import { FC, DetailedHTMLProps, HTMLAttributes } from 'react';
-declare type Props = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+import { DetailedHTMLProps, FC, HTMLAttributes } from 'react';
+declare type Props = {
+    /**
+     * Text to truncate
+     */
     children: string | number;
     className?: string;
     showTooltip?: boolean;
     customTooltipTitle?: string;
-};
+} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 export declare const MiddleTruncatedText: FC<Props>;
 export {};
 //# sourceMappingURL=MiddleTruncatedText.d.ts.map

package/components/MiddleTruncatedText/MiddleTruncatedText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MiddleTruncatedText.d.ts","sourceRoot":"","sources":["../../../src/components/MiddleTruncatedText/MiddleTruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,EAAE,EACF,iBAAiB,EACjB,cAAc,EACf,MAAM,OAAO,CAAC;AAiBf,aAAK,KAAK,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,GAAG;IAC/E,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CA+EzC,CAAC"}
+{"version":3,"file":"MiddleTruncatedText.d.ts","sourceRoot":"","sources":["../../../src/components/MiddleTruncatedText/MiddleTruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,EAAE,EACF,cAAc,EAKf,MAAM,OAAO,CAAC;AAiBf,aAAK,KAAK,GAAG;IACX;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC;AAEtE,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CA+EzC,CAAC"}

package/components/MiddleTruncatedText/MiddleTruncatedText.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { MiddleTruncatedText } from './MiddleTruncatedText';
+declare type Props = ComponentProps<typeof MiddleTruncatedText>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: (props: Props) => JSX.Element;
+export declare const DynamicWidthAdjustment: () => JSX.Element;
+//# sourceMappingURL=MiddleTruncatedText.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MiddleTruncatedText.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MiddleTruncatedText/MiddleTruncatedText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAA2B,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAcF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,sBAAsB,mBA+BlC,CAAC"}

package/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import Modal from './Modal';
+declare type Props = ComponentProps<typeof Modal>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: (props: Props) => JSX.Element;
+export declare const WithTitle: () => JSX.Element;
+export declare const WithActions: () => JSX.Element;
+export declare const Sizes: () => JSX.Element;
+//# sourceMappingURL=Modal.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAoVA,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAC,cAAc,EAAW,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,MAAM,SAAS,CAAC;AAI5B,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAeF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAgBnC,CAAC;AAEF,eAAO,MAAM,SAAS,mBAWrB,CAAC;AAKF,eAAO,MAAM,WAAW,mBAoCvB,CAAC;AAMF,eAAO,MAAM,KAAK,mBA4BjB,CAAC"}

package/components/Modal/types.d.ts

@@ -4,10 +4,26 @@ export declare enum MOBILE_MODAL_TYPES {
     FILTERS = "filters",
     SETTINGS = "settings"
 }
-export interface ModalProps extends Omit<MUIModalProps, 'type' | 'onClose' | 'title' | 'children'> {
+export declare type ModalProps = Omit<MUIModalProps, 'type' | 'onClose' | 'title' | 'children' | 'open'> & {
+    /**
+     * Modal content
+     */
+    children: ReactNode;
+    /**
+     * Called when modal is being closed by user
+     * @param event
+     * @param reason
+     */
+    onClose: (event?: {}, reason?: 'backdropClick' | 'escapeKeyDown') => void;
+    /**
+     * Controls opened state
+     */
+    open?: boolean;
     actions?: ReactNode;
+    /**
+     * Class name of actions' container
+     */
     actionsClassName?: string;
-    children: ReactNode;
     contentClassName?: string;
     contentContainerClassName?: string;
     contentRef?: Ref<HTMLDivElement>;
@@ -16,13 +32,15 @@ export interface ModalProps extends Omit<MUIModalProps, 'type' | 'onClose' | 'ti
     isNative?: boolean;
     modalTitleClassName?: string;
     closeIconClassName?: string;
-    onClose: (event?: {}, reason?: 'backdropClick' | 'escapeKeyDown') => void;
     rootClassName?: string;
     size?: 'small' | 'medium' | 'large' | 'extraLarge';
     stickyFooter?: boolean;
     stickyFooterClassName?: string;
     title?: string | ReactNode;
+    /**
+     * Sets a predetermined title and forces the close button to be shown
+     */
     type?: 'filters' | 'settings';
     'data-testid'?: string;
-}
+};
 //# sourceMappingURL=types.d.ts.map

package/components/Modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAQ5E,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AACD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAChG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,eAAe,GAAG,eAAe,KAAK,IAAI,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAQ5E,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,oBAAY,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC,GAAG;IACjG;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,eAAe,GAAG,eAAe,KAAK,IAAI,CAAC;IAC1E;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}

package/components/NewDocumentViewer/NewDocumentViewer.d.ts

@@ -2,7 +2,10 @@ import React from 'react';
 interface NewDocumentViewerProps {
     open: boolean;
     fileUrl: string;
-    fileName?: string;
+    /**
+     * Determines the type in which the file will be displayed. Supported extensions: `csv`, `txt`, `json`, `pdf`, `xlsx`
+     */
+    fileName: string;
     fileSize?: number;
     onClose: () => void;
     'data-testid'?: string;