@corva/ui 0.87.0-7 → 0.87.0-9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs-bundle/components/Button/components/LiveButton/components/LiveButtonStateIndicator/index.js +1 -1
- package/cjs-bundle/components/GradientManager/GradientManager.js +1 -1
- package/cjs-bundle/components/GradientManager/GradientSelect.js +1 -1
- package/cjs-bundle/components/GradientManager/GradientSelect.styles.js +1 -1
- package/cjs-bundle/components/GradientPicker/GradientPicker.js +1 -1
- package/components/Button/components/LiveButton/components/LiveButtonStateIndicator/index.js +1 -1
- package/components/GradientManager/GradientManager.d.ts.map +1 -1
- package/components/GradientManager/GradientManager.js +1 -1
- package/components/GradientManager/GradientManagerProps.d.ts +1 -0
- package/components/GradientManager/GradientManagerProps.d.ts.map +1 -1
- package/components/GradientManager/GradientSelect.d.ts.map +1 -1
- package/components/GradientManager/GradientSelect.js +1 -1
- package/components/GradientManager/GradientSelect.styles.d.ts.map +1 -1
- package/components/GradientManager/GradientSelect.styles.js +1 -1
- package/components/GradientPicker/GradientPicker.d.ts.map +1 -1
- package/components/GradientPicker/GradientPicker.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),i=require("react"),r=require("@material-ui/core/styles"),a=require("../../constants.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(i),n=r.makeStyles((function(e){return{offline:{marginLeft:4,position:"relative",top:-4},livePulsed:{marginLeft:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),i=require("react"),r=require("@material-ui/core/styles"),a=require("../../constants.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(i),n=r.makeStyles((function(e){return{offline:{marginLeft:4,position:"relative",top:-4},livePulsed:{marginLeft:8,position:"relative",transform:"translateX(-50%) translateY(-50%)",width:8,height:8,"&:before":{content:'""',position:"relative",display:"block",width:"150%",height:"150%",boxSizing:"border-box",marginTop:"-2px",marginLeft:"-2px",borderRadius:"45px",backgroundColor:e.palette.success.bright,animation:"$pulseRing 3.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite"},"&:after":{content:'""',position:"absolute",left:0,top:0,display:"block",width:"100%",height:"100%",backgroundColor:e.palette.success.bright,borderRadius:"15px",boxShadow:"0 0 8px rgba(0,0,0,.3)",animation:"$pulseDot 3.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite"}},"@keyframes pulseRing":{"0%":{opacity:0,transform:"scale(.55)"},"50%":{opacity:.5},"100%":{opacity:0}},"@keyframes pulseDot":{"0%":{transform:"scale(.6)",opacity:.5},"50%":{transform:"scale(.7)",opacity:1},"100%":{transform:"scale(.6)",opacity:.5}}}})),l=s.default.memo((function(i){var r=i.state,o=n();return r===a.LiveButtonState.Default?null:r===a.LiveButtonState.Live?t.jsx("div",{className:o.livePulsed,"aria-label":"Live indicator"}):t.jsxs("svg",e.__assign({className:o.offline,fill:"none",height:"8",viewBox:"0 0 8 8",width:"8",xmlns:"http://www.w3.org/2000/svg","aria-label":"Idle indicator"},{children:[t.jsx("circle",{opacity:"0.4",cx:"4",cy:"4",r:"4",fill:"#616161"}),t.jsx("circle",{cx:"4",cy:"4",r:"2",fill:"#616161"})]}))}));exports.LiveButtonStateIndicator=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),i=require("@material-ui/core"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),i=require("@material-ui/core"),s=require("lodash"),t=require("react"),a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js");var o=require("../IconButton/index.js"),r=require("../GradientPicker/GradientPicker.js"),d=require("./configuration/constants.js"),l=require("./GradientList.js"),c=require("./GradientSelect.js"),u=require("./GradientManager.styles.js");exports.GradientManager=function(g){var m,p=g.gradientId,_=g.onGradientEditStateChange,v=void 0===_?s.noop:_,j=g.onChange,I=void 0===j?s.noop:j,x=g.defaultGradients,f=void 0===x?d.DEFAULT_GRADIENTS:x,S=g.defaultGradientStops,G=void 0===S?d.DEFAULT_GRADIENT_STOPS:S,h=g.allowNoname,q=g.scaleOptions,E=void 0===q?{scaleFrom:0,scaleTo:100}:q,b=g.className,C=u.useStyles(),y=new l.GradientList(g.gradients||[],f,g.onGradientsChange),N=t.useState(null),T=N[0],D=N[1],P=g.disableGradientsManagement||!g.onGradientsChange,k=y.getHelperText({name:null==T?void 0:T.name,allowNoname:h,gradientId:p});t.useEffect((function(){v(Boolean(T))}),[Boolean(T)]);var A=(null===(m=y.getById(p))||void 0===m?void 0:m.gradientStops)||g.gradientStops||G,F=function(){if(s.isEmpty(k)){var e=T.gradientStops,n=s.trim(T.name);if(D(null),n){if(y.getById(T.id||p))return y.update(p,{gradientStops:e,name:n}),void I({gradientId:p,gradientStops:e});var i=y.add(n,e);I({gradientId:null==i?void 0:i.id,gradientStops:e})}else h&&I({gradientStops:e,gradientId:null})}},M=function(e){e===p&&(I({gradientId:null,gradientStops:A}),D(null)),y.remove(e)},B=function(n){var i=n.trimStart().substring(0,d.GRADIENT_MAX_NAME_LENGTH);D(e.__assign(e.__assign({},T),{name:i}))};return n.jsxs(i.Grid,e.__assign({container:!0,className:b},{children:[n.jsx(i.Grid,e.__assign({item:!0,xs:6},{children:T?n.jsx(i.TextField,e.__assign({InputLabelProps:{shrink:!0},className:C.customGradientName,label:"Gradient Name",value:T.name,onChange:function(e){return B(e.target.value)},onFocus:function(e){e.target.select()},onKeyDown:function(e){var n;if("Enter"===e.key){var i=null===(n=e.target)||void 0===n?void 0:n.value;i&&(B(i),F())}},autoFocus:!0,fullWidth:!0},k)):n.jsx(c.GradientSelect,{value:p,gradients:g.gradients||[],onChange:function(e){var n,i=y.getById(e);I({gradientId:e,gradientStops:null!==(n=null==i?void 0:i.gradientStops)&&void 0!==n?n:G})},defaultGradients:f,onAction:function(e,n){switch(e){case"add":D({name:"",gradientStops:G,id:d.TEMP_GRADIENT_ID});break;case"delete":M(n)}},readonly:P})})),n.jsx(i.Grid,e.__assign({item:!0,xs:6},{children:n.jsx(i.Box,e.__assign({display:"flex",alignItems:"center",height:"100%"},{children:n.jsx(i.Box,e.__assign({display:"flex",paddingLeft:1},{children:T?n.jsxs(n.Fragment,{children:[n.jsx(o,e.__assign({"data-testid":"save-gradient-btn",onClick:F,tooltipProps:{title:"Save"},disabled:!!k||P},{children:n.jsx(a.CheckSmallIcon,{})})),n.jsx(o,e.__assign({"data-testid":"cancel-edit-btn",onClick:function(){D(null)},tooltipProps:{title:"Cancel"}},{children:n.jsx(a.CloseSmallIcon,{})}))]}):n.jsxs(n.Fragment,{children:[n.jsx(o,e.__assign({"data-testid":"edit-gradient-btn",onClick:function(){var e;y.isDefault(p)?D({name:y.newName(),gradientStops:A,id:d.TEMP_GRADIENT_ID}):D({name:(null===(e=y.getById(p))||void 0===e?void 0:e.name)||"",gradientStops:A})},tooltipProps:{title:"Edit"},disabled:P},{children:n.jsx(a.WriteIcon,{})})),!!y.getById(p)&&!y.isDefault(p)&&n.jsx(o,e.__assign({"data-testid":"delete-gradient-btn",onClick:function(){return M(p)},tooltipProps:{title:"Remove"},disabled:P},{children:n.jsx(a.DeleteFourIcon,{})}))]})}))}))})),n.jsx(i.Grid,e.__assign({item:!0,xs:12},{children:n.jsx(r.GradientPicker,{from:null==E?void 0:E.scaleFrom,to:null==E?void 0:E.scaleTo,unit:null==E?void 0:E.scaleUnit,noScale:!0,gradientStops:(null==T?void 0:T.gradientStops)||A,onChange:function(n){D(e.__assign(e.__assign({},T),{gradientStops:n}))},readonly:!T,isMoveInputVisible:!0})}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),r=require("@material-ui/core"),i=require("@material-ui/icons/AddCircle"),n=require("react"),t=require("classnames"),a=require("lodash"),o=require("./GradientPreview/GradientPreview.js"),c=require("../Select/index.js"),u=require("../IconButton/index.js"),d=require("./GradientSelect.styles.js"),l=require("../../icons/iconParkIcons.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js");var j=m(i),p=m(t);exports.GradientSelect=function(i){var t=i.value,m=i.gradients,q=i.onChange,v=i.defaultGradients,g=i.onAction,f=i.readonly,h=d.useStyles(),I=n.useState(!1),x=I[0],_=I[1],G=function(e){var s,r;if(e.stopPropagation(),!f){var i=null===(r=null===(s=e.currentTarget.closest("li"))||void 0===s?void 0:s.dataset)||void 0===r?void 0:r.value;t===i&&_(!1),g("delete",i)}},b=a.isEmpty(m)&&f;return s.jsxs(c,e.__assign({"data-testid":"gradient-select",label:"Gradients",value:t||"",className:h.select,onChange:function(e){var s=e.target;s.value&&q(s.value)},open:x,onClose:function(){return _(!1)},onOpen:function(){return _(!0)},inputProps:{name:"gradientId",id:"gradientId"},FormControlProps:{fullWidth:!0},fullWidth:!0,defaultValue:"",InputLabelProps:{shrink:!0}},{children:[s.jsx(r.ListSubheader,e.__assign({className:h.listHeader},{children:"Gradients"})),!b&&s.jsxs(r.ListSubheader,e.__assign({className:h.subHeader},{children:["My Gradients",!f&&s.jsx(u,e.__assign({color:"primary","data-testid":"add-gradient-btn",className:h.addButton,onClick:function(){return g("add")},tooltipProps:{title:"Create Custom Gradient"}},{children:s.jsx(j.default,{color:"primary"})}))]})),m.map((function(i){var n=i.id,t=i.name,a=i.gradientStops;return s.jsxs(r.MenuItem,e.__assign({value:n,className:h.customGradientListItem},{children:[s.jsx(o.GradientPreview,{gradientStops:a}),s.jsx("span",{children:t}),s.jsx(u,e.__assign({className:p.default({disabled:f}),onClick:G,tooltipProps:{title:"Remove Gradient"},size:"medium"},{children:s.jsx(l.DeleteFourIcon,{})}))]}),n)})),!a.isEmpty(v)&&s.jsx(r.ListSubheader,e.__assign({className:h.subHeader},{children:"Default Gradients"})),v.map((function(i){var n=i.id,t=i.name,a=i.gradientStops;return s.jsxs(r.MenuItem,e.__assign({value:n,className:h.customGradientListItem},{children:[s.jsx(o.GradientPreview,{gradientStops:a}),s.jsx("span",{children:t})]}),n)}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@material-ui/core").makeStyles((function(e){var t=e.palette;return{select:{"& > .MuiSelect-root":{display:"flex",gap:"8px",flexShrink:0,paddingRight:0
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@material-ui/core").makeStyles((function(e){var t=e.palette;return{select:{"& > .MuiSelect-root":{display:"flex",gap:"8px",flexShrink:0,paddingRight:0,"& > button":{display:"none"},"& > span":{paddingRight:16,overflow:"hidden",textOverflow:"ellipsis"}},width:"100%",marginBottom:20},customGradientListItem:{width:"320px",display:"flex",gap:8,"& > span":{flexGrow:1,overflow:"hidden",textOverflow:"ellipsis"},"& button":{visibility:"hidden"},"&:hover button":{visibility:"visible"},"&:hover button.disabled":{opacity:.3}},listHeader:{pointerEvents:"none",userSelect:"none",fontSize:"20px",fontStyle:"normal",fontWeight:400,color:t.common.white},subHeader:{pointerEvents:"none",userSelect:"none",fontSize:"10px",color:t.primary.text7,textTransform:"uppercase",display:"flex",alignItems:"center"},addButton:{pointerEvents:"all","&:hover":{background:"transparent"}}}}));exports.useStyles=e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),t=require("react"),r=require("react-sizeme"),o=require("classnames"),i=require("react-draggable"),s=require("lodash"),a=require("tinygradient"),c=require("uuid"),u=require("@material-ui/core"),l=require("@material-ui/icons"),d=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js");var p=require("../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),m=require("./GradientPicker.utils.js"),g=require("../shared/useThrottledCallback.js"),f=require("../IconButton/index.js"),_=require("./GradientPicker.styles.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=v(o),j=v(i),x=v(a),y=r.withSize()((function(r){var o=r.size,i=r.from,a=void 0===i?0:i,v=r.to,y=void 0===v?100:v,q=r.unit,b=r.gradientStops,C=r.onChange,I=r.style,k=r.isMoveInputVisible,N=r.readonly,P=r.noScale,S=r["data-testid"],T=void 0===S?"GradientPicker":S,F=t.useRef(),M=t.useState([]),A=M[0],B=M[1],O=t.useState(null),z=O[0],E=O[1],G=t.useState(null),R=G[0],D=G[1],w=t.useState(null),L=w[0],V=w[1],W=_.useStyles({readonly:N}),H=Number.isFinite(a)?Number(a):0,K=Number.isFinite(y)?Number(y):100,X=K-H;t.useEffect((function(){var n=b.length!==(null==A?void 0:A.length)||b.some((function(e,n){return e.color!==A[n].color||e.pos!==A[n].pos}));n&&B(b.map((function(n){return e.__assign(e.__assign({},n),{id:c.v4()})})))}),[b]);var J=t.useMemo((function(){return m.calcGradientStyle(A)}),[A]),Q=t.useMemo((function(){var e;return null===(e=F.current)||void 0===e?void 0:e.clientWidth}),[o.width,F.current]),U=function(e){var n=s.sortBy(e,"pos");B(n),C&&C(n.map((function(e){return s.omit(e,"id")})))},Y=function(e){if(e.target===e.currentTarget){var n=e.currentTarget.getBoundingClientRect(),t=e.clientX-n.left;V(Number.isFinite(t)?t:null)}else V(null)},Z=g.useThrottledCallback((function(n,t,r,o){if(void 0===o&&(o=!1),!z){var i=t/Q*100,a=s.find(A,{id:n});if(r>=40||r<=-50)ee();else{var c=e.__assign(e.__assign({},a),{pos:i}),u=s.sortBy(e.__spreadArray(e.__spreadArray([],s.reject(A,{id:n}),!0),[c],!1),"pos");if(o)return U(u),void D(null);B(u),te||D(n)}}}),0),$=function(){U(A),D(null),E(null)},ee=function(){A.length>2&&(U(s.reject(A,{id:R})),E(null),D(null))},ne=!z&&Number.isFinite(L)&&!N,te=s.find(A,{id:R}),re=m.getRangeStep(X),oe=function(e){if(!e)return null;var n=H+(null==e?void 0:e.pos)/100*X;return m.roundToStep(n,re/100)}(te);return n.jsxs("div",e.__assign({className:W.root,style:I},{children:[!P&&n.jsxs("div",e.__assign({className:W.indicatorContainer},{children:[n.jsx("div",{children:n.jsxs(u.Typography,e.__assign({"data-testid":"".concat(T,"_from"),className:W.indicator},{children:[H," ",q]}))}),n.jsx("div",{children:n.jsxs(u.Typography,e.__assign({"data-testid":"".concat(T,"_to"),className:W.indicator},{children:[K," ",q]}))})]})),n.jsxs("div",e.__assign({onMouseEnter:Y,onMouseMove:Y,onMouseLeave:function(){return V(null)},onClick:function(n){var t=L/Q*100,r=x.default(A.map((function(e){return{color:e.color,pos:e.pos/100}}))),o="#".concat(r.rgbAt(t/100).toHex()),i={id:c.v4(),pos:t,color:o};U(e.__spreadArray(e.__spreadArray([],A,!0),[i],!1))},"data-testid":"".concat(T,"_track"),className:W.mainBar,style:{background:"linear-gradient(90deg, ".concat(J,")")},ref:F},{children:[ne&&n.jsx("div",e.__assign({"data-testid":"".concat(T,"_addCircle"),className:W.addCircle,style:{left:L-12}},{children:n.jsx(l.Add,{fontSize:"small",className:W.addIcon})})),!!Q&&A.map((function(t,r){var o,i=t.pos,s=t.color,a=t.id;return n.jsx(j.default,e.__assign({disabled:N,axis:"x",bounds:{left:-12,right:Q-12,top:-50,bottom:40},onDrag:function(e,n){return Z(a,n.x+12,n.y,!1)},onStop:function(e,n){return Z(a,n.x+12,n.y,!0)},position:{x:Q*i/100-12,y:-4}},{children:n.jsx("div",e.__assign({onClick:function(e){return function(e,n){e.stopPropagation(),N||R||(D(n),E(e.currentTarget))}(e,a)},"data-testid":"".concat(T,"_stop_").concat(r),className:h.default(W.circle,{highlight:R===a}),style:{backgroundColor:s}},{children:n.jsx(u.Tooltip,e.__assign({title:(o=i,m.getStopText(o,{fromValue:H,toValue:K})),placement:"top"},{children:n.jsx("div",{style:{height:"100%"}})}))}))}),a)}))]})),Boolean(z)&&n.jsxs(u.Popover,e.__assign({id:"colors-popper",open:Boolean(z),anchorEl:z,onClose:$,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},{children:[n.jsx(p,{color:null==te?void 0:te.color,onChange:function(n){var t=n.hex;B(A.map((function(n){return n.id===R?e.__assign(e.__assign({},n),{color:t}):n})))},onSizeChange:s.noop,enableTransparencyPalette:!1}),n.jsx(f,e.__assign({"data-testid":"".concat(T,"_stopDelete"),className:W.removeButton,onClick:ee},{children:n.jsx(d.DeleteFourIcon,{className:W.deleteIcon})})),k&&n.jsx(u.TextField,{"data-testid":"".concat(T,"_moveInput"),type:"number",variant:"outlined",value:oe,classes:{root:W.posTextfield},InputProps:{inputProps:{min:H,max:K,step:re,maxLength:10},classes:{root:W.posOutlinedRoot,input:W.posOutlinedInput}},autoFocus:!0,onFocus:function(e){return e.target.select()},onChange:function(n){if(""===n.target.value){var t=n.target;setTimeout((function(){return null==t?void 0:t.select()}))}var r=s.clamp(Number(n.target.value),H,K);r||n.target.select();var o=(r-H)/X*100;B(A.map((function(n){return n.id===R?e.__assign(e.__assign({},n),{pos:o}):n})))},onKeyDown:function(e){return"Enter"===e.key&&$()}})]}))]}))}));exports.GradientPicker=y;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),t=require("react"),r=require("react-sizeme"),o=require("classnames"),i=require("react-draggable"),s=require("lodash"),a=require("tinygradient"),c=require("uuid"),u=require("@material-ui/core"),l=require("@material-ui/icons"),d=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js");var p=require("../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),m=require("./GradientPicker.utils.js"),g=require("../shared/useThrottledCallback.js"),f=require("../IconButton/index.js"),_=require("./GradientPicker.styles.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=v(o),j=v(i),x=v(a),y=r.withSize()((function(r){var o=r.size,i=r.from,a=void 0===i?0:i,v=r.to,y=void 0===v?100:v,q=r.unit,b=r.gradientStops,C=r.onChange,I=r.style,k=r.isMoveInputVisible,N=r.readonly,P=r.noScale,S=r["data-testid"],T=void 0===S?"GradientPicker":S,F=t.useRef(),M=t.useState([]),A=M[0],B=M[1],O=t.useState(null),z=O[0],E=O[1],G=t.useState(null),R=G[0],D=G[1],w=t.useState(null),L=w[0],V=w[1],W=_.useStyles({readonly:N}),H=Number.isFinite(a)?Number(a):0,K=Number.isFinite(y)?Number(y):100,X=K-H;t.useEffect((function(){var n=b.length!==(null==A?void 0:A.length)||b.some((function(e,n){return e.color!==A[n].color||e.pos!==A[n].pos}));n&&B(b.map((function(n){return e.__assign(e.__assign({},n),{id:c.v4()})})))}),[b]);var J=t.useMemo((function(){return m.calcGradientStyle(A)}),[A]),Q=t.useMemo((function(){var e;return null===(e=F.current)||void 0===e?void 0:e.clientWidth}),[o.width,F.current]),U=function(e){var n=s.sortBy(e,"pos");B(n),C&&C(n.map((function(e){return s.omit(e,"id")})))},Y=function(e){if(e.target===e.currentTarget){var n=e.currentTarget.getBoundingClientRect(),t=e.clientX-n.left;V(Number.isFinite(t)?t:null)}else V(null)},Z=g.useThrottledCallback((function(n,t,r,o){if(void 0===o&&(o=!1),!z){var i=t/Q*100,a=s.find(A,{id:n});if(r>=40||r<=-50)ee();else{var c=e.__assign(e.__assign({},a),{pos:i}),u=s.sortBy(e.__spreadArray(e.__spreadArray([],s.reject(A,{id:n}),!0),[c],!1),"pos");if(o)return U(u),void D(null);B(u),te||D(n)}}}),0),$=function(){U(A),D(null),E(null)},ee=function(){A.length>2&&(U(s.reject(A,{id:R})),E(null),D(null))},ne=!z&&Number.isFinite(L)&&!N,te=s.find(A,{id:R}),re=m.getRangeStep(X),oe=function(e){if(!e)return null;var n=H+(null==e?void 0:e.pos)/100*X;return m.roundToStep(n,re/100)}(te);return n.jsxs("div",e.__assign({className:W.root,style:I},{children:[!P&&n.jsxs("div",e.__assign({className:W.indicatorContainer},{children:[n.jsx("div",{children:n.jsxs(u.Typography,e.__assign({"data-testid":"".concat(T,"_from"),className:W.indicator},{children:[H," ",q]}))}),n.jsx("div",{children:n.jsxs(u.Typography,e.__assign({"data-testid":"".concat(T,"_to"),className:W.indicator},{children:[K," ",q]}))})]})),n.jsxs("div",e.__assign({onMouseEnter:Y,onMouseMove:Y,onMouseLeave:function(){return V(null)},onClick:function(n){if(!N){var t=L/Q*100,r=x.default(A.map((function(e){return{color:e.color,pos:e.pos/100}}))),o="#".concat(r.rgbAt(t/100).toHex()),i={id:c.v4(),pos:t,color:o};U(e.__spreadArray(e.__spreadArray([],A,!0),[i],!1))}},"data-testid":"".concat(T,"_track"),className:W.mainBar,style:{background:"linear-gradient(90deg, ".concat(J,")")},ref:F},{children:[ne&&n.jsx("div",e.__assign({"data-testid":"".concat(T,"_addCircle"),className:W.addCircle,style:{left:L-12}},{children:n.jsx(l.Add,{fontSize:"small",className:W.addIcon})})),!!Q&&A.map((function(t,r){var o,i=t.pos,s=t.color,a=t.id;return n.jsx(j.default,e.__assign({disabled:N,axis:"x",bounds:{left:-12,right:Q-12,top:-50,bottom:40},onDrag:function(e,n){return Z(a,n.x+12,n.y,!1)},onStop:function(e,n){return Z(a,n.x+12,n.y,!0)},position:{x:Q*i/100-12,y:-4}},{children:n.jsx("div",e.__assign({onClick:function(e){return function(e,n){e.stopPropagation(),N||R||(D(n),E(e.currentTarget))}(e,a)},"data-testid":"".concat(T,"_stop_").concat(r),className:h.default(W.circle,{highlight:R===a}),style:{backgroundColor:s}},{children:n.jsx(u.Tooltip,e.__assign({title:(o=i,m.getStopText(o,{fromValue:H,toValue:K})),placement:"top"},{children:n.jsx("div",{style:{height:"100%"}})}))}))}),a)}))]})),Boolean(z)&&n.jsxs(u.Popover,e.__assign({id:"colors-popper",open:Boolean(z),anchorEl:z,onClose:$,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},{children:[n.jsx(p,{color:null==te?void 0:te.color,onChange:function(n){var t=n.hex;B(A.map((function(n){return n.id===R?e.__assign(e.__assign({},n),{color:t}):n})))},onSizeChange:s.noop,enableTransparencyPalette:!1}),n.jsx(f,e.__assign({"data-testid":"".concat(T,"_stopDelete"),className:W.removeButton,onClick:ee},{children:n.jsx(d.DeleteFourIcon,{className:W.deleteIcon})})),k&&n.jsx(u.TextField,{"data-testid":"".concat(T,"_moveInput"),type:"number",variant:"outlined",value:oe,classes:{root:W.posTextfield},InputProps:{inputProps:{min:H,max:K,step:re,maxLength:10},classes:{root:W.posOutlinedRoot,input:W.posOutlinedInput}},autoFocus:!0,onFocus:function(e){return e.target.select()},onChange:function(n){if(""===n.target.value){var t=n.target;setTimeout((function(){return null==t?void 0:t.select()}))}var r=s.clamp(Number(n.target.value),H,K);r||n.target.select();var o=(r-H)/X*100;B(A.map((function(n){return n.id===R?e.__assign(e.__assign({},n),{pos:o}):n})))},onKeyDown:function(e){return"Enter"===e.key&&$()}})]}))]}))}));exports.GradientPicker=y;
|
package/components/Button/components/LiveButton/components/LiveButtonStateIndicator/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as i}from'./../../../../../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react";import{makeStyles as r}from"@material-ui/core/styles";import{LiveButtonState as a}from"../../constants.js";var s=r((function(i){return{offline:{marginLeft:4,position:"relative",top:-4},livePulsed:{marginLeft:
|
|
1
|
+
import{__assign as i}from'./../../../../../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react";import{makeStyles as r}from"@material-ui/core/styles";import{LiveButtonState as a}from"../../constants.js";var s=r((function(i){return{offline:{marginLeft:4,position:"relative",top:-4},livePulsed:{marginLeft:8,position:"relative",transform:"translateX(-50%) translateY(-50%)",width:8,height:8,"&:before":{content:'""',position:"relative",display:"block",width:"150%",height:"150%",boxSizing:"border-box",marginTop:"-2px",marginLeft:"-2px",borderRadius:"45px",backgroundColor:i.palette.success.bright,animation:"$pulseRing 3.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite"},"&:after":{content:'""',position:"absolute",left:0,top:0,display:"block",width:"100%",height:"100%",backgroundColor:i.palette.success.bright,borderRadius:"15px",boxShadow:"0 0 8px rgba(0,0,0,.3)",animation:"$pulseDot 3.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite"}},"@keyframes pulseRing":{"0%":{opacity:0,transform:"scale(.55)"},"50%":{opacity:.5},"100%":{opacity:0}},"@keyframes pulseDot":{"0%":{transform:"scale(.6)",opacity:.5},"50%":{transform:"scale(.7)",opacity:1},"100%":{transform:"scale(.6)",opacity:.5}}}})),l=o.memo((function(o){var r=o.state,l=s();return r===a.Default?null:r===a.Live?e("div",{className:l.livePulsed,"aria-label":"Live indicator"}):t("svg",i({className:l.offline,fill:"none",height:"8",viewBox:"0 0 8 8",width:"8",xmlns:"http://www.w3.org/2000/svg","aria-label":"Idle indicator"},{children:[e("circle",{opacity:"0.4",cx:"4",cy:"4",r:"4",fill:"#616161"}),e("circle",{cx:"4",cy:"4",r:"2",fill:"#616161"})]}))}));export{l as LiveButtonStateIndicator};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GradientManager.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientManager.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"GradientManager.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientManager.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiQ1D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,jsx as e,Fragment as i}from"react/jsx-runtime";import{Grid as o,TextField as a,Box as s}from"@material-ui/core";import{noop as r,isEmpty as d,trim as l}from"lodash";import{useState as c,useEffect as m}from"react";import{CheckSmallIcon as u,CloseSmallIcon as p,WriteIcon as g,DeleteFourIcon as f}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/Expand.js";import"../../icons/customIcons/icons/FolderClosed.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 v from"../IconButton/index.js";import{GradientPicker as I}from"../GradientPicker/GradientPicker.js";import{DEFAULT_GRADIENTS as h,DEFAULT_GRADIENT_STOPS as S,TEMP_GRADIENT_ID as j,GRADIENT_MAX_NAME_LENGTH as b}from"./configuration/constants.js";import{GradientList as G}from"./GradientList.js";import{GradientSelect as C}from"./GradientSelect.js";import{useStyles as y}from"./GradientManager.styles.js";var k=function(k){var x,B=k.gradientId,N=k.onGradientEditStateChange,P=void 0===N?r:N,w=k.onChange,E=void 0===w?r:w,F=k.defaultGradients,M=void 0===F?h:F,L=k.defaultGradientStops,O=void 0===L?S:L,A=k.allowNoname,D=k.scaleOptions,T=void 0===D?{scaleFrom:0,scaleTo:100}:D,q=k.className,R=y(),W=new G(k.gradients||[],M,k.onGradientsChange),H=c(null),K=H[0],U=H[1],V=k.disableGradientsManagement||!k.onGradientsChange,_=W.getHelperText({name:null==K?void 0:K.name,allowNoname:A,gradientId:B});m((function(){P(Boolean(K))}),[Boolean(K)]);var z=(null===(x=W.getById(B))||void 0===x?void 0:x.gradientStops)||k.gradientStops||O,J=function(){if(d(_)){var n=K.gradientStops,t=l(K.name);if(U(null),t){if(W.getById(K.id||B))return W.update(B,{gradientStops:n,name:t}),void E({gradientId:B,gradientStops:n});var e=W.add(t,n);E({gradientId:null==e?void 0:e.id,gradientStops:n})}else A&&E({gradientStops:n,gradientId:null})}},Q=function(n){n===B&&(E({gradientId:null,gradientStops:z}),U(null)),W.remove(n)},X=function(t){var e=t.trimStart().substring(0,b);U(n(n({},K),{name:e}))};return t(o,n({container:!0,className:q},{children:[e(o,n({item:!0,xs:6},{children:K?e(a,n({InputLabelProps:{shrink:!0},className:R.customGradientName,label:"Gradient Name",value:K.name,onChange:function(n){return X(n.target.value)},onFocus:function(n){n.target.select()},onKeyDown:function(n){var t;if("Enter"===n.key){var e=null===(t=n.target)||void 0===t?void 0:t.value;e&&(X(e),J())}},autoFocus:!0,fullWidth:!0},_)):e(C,{value:B,gradients:k.gradients||[],onChange:function(n){var t,e=W.getById(n);E({gradientId:n,gradientStops:null!==(t=null==e?void 0:e.gradientStops)&&void 0!==t?t:O})},defaultGradients:M,onAction:function(n,t){switch(n){case"add":U({name:"",gradientStops:O,id:j});break;case"delete":Q(t)}},readonly:V})})),e(o,n({item:!0,xs:6},{children:e(s,n({display:"flex",alignItems:"center",height:"100%"},{children:e(s,n({display:"flex",paddingLeft:1},{children:t(i,K?{children:[e(v,n({"data-testid":"save-gradient-btn",onClick:J,tooltipProps:{title:"Save"},disabled:!!_||V},{children:e(u,{})})),e(v,n({"data-testid":"cancel-edit-btn",onClick:function(){U(null)},tooltipProps:{title:"Cancel"}},{children:e(p,{})}))]}:{children:[e(v,n({"data-testid":"edit-gradient-btn",onClick:function(){var n;W.isDefault(B)?U({name:W.newName(),gradientStops:z,id:j}):U({name:(null===(n=W.getById(B))||void 0===n?void 0:n.name)||"",gradientStops:z})},tooltipProps:{title:"Edit"},disabled:V},{children:e(g,{})})),!!W.getById(B)&&!W.isDefault(B)&&e(v,n({"data-testid":"delete-gradient-btn",onClick:function(){return Q(B)},tooltipProps:{title:"Remove"},disabled:V},{children:e(f,{})}))]})}))}))})),e(o,n({item:!0,xs:12},{children:e(I,{from:null==T?void 0:T.scaleFrom,to:null==T?void 0:T.scaleTo,unit:null==T?void 0:T.scaleUnit,noScale:!0,gradientStops:(null==K?void 0:K.gradientStops)||z,onChange:function(t){U(n(n({},K),{gradientStops:t}))},readonly:!K,isMoveInputVisible:!0})}))]}))};export{k as GradientManager};
|
|
@@ -1 +1 @@
|
|
|
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;;;OAGG;IACH,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,CAAC;
|
|
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;;;OAGG;IACH,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,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientSelect.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,UAAU,mBAAmB;IAC3B,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientSelect.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,UAAU,mBAAmB;IAC3B,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsGxD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,jsx as e}from"react/jsx-runtime";import{ListSubheader as s,MenuItem as i}from"@material-ui/core";import n from"@material-ui/icons/AddCircle";import{useState as r}from"react";import a from"classnames";import{isEmpty as c}from"lodash";import{GradientPreview as l}from"./GradientPreview/GradientPreview.js";import d from"../Select/index.js";import m from"../IconButton/index.js";import{useStyles as u}from"./GradientSelect.styles.js";import{DeleteFourIcon as p}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.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";var f=function(f){var v=f.value,
|
|
1
|
+
import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,jsx as e}from"react/jsx-runtime";import{ListSubheader as s,MenuItem as i}from"@material-ui/core";import n from"@material-ui/icons/AddCircle";import{useState as r}from"react";import a from"classnames";import{isEmpty as c}from"lodash";import{GradientPreview as l}from"./GradientPreview/GradientPreview.js";import d from"../Select/index.js";import m from"../IconButton/index.js";import{useStyles as u}from"./GradientSelect.styles.js";import{DeleteFourIcon as p}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.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";var f=function(f){var v=f.value,h=f.gradients,j=f.onChange,I=f.defaultGradients,g=f.onAction,G=f.readonly,C=u(),b=r(!1),P=b[0],N=b[1],S=function(o){var t,e;if(o.stopPropagation(),!G){var s=null===(e=null===(t=o.currentTarget.closest("li"))||void 0===t?void 0:t.dataset)||void 0===e?void 0:e.value;v===s&&N(!1),g("delete",s)}},x=c(h)&&G;return t(d,o({"data-testid":"gradient-select",label:"Gradients",value:v||"",className:C.select,onChange:function(o){var t=o.target;t.value&&j(t.value)},open:P,onClose:function(){return N(!1)},onOpen:function(){return N(!0)},inputProps:{name:"gradientId",id:"gradientId"},FormControlProps:{fullWidth:!0},fullWidth:!0,defaultValue:"",InputLabelProps:{shrink:!0}},{children:[e(s,o({className:C.listHeader},{children:"Gradients"})),!x&&t(s,o({className:C.subHeader},{children:["My Gradients",!G&&e(m,o({color:"primary","data-testid":"add-gradient-btn",className:C.addButton,onClick:function(){return g("add")},tooltipProps:{title:"Create Custom Gradient"}},{children:e(n,{color:"primary"})}))]})),h.map((function(s){var n=s.id,r=s.name,c=s.gradientStops;return t(i,o({value:n,className:C.customGradientListItem},{children:[e(l,{gradientStops:c}),e("span",{children:r}),e(m,o({className:a({disabled:G}),onClick:S,tooltipProps:{title:"Remove Gradient"},size:"medium"},{children:e(p,{})}))]}),n)})),!c(I)&&e(s,o({className:C.subHeader},{children:"Default Gradients"})),I.map((function(s){var n=s.id,r=s.name,a=s.gradientStops;return t(i,o({value:n,className:C.customGradientListItem},{children:[e(l,{gradientStops:a}),e("span",{children:r})]}),n)}))]}))};export{f as GradientSelect};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GradientSelect.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientSelect.styles.js"],"names":[],"mappings":"AAEA,
|
|
1
|
+
{"version":3,"file":"GradientSelect.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientSelect.styles.js"],"names":[],"mappings":"AAEA,oKA6DI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeStyles as e}from"@material-ui/core";var t=e((function(e){var t=e.palette;return{select:{"& > .MuiSelect-root":{display:"flex",gap:"8px",flexShrink:0,paddingRight:0
|
|
1
|
+
import{makeStyles as e}from"@material-ui/core";var t=e((function(e){var t=e.palette;return{select:{"& > .MuiSelect-root":{display:"flex",gap:"8px",flexShrink:0,paddingRight:0,"& > button":{display:"none"},"& > span":{paddingRight:16,overflow:"hidden",textOverflow:"ellipsis"}},width:"100%",marginBottom:20},customGradientListItem:{width:"320px",display:"flex",gap:8,"& > span":{flexGrow:1,overflow:"hidden",textOverflow:"ellipsis"},"& button":{visibility:"hidden"},"&:hover button":{visibility:"visible"},"&:hover button.disabled":{opacity:.3}},listHeader:{pointerEvents:"none",userSelect:"none",fontSize:"20px",fontStyle:"normal",fontWeight:400,color:t.common.white},subHeader:{pointerEvents:"none",userSelect:"none",fontSize:"10px",color:t.primary.text7,textTransform:"uppercase",display:"flex",alignItems:"center"},addButton:{pointerEvents:"all","&:hover":{background:"transparent"}}}}));export{t as useStyles};
|
|
@@ -1 +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;
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as o,__spreadArray as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as n,jsx as e}from"react/jsx-runtime";import{useRef as i,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 d,noop as m,sortBy as p,reject as f,clamp as v,omit as h}from"lodash";import g from"tinygradient";import{v4 as b}from"uuid";import{Typography as j,Tooltip as C,Popover as I,TextField as y}from"@material-ui/core";import{Add as N}from"@material-ui/icons";import{DeleteFourIcon as k}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/Expand.js";import"../../icons/customIcons/icons/FolderClosed.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 x from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as P,getStopText as _,roundToStep as F,getRangeStep as M}from"./GradientPicker.utils.js";import{useThrottledCallback as O}from"../shared/useThrottledCallback.js";import T from"../IconButton/index.js";import{useStyles as z}from"./GradientPicker.styles.js";var B=a()((function(a){var B=a.size,E=a.from,S=void 0===E?0:E,G=a.to,A=void 0===G?100:G,D=a.unit,L=a.gradientStops,R=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=i(),J=r([]),Q=J[0],U=J[1],Y=r(null),Z=Y[0],$=Y[1],oo=r(null),to=oo[0],no=oo[1],eo=r(null),io=eo[0],ro=eo[1],co=z({readonly:w}),so=Number.isFinite(S)?Number(S):0,ao=Number.isFinite(A)?Number(A):100,lo=ao-so;c((function(){(L.length!==(null==Q?void 0:Q.length)||L.some((function(o,t){return o.color!==Q[t].color||o.pos!==Q[t].pos})))&&U(L.map((function(t){return o(o({},t),{id:b()})})))}),[L]);var uo=s((function(){return P(Q)}),[Q]),mo=s((function(){var o;return null===(o=X.current)||void 0===o?void 0:o.clientWidth}),[B.width,X.current]),po=function(o){var t=p(o,"pos");U(t),R&&R(t.map((function(o){return h(o,"id")})))},fo=function(o){if(o.target===o.currentTarget){var t=o.currentTarget.getBoundingClientRect(),n=o.clientX-t.left;ro(Number.isFinite(n)?n:null)}else ro(null)},vo=O((function(n,e,i,r){if(void 0===r&&(r=!1),!Z){var c=e/mo*100,s=d(Q,{id:n});if(i>=40||i<=-50)go();else{var a=o(o({},s),{pos:c}),l=p(t(t([],f(Q,{id:n}),!0),[a],!1),"pos");if(r)return po(l),void no(null);U(l),jo||no(n)}}}),0),ho=function(){po(Q),no(null),$(null)},go=function(){Q.length>2&&(po(f(Q,{id:to})),$(null),no(null))},bo=!Z&&Number.isFinite(io)&&!w,jo=d(Q,{id:to}),Co=M(lo),Io=function(o){if(!o)return null;var t=so+(null==o?void 0:o.pos)/100*lo;return F(t,Co/100)}(jo);return n("div",o({className:co.root,style:V},{children:[!W&&n("div",o({className:co.indicatorContainer},{children:[e("div",{children:n(j,o({"data-testid":"".concat(K,"_from"),className:co.indicator},{children:[so," ",D]}))}),e("div",{children:n(j,o({"data-testid":"".concat(K,"_to"),className:co.indicator},{children:[ao," ",D]}))})]})),n("div",o({onMouseEnter:fo,onMouseMove:fo,onMouseLeave:function(){return ro(null)},onClick:function(o){var n=io/mo*100,e=g(Q.map((function(o){return{color:o.color,pos:o.pos/100}}))),i="#".concat(e.rgbAt(n/100).toHex()),r={id:b(),pos:n,color:i};po(t(t([],Q,!0),[r],!1))},"data-testid":"".concat(K,"_track"),className:co.mainBar,style:{background:"linear-gradient(90deg, ".concat(uo,")")},ref:X},{children:[bo&&e("div",o({"data-testid":"".concat(K,"_addCircle"),className:co.addCircle,style:{left:io-12}},{children:e(N,{fontSize:"small",className:co.addIcon})})),!!mo&&Q.map((function(t,n){var i,r=t.pos,c=t.color,s=t.id;return e(u,o({disabled:w,axis:"x",bounds:{left:-12,right:mo-12,top:-50,bottom:40},onDrag:function(o,t){return vo(s,t.x+12,t.y,!1)},onStop:function(o,t){return vo(s,t.x+12,t.y,!0)},position:{x:mo*r/100-12,y:-4}},{children:e("div",o({onClick:function(o){return function(o,t){o.stopPropagation(),w||to||(no(t),$(o.currentTarget))}(o,s)},"data-testid":"".concat(K,"_stop_").concat(n),className:l(co.circle,{highlight:to===s}),style:{backgroundColor:c}},{children:e(C,o({title:(i=r,_(i,{fromValue:so,toValue:ao})),placement:"top"},{children:e("div",{style:{height:"100%"}})}))}))}),s)}))]})),Boolean(Z)&&n(I,o({id:"colors-popper",open:Boolean(Z),anchorEl:Z,onClose:ho,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},{children:[e(x,{color:null==jo?void 0:jo.color,onChange:function(t){var n=t.hex;U(Q.map((function(t){return t.id===to?o(o({},t),{color:n}):t})))},onSizeChange:m,enableTransparencyPalette:!1}),e(T,o({"data-testid":"".concat(K,"_stopDelete"),className:co.removeButton,onClick:go},{children:e(k,{className:co.deleteIcon})})),q&&e(y,{"data-testid":"".concat(K,"_moveInput"),type:"number",variant:"outlined",value:Io,classes:{root:co.posTextfield},InputProps:{inputProps:{min:so,max:ao,step:Co,maxLength:10},classes:{root:co.posOutlinedRoot,input:co.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(t){if(""===t.target.value){var n=t.target;setTimeout((function(){return null==n?void 0:n.select()}))}var e=v(Number(t.target.value),so,ao);e||t.target.select();var i=(e-so)/lo*100;U(Q.map((function(t){return t.id===to?o(o({},t),{pos:i}):t})))},onKeyDown:function(o){return"Enter"===o.key&&ho()}})]}))]}))}));export{B as GradientPicker};
|
|
1
|
+
import{__assign as o,__spreadArray as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as n,jsx as e}from"react/jsx-runtime";import{useRef as i,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 d,noop as m,sortBy as p,reject as f,clamp as v,omit as h}from"lodash";import g from"tinygradient";import{v4 as b}from"uuid";import{Typography as j,Tooltip as C,Popover as I,TextField as y}from"@material-ui/core";import{Add as N}from"@material-ui/icons";import{DeleteFourIcon as k}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/Expand.js";import"../../icons/customIcons/icons/FolderClosed.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 x from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as P,getStopText as _,roundToStep as F,getRangeStep as M}from"./GradientPicker.utils.js";import{useThrottledCallback as O}from"../shared/useThrottledCallback.js";import T from"../IconButton/index.js";import{useStyles as z}from"./GradientPicker.styles.js";var B=a()((function(a){var B=a.size,E=a.from,S=void 0===E?0:E,G=a.to,A=void 0===G?100:G,D=a.unit,L=a.gradientStops,R=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=i(),J=r([]),Q=J[0],U=J[1],Y=r(null),Z=Y[0],$=Y[1],oo=r(null),to=oo[0],no=oo[1],eo=r(null),io=eo[0],ro=eo[1],co=z({readonly:w}),so=Number.isFinite(S)?Number(S):0,ao=Number.isFinite(A)?Number(A):100,lo=ao-so;c((function(){(L.length!==(null==Q?void 0:Q.length)||L.some((function(o,t){return o.color!==Q[t].color||o.pos!==Q[t].pos})))&&U(L.map((function(t){return o(o({},t),{id:b()})})))}),[L]);var uo=s((function(){return P(Q)}),[Q]),mo=s((function(){var o;return null===(o=X.current)||void 0===o?void 0:o.clientWidth}),[B.width,X.current]),po=function(o){var t=p(o,"pos");U(t),R&&R(t.map((function(o){return h(o,"id")})))},fo=function(o){if(o.target===o.currentTarget){var t=o.currentTarget.getBoundingClientRect(),n=o.clientX-t.left;ro(Number.isFinite(n)?n:null)}else ro(null)},vo=O((function(n,e,i,r){if(void 0===r&&(r=!1),!Z){var c=e/mo*100,s=d(Q,{id:n});if(i>=40||i<=-50)go();else{var a=o(o({},s),{pos:c}),l=p(t(t([],f(Q,{id:n}),!0),[a],!1),"pos");if(r)return po(l),void no(null);U(l),jo||no(n)}}}),0),ho=function(){po(Q),no(null),$(null)},go=function(){Q.length>2&&(po(f(Q,{id:to})),$(null),no(null))},bo=!Z&&Number.isFinite(io)&&!w,jo=d(Q,{id:to}),Co=M(lo),Io=function(o){if(!o)return null;var t=so+(null==o?void 0:o.pos)/100*lo;return F(t,Co/100)}(jo);return n("div",o({className:co.root,style:V},{children:[!W&&n("div",o({className:co.indicatorContainer},{children:[e("div",{children:n(j,o({"data-testid":"".concat(K,"_from"),className:co.indicator},{children:[so," ",D]}))}),e("div",{children:n(j,o({"data-testid":"".concat(K,"_to"),className:co.indicator},{children:[ao," ",D]}))})]})),n("div",o({onMouseEnter:fo,onMouseMove:fo,onMouseLeave:function(){return ro(null)},onClick:function(o){if(!w){var n=io/mo*100,e=g(Q.map((function(o){return{color:o.color,pos:o.pos/100}}))),i="#".concat(e.rgbAt(n/100).toHex()),r={id:b(),pos:n,color:i};po(t(t([],Q,!0),[r],!1))}},"data-testid":"".concat(K,"_track"),className:co.mainBar,style:{background:"linear-gradient(90deg, ".concat(uo,")")},ref:X},{children:[bo&&e("div",o({"data-testid":"".concat(K,"_addCircle"),className:co.addCircle,style:{left:io-12}},{children:e(N,{fontSize:"small",className:co.addIcon})})),!!mo&&Q.map((function(t,n){var i,r=t.pos,c=t.color,s=t.id;return e(u,o({disabled:w,axis:"x",bounds:{left:-12,right:mo-12,top:-50,bottom:40},onDrag:function(o,t){return vo(s,t.x+12,t.y,!1)},onStop:function(o,t){return vo(s,t.x+12,t.y,!0)},position:{x:mo*r/100-12,y:-4}},{children:e("div",o({onClick:function(o){return function(o,t){o.stopPropagation(),w||to||(no(t),$(o.currentTarget))}(o,s)},"data-testid":"".concat(K,"_stop_").concat(n),className:l(co.circle,{highlight:to===s}),style:{backgroundColor:c}},{children:e(C,o({title:(i=r,_(i,{fromValue:so,toValue:ao})),placement:"top"},{children:e("div",{style:{height:"100%"}})}))}))}),s)}))]})),Boolean(Z)&&n(I,o({id:"colors-popper",open:Boolean(Z),anchorEl:Z,onClose:ho,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},{children:[e(x,{color:null==jo?void 0:jo.color,onChange:function(t){var n=t.hex;U(Q.map((function(t){return t.id===to?o(o({},t),{color:n}):t})))},onSizeChange:m,enableTransparencyPalette:!1}),e(T,o({"data-testid":"".concat(K,"_stopDelete"),className:co.removeButton,onClick:go},{children:e(k,{className:co.deleteIcon})})),q&&e(y,{"data-testid":"".concat(K,"_moveInput"),type:"number",variant:"outlined",value:Io,classes:{root:co.posTextfield},InputProps:{inputProps:{min:so,max:ao,step:Co,maxLength:10},classes:{root:co.posOutlinedRoot,input:co.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(t){if(""===t.target.value){var n=t.target;setTimeout((function(){return null==n?void 0:n.select()}))}var e=v(Number(t.target.value),so,ao);e||t.target.select();var i=(e-so)/lo*100;U(Q.map((function(t){return t.id===to?o(o({},t),{pos:i}):t})))},onKeyDown:function(o){return"Enter"===o.key&&ho()}})]}))]}))}));export{B as GradientPicker};
|