@dreamcommerce/aurora 3.0.0-53 → 3.0.0-55

package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Opacity.js

@@ -0,0 +1,93 @@
+import React, { useState, useEffect } from 'react';
+import { getHandleValue } from '../utils/utils.js';
+import { usePicker } from '../context.js';
+
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var Opacity = function Opacity() {
+  var _a = usePicker(),
+    handleChange = _a.handleChange,
+    _b = _a.hc,
+    hc = _b === void 0 ? {} : _b,
+    squareWidth = _a.squareWidth,
+    defaultStyles = _a.defaultStyles;
+  var _c = useState(false),
+    dragging = _c[0],
+    setDragging = _c[1];
+  var r = hc.r,
+    g = hc.g,
+    b = hc.b;
+  var bg = "linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(".concat(r, ",").concat(g, ",").concat(b, ",.5) 100%)");
+  var stopDragging = function stopDragging() {
+    setDragging(false);
+  };
+  var handleDown = function handleDown() {
+    setDragging(true);
+  };
+  var handleOpacity = function handleOpacity(e) {
+    var newO = getHandleValue(e) / 100;
+    var newColor = "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(newO, ")");
+    handleChange(newColor);
+  };
+  var handleMove = function handleMove(e) {
+    if (dragging) {
+      handleOpacity(e);
+    }
+  };
+  var handleClick = function handleClick(e) {
+    if (!dragging) {
+      handleOpacity(e);
+    }
+  };
+  var left = squareWidth - 18;
+  useEffect(function () {
+    var handleUp = function handleUp() {
+      stopDragging();
+    };
+    window.addEventListener('mouseup', handleUp);
+    return function () {
+      window.removeEventListener('mouseup', handleUp);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    onMouseDown: handleDown,
+    onMouseMove: function onMouseMove(e) {
+      return handleMove(e);
+    },
+    style: {
+      height: 14,
+      marginTop: 17,
+      marginBottom: 4,
+      cursor: 'ew-resize',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: __assign(__assign({}, defaultStyles.rbgcpCheckered), {
+      width: '100%',
+      height: 14
+    })
+  }), /*#__PURE__*/React.createElement("div", {
+    style: __assign(__assign({}, defaultStyles.rbgcpHandle), {
+      left: left * (hc === null || hc === void 0 ? void 0 : hc.a),
+      top: -2
+    })
+  }), /*#__PURE__*/React.createElement("div", {
+    style: __assign(__assign({}, defaultStyles.rbgcpOpacityOverlay), {
+      background: bg
+    }),
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }));
+};
+
+export default Opacity;
+//# sourceMappingURL=Opacity.js.map

package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Opacity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Portal.js

@@ -0,0 +1,27 @@
+import { memo, useRef, useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+
+var Portal = function Portal(_a) {
+  var children = _a.children;
+  var id = 'id' + Math.random().toString(16).slice(2);
+  var el = useRef(document.getElementById(id) || document.createElement('div'));
+  var dynamic = useState(!el.current.parentElement)[0];
+  useEffect(function () {
+    var refValue = el.current;
+    if (dynamic) {
+      el.current.id = id;
+      document.body.appendChild(el.current);
+    }
+    return function () {
+      if (dynamic && refValue.parentElement) {
+        refValue.parentElement.removeChild(refValue);
+      }
+    };
+    //eslint-disable-next-line
+  }, [id]);
+  return /*#__PURE__*/createPortal(children, el.current);
+};
+var Portal$1 = /*#__PURE__*/memo(Portal);
+
+export default Portal$1;
+//# sourceMappingURL=Portal.js.map

package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Square.js

@@ -0,0 +1,143 @@
+import React, { useState, useRef, useEffect } from 'react';
+import { config } from '../constants.js';
+import tinycolor from '../../../external/tinycolor2/tinycolor.js';
+import { computeSquareXY, computePickerPosition } from '../utils/utils.js';
+import { usePicker } from '../context.js';
+import usePaintSquare from '../hooks/usePaintSquare.js';
+import lodash_throttle from '../../../../lodash.throttle/index.js';
+
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var crossSize = config.crossSize;
+var Square = function Square() {
+  var _a = usePicker(),
+    hc = _a.hc,
+    defaultStyles = _a.defaultStyles,
+    squareWidth = _a.squareWidth,
+    squareHeight = _a.squareHeight,
+    handleChange = _a.handleChange;
+  var _b = useState(false),
+    dragging = _b[0],
+    setDragging = _b[1];
+  var canvas = useRef(null);
+  var _c = computeSquareXY(hc === null || hc === void 0 ? void 0 : hc.s, (hc === null || hc === void 0 ? void 0 : hc.v) * 100, squareWidth, squareHeight),
+    x = _c[0],
+    y = _c[1];
+  var _d = useState({
+      x: x,
+      y: y
+    }),
+    dragPos = _d[0],
+    setDragPos = _d[1];
+  usePaintSquare(canvas, hc === null || hc === void 0 ? void 0 : hc.h, squareWidth, squareHeight);
+  useEffect(function () {
+    if (!dragging) {
+      setDragPos({
+        x: (hc === null || hc === void 0 ? void 0 : hc.v) === 0 ? dragPos.x : x,
+        y: y
+      });
+    }
+  }, [x, y]);
+  var handleColor = function handleColor(e) {
+    var onMouseMove = lodash_throttle(function () {
+      var _a = computePickerPosition(e),
+        x = _a[0],
+        y = _a[1];
+      if (x && y) {
+        var x1 = Math.min(x + crossSize / 2, squareWidth - 1);
+        var y1 = Math.min(y + crossSize / 2, squareHeight - 1);
+        var newS = x1 / squareWidth * 100;
+        var newY = 100 - y1 / squareHeight * 100;
+        setDragPos({
+          x: newY === 0 ? dragPos === null || dragPos === void 0 ? void 0 : dragPos.x : x,
+          y: y
+        });
+        var updated = tinycolor("hsva(".concat(hc === null || hc === void 0 ? void 0 : hc.h, ", ").concat(newS, "%, ").concat(newY, "%, ").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
+        handleChange(updated.toRgbString());
+      }
+    }, 250);
+    onMouseMove();
+  };
+  var stopDragging = function stopDragging() {
+    setDragging(false);
+  };
+  var handleMove = function handleMove(e) {
+    if (dragging) {
+      handleColor(e);
+    }
+  };
+  // const handleTouchMove = (e: any) => {
+  //   if (dragging && isMobile) {
+  //     document.body.style.overflow = 'hidden'
+  //     handleColor(e)
+  //   }
+  // }
+  var handleClick = function handleClick(e) {
+    if (!dragging) {
+      handleColor(e);
+    }
+  };
+  var handleMouseDown = function handleMouseDown() {
+    setDragging(true);
+  };
+  var handleCanvasDown = function handleCanvasDown(e) {
+    setDragging(true);
+    handleColor(e);
+  };
+  useEffect(function () {
+    var handleUp = function handleUp() {
+      stopDragging();
+    };
+    window.addEventListener('mouseup', handleUp);
+    return function () {
+      window.removeEventListener('mouseup', handleUp);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    onMouseUp: stopDragging,
+    onTouchEnd: stopDragging,
+    onMouseDown: handleCanvasDown,
+    onTouchStart: handleCanvasDown,
+    onMouseMove: function onMouseMove(e) {
+      return handleMove(e);
+    },
+    style: {
+      position: 'relative',
+      cursor: 'ew-cross'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: __assign(__assign(__assign({}, defaultStyles.rbgcpHandle), {
+      transform: "translate(".concat((dragPos === null || dragPos === void 0 ? void 0 : dragPos.x) || 0, "px, ").concat((dragPos === null || dragPos === void 0 ? void 0 : dragPos.y) || 0, "px)")
+    }), dragging ? {
+      transition: ""
+    } : {}),
+    onMouseDown: handleMouseDown
+  }), /*#__PURE__*/React.createElement("div", {
+    style: __assign(__assign({}, defaultStyles.rbgcpCanvasWrapper), {
+      height: squareHeight
+    }),
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }, /*#__PURE__*/React.createElement("canvas", {
+    ref: canvas,
+    id: "paintSquare",
+    width: "".concat(squareWidth, "px"),
+    height: "".concat(squareHeight, "px")
+  }))));
+};
+
+export default Square;
+//# sourceMappingURL=Square.js.map

package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Square.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sBAAsB,2CAA+C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/icon.js

@@ -0,0 +1,152 @@
+import React from 'react';
+import { usePicker } from '../context.js';
+
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var TrashIcon = function TrashIcon() {
+  var defaultStyles = usePicker().defaultStyles;
+  var styles = {
+    fill: 'none',
+    strokeWidth: '1.8px'
+  };
+  return /*#__PURE__*/React.createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    style: {
+      width: 15
+    }
+  }, /*#__PURE__*/React.createElement("polyline", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style: __assign(__assign({}, styles), defaultStyles.rbgcpControlIcon),
+    points: "17.96 4.31 2.04 4.3 3.75 4.3 4.81 17.29 5.16 17.96 5.74 18.47 6.59 18.62 13.64 18.62 14.52 18.32 15.07 17.68 15.29 17.12 16.28 4.3 12.87 4.3 12.87 2.38 12.48 1.75 11.83 1.46 8.4 1.46 7.64 1.68 7.26 2.21 7.16 2.52 7.17 4.23"
+  }));
+};
+var LinearIcon = function LinearIcon(_a) {
+  var color = _a.color;
+  var defaultStyles = usePicker().defaultStyles;
+  var col = color || '';
+  var styles = {
+    fill: 'none',
+    strokeWidth: '1.8px'
+  };
+  return /*#__PURE__*/React.createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    style: {
+      width: 14
+    }
+  }, /*#__PURE__*/React.createElement("polyline", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style: __assign(__assign(__assign({}, styles), defaultStyles.rbgcpControlIcon), col && {
+      stroke: col
+    }),
+    points: "0.9 12.73 0.9 19.1 7.27 19.1 0.9 19.1 19.1 0.9 12.73 0.9 19.1 0.9 19.1 7.27"
+  }));
+};
+var RadialIcon = function RadialIcon(_a) {
+  var color = _a.color;
+  var defaultStyles = usePicker().defaultStyles;
+  var col = color || '';
+  var styles = {
+    fill: 'none',
+    strokeMiterlimit: 10,
+    strokeWidth: '1.8px'
+  };
+  return /*#__PURE__*/React.createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    style: {
+      width: 15
+    }
+  }, /*#__PURE__*/React.createElement("circle", {
+    style: __assign(__assign(__assign({}, styles), defaultStyles.rbgcpControlIcon), col && {
+      stroke: col
+    }),
+    cx: "10",
+    cy: "10",
+    r: "9"
+  }), /*#__PURE__*/React.createElement("circle", {
+    style: __assign(__assign(__assign({}, styles), defaultStyles.rbgcpControlIcon), col && {
+      stroke: col
+    }),
+    cx: "10",
+    cy: "10",
+    r: "5"
+  }));
+};
+var DegreesIcon = function DegreesIcon(_a) {
+  var color = _a.color;
+  var defaultStyles = usePicker().defaultStyles;
+  var col = color || '';
+  var style2 = {
+    fill: 'none',
+    strokeMiterlimit: 10,
+    strokeWidth: '1.8px'
+  };
+  return /*#__PURE__*/React.createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    style: {
+      width: 15
+    }
+  }, /*#__PURE__*/React.createElement("polyline", {
+    strokeLinecap: "round",
+    style: __assign(__assign(__assign({}, style2), defaultStyles.rbgcpControlIcon), col && {
+      stroke: col
+    }),
+    points: "13.86 2.01 1.7 16.99 18.77 16.99"
+  }), /*#__PURE__*/React.createElement("polyline", {
+    strokeLinecap: "round",
+    style: __assign(__assign(__assign({}, style2), defaultStyles.rbgcpControlIcon), col && {
+      stroke: col
+    }),
+    points: "10.96 16.38 10.96 16.38 10.74 15.7 10.44 14.97 10.06 14.21 9.72 13.63 9.21 12.89 8.85 12.44 8.41 11.95 7.91 11.45 7.51 11.1"
+  }));
+};
+var StopIcon = function StopIcon() {
+  var defaultStyles = usePicker().defaultStyles;
+  return /*#__PURE__*/React.createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    style: {
+      width: 20,
+      marginRight: 1
+    }
+  }, /*#__PURE__*/React.createElement("path", {
+    style: __assign({}, defaultStyles.rbgcpControlIcon2),
+    d: "M2.39,8c-.63,0-1,.21-1,.63A.49.49,0,0,0,1.67,9a6.48,6.48,0,0,0,1.11.43A3,3,0,0,1,4,10.09a1.47,1.47,0,0,1,.35,1.09,1.75,1.75,0,0,1-.57,1.42,2.21,2.21,0,0,1-1.48.48,8.32,8.32,0,0,1-1.68-.21l-.31-.06.12-.94a13.7,13.7,0,0,0,1.8.16c.61,0,.92-.26.92-.77a.52.52,0,0,0-.21-.44,3.13,3.13,0,0,0-.85-.34A3.32,3.32,0,0,1,.66,9.79a1.43,1.43,0,0,1-.42-1.1A1.6,1.6,0,0,1,.78,7.36a2.32,2.32,0,0,1,1.49-.44,10.46,10.46,0,0,1,1.64.17l.32.07-.1.95C3.31,8,2.73,8,2.39,8Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    style: __assign({}, defaultStyles.rbgcpControlIcon2),
+    d: "M4.79,8.09V7H9.16V8.09H7.59V13H6.38V8.09Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    style: __assign({}, defaultStyles.rbgcpControlIcon2),
+    d: "M14,12.34a2.25,2.25,0,0,1-1.91.74,2.24,2.24,0,0,1-1.91-.74A3.85,3.85,0,0,1,9.61,10a4,4,0,0,1,.56-2.34,2.2,2.2,0,0,1,1.91-.77A2.21,2.21,0,0,1,14,7.69,4,4,0,0,1,14.55,10,3.85,3.85,0,0,1,14,12.34Zm-2.88-.77a1,1,0,0,0,1,.46,1,1,0,0,0,1-.46A3.25,3.25,0,0,0,13.3,10,3.45,3.45,0,0,0,13,8.46a1,1,0,0,0-1-.49,1,1,0,0,0-1,.49A3.43,3.43,0,0,0,10.85,10,3.38,3.38,0,0,0,11.11,11.57Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    style: __assign({}, defaultStyles.rbgcpControlIcon2),
+    d: "M17.77,11.24h-1V13H15.58V7h2.19a1.85,1.85,0,0,1,2.11,2.07,2.21,2.21,0,0,1-.54,1.6A2.07,2.07,0,0,1,17.77,11.24Zm-1-1h1c.6,0,.9-.37.9-1.12a1.18,1.18,0,0,0-.22-.79.88.88,0,0,0-.68-.24h-1Z"
+  }));
+};
+
+export default TrashIcon;
+export { DegreesIcon, LinearIcon, RadialIcon, StopIcon };
+//# sourceMappingURL=icon.js.map

package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/external/react-best-gradient-color-picker/dist/esm/constants.js

@@ -0,0 +1,11 @@
+var config = {
+  barSize: 18,
+  crossSize: 18,
+  inputSize: 40,
+  delay: 150,
+  defaultColor: 'rgba(175, 51, 242, 1)',
+  defaultGradient: 'linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%)'
+};
+
+export { config };
+//# sourceMappingURL=constants.js.map

package/build/esm/external/react-best-gradient-color-picker/dist/esm/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/external/react-best-gradient-color-picker/dist/esm/context.js

@@ -0,0 +1,151 @@
+import React, { useState, useEffect, createContext, useContext } from 'react';
+import tinycolor from '../../external/tinycolor2/tinycolor.js';
+import { getColors, high, low } from './utils/formatters.js';
+import { getDetails, getColorObj, isUpperCase } from './utils/utils.js';
+
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+var PickerContext = /*#__PURE__*/createContext(null);
+function PickerContextWrapper(_a) {
+  var value = _a.value,
+    children = _a.children,
+    onChange = _a.onChange,
+    squareWidth = _a.squareWidth,
+    hideOpacity = _a.hideOpacity,
+    squareHeight = _a.squareHeight,
+    defaultStyles = _a.defaultStyles;
+  var colors = getColors(value);
+  var _b = getDetails(value),
+    degrees = _b.degrees,
+    degreeStr = _b.degreeStr,
+    isGradient = _b.isGradient,
+    gradientType = _b.gradientType;
+  var _c = getColorObj(colors),
+    currentColor = _c.currentColor,
+    selectedColor = _c.selectedColor,
+    currentLeft = _c.currentLeft;
+  var _d = useState('rgb'),
+    inputType = _d[0],
+    setInputType = _d[1];
+  var _e = useState({}),
+    previous = _e[0],
+    setPrevious = _e[1];
+  var tinyColor = tinycolor(currentColor);
+  var rgba = tinyColor.toRgb();
+  var hsv = tinyColor.toHsv();
+  var _f = useState(__assign(__assign({}, rgba), hsv)),
+    hc = _f[0],
+    setHc = _f[1];
+  useEffect(function () {
+    if ((hsv === null || hsv === void 0 ? void 0 : hsv.s) === 0) {
+      setHc(__assign(__assign(__assign({}, rgba), hsv), {
+        h: hc === null || hc === void 0 ? void 0 : hc.h
+      }));
+    } else {
+      setHc(__assign(__assign({}, rgba), hsv));
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentColor]);
+  var createGradientStr = function createGradientStr(newColors) {
+    var sorted = newColors.sort(function (a, b) {
+      return a.left - b.left;
+    });
+    var colorString = sorted === null || sorted === void 0 ? void 0 : sorted.map(function (cc) {
+      return "".concat(cc === null || cc === void 0 ? void 0 : cc.value, " ").concat(cc.left, "%");
+    });
+    var newGrade = "".concat(gradientType, "(").concat(degreeStr, ", ").concat(colorString.join(', '), ")");
+    setPrevious(__assign(__assign({}, previous), {
+      gradient: newGrade
+    }));
+    onChange(newGrade);
+  };
+  var handleGradient = function handleGradient(newColor, left) {
+    var remaining = colors === null || colors === void 0 ? void 0 : colors.filter(function (c) {
+      return !isUpperCase(c.value);
+    });
+    var newColors = __spreadArray([{
+      value: newColor.toUpperCase(),
+      left: left !== null && left !== void 0 ? left : currentLeft
+    }], remaining, true);
+    createGradientStr(newColors);
+  };
+  var handleChange = function handleChange(newColor) {
+    if (isGradient) {
+      handleGradient(newColor);
+    } else {
+      setPrevious(__assign(__assign({}, previous), {
+        color: newColor
+      }));
+      onChange(newColor);
+    }
+  };
+  var deletePoint = function deletePoint() {
+    if ((colors === null || colors === void 0 ? void 0 : colors.length) > 2) {
+      var formatted = colors === null || colors === void 0 ? void 0 : colors.map(function (fc, i) {
+        return __assign(__assign({}, fc), {
+          value: i === selectedColor - 1 ? high(fc) : low(fc)
+        });
+      });
+      var remaining = formatted === null || formatted === void 0 ? void 0 : formatted.filter(function (_, i) {
+        return i !== selectedColor;
+      });
+      createGradientStr(remaining);
+    }
+  };
+  var pickerContext = {
+    hc: hc,
+    setHc: setHc,
+    value: value,
+    colors: colors,
+    degrees: degrees,
+    onChange: onChange,
+    previous: previous,
+    inputType: inputType,
+    tinyColor: tinyColor,
+    isGradient: isGradient,
+    squareWidth: squareWidth,
+    hideOpacity: hideOpacity,
+    currentLeft: currentLeft,
+    deletePoint: deletePoint,
+    squareHeight: squareHeight,
+    setInputType: setInputType,
+    gradientType: gradientType,
+    handleChange: handleChange,
+    currentColor: currentColor,
+    selectedColor: selectedColor,
+    defaultStyles: defaultStyles,
+    handleGradient: handleGradient,
+    createGradientStr: createGradientStr
+  };
+  return /*#__PURE__*/React.createElement(PickerContext.Provider, {
+    value: pickerContext
+  }, children);
+}
+function usePicker() {
+  var pickerContext = useContext(PickerContext);
+  if (!pickerContext) {
+    throw new Error('usePicker has to be used within <PickerContext.Provider>');
+  }
+  return pickerContext;
+}
+
+export default PickerContextWrapper;
+export { usePicker };
+//# sourceMappingURL=context.js.map

package/build/esm/external/react-best-gradient-color-picker/dist/esm/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,sBAAsB,wCAA4C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}