@dreamcommerce/aurora 3.0.0-244 → 3.0.0-246

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

@@ -1,151 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var constants = require('../constants.js');
-var tinycolor = require('../../../external/tinycolor2/tinycolor.js');
-var utils = require('../utils/utils.js');
-var context = require('../context.js');
-var usePaintSquare = require('../hooks/usePaintSquare.js');
-var index = require('../../../../lodash.throttle/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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 = constants.config.crossSize;
-var Square = function Square() {
-  var _a = context.usePicker(),
-    hc = _a.hc,
-    defaultStyles = _a.defaultStyles,
-    squareWidth = _a.squareWidth,
-    squareHeight = _a.squareHeight,
-    handleChange = _a.handleChange;
-  var _b = React.useState(false),
-    dragging = _b[0],
-    setDragging = _b[1];
-  var canvas = React.useRef(null);
-  var _c = utils.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 = React.useState({
-      x: x,
-      y: y
-    }),
-    dragPos = _d[0],
-    setDragPos = _d[1];
-  usePaintSquare['default'](canvas, hc === null || hc === void 0 ? void 0 : hc.h, squareWidth, squareHeight);
-  React.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 = index['default'](function () {
-      var _a = utils.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['default']("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);
-  };
-  React.useEffect(function () {
-    var handleUp = function handleUp() {
-      stopDragging();
-    };
-    window.addEventListener('mouseup', handleUp);
-    return function () {
-      window.removeEventListener('mouseup', handleUp);
-    };
-  }, []);
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      position: 'relative'
-    }
-  }, /*#__PURE__*/React__default['default'].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__default['default'].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__default['default'].createElement("div", {
-    style: __assign(__assign({}, defaultStyles.rbgcpCanvasWrapper), {
-      height: squareHeight
-    }),
-    onClick: function onClick(e) {
-      return handleClick(e);
-    }
-  }, /*#__PURE__*/React__default['default'].createElement("canvas", {
-    ref: canvas,
-    id: "paintSquare",
-    width: "".concat(squareWidth, "px"),
-    height: "".concat(squareHeight, "px")
-  }))));
-};
-
-exports.default = Square;
-//# sourceMappingURL=Square.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_header.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
-var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var typography = require('../../typography/typography.js');
-var close_line_icon = require('../../../assets/icons/close_line_icon.js');
-var color_picker_context = require('../color_picker_context.js');
-var use_color_picker = require('../hooks/use_color_picker.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ColorPickerHeader = function ColorPickerHeader() {
-  var _useColorPicker = use_color_picker.useColorPicker(),
-    handleCancel = _useColorPicker.handleCancel;
-  var _useTranslation = useTranslation.useTranslation(),
-    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
-    t = _useTranslation2[0];
-  var _useContext = React.useContext(color_picker_context.ColorPickerContext),
-    isColorPickerOpened = _useContext.isColorPickerOpened,
-    setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
-  var handleCancelButton = function handleCancelButton() {
-    closePicker();
-  };
-  var closePicker = function closePicker() {
-    setIsColorPickerOpened(false);
-    handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
-  };
-  React.useEffect(function () {
-    if (!isColorPickerOpened) return;
-    document.addEventListener('visibilitychange', closePicker);
-    return function () {
-      return document.removeEventListener('visibilitychange', closePicker);
-    };
-  }, [isColorPickerOpened]);
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-flex aurora-items-center aurora-justify-between aurora-py-2 aurora-px-4 aurora-border aurora-rounded-t-16 aurora-bg-neutral-0"
-  }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
-    size: "s",
-    weight: "semibold"
-  }, "".concat(t('Select color'))), /*#__PURE__*/React__default['default'].createElement("button", {
-    onClick: handleCancelButton,
-    className: "color-picker__close-icon aurora-flex aurora-bg-transparent aurora-cursor-pointer"
-  }, /*#__PURE__*/React__default['default'].createElement(close_line_icon.CloseLineIcon, {
-    className: "aurora-w-4 aurora-h-4"
-  })));
-};
-
-exports.ColorPickerHeader = ColorPickerHeader;
-//# sourceMappingURL=color_picker_header.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl/color_picker_impl.js

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var utils = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
-var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
-var styles = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/styles/styles.js');
-var picker_impl = require('./picker_impl.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ColorPickerImpl = function ColorPickerImpl(_ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? 'rgba(175, 51, 242, 1)' : _ref$value,
-    onChange = _ref.onChange,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 294 : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 294 : _ref$height,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style,
-    className = _ref.className;
-  var safeValue = utils.objectToString(value);
-  var contRef = React.useRef(null);
-  var defaultStyles = styles.getStyles(true);
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    ref: contRef,
-    className: className,
-    style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultStyles.body), style), {}, {
-      width: width
-    })
-  }, /*#__PURE__*/React__default['default'].createElement(context['default'], {
-    value: safeValue,
-    defaultStyles: defaultStyles,
-    onChange: onChange,
-    squareWidth: width,
-    squareHeight: height,
-    hideOpacity: false
-  }, /*#__PURE__*/React__default['default'].createElement(picker_impl.PickerImpl, null)));
-};
-
-exports.ColorPickerImpl = ColorPickerImpl;
-//# sourceMappingURL=color_picker_impl.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl/color_picker_impl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,qBAAqB,0FAA8F;AACnH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl/picker_impl.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var stack = require('../../../stack/stack.js');
-var use_color_picker = require('../../hooks/use_color_picker.js');
-var color_picker_controls = require('../color_picker_controls.js');
-var color_picker_inputs = require('../color_picker_inputs/color_picker_inputs.js');
-var color_picker_shades = require('../color_picker_shades.js');
-var Hue = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/components/Hue.js');
-var Opacity = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/components/Opacity.js');
-var Square = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/components/Square.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var PickerImpl = function PickerImpl() {
-  var _useColorPicker = use_color_picker.useColorPicker(),
-    isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-flex aurora-flex-col aurora-gap-2"
-  }, /*#__PURE__*/React__default['default'].createElement(color_picker_controls.ColorPickerControls, null), /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
-    spacing: "2.5",
-    direction: "column",
-    onMouseDown: function onMouseDown(ev) {
-      return (
-        // Prevents whole page from being selected when dragging
-        ev.preventDefault()
-      );
-    }
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "color-picker__square"
-  }, /*#__PURE__*/React__default['default'].createElement(Square['default'], null)), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "color-picker__hue"
-  }, /*#__PURE__*/React__default['default'].createElement(Hue['default'], null)), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "color-picker__opacity"
-  }, /*#__PURE__*/React__default['default'].createElement(Opacity['default'], null))), /*#__PURE__*/React__default['default'].createElement(color_picker_inputs.ColorPickerInputs, null), !isCurrentValueGradient ? /*#__PURE__*/React__default['default'].createElement(color_picker_shades.ColorPickerShades, null) : null);
-};
-
-exports.PickerImpl = PickerImpl;
-//# sourceMappingURL=picker_impl.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl/picker_impl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,2FAA+F;AACjH,sBAAsB,+FAAmG;AACzH,qBAAqB,8FAAkG;AACvH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}