@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/GradientManager/effects/useGradientStorage.js

@@ -1 +1,163 @@
-import{__awaiter as n,__generator as t,__assign as r}from'./../../../ext-esm/tslib/tslib.es6.js';import{isEqual as e,find as s}from"lodash";import{useState as o,useCallback as i,useEffect as u,useMemo as c}from"react";import{corvaAPI as a}from"../../../clients/index.js";import{DEFAULT_GRADIENTS as f}from"../configuration/constants.js";var l=function(n){return a.get("/v2/users/".concat(n,"/settings"),{})},d=function(n,t){return a.post("/v2/users/".concat(n,"/settings"),t)},v=function(n,t){return a.get("/v2/users/".concat(n,"/settings/").concat(t),{})},g=function(a){var g=a.userId,m=a.storageKey,p=void 0===m?"gradient-manager-custom_gradients":m,h=a.onFetchError,b=a.onUpdateError,E=o(null),j=E[0],y=E[1],w=o(0),x=w[0],I=w[1],_=o(!1),B=_[0],F=_[1],G=i((function(n){e(j,n)||y(n)}),[j]);u((function(){n(void 0,void 0,void 0,(function(){var n,r;return t(this,(function(t){switch(t.label){case 0:I((function(n){return n+1})),t.label=1;case 1:return t.trys.push([1,3,4,5]),[4,v(g,p)];case 2:return n=t.sent(),y(n[p]||[]),[3,5];case 3:return r=t.sent(),null==h||h(r),console.error(r),[3,5];case 4:return I((function(n){return n-1})),[7];case 5:return[2]}}))}))}),[g]),u((function(){if(j){n(void 0,void 0,void 0,(function(){var n,s,o,i;return t(this,(function(t){switch(t.label){case 0:I((function(n){return n+1})),t.label=1;case 1:return t.trys.push([1,5,6,7]),[4,l(g)];case 2:return n=t.sent(),e(n[p],j)?[3,4]:(s=r(r({},n),((i={})[p]=j,i)),[4,d(g,s)]);case 3:t.sent(),t.label=4;case 4:return[3,7];case 5:return o=t.sent(),null==b||b(o),console.error(o),[3,7];case 6:return I((function(n){return n-1})),[7];case 7:return[2]}}))}))}}),[j]);var K=function(n){return s(j,{id:n})||s(f,{id:n})},L=Boolean(x);return c((function(){return{isEditing:B,isLoading:L,gradients:j,setIsEditing:F,setGradients:G,find:K}}),[B,L,j,G])};export{g as useGradientStorage};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { isEqual, find } from 'lodash';
+import { useState, useCallback, useEffect, useMemo } from 'react';
+import { corvaAPI } from '../../../clients/index.js';
+import { DEFAULT_GRADIENTS } from '../configuration/constants.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var getUserSettings = function getUserSettings(userId) {
+  return corvaAPI.get("/v2/users/".concat(userId, "/settings"), {});
+};
+var postUserSettings = function postUserSettings(userId, userSettings) {
+  return corvaAPI.post("/v2/users/".concat(userId, "/settings"), userSettings);
+};
+var getUserSetting = function getUserSetting(userId, storageKey) {
+  return corvaAPI.get("/v2/users/".concat(userId, "/settings/").concat(storageKey), {});
+};
+var GRADIENT_STORAGE_DEFAULT_KEY = 'gradient-manager-custom_gradients';
+var useGradientStorage = function useGradientStorage(_ref) {
+  var userId = _ref.userId,
+    _ref$storageKey = _ref.storageKey,
+    storageKey = _ref$storageKey === void 0 ? GRADIENT_STORAGE_DEFAULT_KEY : _ref$storageKey,
+    onFetchError = _ref.onFetchError,
+    onUpdateError = _ref.onUpdateError;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    gradients = _useState2[0],
+    setGradientsInternal = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pendingRequestCount = _useState4[0],
+    setPendingRequestCount = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isEditing = _useState6[0],
+    setIsEditing = _useState6[1];
+  var setGradients = useCallback(function (newGradients) {
+    if (!isEqual(gradients, newGradients)) {
+      setGradientsInternal(newGradients);
+    }
+  }, [gradients]);
+  useEffect(function () {
+    var fetchCustomGradients = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var response;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                setPendingRequestCount(function (count) {
+                  return count + 1;
+                });
+                _context.prev = 1;
+                _context.next = 4;
+                return getUserSetting(userId, storageKey);
+              case 4:
+                response = _context.sent;
+                setGradientsInternal(response[storageKey] || []);
+                _context.next = 12;
+                break;
+              case 8:
+                _context.prev = 8;
+                _context.t0 = _context["catch"](1);
+                onFetchError === null || onFetchError === void 0 ? void 0 : onFetchError(_context.t0);
+                console.error(_context.t0);
+              case 12:
+                _context.prev = 12;
+                setPendingRequestCount(function (count) {
+                  return count - 1;
+                });
+                return _context.finish(12);
+              case 15:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[1, 8, 12, 15]]);
+      }));
+      return function fetchCustomGradients() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    fetchCustomGradients();
+  }, [userId]);
+  useEffect(function () {
+    if (!gradients) {
+      return;
+    }
+    var saveCustomGradients = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        var userSettings, updatedUserSettings;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                setPendingRequestCount(function (count) {
+                  return count + 1;
+                });
+                _context2.prev = 1;
+                _context2.next = 4;
+                return getUserSettings(userId);
+              case 4:
+                userSettings = _context2.sent;
+                if (isEqual(userSettings[storageKey], gradients)) {
+                  _context2.next = 9;
+                  break;
+                }
+                updatedUserSettings = _objectSpread(_objectSpread({}, userSettings), {}, _defineProperty({}, storageKey, gradients));
+                _context2.next = 9;
+                return postUserSettings(userId, updatedUserSettings);
+              case 9:
+                _context2.next = 15;
+                break;
+              case 11:
+                _context2.prev = 11;
+                _context2.t0 = _context2["catch"](1);
+                onUpdateError === null || onUpdateError === void 0 ? void 0 : onUpdateError(_context2.t0);
+                console.error(_context2.t0);
+              case 15:
+                _context2.prev = 15;
+                setPendingRequestCount(function (count) {
+                  return count - 1;
+                });
+                return _context2.finish(15);
+              case 18:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, null, [[1, 11, 15, 18]]);
+      }));
+      return function saveCustomGradients() {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+    saveCustomGradients();
+  }, [gradients]);
+  var findGradient = function findGradient(id) {
+    return find(gradients, {
+      id: id
+    }) || find(DEFAULT_GRADIENTS, {
+      id: id
+    });
+  };
+  var isLoading = Boolean(pendingRequestCount);
+  var gradientStorage = useMemo(function () {
+    return {
+      isEditing: isEditing,
+      isLoading: isLoading,
+      gradients: gradients,
+      setIsEditing: setIsEditing,
+      setGradients: setGradients,
+      find: findGradient
+    };
+  }, [isEditing, isLoading, gradients, setGradients]);
+  return gradientStorage;
+};
+
+export { useGradientStorage };
+//# sourceMappingURL=useGradientStorage.js.map

package/components/GradientPicker/GradientPicker.js

@@ -1 +1,405 @@
-import{__assign as o,__spreadArray as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useRef as r,useState as e,useEffect as s,useMemo as c}from"react";import a from"classnames";import l from"react-draggable";import{find as u,noop as m,sortBy as d,reject as p,clamp as f,omit as h}from"lodash";import v from"tinygradient";import{v4 as g}from"uuid";import{Typography as I,Tooltip as j,Popover as b,TextField as C}from"@material-ui/core";import{Add as k}from"@material-ui/icons";import{DeleteFourIcon as x}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import y from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as N,getStopText as P,roundToStep as F,getRangeStep as _}from"./GradientPicker.utils.js";import{useThrottledCallback as M}from"../shared/useThrottledCallback.js";import O from"../IconButton/index.js";import{useStyles as S}from"./GradientPicker.styles.js";import{withSize as T}from"react-sizeme";var z=T()((function(T){var z=T.size,B=T.from,E=void 0===B?0:B,G=T.to,R=void 0===G?100:G,A=T.unit,D=T.gradientStops,L=T.onChange,V=T.style,q=T.isMoveInputVisible,w=T.readonly,W=T.noScale,H=T["data-testid"],K=void 0===H?"GradientPicker":H,X=r(),Z=e([]),J=Z[0],Q=Z[1],U=e(null),Y=U[0],$=U[1],oo=e(null),no=oo[0],to=oo[1],io=e(null),ro=io[0],eo=io[1],so=S({readonly:w}),co=Number.isFinite(E)?Number(E):0,ao=Number.isFinite(R)?Number(R):100,lo=ao-co;s((function(){(D.length!==(null==J?void 0:J.length)||D.some((function(o,n){return o.color!==J[n].color||o.pos!==J[n].pos})))&&Q(D.map((function(n){return o(o({},n),{id:g()})})))}),[D]);var uo=c((function(){return N(J)}),[J]),mo=c((function(){var o;return null===(o=X.current)||void 0===o?void 0:o.clientWidth}),[z.width,X.current]),po=function(o){var n=d(o,"pos");Q(n),L&&L(n.map((function(o){return h(o,"id")})))},fo=function(o){if(o.target===o.currentTarget){var n=o.currentTarget.getBoundingClientRect(),t=o.clientX-n.left;eo(Number.isFinite(t)?t:null)}else eo(null)},ho=M((function(t,i,r,e){if(void 0===e&&(e=!1),!Y){var s=i/mo*100,c=u(J,{id:t});if(r>=40||r<=-50)go();else{var a=o(o({},c),{pos:s}),l=d(n(n([],p(J,{id:t}),!0),[a],!1),"pos");if(e)return po(l),void to(null);Q(l),jo||to(t)}}}),0),vo=function(){po(J),to(null),$(null)},go=function(){J.length>2&&(po(p(J,{id:no})),$(null),to(null))},Io=!Y&&Number.isFinite(ro)&&!w,jo=u(J,{id:no}),bo=_(lo),Co=function(o){if(!o)return null;var n=co+(null==o?void 0:o.pos)/100*lo;return F(n,bo/100)}(jo);return t("div",{className:so.root,style:V,children:[!W&&t("div",{className:so.indicatorContainer,children:[i("div",{children:t(I,{"data-testid":"".concat(K,"_from"),className:so.indicator,children:[co," ",A]})}),i("div",{children:t(I,{"data-testid":"".concat(K,"_to"),className:so.indicator,children:[ao," ",A]})})]}),t("div",{onMouseEnter:fo,onMouseMove:fo,onMouseLeave:function(){return eo(null)},onClick:function(o){if(!w){var t=ro/mo*100,i=v(J.map((function(o){return{color:o.color,pos:o.pos/100}}))),r="#".concat(i.rgbAt(t/100).toHex()),e={id:g(),pos:t,color:r};po(n(n([],J,!0),[e],!1))}},"data-testid":"".concat(K,"_track"),className:so.mainBar,style:{background:"linear-gradient(90deg, ".concat(uo,")")},ref:X,children:[Io&&i("div",{"data-testid":"".concat(K,"_addCircle"),className:so.addCircle,style:{left:ro-12},children:i(k,{fontSize:"small",className:so.addIcon})}),!!mo&&J.map((function(o,n){var t,r=o.pos,e=o.color,s=o.id;return i(l,{disabled:w,axis:"x",bounds:{left:-12,right:mo-12,top:-50,bottom:40},onDrag:function(o,n){return ho(s,n.x+12,n.y,!1)},onStop:function(o,n){return ho(s,n.x+12,n.y,!0)},position:{x:mo*r/100-12,y:-4},children:i("div",{onClick:function(o){return function(o,n){o.stopPropagation(),w||no||(to(n),$(o.currentTarget))}(o,s)},"data-testid":"".concat(K,"_stop_").concat(n),className:a(so.circle,{highlight:no===s}),style:{backgroundColor:e},children:i(j,{title:(t=r,P(t,{fromValue:co,toValue:ao})),placement:"top",children:i("div",{style:{height:"100%"}})})})},s)}))]}),Boolean(Y)&&t(b,{id:"colors-popper",open:Boolean(Y),anchorEl:Y,onClose:vo,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[i(y,{color:null==jo?void 0:jo.color,onChange:function(n){var t=n.hex;Q(J.map((function(n){return n.id===no?o(o({},n),{color:t}):n})))},onSizeChange:m,enableTransparencyPalette:!1}),i(O,{"data-testid":"".concat(K,"_stopDelete"),className:so.removeButton,onClick:go,children:i(x,{className:so.deleteIcon})}),q&&i(C,{"data-testid":"".concat(K,"_moveInput"),type:"number",variant:"outlined",value:Co,classes:{root:so.posTextfield},InputProps:{inputProps:{min:co,max:ao,step:bo,maxLength:10},classes:{root:so.posOutlinedRoot,input:so.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(n){if(""===n.target.value){var t=n.target;setTimeout((function(){return null==t?void 0:t.select()}))}var i=f(Number(n.target.value),co,ao);i||n.target.select();var r=(i-co)/lo*100;Q(J.map((function(n){return n.id===no?o(o({},n),{pos:r}):n})))},onKeyDown:function(o){return"Enter"===o.key&&vo()}})]})]})})),B=function(n){return i(z,o({},n))};export{B as GradientPicker};
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useState, useEffect, useMemo } from 'react';
+import classNames from 'classnames';
+import Draggable from 'react-draggable';
+import { find, noop, sortBy, reject, clamp, omit } from 'lodash';
+import tinygradient from 'tinygradient';
+import { v4 } from 'uuid';
+import { Typography, Tooltip, Popover, TextField } from '@material-ui/core';
+import { Add } from '@material-ui/icons';
+import { DeleteFourIcon } from '../../icons/iconParkIcons.js';
+import '../../icons/customIcons/icons/AddMessage.js';
+import '../../icons/customIcons/icons/Attention.js';
+import '../../icons/customIcons/icons/Collapse.js';
+import '../../icons/customIcons/icons/Dashboard.js';
+import '../../icons/customIcons/icons/Expand.js';
+import '../../icons/customIcons/icons/FolderClosed.js';
+import '../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../icons/customIcons/icons/FolderOpened.js';
+import '../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../icons/customIcons/icons/LessOrEqual.js';
+import '../../icons/customIcons/icons/Search.js';
+import '../../icons/customIcons/icons/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import '../../icons/customIcons/icons/SimulFrac.js';
+import '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import PaletteChromePicker from '../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import { calcGradientStyle, getStopText, roundToStep, getRangeStep } from './GradientPicker.utils.js';
+import { useThrottledCallback } from '../shared/useThrottledCallback.js';
+import IconButton from '../IconButton/index.js';
+import { useStyles } from './GradientPicker.styles.js';
+import { withSize } from 'react-sizeme';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var DRAG_TOP_LIMIT = -50;
+var DRAG_BOTTOM_LIMIT = 40;
+var DRAG_OFFSET_X = 12;
+var DRAG_OFFSET_Y = -4;
+var GradientPickerComponent = withSize()(function (_ref) {
+  var size = _ref.size,
+    _ref$from = _ref.from,
+    from = _ref$from === void 0 ? 0 : _ref$from,
+    _ref$to = _ref.to,
+    to = _ref$to === void 0 ? 100 : _ref$to,
+    unit = _ref.unit,
+    gradientStops = _ref.gradientStops,
+    onChange = _ref.onChange,
+    style = _ref.style,
+    isMoveInputVisible = _ref.isMoveInputVisible,
+    readonly = _ref.readonly,
+    noScale = _ref.noScale,
+    _ref$dataTestid = _ref['data-testid'],
+    PAGE_NAME = _ref$dataTestid === void 0 ? 'GradientPicker' : _ref$dataTestid;
+  var trackRef = useRef();
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    stops = _useState2[0],
+    setStops = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    paletteAnchorEl = _useState4[0],
+    setPaletteAnchorEl = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    activeStopId = _useState6[0],
+    setActiveStopId = _useState6[1];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    addCirclePos = _useState8[0],
+    setAddCirclePos = _useState8[1];
+  var classes = useStyles({
+    readonly: readonly
+  });
+  var fromValue = Number.isFinite(from) ? Number(from) : 0;
+  var toValue = Number.isFinite(to) ? Number(to) : 100;
+  var range = toValue - fromValue;
+  useEffect(function () {
+    var changed = gradientStops.length !== (stops === null || stops === void 0 ? void 0 : stops.length) || gradientStops.some(function (stop, index) {
+      return stop.color !== stops[index].color || stop.pos !== stops[index].pos;
+    });
+    if (changed) {
+      setStops(gradientStops.map(function (stop) {
+        return _objectSpread(_objectSpread({}, stop), {}, {
+          id: v4()
+        });
+      }));
+    }
+  }, [gradientStops]);
+  var gradient = useMemo(function () {
+    return calcGradientStyle(stops);
+  }, [stops]);
+  var containerWidth = useMemo(function () {
+    var _trackRef$current;
+    return (_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.clientWidth;
+  }, [size.width, trackRef.current]);
+  var emitChange = function emitChange(stops) {
+    var sorted = sortBy(stops, 'pos');
+    setStops(sorted);
+    if (onChange) {
+      onChange(sorted.map(function (stop) {
+        return omit(stop, 'id');
+      }));
+    }
+  };
+  var handleTrackHover = function handleTrackHover(evt) {
+    if (evt.target !== evt.currentTarget) {
+      setAddCirclePos(null);
+      return;
+    }
+    var rect = evt.currentTarget.getBoundingClientRect();
+    var x = evt.clientX - rect.left;
+    setAddCirclePos(Number.isFinite(x) ? x : null);
+  };
+
+  /**
+   * When a user clicks a stop the "startDrag" and "click" events are fired simultaneously.
+   * So useThrottledCallback (or any other scheduler, like setTimeout) solves
+   * this conflict by waiting a tick and allowing the palette to open.
+   * Then if it was a click and palette is open - do not initiate drag-n-drop.
+   */
+  var handleDragMove = useThrottledCallback(function (id, xPos, yPos) {
+    var isStopped = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    if (paletteAnchorEl) {
+      return;
+    }
+    var pos = xPos / containerWidth * 100;
+    var stop = find(stops, {
+      id: id
+    });
+    if (yPos >= DRAG_BOTTOM_LIMIT || yPos <= DRAG_TOP_LIMIT) {
+      handleRemoveStop();
+      return;
+    }
+    var currentStop = _objectSpread(_objectSpread({}, stop), {}, {
+      pos: pos
+    });
+    var newStops = sortBy([].concat(_toConsumableArray(reject(stops, {
+      id: id
+    })), [currentStop]), 'pos');
+    if (isStopped) {
+      emitChange(newStops);
+      setActiveStopId(null);
+      return;
+    }
+    setStops(newStops);
+    if (!activeStop) {
+      setActiveStopId(id);
+    }
+  }, 0);
+  var handleAdd = function handleAdd(_evt) {
+    if (readonly) {
+      return;
+    }
+    var pos = addCirclePos / containerWidth * 100;
+    var gradient = tinygradient(stops.map(function (item) {
+      return {
+        color: item.color,
+        pos: item.pos / 100
+      };
+    }));
+    var color = "#".concat(gradient.rgbAt(pos / 100).toHex());
+    var newStop = {
+      id: v4(),
+      pos: pos,
+      color: color
+    };
+    emitChange([].concat(_toConsumableArray(stops), [newStop]));
+  };
+  var handleColorPickerOpen = function handleColorPickerOpen(evt, id) {
+    evt.stopPropagation();
+    if (readonly || activeStopId) {
+      return;
+    }
+    setActiveStopId(id);
+    setPaletteAnchorEl(evt.currentTarget);
+  };
+  var handleColorPickerClose = function handleColorPickerClose() {
+    emitChange(stops);
+    setActiveStopId(null);
+    setPaletteAnchorEl(null);
+  };
+  var handleStopPositionTextInput = function handleStopPositionTextInput(evt) {
+    // give React a moment to update state and draw input with a zero and select the zero
+    // to allow user type a new value
+    if (evt.target.value === '') {
+      var inputElement = evt.target;
+      setTimeout(function () {
+        return inputElement === null || inputElement === void 0 ? void 0 : inputElement.select();
+      });
+    }
+    var posScaled = clamp(Number(evt.target.value), fromValue, toValue);
+    if (!posScaled) {
+      evt.target.select();
+    }
+    var pos = (posScaled - fromValue) / range * 100;
+    setStops(stops.map(function (stop) {
+      return stop.id === activeStopId ? _objectSpread(_objectSpread({}, stop), {}, {
+        pos: pos
+      }) : stop;
+    }));
+  };
+  var handleColorChange = function handleColorChange(newColor) {
+    var color = newColor.hex;
+    setStops(stops.map(function (stop) {
+      return stop.id === activeStopId ? _objectSpread(_objectSpread({}, stop), {}, {
+        color: color
+      }) : stop;
+    }));
+  };
+  var handleRemoveStop = function handleRemoveStop() {
+    if (stops.length > 2) {
+      emitChange(reject(stops, {
+        id: activeStopId
+      }));
+      setPaletteAnchorEl(null);
+      setActiveStopId(null);
+    }
+  };
+  var getStopTooltipValue = function getStopTooltipValue(position) {
+    return getStopText(position, {
+      fromValue: fromValue,
+      toValue: toValue
+    });
+  };
+  var addCircleVisible = !paletteAnchorEl && Number.isFinite(addCirclePos) && !readonly;
+  var getStopScaledPosition = function getStopScaledPosition(activeStop) {
+    if (!activeStop) {
+      return null;
+    }
+    var stopValue = fromValue + (activeStop === null || activeStop === void 0 ? void 0 : activeStop.pos) / 100 * range;
+    return roundToStep(stopValue, stopStep / 100);
+  };
+  var activeStop = find(stops, {
+    id: activeStopId
+  });
+  var stopStep = getRangeStep(range);
+  var activeStopScaledPos = getStopScaledPosition(activeStop);
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.root,
+    style: style,
+    children: [!noScale && /*#__PURE__*/jsxs("div", {
+      className: classes.indicatorContainer,
+      children: [/*#__PURE__*/jsx("div", {
+        children: /*#__PURE__*/jsxs(Typography, {
+          "data-testid": "".concat(PAGE_NAME, "_from"),
+          className: classes.indicator,
+          children: [fromValue, " ", unit]
+        })
+      }), /*#__PURE__*/jsx("div", {
+        children: /*#__PURE__*/jsxs(Typography, {
+          "data-testid": "".concat(PAGE_NAME, "_to"),
+          className: classes.indicator,
+          children: [toValue, " ", unit]
+        })
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      onMouseEnter: handleTrackHover,
+      onMouseMove: handleTrackHover,
+      onMouseLeave: function onMouseLeave() {
+        return setAddCirclePos(null);
+      },
+      onClick: handleAdd,
+      "data-testid": "".concat(PAGE_NAME, "_track"),
+      className: classes.mainBar,
+      style: {
+        background: "linear-gradient(90deg, ".concat(gradient, ")")
+      },
+      ref: trackRef,
+      children: [addCircleVisible && /*#__PURE__*/jsx("div", {
+        "data-testid": "".concat(PAGE_NAME, "_addCircle"),
+        className: classes.addCircle,
+        style: {
+          left: addCirclePos - DRAG_OFFSET_X
+        },
+        children: /*#__PURE__*/jsx(Add, {
+          fontSize: "small",
+          className: classes.addIcon
+        })
+      }), !!containerWidth && stops.map(function (_ref2, index) {
+        var pos = _ref2.pos,
+          color = _ref2.color,
+          id = _ref2.id;
+        return (
+          /*#__PURE__*/
+          // @ts-ignore Draggable propTypes issues
+          jsx(Draggable, {
+            disabled: readonly,
+            axis: "x",
+            bounds: {
+              left: -DRAG_OFFSET_X,
+              right: containerWidth - DRAG_OFFSET_X,
+              top: DRAG_TOP_LIMIT,
+              bottom: DRAG_BOTTOM_LIMIT
+            },
+            onDrag: function onDrag(e, dragData) {
+              return handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, false);
+            },
+            onStop: function onStop(e, dragData) {
+              return handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, true);
+            },
+            position: {
+              x: containerWidth * pos / 100 - DRAG_OFFSET_X,
+              y: DRAG_OFFSET_Y
+            },
+            children: /*#__PURE__*/jsx("div", {
+              onClick: function onClick(e) {
+                return handleColorPickerOpen(e, id);
+              },
+              "data-testid": "".concat(PAGE_NAME, "_stop_").concat(index),
+              className: classNames(classes.circle, {
+                highlight: activeStopId === id
+              }),
+              style: {
+                backgroundColor: color
+              },
+              children: /*#__PURE__*/jsx(Tooltip, {
+                title: getStopTooltipValue(pos),
+                placement: "top",
+                children: /*#__PURE__*/jsx("div", {
+                  style: {
+                    height: '100%'
+                  }
+                })
+              })
+            })
+          }, id)
+        );
+      })]
+    }), Boolean(paletteAnchorEl) && /*#__PURE__*/jsxs(Popover, {
+      id: "colors-popper",
+      open: Boolean(paletteAnchorEl),
+      anchorEl: paletteAnchorEl,
+      onClose: handleColorPickerClose,
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'left'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      },
+      children: [/*#__PURE__*/jsx(PaletteChromePicker, {
+        color: activeStop === null || activeStop === void 0 ? void 0 : activeStop.color,
+        onChange: handleColorChange,
+        onSizeChange: noop,
+        enableTransparencyPalette: false
+      }), /*#__PURE__*/jsx(IconButton, {
+        "data-testid": "".concat(PAGE_NAME, "_stopDelete"),
+        className: classes.removeButton,
+        onClick: handleRemoveStop,
+        children: /*#__PURE__*/jsx(DeleteFourIcon, {
+          className: classes.deleteIcon
+        })
+      }), isMoveInputVisible && /*#__PURE__*/jsx(TextField, {
+        "data-testid": "".concat(PAGE_NAME, "_moveInput"),
+        type: "number",
+        variant: "outlined",
+        value: activeStopScaledPos,
+        classes: {
+          root: classes.posTextfield
+        },
+        InputProps: {
+          inputProps: {
+            min: fromValue,
+            max: toValue,
+            step: stopStep,
+            maxLength: 10
+          },
+          classes: {
+            root: classes.posOutlinedRoot,
+            input: classes.posOutlinedInput
+          }
+        },
+        autoFocus: true,
+        onFocus: function onFocus(evt) {
+          return evt.target.select();
+        },
+        onChange: handleStopPositionTextInput,
+        onKeyDown: function onKeyDown(evt) {
+          return evt.key === 'Enter' && handleColorPickerClose();
+        }
+      })]
+    })]
+  });
+});
+
+// "Hiding" react-sizeme so Storybook can get the props type
+var GradientPicker = function GradientPicker(props) {
+  return /*#__PURE__*/jsx(GradientPickerComponent, _objectSpread({}, props));
+};
+
+export { GradientPicker };
+//# sourceMappingURL=GradientPicker.js.map

package/components/GradientPicker/GradientPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientPicker.js","sources":["../../../src/components/GradientPicker/GradientPicker.tsx"],"sourcesContent":["import React, { MouseEventHandler, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport Draggable from 'react-draggable';\nimport { clamp, find, noop, omit, reject, sortBy } from 'lodash';\nimport tinygradient from 'tinygradient';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Popover, TextField, Tooltip, Typography } from '@material-ui/core';\nimport { Add } from '@material-ui/icons';\n\nimport { DeleteFourIcon } from '~/icons';\n\nimport { GradientFillStop } from '~/types';\nimport PaletteChromePicker from '../ColorPicker/PaletteChromePicker';\nimport { calcGradientStyle, getRangeStep, getStopText, roundToStep } from './GradientPicker.utils';\nimport { GradientPickerComponentProps } from './GradientPickerProps';\nimport { useThrottledCallback } from '../shared/useThrottledCallback';\nimport IconButton from '../IconButton';\nimport { useStyles } from './GradientPicker.styles';\nimport { withSize } from 'react-sizeme';\n\nconst DRAG_TOP_LIMIT = -50;\nconst DRAG_BOTTOM_LIMIT = 40;\nconst DRAG_OFFSET_X = 12;\nconst DRAG_OFFSET_Y = -4;\n\nconst GradientPickerComponent = withSize()(\n  ({\n    size,\n    from = 0,\n    to = 100,\n    unit,\n    gradientStops,\n    onChange,\n    style,\n    isMoveInputVisible,\n    readonly,\n    noScale,\n    'data-testid': PAGE_NAME = 'GradientPicker',\n  }: GradientPickerComponentProps) => {\n    const trackRef: React.MutableRefObject<HTMLDivElement> = useRef();\n\n    const [stops, setStops] = useState<Array<GradientFillStop & { id: string }>>([]);\n\n    const [paletteAnchorEl, setPaletteAnchorEl] = useState(null);\n    const [activeStopId, setActiveStopId] = useState(null);\n    const [addCirclePos, setAddCirclePos] = useState(null);\n\n    const classes = useStyles({ readonly });\n\n    const fromValue = Number.isFinite(from) ? Number(from) : 0;\n    const toValue = Number.isFinite(to) ? Number(to) : 100;\n    const range = toValue - fromValue;\n\n    useEffect(() => {\n      const changed =\n        gradientStops.length !== stops?.length ||\n        gradientStops.some(\n          (stop, index) => stop.color !== stops[index].color || stop.pos !== stops[index].pos\n        );\n\n      if (changed) {\n        setStops(gradientStops.map(stop => ({ ...stop, id: uuidv4() })));\n      }\n    }, [gradientStops]);\n\n    const gradient = useMemo(() => calcGradientStyle(stops), [stops]);\n    const containerWidth = useMemo(\n      () => trackRef.current?.clientWidth,\n      [size.width, trackRef.current]\n    );\n\n    const emitChange = (stops: Array<GradientFillStop & { id: string }>) => {\n      const sorted = sortBy(stops, 'pos');\n      setStops(sorted);\n      if (onChange) {\n        onChange(sorted.map(stop => omit(stop, 'id')));\n      }\n    };\n\n    const handleTrackHover: MouseEventHandler<HTMLDivElement> = evt => {\n      if (evt.target !== evt.currentTarget) {\n        setAddCirclePos(null);\n        return;\n      }\n      const rect = evt.currentTarget.getBoundingClientRect();\n      const x = evt.clientX - rect.left;\n      setAddCirclePos(Number.isFinite(x) ? x : null);\n    };\n\n    /**\n     * When a user clicks a stop the \"startDrag\" and \"click\" events are fired simultaneously.\n     * So useThrottledCallback (or any other scheduler, like setTimeout) solves\n     * this conflict by waiting a tick and allowing the palette to open.\n     * Then if it was a click and palette is open - do not initiate drag-n-drop.\n     */\n    const handleDragMove = useThrottledCallback(\n      (id: string, xPos: number, yPos: number, isStopped = false) => {\n        if (paletteAnchorEl) {\n          return;\n        }\n        const pos = (xPos / containerWidth) * 100;\n        const stop = find(stops, { id });\n        if (yPos >= DRAG_BOTTOM_LIMIT || yPos <= DRAG_TOP_LIMIT) {\n          handleRemoveStop();\n          return;\n        }\n\n        const currentStop = { ...stop, pos };\n\n        const newStops = sortBy([...reject(stops, { id }), currentStop], 'pos');\n\n        if (isStopped) {\n          emitChange(newStops);\n          setActiveStopId(null);\n          return;\n        }\n\n        setStops(newStops);\n        if (!activeStop) {\n          setActiveStopId(id);\n        }\n      },\n      0\n    );\n\n    const handleAdd: MouseEventHandler<HTMLDivElement> = _evt => {\n      if (readonly) {\n        return;\n      }\n      const pos = (addCirclePos / containerWidth) * 100;\n      const gradient = tinygradient(\n        stops.map(item => ({\n          color: item.color,\n          pos: item.pos / 100,\n        }))\n      );\n\n      const color = `#${gradient.rgbAt(pos / 100).toHex()}`;\n      const newStop = { id: uuidv4(), pos, color };\n      emitChange([...stops, newStop]);\n    };\n\n    const handleColorPickerOpen = (evt: React.MouseEvent, id: string) => {\n      evt.stopPropagation();\n      if (readonly || activeStopId) {\n        return;\n      }\n      setActiveStopId(id);\n      setPaletteAnchorEl(evt.currentTarget);\n    };\n\n    const handleColorPickerClose = () => {\n      emitChange(stops);\n      setActiveStopId(null);\n      setPaletteAnchorEl(null);\n    };\n\n    const handleStopPositionTextInput = (evt: React.ChangeEvent<HTMLInputElement>) => {\n      // give React a moment to update state and draw input with a zero and select the zero\n      // to allow user type a new value\n      if (evt.target.value === '') {\n        const inputElement = evt.target;\n        setTimeout(() => inputElement?.select());\n      }\n      const posScaled = clamp(Number(evt.target.value), fromValue, toValue);\n      if (!posScaled) {\n        evt.target.select();\n      }\n      const pos = ((posScaled - fromValue) / range) * 100;\n      setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, pos } : stop)));\n    };\n\n    const handleColorChange = newColor => {\n      const color = newColor.hex;\n      setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, color } : stop)));\n    };\n\n    const handleRemoveStop = () => {\n      if (stops.length > 2) {\n        emitChange(reject(stops, { id: activeStopId }));\n        setPaletteAnchorEl(null);\n        setActiveStopId(null);\n      }\n    };\n\n    const getStopTooltipValue = (position: number) => {\n      return getStopText(position, { fromValue, toValue });\n    };\n\n    const addCircleVisible = !paletteAnchorEl && Number.isFinite(addCirclePos) && !readonly;\n\n    const getStopScaledPosition = activeStop => {\n      if (!activeStop) {\n        return null;\n      }\n      const stopValue = fromValue + (activeStop?.pos / 100) * range;\n      return roundToStep(stopValue, stopStep / 100);\n    };\n\n    const activeStop = find(stops, { id: activeStopId });\n    const stopStep = getRangeStep(range);\n\n    const activeStopScaledPos = getStopScaledPosition(activeStop);\n\n    return (\n      <div className={classes.root} style={style}>\n        {!noScale && (\n          <div className={classes.indicatorContainer}>\n            <div>\n              <Typography data-testid={`${PAGE_NAME}_from`} className={classes.indicator}>\n                {fromValue} {unit}\n              </Typography>\n            </div>\n            <div>\n              <Typography data-testid={`${PAGE_NAME}_to`} className={classes.indicator}>\n                {toValue} {unit}\n              </Typography>\n            </div>\n          </div>\n        )}\n\n        <div\n          onMouseEnter={handleTrackHover}\n          onMouseMove={handleTrackHover}\n          onMouseLeave={() => setAddCirclePos(null)}\n          onClick={handleAdd}\n          data-testid={`${PAGE_NAME}_track`}\n          className={classes.mainBar}\n          style={{ background: `linear-gradient(90deg, ${gradient})` }}\n          ref={trackRef}\n        >\n          {addCircleVisible && (\n            <div\n              data-testid={`${PAGE_NAME}_addCircle`}\n              className={classes.addCircle}\n              style={{ left: addCirclePos - DRAG_OFFSET_X }}\n            >\n              <Add fontSize=\"small\" className={classes.addIcon} />\n            </div>\n          )}\n\n          {!!containerWidth &&\n            stops.map(({ pos, color, id }, index) => (\n              // @ts-ignore Draggable propTypes issues\n              <Draggable\n                disabled={readonly}\n                key={id}\n                axis=\"x\"\n                bounds={{\n                  left: -DRAG_OFFSET_X,\n                  right: containerWidth - DRAG_OFFSET_X,\n                  top: DRAG_TOP_LIMIT,\n                  bottom: DRAG_BOTTOM_LIMIT,\n                }}\n                onDrag={(e, dragData) =>\n                  handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, false)\n                }\n                onStop={(e, dragData) =>\n                  handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, true)\n                }\n                position={{\n                  x: (containerWidth * pos) / 100 - DRAG_OFFSET_X,\n                  y: DRAG_OFFSET_Y,\n                }}\n              >\n                <div\n                  onClick={e => handleColorPickerOpen(e, id)}\n                  data-testid={`${PAGE_NAME}_stop_${index}`}\n                  className={classNames(classes.circle, {\n                    highlight: activeStopId === id,\n                  })}\n                  style={{ backgroundColor: color }}\n                >\n                  <Tooltip title={getStopTooltipValue(pos)} placement=\"top\">\n                    <div style={{ height: '100%' }} />\n                  </Tooltip>\n                </div>\n              </Draggable>\n            ))}\n        </div>\n\n        {Boolean(paletteAnchorEl) && (\n          <Popover\n            id=\"colors-popper\"\n            open={Boolean(paletteAnchorEl)}\n            anchorEl={paletteAnchorEl}\n            onClose={handleColorPickerClose}\n            anchorOrigin={{\n              vertical: 'bottom',\n              horizontal: 'left',\n            }}\n            transformOrigin={{\n              vertical: 'top',\n              horizontal: 'left',\n            }}\n          >\n            <PaletteChromePicker\n              color={activeStop?.color}\n              onChange={handleColorChange}\n              onSizeChange={noop}\n              enableTransparencyPalette={false}\n            />\n            <IconButton\n              data-testid={`${PAGE_NAME}_stopDelete`}\n              className={classes.removeButton}\n              onClick={handleRemoveStop}\n            >\n              <DeleteFourIcon className={classes.deleteIcon} />\n            </IconButton>\n            {isMoveInputVisible && (\n              <TextField\n                data-testid={`${PAGE_NAME}_moveInput`}\n                type=\"number\"\n                variant=\"outlined\"\n                value={activeStopScaledPos}\n                classes={{ root: classes.posTextfield }}\n                InputProps={{\n                  inputProps: {\n                    min: fromValue,\n                    max: toValue,\n                    step: stopStep,\n                    maxLength: 10,\n                  },\n                  classes: {\n                    root: classes.posOutlinedRoot,\n                    input: classes.posOutlinedInput,\n                  },\n                }}\n                autoFocus\n                onFocus={evt => evt.target.select()}\n                onChange={handleStopPositionTextInput}\n                onKeyDown={evt => evt.key === 'Enter' && handleColorPickerClose()}\n              />\n            )}\n          </Popover>\n        )}\n      </div>\n    );\n  }\n);\n\n// \"Hiding\" react-sizeme so Storybook can get the props type\nexport const GradientPicker = (props: Omit<GradientPickerComponentProps, 'size'>) => (\n  <GradientPickerComponent {...props} />\n);\n"],"names":["DRAG_TOP_LIMIT","DRAG_BOTTOM_LIMIT","DRAG_OFFSET_X","DRAG_OFFSET_Y","GradientPickerComponent","withSize","size","from","to","unit","gradientStops","onChange","style","isMoveInputVisible","readonly","noScale","PAGE_NAME","trackRef","useRef","useState","stops","setStops","paletteAnchorEl","setPaletteAnchorEl","activeStopId","setActiveStopId","addCirclePos","setAddCirclePos","classes","useStyles","fromValue","Number","isFinite","toValue","range","useEffect","changed","length","some","stop","index","color","pos","map","id","uuidv4","gradient","useMemo","calcGradientStyle","containerWidth","current","clientWidth","width","emitChange","sorted","sortBy","omit","handleTrackHover","evt","target","currentTarget","rect","getBoundingClientRect","x","clientX","left","handleDragMove","useThrottledCallback","xPos","yPos","isStopped","find","handleRemoveStop","currentStop","newStops","reject","activeStop","handleAdd","_evt","tinygradient","item","rgbAt","toHex","newStop","handleColorPickerOpen","stopPropagation","handleColorPickerClose","handleStopPositionTextInput","value","inputElement","setTimeout","select","posScaled","clamp","handleColorChange","newColor","hex","getStopTooltipValue","position","getStopText","addCircleVisible","getStopScaledPosition","stopValue","roundToStep","stopStep","getRangeStep","activeStopScaledPos","_jsxs","root","indicatorContainer","_jsx","indicator","mainBar","background","addCircle","addIcon","right","top","bottom","e","dragData","y","classNames","circle","highlight","backgroundColor","height","Boolean","vertical","horizontal","noop","removeButton","deleteIcon","posTextfield","inputProps","min","max","step","maxLength","posOutlinedRoot","input","posOutlinedInput","key","GradientPicker","props"],"mappings":"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"}