@corva/ui 0.63.0-4 → 0.63.0-5

package/cjs-bundle/components/GradientPicker/GradientPicker.js

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

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

@@ -1 +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,yEAAsC,CAAC"}
+{"version":3,"file":"GradientPicker.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPicker.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AA0TrE,eAAO,MAAM,cAAc,yEAAsC,CAAC"}

package/components/GradientPicker/GradientPicker.js

@@ -1 +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};
+import{__assign as t,__spreadArray as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useRef as r,useState as i,useEffect as a,useMemo as l}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 v,reject as h,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 _}from"@material-ui/core";import{Add as j}from"@material-ui/icons";import z from"@material-ui/icons/Delete";import I from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as F,getStopText as O,roundToStep as S,getRangeStep as T}from"./GradientPicker.utils.js";import{useThrottledCallback as B}from"../shared/useThrottledCallback.js";import{useStyles as D}from"./GradientPicker.styles.js";var G=c()((function(c){var G=c.size,V=c.from,w=void 0===V?0:V,E=c.to,A=void 0===E?100:E,H=c.unit,K=c.gradientStops,M=c.onChange,R=c.style,W=c.isMoveInputVisible,q=c.readonly,J=c.noScale,L=c["data-testid"],Q=void 0===L?"GradientPicker":L,U=r(),X=i([]),Y=X[0],Z=X[1],$=i(null),tt=$[0],ot=$[1],et=i(null),nt=et[0],rt=et[1],it=i(null),at=it[0],lt=it[1],ct=D({readonly:q}),st=Number.isFinite(w)?Number(w):0,ut=Number.isFinite(A)?Number(A):100,dt=ut-st;a((function(){(K.length!==(null==Y?void 0:Y.length)||K.some((function(t,o){return t.color!==Y[o].color||t.pos!==Y[o].pos})))&&Z(K.map((function(o){return t(t({},o),{id:C()})})))}),[K]);var mt=l((function(){return F(Y)}),[Y]),pt=l((function(){var t;return null===(t=U.current)||void 0===t?void 0:t.clientWidth}),[G.width,U.current]),ft=function(t){var o=v(t,"pos");Z(o),M&&M(o.map((function(t){return b(t,"id")})))},vt=B((function(e,n,r,i){if(void 0===i&&(i=!1),!tt){var a=n/pt*100,l=m(Y,{id:e});if(r>=40||r<=-50)gt();else{var c=t(t({},l),{pos:a}),s=v(o(o([],h(Y,{id:e}),!0),[c],!1),"pos");if(i)return ft(s),void rt(null);Z(s),yt||rt(e)}}}),0),ht=function(){ft(Y),rt(null),ot(null)},gt=function(){Y.length>2&&(ft(h(Y,{id:nt})),ot(null),rt(null))},bt=!tt&&Number.isFinite(at)&&!q,yt=m(Y,{id:nt}),Ct=T(dt),Nt=function(t){if(!t)return null;var o=st+(null==t?void 0:t.pos)/100*dt;return S(o,Ct/100)}(yt);return e("div",t({className:ct.root,style:R},{children:[!J&&e("div",t({className:ct.indicatorContainer},{children:[n("div",{children:e(N,t({"data-testid":"".concat(Q,"_from"),className:ct.indicator},{children:[st," ",H]}))}),n("div",{children:e(N,t({"data-testid":"".concat(Q,"_to"),className:ct.indicator},{children:[ut," ",H]}))})]})),n(u,t({onPositionChanged:function(t){lt(f(t,"isPositionOutside",!0)?null:f(t,"position.x",null))}},{children:e("div",t({"data-testid":"".concat(Q,"_track"),className:ct.mainBar,style:{background:"linear-gradient(90deg, ".concat(mt,")")},ref:U},{children:[bt&&n("div",t({"data-testid":"".concat(Q,"_addCircle"),className:ct.addCircle,style:{left:at-12},onClick:function(){var t=at/pt*100,e=y(Y.map((function(t){return{color:t.color,pos:t.pos/100}}))),n="#".concat(e.rgbAt(t/100).toHex()),r={id:C(),pos:t,color:n};ft(o(o([],Y,!0),[r],!1))}},{children:n(j,{fontSize:"small",className:ct.addIcon})})),pt&&Y.map((function(o,e){var r,i=o.pos,a=o.color,l=o.id;return n(d,t({disabled:q,axis:"x",bounds:{left:-12,right:pt-12,top:-50,bottom:40},onDrag:function(t,o){return vt(l,o.x+12,o.y,!1)},onStop:function(t,o){return vt(l,o.x+12,o.y,!0)},position:{x:pt*i/100-12,y:-4}},{children:n("div",t({onClick:function(t){return function(t,o){q||nt||(rt(o),ot(t.currentTarget))}(t,l)},"data-testid":"".concat(Q,"_stop_").concat(e),className:s(ct.circle,{highlight:nt===l}),style:{backgroundColor:a}},{children:n(k,t({title:(r=i,O(r,{fromValue:st,toValue:ut})),placement:"top"},{children:n("div",{style:{height:"100%"}})}))}))}),l)}))]}))})),Boolean(tt)&&e(x,t({id:"colors-popper",open:Boolean(tt),anchorEl:tt,onClose:ht,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},{children:[n(I,{color:null==yt?void 0:yt.color,onChange:function(o){var e=o.hex;Z(Y.map((function(o){return o.id===nt?t(t({},o),{color:e}):o})))},onSizeChange:p,enableTransparencyPalette:!1}),n(P,t({"data-testid":"".concat(Q,"_stopDelete"),className:ct.removeButton,onClick:gt},{children:n(z,{className:ct.deleteIcon})})),W&&n(_,{"data-testid":"".concat(Q,"_moveInput"),type:"number",variant:"outlined",value:Nt,classes:{root:ct.posTextfield},InputProps:{inputProps:{min:st,max:ut,step:Ct,maxlength:10},classes:{root:ct.posOutlinedRoot,input:ct.posOutlinedInput}},autoFocus:!0,onFocus:function(t){return t.target.select()},onChange:function(o){if(""===o.target.value){var e=o.target;setTimeout((function(){return null==e?void 0:e.select()}))}var n=g(Number(o.target.value),st,ut);n||o.target.select();var r=(n-st)/dt*100;Z(Y.map((function(o){return o.id===nt?t(t({},o),{pos:r}):o})))},onKeyDown:function(t){return"Enter"===t.key&&ht()}})]}))]}))}));export{G as GradientPicker};

package/components/GradientPicker/GradientPickerProps.d.ts

@@ -12,5 +12,6 @@ export interface GradientPickerComponentProps {
     readonly?: boolean;
     noScale?: boolean;
     isMoveInputVisible?: boolean;
+    'data-testid'?: string;
 }
 //# sourceMappingURL=GradientPickerProps.d.ts.map

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

@@ -1 +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,aAAa,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IACtD,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"}
+{"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,aAAa,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IACtD,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;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "0.63.0-4",
+  "version": "0.63.0-5",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"