@corva/ui 0.54.0-2 → 0.54.0-20

package/components/GradientManager/GradientList.d.ts

@@ -0,0 +1,31 @@
+import type { CustomGradient, GradientFillStop } from '~/types';
+/**
+ * An utility class used to manage Custom Gradients
+ */
+export declare class GradientList {
+    gradients: CustomGradient[];
+    defaultGradients: CustomGradient[];
+    onGradientsChange: (gradients: CustomGradient[]) => void;
+    constructor(gradients: CustomGradient[], defaultGradients: CustomGradient[], onGradientsChange: (gradients: CustomGradient[]) => void);
+    generateId(name: string): string;
+    getById(id: string): CustomGradient;
+    getByName(sampleName: string): CustomGradient;
+    newName(name?: string): string;
+    isDefault(id: string): boolean;
+    getHelperText({ name, allowNoname, gradientId }: {
+        name: any;
+        allowNoname: any;
+        gradientId: any;
+    }): {
+        error: boolean;
+        helperText: string;
+    };
+    add(name: string, gradientStops: GradientFillStop[]): {
+        id: string;
+        name: string;
+        gradientStops: GradientFillStop[];
+    };
+    remove(id: string): CustomGradient[];
+    update(id: string, update: Partial<CustomGradient>): CustomGradient[];
+}
+//# sourceMappingURL=GradientList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientList.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientList.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhE;;GAEG;AACH,qBAAa,YAAY;IAEvB,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,iBAAiB,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;gBAGvD,SAAS,EAAE,cAAc,EAAO,EAChC,gBAAgB,EAAE,cAAc,EAAO,EACvC,iBAAiB,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI;IAO1D,UAAU,CAAC,IAAI,EAAE,MAAM;IAWhB,OAAO,CAAC,EAAE,EAAE,MAAM;IAIlB,SAAS,CAAC,UAAU,EAAE,MAAM;IAQnC,OAAO,CAAC,IAAI,SAAoB;IAQzB,SAAS,CAAC,EAAE,EAAE,MAAM;IAIpB,aAAa,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE;;;;KAAA;;;;IAuB/C,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE;;;;;IAenD,MAAM,CAAC,EAAE,EAAE,MAAM;IAMjB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC;CAa1D"}

package/components/GradientManager/GradientList.js

@@ -0,0 +1 @@
+import{__spreadArray as t,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{map as r,snakeCase as n,find as o,some as i,reject as a}from"lodash";import{NAME_IS_MISSING_MESSAGE as s,ALREADY_EXISTS_MESSAGE as d,GRADIENT_NEW_NAME as u}from"./configuration/constants.js";var h=function(){function h(t,e,r){void 0===t&&(t=[]),void 0===e&&(e=[]),this.gradients=t,this.defaultGradients=e,this.onGradientsChange=r}return h.prototype.generateId=function(e){for(var o=new Set(r(t(t([],this.gradients,!0),this.defaultGradients,!0),"id")),i=n(e),a=0;o.has(i+(a?"_".concat(a):""));)a+=1;return i+(a?"_".concat(a):"")},h.prototype.getById=function(t){return o(this.gradients,{id:t})||o(this.defaultGradients,{id:t})},h.prototype.getByName=function(e){var r=(e||"").toLocaleLowerCase();return o(t(t([],this.gradients,!0),this.defaultGradients,!0),(function(t){return t.name.toLocaleLowerCase()===r}))},h.prototype.newName=function(t){void 0===t&&(t=u);for(var e=0;this.getByName(t+(e?" ".concat(e):""));)e+=1;return t+(e?" ".concat(e):"")},h.prototype.isDefault=function(t){return i(this.defaultGradients,{id:t})},h.prototype.getHelperText=function(t){var e=t.name,r=t.allowNoname,n=t.gradientId;if(!r&&!e)return{error:!1,helperText:s};var o=this.getByName(e);return o&&o.id!==n?{error:!0,helperText:d}:null},h.prototype.add=function(e,r){if(!e)throw new Error(s);if(this.gradients.map((function(t){return t.name.toLocaleLowerCase()})).includes(e.toLocaleLowerCase()))throw new Error(d);var n={id:this.generateId(e),name:e,gradientStops:r};return this.onGradientsChange(t(t([],this.gradients,!0),[n],!1)),n},h.prototype.remove=function(t){var e=a(this.gradients,{id:t});return this.onGradientsChange(e),e},h.prototype.update=function(t,r){var n=this.gradients.map((function(n){return n.id===t?e(e({},n),r):n}));return this.onGradientsChange(n),n},h}();export{h as GradientList};

package/components/GradientManager/GradientManager.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { GradientManagerProps } from './GradientManagerProps';
+export declare const GradientManager: React.FC<GradientManagerProps>;
+//# sourceMappingURL=GradientManager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientManager.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientManager.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiQ1D,CAAC"}

package/components/GradientManager/GradientManager.js

@@ -0,0 +1 @@
+import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as e,jsx as n,Fragment as i}from"react/jsx-runtime";import{Grid as a,TextField as o,Box as r}from"@material-ui/core";import{noop as d,isEmpty as l,trim as s}from"lodash";import{useState as c,useEffect as m}from"react";import u from"@material-ui/icons/Check";import g from"@material-ui/icons/Close";import p from"@material-ui/icons/Edit";import f from"@material-ui/icons/Delete";import{DEFAULT_GRADIENTS as v,DEFAULT_GRADIENT_STOPS as h,TEMP_GRADIENT_ID as S,GRADIENT_MAX_NAME_LENGTH as I}from"./configuration/constants.js";import{GradientList as b}from"./GradientList.js";import C from"../IconButton/index.js";import{GradientSelect as G}from"./GradientSelect.js";import{GradientPicker as y}from"../GradientPicker/GradientPicker.js";import{useStyles as B}from"./GradientManager.styles.js";var N=function(N){var k,x=N.gradientId,j=N.onGradientEditStateChange,w=void 0===j?d:j,P=N.onChange,D=void 0===P?d:P,E=N.defaultGradients,F=void 0===E?v:E,M=N.defaultGradientStops,T=void 0===M?h:M,L=N.allowNoname,A=N.scaleOptions,H=void 0===A?{scaleFrom:0,scaleTo:100}:A,K=B(),O=new b(N.gradients||[],F,N.onGradientsChange),R=c(null),U=R[0],V=R[1],W=N.disableGradientsManagement||!N.onGradientsChange,_=O.getHelperText({name:null==U?void 0:U.name,allowNoname:L,gradientId:x});m((function(){w(Boolean(U))}),[Boolean(U)]);var q=(null===(k=O.getById(x))||void 0===k?void 0:k.gradientStops)||N.gradientStops||T,z=function(){if(l(_)){var t=U.gradientStops,e=s(U.name);if(V(null),e){if(O.getById(U.id||x))return O.update(x,{gradientStops:t,name:e}),void D({gradientId:x,gradientStops:t});var n=O.add(e,t);D({gradientId:null==n?void 0:n.id,gradientStops:t})}else L&&D({gradientStops:t,gradientId:null})}},J=function(t){t===x&&(D({gradientId:null,gradientStops:q}),V(null)),O.remove(t)},Q=function(e){var n=e.trimStart().substring(0,I);V(t(t({},U),{name:n}))};return e(a,t({container:!0},{children:[n(a,t({item:!0,xs:6},{children:U?n(o,t({className:K.customGradientName,label:"Gradient Name",value:U.name,onChange:function(t){return Q(t.target.value)},onFocus:function(t){t.target.select()},onKeyDown:function(t){var e;if("Enter"===t.key){var n=null===(e=t.target)||void 0===e?void 0:e.value;n&&(Q(n),z())}},autoFocus:!0,fullWidth:!0},_)):n(G,{value:x,gradients:N.gradients||[],onChange:function(t){var e,n=O.getById(t);D({gradientId:t,gradientStops:null!==(e=null==n?void 0:n.gradientStops)&&void 0!==e?e:T})},defaultGradients:F,onAction:function(t,e){switch(t){case"add":V({name:"",gradientStops:T,id:S});break;case"delete":J(e)}},readonly:W})})),n(a,t({item:!0,xs:6},{children:n(r,t({display:"flex",alignItems:"center",height:"100%"},{children:n(r,t({display:"flex",paddingLeft:1},{children:e(i,U?{children:[n(C,t({"data-testid":"save-gradient-btn",className:K.iconButton,onClick:z,tooltipProps:{title:"Save"},disabled:!!_||W},{children:n(u,{})})),n(C,t({"data-testid":"cancel-edit-btn",className:K.iconButton,onClick:function(){V(null)},tooltipProps:{title:"Cancel"}},{children:n(g,{})}))]}:{children:[n(C,t({"data-testid":"edit-gradient-btn",className:K.iconButton,onClick:function(){var t;O.isDefault(x)?V({name:O.newName(),gradientStops:q,id:S}):V({name:(null===(t=O.getById(x))||void 0===t?void 0:t.name)||"",gradientStops:q})},tooltipProps:{title:"Edit"},disabled:W},{children:n(p,{})})),!!O.getById(x)&&!O.isDefault(x)&&n(C,t({"data-testid":"delete-gradient-btn",className:K.iconButton,onClick:function(){return J(x)},tooltipProps:{title:"Remove"},disabled:W},{children:n(f,{})}))]})}))}))})),n(a,t({item:!0,xs:12},{children:n(y,{from:null==H?void 0:H.scaleFrom,to:null==H?void 0:H.scaleTo,unit:null==H?void 0:H.scaleUnit,noScale:!0,gradientStops:(null==U?void 0:U.gradientStops)||q,onChange:function(e){V(t(t({},U),{gradientStops:e}))},readonly:!U,isMoveInputVisible:!0})}))]}))};export{N as GradientManager};

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

@@ -0,0 +1,21 @@
+/// <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").FC<import("../GradientPicker/GradientPickerProps").GradientPickerComponentProps>;
+    };
+    argTypes: {};
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        sourceLink: string;
+        designLink: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=GradientManager.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientManager.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientManager.stories.tsx"],"names":[],"mappings":";AAyBA,eAAO,MAAM,OAAO,6BAuCnB,CAAC;;;;;;;;;;;;;;;;;;AAEF,wBAuCE"}

package/components/GradientManager/GradientManager.styles.d.ts

@@ -0,0 +1,2 @@
+export const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"iconButton" | "customGradientName">;
+//# sourceMappingURL=GradientManager.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientManager.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientManager.styles.js"],"names":[],"mappings":"AAEA,yHAUG"}

package/components/GradientManager/GradientManager.styles.js

@@ -0,0 +1 @@
+import{makeStyles as r}from"@material-ui/core";var t=r({customGradientName:{minWidth:175,marginBottom:20},iconButton:{"&:hover":{background:"transparent"}}});export{t as useStyles};

package/components/GradientManager/GradientManagerProps.d.ts

@@ -0,0 +1,86 @@
+import { CustomGradient, GradientFillStop } from '~/types';
+/**
+ * This component actually do two separate things.
+ * It allow user to pick a gradient from the list of predefined and custom
+ * gradients.
+ *
+ * The other function is to allow a user to manage custom gradients.
+ *
+ * There is also a possibility to edit gradient stops.
+ */
+export interface GradientManagerProps {
+    /**
+     * A currently selected gradient id
+     */
+    gradientId: string;
+    /**
+     * Only used when gradient can not be found by gradientId or gradientId is not provided.
+     * This may happen if a custom gradient was deleted elsewhere but trace or other entity
+     * still keeps gradient stops values. A user may recover the deleted custom gradient
+     * by start editing it and save these stops as a new custom gradient.
+     */
+    gradientStops?: GradientFillStop[];
+    /**
+     * A change handler function
+     * Called each time a user picks a gradient from the list or gradient stops
+     * for the current gradient was changed
+     */
+    onChange: (changes: {
+        gradientId: string;
+        gradientStops: GradientFillStop[];
+    }) => void;
+    /**
+    * A list of custom gradients.
+    * NOTE: the built-in gradient are NOT included here.
+    */
+    gradients: CustomGradient[];
+    /**
+     * A custom gradients setter.
+     * Called each time user gradients are added, removed or changed.
+     * Changes include name, id, or gradient stops change.
+     * When not provided, the behavior is the same as for disableGradientManagement: true :
+     * Gradient edit/add/remove controls are disabled.
+     */
+    onGradientsChange?: (gradients: CustomGradient[]) => void;
+    /**
+     * When set to true Gradient edit/add/remove controls are disabled.
+     * Set this property to true when you are sending gradient update requests to prevent
+     * user input and therefore multiple simultaneous changes.
+     */
+    disableGradientsManagement?: boolean;
+    /**
+     * A default gradients list.
+     * In most cases you don't need to provide it.
+     * The predefined list of gradients is used if this property is not defined.
+     */
+    defaultGradients?: CustomGradient[];
+    /**
+     * In most cases you do not need to provide this value.
+     * It defaults to the Garden gradient stops from internal constant.
+     */
+    defaultGradientStops?: GradientFillStop[];
+    /**
+     * A callback that is called when a user starts or stops editing gradients.
+     * Use it to prevent form submit while gradient is still edit mode.
+     */
+    onGradientEditStateChange?: (isGradientEditorOpen: boolean) => void;
+    /**
+     * Allow to save a noname gradient.
+     * If a user saves a noname gradient then onChange will be called with
+     * no gradientId and no user gradients will be updated.
+     *
+     * This mode is useful in case when a user has a large amount of traces and
+     * wants to assign different gradients to each trace but doesn't want
+     * to have so many custom gradients.
+     */
+    allowNoname?: boolean;
+    /**
+     * scale options for Gradient editor component
+     */
+    scaleOptions?: {
+        scaleFrom?: number;
+        scaleTo?: number;
+        scaleUnit?: string;
+    };
+}
+//# sourceMappingURL=GradientManagerProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientManagerProps.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientManagerProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3D;;;;;;;;GAQG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEnC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,gBAAgB,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAEvF;;;MAGE;IACF,SAAS,EAAE,cAAc,EAAE,CAAC;IAE5B;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAE1D;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAC;IAEpC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE1C;;;OAGG;IACH,yBAAyB,CAAC,EAAE,CAAC,oBAAoB,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpE;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAA;CACF"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { GradientFillStop } from '~/types';
+interface GradientPreviewProps {
+    gradientStops: GradientFillStop[];
+}
+export declare const GradientPreview: React.FC<GradientPreviewProps>;
+export {};
+//# sourceMappingURL=GradientPreview.d.ts.map

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

@@ -0,0 +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"}

package/components/GradientManager/GradientPreview/GradientPreview.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{makeStyles as e}from"@material-ui/core";import i from"tinygradient";var o=e({gradientPreview:{background:"red",width:32,height:16,borderRadius:4}}),t=function(e){var t=e.gradientStops,a=i(t.map((function(r){return{color:r.color,pos:r.pos/100}}))).css("linear","90deg"),n=o();return r("div",{className:n.gradientPreview,style:{background:a}})};export{t as GradientPreview};

package/components/GradientManager/GradientSelect.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CustomGradient } from '~/types';
+interface GradientSelectProps {
+    gradients: CustomGradient[];
+    value: string;
+    onChange: (id: string) => void;
+    defaultGradients: CustomGradient[];
+    onAction: (type: string, data?: any) => void;
+    readonly: boolean;
+}
+export declare const GradientSelect: React.FC<GradientSelectProps>;
+export {};
+//# sourceMappingURL=GradientSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientSelect.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,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,CAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,KAAM,IAAI,CAAC;IAC/C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgGxD,CAAC"}

package/components/GradientManager/GradientSelect.js

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

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

@@ -0,0 +1,2 @@
+export const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"select" | "customGradientListItem" | "listHeader" | "subHeader" | "addButton" | "removeButton">;
+//# sourceMappingURL=GradientSelect.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientSelect.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientSelect.styles.js"],"names":[],"mappings":"AAEA,qLA+DI"}

package/components/GradientManager/GradientSelect.styles.js

@@ -0,0 +1 @@
+import{makeStyles as t}from"@material-ui/core";var e=t((function(t){var e=t.palette;return{select:{"& > .MuiSelect-root":{display:"flex",gap:"8px",flexShrink:0,paddingRight:0},"& > .MuiSelect-root > button":{display:"none"},width:"100%",marginBottom:20},customGradientListItem:{width:"300px","& span":{flexGrow:1,padding:"0 8px"},"& button":{visibility:"hidden"},"&:hover button":{visibility:"visible"},"&:hover button.disabled":{opacity:.3}},listHeader:{pointerEvents:"none",userSelect:"none",fontSize:"20px",fontStyle:"normal",fontWeight:400,color:e.common.white},subHeader:{pointerEvents:"none",userSelect:"none",fontSize:"10px",color:e.primary.text7,textTransform:"uppercase",display:"flex",alignItems:"center"},addButton:{pointerEvents:"all","&:hover":{background:"transparent"}},removeButton:{color:e.primary.text7,padding:0,"&:hover":{background:"transparent"},"& .MuiIconButton-label":{padding:0}}}}));export{e as useStyles};

package/components/GradientManager/__tests__/GradientManager.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=GradientManager.test.d.ts.map

package/components/GradientManager/__tests__/GradientManager.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientManager.test.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/__tests__/GradientManager.test.tsx"],"names":[],"mappings":""}

package/components/GradientManager/__tests__/pageHelpers.d.ts

@@ -0,0 +1,20 @@
+export declare const flushPromises: () => Promise<unknown>;
+export declare const page: {
+    openGradientSelect(): void;
+    addBtn(): HTMLElement;
+    saveBtn(): HTMLElement;
+    deleteStopBtn(): HTMLElement;
+    deleteBtn(): HTMLElement;
+    editBtn(): HTMLElement;
+    cancelBtn(): HTMLElement;
+    setNameValue(value: any): void;
+    getNameEditValue(): string;
+    getTextOnSelect(): string;
+    selectItemNamed(name: string): void;
+    getStops(): Element[];
+    getStopValues(): any;
+    clickStop(stopIndex: number): void;
+    clickTrackAt(pos: number): void;
+    getSelectOptions(): string[];
+};
+//# sourceMappingURL=pageHelpers.d.ts.map

package/components/GradientManager/__tests__/pageHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageHelpers.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/__tests__/pageHelpers.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,wBAEzB,CAAC;AAIF,eAAO,MAAM,IAAI;;;;;;;;;;;0BAyCO,MAAM;;;yBA0BP,MAAM;sBAMT,MAAM;;CA0BzB,CAAC"}

package/components/GradientManager/__tests__/testData.d.ts

@@ -0,0 +1,20 @@
+export declare const gradients: {
+    default: any;
+    fire: {
+        id: string;
+        name: string;
+        gradientStops: {
+            pos: number;
+            color: string;
+        }[];
+    };
+    ice: {
+        id: string;
+        name: string;
+        gradientStops: {
+            pos: number;
+            color: string;
+        }[];
+    };
+};
+//# sourceMappingURL=testData.d.ts.map

package/components/GradientManager/__tests__/testData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testData.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/__tests__/testData.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAerB,CAAC"}

package/components/GradientManager/configuration/constants.d.ts

@@ -0,0 +1,10 @@
+import { CustomGradient } from '~/types';
+export declare const ALREADY_EXISTS_MESSAGE = "This name is already used";
+export declare const NAME_IS_MISSING_MESSAGE = "Please enter the name";
+export declare const GRADIENT_STOP_PRECISION_DIGITS = 5;
+export declare const GRADIENT_NEW_NAME = "My Gradient";
+export declare const GRADIENT_MAX_NAME_LENGTH = 30;
+export declare const TEMP_GRADIENT_ID = "TEMP_GRADIENT_ID";
+export declare const DEFAULT_GRADIENTS: CustomGradient[];
+export declare const DEFAULT_GRADIENT_STOPS: import("~/types").GradientFillStop[];
+//# sourceMappingURL=constants.d.ts.map

package/components/GradientManager/configuration/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/configuration/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,sBAAsB,8BAA8B,CAAC;AAClE,eAAO,MAAM,uBAAuB,0BAA0B,CAAC;AAC/D,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,iBAAiB,gBAAgB,CAAC;AAC/C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAEnD,eAAO,MAAM,iBAAiB,EAAE,cAAc,EA+D7C,CAAC;AAIF,eAAO,MAAM,sBAAsB,sCAAyD,CAAC"}

package/components/GradientManager/configuration/constants.js

@@ -0,0 +1 @@
+var o="This name is already used",r="Please enter the name",s="My Gradient",p=30,a="TEMP_GRADIENT_ID",c=[{id:"chromium",name:"Chromium",gradientStops:[{color:"#F7F7F7",pos:0},{color:"#828282",pos:100}]},{id:"garden",name:"Garden",gradientStops:[{color:"#5256BE",pos:0},{color:"#3CA3BD",pos:25},{color:"#18B756",pos:50},{color:"#DECF11",pos:75},{color:"#AF534C",pos:100}]},{id:"standard",name:"Standard",gradientStops:[{color:"#C05B5B",pos:0},{color:"#D6CA1D",pos:50},{color:"#14C23A",pos:100}]},{id:"amber",name:"Amber",gradientStops:[{color:"#FFFBF4",pos:0},{color:"#C0A87D",pos:25},{color:"#E2A547",pos:50},{color:"#CA8846",pos:75},{color:"#6D4B48",pos:100}]},{id:"volcano",name:"Volcano",gradientStops:[{color:"#807373",pos:0},{color:"#C56265",pos:25},{color:"#CA8846",pos:50},{color:"#CF9957",pos:75},{color:"#D7CD1F",pos:100}]},{id:"cave",name:"Cave",gradientStops:[{color:"#FEFEF3",pos:0},{color:"#F5D09E",pos:10},{color:"#ED9F3B",pos:30},{color:"#B9421C",pos:50},{color:"#541106",pos:75},{color:"#050204",pos:100}]}],e=c[1].gradientStops;export{o as ALREADY_EXISTS_MESSAGE,c as DEFAULT_GRADIENTS,e as DEFAULT_GRADIENT_STOPS,p as GRADIENT_MAX_NAME_LENGTH,s as GRADIENT_NEW_NAME,r as NAME_IS_MISSING_MESSAGE,a as TEMP_GRADIENT_ID};

package/components/GradientManager/index.d.ts

@@ -0,0 +1,2 @@
+export * from './GradientManager';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/components/GradientPicker/GradientPicker.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientPicker.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPicker.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AA6SrE,eAAO,MAAM,cAAc,kDAAsC,CAAC"}

package/components/GradientPicker/GradientPicker.js

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

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

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+export declare const Default: (props: any) => JSX.Element;
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./GradientPickerProps").GradientPickerComponentProps>;
+    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: {
+        sourceLink: string;
+        designLink: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=GradientPicker.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPicker.stories.tsx"],"names":[],"mappings":";AAYA,eAAO,MAAM,OAAO,6BAenB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wBAyBE"}

package/components/GradientPicker/GradientPicker.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const useStyles: (props: any) => import("@material-ui/styles").ClassNameMap<string>;
+//# sourceMappingURL=GradientPicker.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientPicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPicker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,oEA8FnB,CAAC"}

package/components/GradientPicker/GradientPicker.styles.js

@@ -0,0 +1 @@
+import{makeStyles as t}from"@material-ui/core";var e=t((function(t){return{root:{width:"100%",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px"},indicatorContainer:{marginBottom:"12px",display:"flex",justifyContent:"space-between"},indicator:{fontSize:"12px",lineHeight:"14px"},mainBar:{position:"relative",height:"16px",width:"100%"},addIcon:{fontSize:"16px"},removeButton:{position:"absolute",bottom:"8px",left:"8px",padding:0,width:"36px",height:"36px","&:hover":{background:t.palette.background.b7}},deleteIcon:{fontSize:"20px",color:t.palette.primary.text6,"&:hover":{color:t.palette.primary.text1}},posTextfield:{position:"absolute",bottom:"14px",right:"8px",width:"64px","& input::-webkit-outer-spin-button":{"-webkit-appearance":"none",margin:0},"& input::-webkit-inner-spin-button":{"-webkit-appearance":"none",margin:0}},posOutlinedRoot:{height:"24px",background:t.palette.background.b6},posOutlinedInput:{color:t.palette.primary.text6,padding:"2px 4px",textAlign:"right",fontSize:"14px","&:focus":{color:t.palette.primary.text1}},addCircle:{position:"absolute",top:"-4px",width:"24px",height:"24px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",background:"rgba(255, 255, 255, 0.3)",border:"1px solid #ffffff"},circle:function(t){var e=t.readonly;return{position:"absolute",width:"24px",height:"24px",borderRadius:"50%",border:e?"none":"1px solid #ffffff","&:hover":{border:e?"none":"3px solid #ffffff"},"&.highlight":{border:"3px solid #ffffff"}}}}}));export{e as useStyles};

package/components/GradientPicker/GradientPicker.utils.d.ts

@@ -0,0 +1,9 @@
+export declare function calcGradientStyle(stops: any): string;
+export declare const getStopText: (position: any, { fromValue, toValue }: {
+    fromValue: any;
+    toValue: any;
+}) => any;
+export declare const getRangeStep: (range: any) => number;
+export declare const roundToStep: (value: number, step: number) => any;
+export declare const reasonableRealValue: (value: any) => any;
+//# sourceMappingURL=GradientPicker.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientPicker.utils.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPicker.utils.ts"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB,CAAC,KAAK,KAAA,UAOtC;AAED,eAAO,MAAM,WAAW;;;SAcvB,CAAC;AAEF,eAAO,MAAM,YAAY,wBAaxB,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,MAAM,QAAQ,MAAM,QAEtD,CAAC;AAIF,eAAO,MAAM,mBAAmB,qBAO/B,CAAC"}

package/components/GradientPicker/GradientPicker.utils.js

@@ -0,0 +1 @@
+import{sortBy as t}from"lodash";import r from"numeral";function o(r){return r&&0!==r.length?t(r,"pos").map((function(t){var r=t.color,o=t.pos;return"".concat(r," ").concat(o,"%")})).join(","):"none"}var a=function(t,o){var a=o.fromValue,h=o.toValue-a,e=n(h),M=u(a+h*(t/100),e);if(Math.abs(e)>=1)return r(M).format("0,00");var i=Math.ceil(-Math.log10(e));return M.toFixed(Math.max(i,0))},n=function(t){var r=Math.pow(10,Math.floor(Math.log10(t)))/100;return t/r>=500&&(r*=5),t/r>250&&(r*=2),r>1?Math.round(r):1/Math.round(1/r)},u=function(t,r){return h(Math.round(t/r)*r)},h=function(t){if(!t)return t;var r=Math.ceil(Math.log10(Math.abs(t))),o=Math.round(Math.pow(10,15-r));return Math.round(t*o)/o};export{o as calcGradientStyle,n as getRangeStep,a as getStopText,h as reasonableRealValue,u as roundToStep};

package/components/GradientPicker/GradientPickerProps.d.ts

@@ -0,0 +1,16 @@
+import { GradientFillStop } from '~/types';
+export interface GradientPickerComponentProps {
+    from: number;
+    to: number;
+    unit: string;
+    style?: object;
+    gradientStops: GradientFillStop[];
+    onChange: (evt: any) => void;
+    size?: {
+        width: number;
+    };
+    readonly?: boolean;
+    noScale?: boolean;
+    isMoveInputVisible?: boolean;
+}
+//# sourceMappingURL=GradientPickerProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientPickerProps.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPickerProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B"}

package/components/GradientPicker/__tests__/GradientPicker.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=GradientPicker.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientPicker.test.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientPicker/__tests__/GradientPicker.test.tsx"],"names":[],"mappings":""}

package/components/GradientPicker/__tests__/pageHelpers.d.ts

@@ -0,0 +1,8 @@
+export declare const page: {
+    deleteStopBtn(): HTMLElement;
+    getStops(): Element[];
+    getStopValues(): any;
+    clickStop(stopIndex: number): void;
+    clickTrackAt(pos: number): void;
+};
+//# sourceMappingURL=pageHelpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pageHelpers.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientPicker/__tests__/pageHelpers.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI;;;;yBA0BM,MAAM;sBAOT,MAAM;CAoBzB,CAAC"}

package/components/GradientPicker/__tests__/testData.d.ts

@@ -0,0 +1,19 @@
+export declare const gradients: {
+    fire: {
+        id: string;
+        name: string;
+        gradientStops: {
+            pos: number;
+            color: string;
+        }[];
+    };
+    ice: {
+        id: string;
+        name: string;
+        gradientStops: {
+            pos: number;
+            color: string;
+        }[];
+    };
+};
+//# sourceMappingURL=testData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"testData.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientPicker/__tests__/testData.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAYrB,CAAC"}

package/components/GradientPicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './GradientPicker';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/components/HeaderLayout/effects/index.js

@@ -1 +1 @@
-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 i from"react-dom";import{get as c,isEqual as u}from"lodash";import{MuiThemeProvider as f}from"@material-ui/core/styles";import{darkTheme as m}from"../../../config/theme/index.js";import"../../../config/mapbox/index.js";import{getAppTitle as p,getExpander as l,getOffsetPicker as a,getSecondaryAsset as s,getModeSelect as y,getPrimaryAsset as b}from"../utils.js";import{LARGE_SIZE_LAYOUT as d,MEDIUM_SIZE_LAYOUT as O,SMALL_SIZE_LAYOUT as j}from"../constants.js";import{jsx as h}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 g(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 k(e,o,i){var u=t(null),f=r(u,2),m=f[0],h=f[1];return n((function(){if(i&&o){var r=p(e),t=l(e),n=a(e),u=s(e),f=y(e),m=b(e),v=o[c(r,"key")]||0,g=o[c(t,"key")]||0,k=o[c(n,"key")]||0,P=o[c(u,"key")]||0,w=o[c(f,"key")]||0,x=o[c(m,"key")]||0;h(v+(g+k+P+w+x)<=i?d:v+x<=i?O:j)}}),[o,i]),m}function P(p){var l=o({}),s=t(null),y=r(s,2),b=y[0],d=y[1],O=o({});return n((function(){var r=p.filter((function(e){return!!e}));if(!u(r,O.current)){var t=a(p),n=c(t,"key");l.current=n?e({},n,36):{},r.forEach((function(t){var o=document.createElement("div");o.style.position="absolute",o.style.visibility="hidden",document.body.appendChild(o),t&&t.key!==n&&i.render(h(f,{theme:m,children:t}),o,(function(){var n=o.getBoundingClientRect();o.remove(),l.current=g(g({},l.current),{},e({},t.key,n.width)),Object.values(l.current).length===r.length&&(u(b,l.current)||d(l.current))}))})),O.current=r}})),b}export{P as useComonentsWidth,k as useFilterLayout};
+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{darkTheme as u}from"../../../config/theme/index.js";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"@babel/runtime/helpers/typeof";import"../../../config/mapbox/index.js";import{getAppTitle as h,getExpander as p,getOffsetPicker as l,getSecondaryAsset as a,getModeSelect as f,getPrimaryAsset as d}from"../utils.js";import{LARGE_SIZE_LAYOUT as b,MEDIUM_SIZE_LAYOUT as g,SMALL_SIZE_LAYOUT as y}from"../constants.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),u=s[0],O=s[1];return o((function(){if(n&&i){var e=h(r),t=p(r),o=l(r),m=a(r),s=f(r),u=d(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(u,"key")]||0;O(j+(v+k+P+w+x)<=n?b:j+x<=n?g:y)}}),[i,n]),u}function P(h){var p=i({}),a=t(null),f=e(a,2),d=f[0],b=f[1],g=i({});return o((function(){var e=h.filter((function(r){return!!r}));if(!m(e,g.current)){var t=l(h),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:u,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(d,p.current)||b(p.current))}))})),g.current=e}})),d}export{P as useComonentsWidth,k as useFilterLayout};

package/components/ImagesGrid/index.d.ts

@@ -1,3 +1,20 @@
-declare const _default: any;
+declare function _default({ images, onImageError, className, horizontal, size: { width } }: {
+    images: any;
+    onImageError: any;
+    className: any;
+    horizontal: any;
+    size: {
+        width: any;
+    };
+}): JSX.Element;
+declare namespace _default {
+    namespace defaultlProps {
+        export const className: string;
+        export const horizontal: boolean;
+        export const images: any[];
+        export { noop as onImageError };
+    }
+}
 export default _default;
+import { noop } from "lodash/common/util";
 //# sourceMappingURL=index.d.ts.map

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

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

package/components/Modal/CorvaModal.d.ts

@@ -1,26 +1,11 @@
 /// <reference types="react" />
-import { ModalProps } from "~/components/Modal/types";
+import { ModalProps } from '~/components/Modal/types';
+export declare enum MOBILE_MODAL_TYPES {
+    FILTERS = "filters",
+    SETTINGS = "settings"
+}
 export declare function CorvaModal({ title, children, actions, open, isCloseIconHidden, onClose, isNative, isMobile, stickyFooter, contentContainerClassName, contentClassName, stickyFooterClassName, modalTitleClassName, size, type, rootClassName, actionsClassName, ...otherProps }: ModalProps): JSX.Element;
 export declare namespace CorvaModal {
-    var propTypes: {
-        title: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
-        children: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
-        actions: import("prop-types").Requireable<NonNullable<any[] | import("prop-types").ReactNodeLike>>;
-        actionsClassName: import("prop-types").Requireable<string>;
-        contentClassName: import("prop-types").Requireable<string>;
-        contentContainerClassName: import("prop-types").Requireable<string>;
-        isCloseIconHidden: import("prop-types").Requireable<boolean>;
-        isMobile: import("prop-types").Requireable<boolean>;
-        isNative: import("prop-types").Requireable<boolean>;
-        modalTitleClassName: import("prop-types").Requireable<string>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-        open: import("prop-types").Validator<boolean>;
-        rootClassName: import("prop-types").Requireable<string>;
-        size: import("prop-types").Requireable<string>;
-        stickyFooter: import("prop-types").Requireable<boolean>;
-        stickyFooterClassName: import("prop-types").Requireable<string>;
-        type: import("prop-types").Requireable<string>;
-    };
     var defaultProps: {
         actions: string;
         actionsClassName: any;

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

@@ -1 +1 @@
-{"version":3,"file":"CorvaModal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/CorvaModal.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAkB,UAAU,EAAE,MAAM,0BAA0B,CAAC;AA4DtE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,iBAAiB,EACjB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,yBAAyB,EACzB,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,gBAAgB,EAChB,GAAG,UAAU,EACd,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAiG1B;yBApHe,UAAU"}
+{"version":3,"file":"CorvaModal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/CorvaModal.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAItD,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAqDD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,iBAAiB,EACjB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,yBAAyB,EACzB,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,gBAAgB,EAChB,GAAG,UAAU,EACd,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAiG1B;yBApHe,UAAU"}