@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/ColorPicker/components/ColorInput.js

@@ -1,63 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _Input = _interopRequireDefault(require("../../Input"));
-var _checkers = require("../utils/checkers");
-var _conversors = require("../utils/conversors");
-var _parsers = require("../utils/parsers");
-var _useTheme2 = require("../../../shared/theme/hooks/useTheme");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var ColorInput = function ColorInput(_ref) {
-  var inputAlert = _ref.inputAlert,
-    setInputAlert = _ref.setInputAlert,
-    hsva = _ref.hsva,
-    onChange = _ref.onChange,
-    colorMode = _ref.colorMode;
-  var _useState = (0, _react.useState)(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useTheme = (0, _useTheme2.useTheme)(),
-    theme = _useTheme.theme;
-  var handleChangeColorInput = function handleChangeColorInput(event) {
-    setValue(event.target.value);
-    if ((0, _checkers.isAValidColor)(event.target.value)) {
-      var hsvaColor = (0, _parsers.colorToHsva)(event.target.value);
-      onChange(hsvaColor);
-      setInputAlert({
-        alert: undefined
-      });
-    } else {
-      setInputAlert({
-        alert: 'error'
-      });
-    }
-  };
-  (0, _react.useEffect)(function () {
-    setValue((0, _parsers.colorToOutputMode)((0, _conversors.hsvaToRgbaString)(hsva), colorMode));
-  }, [hsva, colorMode]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
-    labelBackground: {
-      dark: theme.colors.neutral.neutral6,
-      light: theme.colors.neutral.white
-    },
-    label: "Cor selecionada",
-    value: value,
-    onChange: handleChangeColorInput,
-    onBlur: handleChangeColorInput,
-    alert: inputAlert.alert
-  });
-};
-var _default = ColorInput;
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_Input=_interopRequireDefault(require("../../Input")),_checkers=require("../utils/checkers"),_conversors=require("../utils/conversors"),_parsers=require("../utils/parsers"),_useTheme2=require("../../../shared/theme/hooks/useTheme"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var ColorInput=function(_ref){var inputAlert=_ref.inputAlert,setInputAlert=_ref.setInputAlert,hsva=_ref.hsva,onChange=_ref.onChange,colorMode=_ref.colorMode,_useState=(0,_react.useState)(""),_useState2=_slicedToArray(_useState,2),value=_useState2[0],setValue=_useState2[1],_useTheme=(0,_useTheme2.useTheme)(),theme=_useTheme.theme,handleChangeColorInput=function(event){if(setValue(event.target.value),(0,_checkers.isAValidColor)(event.target.value)){var hsvaColor=(0,_parsers.colorToHsva)(event.target.value);onChange(hsvaColor),setInputAlert({alert:void 0})}else setInputAlert({alert:"error"})};return(0,_react.useEffect)(function(){setValue((0,_parsers.colorToOutputMode)((0,_conversors.hsvaToRgbaString)(hsva),colorMode))},[hsva,colorMode]),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Input.default,{labelBackground:{dark:theme.colors.neutral.neutral6,light:theme.colors.neutral.white},label:"Cor selecionada",value:value,onChange:handleChangeColorInput,onBlur:handleChangeColorInput,alert:inputAlert.alert})},_default=ColorInput;exports.default=_default;

package/dist/components/ColorPicker/components/ColorPickerBox.js

@@ -1,52 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _ColorSelector = _interopRequireDefault(require("./ColorSelector"));
-var _ColorPointer = _interopRequireDefault(require("./ColorPointer"));
-var _conversors = require("../utils/conversors");
-var _styles = require("../styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var PickerBox = function PickerBox(_ref) {
-  var hsva = _ref.hsva,
-    onChange = _ref.onChange;
-  var handleMoveColor = function handleMoveColor(position) {
-    var modifiedHsva = _objectSpread(_objectSpread({}, hsva), {}, {
-      s: position.x * 100,
-      v: 100 - position.y * 100
-    });
-    onChange(modifiedHsva);
-  };
-  var style = {
-    backgroundColor: (0, _conversors.hsvaToHslaString)({
-      h: hsva.h,
-      s: 100,
-      v: 100,
-      a: 1
-    })
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorSaturationWrapper, {
-    style: style,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorSelector.default, {
-      onMove: handleMoveColor,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPointer.default, {
-        hsva: hsva,
-        top: 1 - hsva.v / 100,
-        left: hsva.s / 100
-      })
-    })
-  });
-};
-var ColorPickerBox = /*#__PURE__*/(0, _react.memo)(PickerBox);
-var _default = ColorPickerBox;
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_ColorSelector=_interopRequireDefault(require("./ColorSelector")),_ColorPointer=_interopRequireDefault(require("./ColorPointer")),_conversors=require("../utils/conversors"),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}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 source,i=1;i<arguments.length;i++)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}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var PickerBox=function(_ref){var hsva=_ref.hsva,onChange=_ref.onChange,style={backgroundColor:(0,_conversors.hsvaToHslaString)({h:hsva.h,s:100,v:100,a:1})};return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ColorSaturationWrapper,{style:style,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_ColorSelector.default,{onMove:function handleMoveColor(position){var modifiedHsva=_objectSpread(_objectSpread({},hsva),{},{s:100*position.x,v:100-100*position.y});onChange(modifiedHsva)},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_ColorPointer.default,{hsva:hsva,top:1-hsva.v/100,left:hsva.s/100})})})},ColorPickerBox=/*#__PURE__*/(0,_react.memo)(PickerBox),_default=ColorPickerBox;exports.default=_default;

package/dist/components/ColorPicker/components/ColorPointer.js

@@ -1,25 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styles = require("../styles");
-var _conversors = require("../utils/conversors");
-var _jsxRuntime = require("react/jsx-runtime");
-var ColorPointer = function ColorPointer(_ref) {
-  var _ref$top = _ref.top,
-    top = _ref$top === void 0 ? 0.5 : _ref$top,
-    left = _ref.left,
-    hsva = _ref.hsva;
-  var styles = {
-    top: "".concat(top * 100, "%"),
-    left: "".concat(left * 100, "%"),
-    backgroundColor: (0, _conversors.hsvaToHslaString)(hsva)
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorPointerWrapper, {
-    style: styles
-  });
-};
-var _default = ColorPointer;
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _styles=require("../styles"),_conversors=require("../utils/conversors"),_jsxRuntime=require("react/jsx-runtime"),ColorPointer=function(_ref){var _ref$top=_ref.top,top=void 0===_ref$top?.5:_ref$top,left=_ref.left,hsva=_ref.hsva,styles={top:"".concat(100*top,"%"),left:"".concat(100*left,"%"),backgroundColor:(0,_conversors.hsvaToHslaString)(hsva)};return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ColorPointerWrapper,{style:styles})},_default=ColorPointer;exports.default=_default;

package/dist/components/ColorPicker/components/ColorSelector.js

@@ -1,107 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _useCachedCallback = require("../hooks/useCachedCallback");
-var _styles = require("../styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["onMove"];
-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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var isTouchEvent = function isTouchEvent(event) {
-  return event === null || event === void 0 ? void 0 : event.type.includes('touch');
-};
-var getTouchPointer = function getTouchPointer(touchList, touchId) {
-  for (var i = 0; i < touchList.length; i++) {
-    if (touchList[i].identifier === touchId) return touchList[i];
-  }
-  return touchList[0];
-};
-var getPositionPoints = function getPositionPoints(node, event, touchId) {
-  var rect = node.getBoundingClientRect();
-  var mousePointer = isTouchEvent(event) ? getTouchPointer(event.touches, touchId) : event;
-  var getMinMax = function getMinMax(number) {
-    var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-    return number > max ? max : number < min ? min : number;
-  };
-  return {
-    x: getMinMax((mousePointer.pageX - (rect.left + window.pageXOffset)) / rect.width),
-    y: getMinMax((mousePointer.pageY - (rect.top + window.pageYOffset)) / rect.height)
-  };
-};
-var Selector = function Selector(_ref) {
-  var onMove = _ref.onMove,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var container = (0, _react.useRef)(null);
-  var isTouch = (0, _react.useRef)(false);
-  var cachedMove = (0, _useCachedCallback.useCachedCallback)(onMove);
-  var touchId = (0, _react.useRef)(null);
-  var _useMemo = (0, _react.useMemo)(function () {
-      var handleMove = function handleMove(event) {
-        if (isTouchEvent(event)) {
-          isTouch.current = true;
-        } else {
-          event.preventDefault();
-        }
-        var checkPress = isTouch.current ? event.touches.length > 0 : event.buttons > 0;
-        if (checkPress && container.current) {
-          cachedMove(getPositionPoints(container.current, event, touchId.current));
-        }
-      };
-      var toggleMoveEvent = function toggleMoveEvent(state) {
-        var toggleEvent = state ? window.addEventListener : window.removeEventListener;
-        toggleEvent(isTouch.current ? 'touchmove' : 'mousemove', handleMove);
-        toggleEvent(isTouch.current ? 'touchend' : 'mouseup', function () {
-          return toggleMoveEvent(false);
-        });
-      };
-      var handleMoveStart = function handleMoveStart(event) {
-        var node = event.currentTarget;
-        if (isTouchEvent(event)) {
-          isTouch.current = true;
-        } else {
-          event.preventDefault();
-          isTouch.current = false;
-        }
-        if (isTouchEvent(event.nativeEvent)) {
-          var changedTouches = event.nativeEvent.changedTouches || [];
-          if (changedTouches.length) touchId.current = changedTouches[0].identifier;
-        }
-        cachedMove(getPositionPoints(node, event.nativeEvent, touchId.current));
-        toggleMoveEvent(true);
-      };
-      return [handleMoveStart, toggleMoveEvent];
-    }, [cachedMove]),
-    _useMemo2 = _slicedToArray(_useMemo, 2),
-    handleMoveStart = _useMemo2[0],
-    toggleMoveEvent = _useMemo2[1];
-  (0, _react.useEffect)(function () {
-    return toggleMoveEvent;
-  }, [toggleMoveEvent]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorSelectorWrapper, _objectSpread({
-    ref: container,
-    onMouseDown: handleMoveStart,
-    onTouchStart: handleMoveStart,
-    tabIndex: 0,
-    role: "slider"
-  }, rest));
-};
-var ColorSelector = /*#__PURE__*/(0, _react.memo)(Selector);
-var _default = ColorSelector;
-exports.default = _default;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_useCachedCallback=require("../hooks/useCachedCallback"),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["onMove"];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 source,i=1;i<arguments.length;i++)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}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var isTouchEvent=function(event){return null===event||void 0===event?void 0:event.type.includes("touch")},getTouchPointer=function(touchList,touchId){for(var i=0;i<touchList.length;i++)if(touchList[i].identifier===touchId)return touchList[i];return touchList[0]},getPositionPoints=function(node,event,touchId){var rect=node.getBoundingClientRect(),mousePointer=isTouchEvent(event)?getTouchPointer(event.touches,touchId):event,getMinMax=function(number){var min=1<arguments.length&&arguments[1]!==void 0?arguments[1]:0,max=2<arguments.length&&arguments[2]!==void 0?arguments[2]:1;return number>max?max:number<min?min:number};return{x:getMinMax((mousePointer.pageX-(rect.left+window.pageXOffset))/rect.width),y:getMinMax((mousePointer.pageY-(rect.top+window.pageYOffset))/rect.height)}},Selector=function(_ref){var onMove=_ref.onMove,rest=_objectWithoutProperties(_ref,_excluded),container=(0,_react.useRef)(null),isTouch=(0,_react.useRef)(!1),cachedMove=(0,_useCachedCallback.useCachedCallback)(onMove),touchId=(0,_react.useRef)(null),_useMemo=(0,_react.useMemo)(function(){var handleMove=function(event){isTouchEvent(event)?isTouch.current=!0:event.preventDefault();var checkPress=isTouch.current?0<event.touches.length:0<event.buttons;checkPress&&container.current&&cachedMove(getPositionPoints(container.current,event,touchId.current))},toggleMoveEvent=function(state){var toggleEvent=state?window.addEventListener:window.removeEventListener;toggleEvent(isTouch.current?"touchmove":"mousemove",handleMove),toggleEvent(isTouch.current?"touchend":"mouseup",function(){return toggleMoveEvent(!1)})};return[function handleMoveStart(event){var node=event.currentTarget;if(isTouchEvent(event)?isTouch.current=!0:(event.preventDefault(),isTouch.current=!1),isTouchEvent(event.nativeEvent)){var changedTouches=event.nativeEvent.changedTouches||[];changedTouches.length&&(touchId.current=changedTouches[0].identifier)}cachedMove(getPositionPoints(node,event.nativeEvent,touchId.current)),toggleMoveEvent(!0)},toggleMoveEvent]},[cachedMove]),_useMemo2=_slicedToArray(_useMemo,2),handleMoveStart=_useMemo2[0],toggleMoveEvent=_useMemo2[1];return(0,_react.useEffect)(function(){return toggleMoveEvent},[toggleMoveEvent]),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ColorSelectorWrapper,_objectSpread({ref:container,onMouseDown:handleMoveStart,onTouchStart:handleMoveStart,tabIndex:0,role:"slider"},rest))},ColorSelector=/*#__PURE__*/(0,_react.memo)(Selector),_default=ColorSelector;exports.default=_default;

package/dist/components/ColorPicker/hooks/useCachedCallback.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCachedCallback = void 0;
-var _react = require("react");
-var useCachedCallback = function useCachedCallback(callback) {
-  var ref = (0, _react.useRef)(callback);
-  var cachedCallback = (0, _react.useRef)(function (value) {
-    ref.current && ref.current(value);
-  });
-  ref.current = callback;
-  return cachedCallback.current;
-};
-exports.useCachedCallback = useCachedCallback;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCachedCallback=void 0;var _react=require("react"),useCachedCallback=function(callback){var ref=(0,_react.useRef)(callback),cachedCallback=(0,_react.useRef)(function(value){ref.current&&ref.current(value)});return ref.current=callback,cachedCallback.current};exports.useCachedCallback=useCachedCallback;

package/dist/components/ColorPicker/hooks/useHsva.js

@@ -1,53 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useHsva = void 0;
-var _react = require("react");
-var _parsers = require("./../utils/parsers");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var useHsva = function useHsva(color, onChange) {
-  var _useState = (0, _react.useState)(function () {
-      return (0, _parsers.colorToHsva)(color);
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    hsva = _useState2[0],
-    setHsva = _useState2[1];
-  var cached = (0, _react.useRef)({
-    color: color,
-    hsva: hsva
-  });
-  (0, _react.useEffect)(function () {
-    var newColorMode = (0, _parsers.colorMode)(color);
-    var cachedColorMode = (0, _parsers.colorMode)(cached.current.color);
-    var cachedColor = (0, _parsers.colorToOutputMode)(cachedColorMode, newColorMode);
-    if (color !== cachedColor) {
-      var newHsva = (0, _parsers.colorToHsva)(color);
-      cached.current.color = color;
-      cached.current.hsva = newHsva;
-      setHsva(newHsva);
-    }
-  }, [color]);
-  (0, _react.useEffect)(function () {
-    var currentColorMode = (0, _parsers.colorMode)(cached.current.color);
-    var hsvaToColor = (0, _parsers.colorFromHsva)(hsva, currentColorMode);
-    if (!Object.is(cached.current.hsva, hsva) && !Object.is(cached.current.color, hsvaToColor)) {
-      cached.current.hsva = hsva;
-      cached.current.color = hsvaToColor;
-      onChange && onChange(hsvaToColor);
-    }
-  }, [hsva, cached, onChange]);
-  var handleChange = (0, _react.useCallback)(function (hsva) {
-    setHsva(function (update) {
-      return Object.assign({}, update, hsva);
-    });
-  }, []);
-  return [hsva, handleChange];
-};
-exports.useHsva = useHsva;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHsva=void 0;var _react=require("react"),_parsers=require("./../utils/parsers");function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var useHsva=function(color,onChange){var _useState=(0,_react.useState)(function(){return(0,_parsers.colorToHsva)(color)}),_useState2=_slicedToArray(_useState,2),hsva=_useState2[0],setHsva=_useState2[1],cached=(0,_react.useRef)({color:color,hsva:hsva});(0,_react.useEffect)(function(){var newColorMode=(0,_parsers.colorMode)(color),cachedColorMode=(0,_parsers.colorMode)(cached.current.color),cachedColor=(0,_parsers.colorToOutputMode)(cachedColorMode,newColorMode);if(color!==cachedColor){var newHsva=(0,_parsers.colorToHsva)(color);cached.current.color=color,cached.current.hsva=newHsva,setHsva(newHsva)}},[color]),(0,_react.useEffect)(function(){var currentColorMode=(0,_parsers.colorMode)(cached.current.color),hsvaToColor=(0,_parsers.colorFromHsva)(hsva,currentColorMode);Object.is(cached.current.hsva,hsva)||Object.is(cached.current.color,hsvaToColor)||(cached.current.hsva=hsva,cached.current.color=hsvaToColor,onChange&&onChange(hsvaToColor))},[hsva,cached,onChange]);var handleChange=(0,_react.useCallback)(function(hsva){setHsva(function(update){return Object.assign({},update,hsva)})},[]);return[hsva,handleChange]};exports.useHsva=useHsva;

package/dist/components/ColorPicker/index.js

@@ -1,93 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _ColorHue = _interopRequireDefault(require("./components/ColorHue"));
-var _ColorInput = _interopRequireDefault(require("./components/ColorInput"));
-var _ColorPickerBox = _interopRequireDefault(require("./components/ColorPickerBox"));
-var _conversors = require("./utils/conversors");
-var _parsers = require("./utils/parsers");
-var _useHsva3 = require("./hooks/useHsva");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var ColorPicker = function ColorPicker(_ref) {
-  var onChange = _ref.onChange,
-    onSave = _ref.onSave,
-    onCancel = _ref.onCancel,
-    _ref$initialColor = _ref.initialColor,
-    initialColor = _ref$initialColor === void 0 ? '#ff0000' : _ref$initialColor;
-  var _useHsva = (0, _useHsva3.useHsva)(initialColor, onChange),
-    _useHsva2 = _slicedToArray(_useHsva, 2),
-    hsva = _useHsva2[0],
-    handleChange = _useHsva2[1];
-  var _useState = (0, _react.useState)({
-      alert: undefined
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputAlert = _useState2[0],
-    setInputAlert = _useState2[1];
-  function handleSave() {
-    onSave && onSave((0, _parsers.colorToOutputMode)((0, _conversors.hsvaToRgbaString)(hsva), (0, _parsers.colorMode)(initialColor)));
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ColorPickerContainer, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPickerBox.default, {
-      hsva: hsva,
-      onChange: function onChange(hsva) {
-        handleChange(hsva);
-        setInputAlert({
-          alert: undefined
-        });
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ColorPickerContainerWrapper, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorHue.default, {
-        onChange: function onChange(hue) {
-          var modifedHsva = _objectSpread(_objectSpread({}, hsva), {}, {
-            h: hue
-          });
-          handleChange(modifedHsva);
-          setInputAlert({
-            alert: undefined
-          });
-        },
-        hsva: hsva
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorInput.default, {
-        hsva: hsva,
-        onChange: handleChange,
-        colorMode: (0, _parsers.colorMode)(initialColor),
-        inputAlert: inputAlert,
-        setInputAlert: setInputAlert
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ColorPickerButtonsWrapper, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorPickerButton, {
-          type: "button",
-          bgTransparent: true,
-          onClick: function onClick() {
-            onCancel && onCancel();
-          },
-          children: "Cancelar"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorPickerButton, {
-          type: "button",
-          onClick: handleSave,
-          children: "Salvar cor"
-        })]
-      })]
-    })]
-  });
-};
-var _default = ColorPicker;
-exports.default = _default;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_ColorHue=_interopRequireDefault(require("./components/ColorHue")),_ColorInput=_interopRequireDefault(require("./components/ColorInput")),_ColorPickerBox=_interopRequireDefault(require("./components/ColorPickerBox")),_conversors=require("./utils/conversors"),_parsers=require("./utils/parsers"),_useHsva3=require("./hooks/useHsva"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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 source,i=1;i<arguments.length;i++)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}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var ColorPicker=function(_ref){var onChange=_ref.onChange,onSave=_ref.onSave,onCancel=_ref.onCancel,_ref$initialColor=_ref.initialColor,initialColor=void 0===_ref$initialColor?"#ff0000":_ref$initialColor,_useHsva=(0,_useHsva3.useHsva)(initialColor,onChange),_useHsva2=_slicedToArray(_useHsva,2),hsva=_useHsva2[0],handleChange=_useHsva2[1],_useState=(0,_react.useState)({alert:void 0}),_useState2=_slicedToArray(_useState,2),inputAlert=_useState2[0],setInputAlert=_useState2[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ColorPickerContainer,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_ColorPickerBox.default,{hsva:hsva,onChange:function(hsva){handleChange(hsva),setInputAlert({alert:void 0})}}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ColorPickerContainerWrapper,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_ColorHue.default,{onChange:function(hue){var modifedHsva=_objectSpread(_objectSpread({},hsva),{},{h:hue});handleChange(modifedHsva),setInputAlert({alert:void 0})},hsva:hsva}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ColorInput.default,{hsva:hsva,onChange:handleChange,colorMode:(0,_parsers.colorMode)(initialColor),inputAlert:inputAlert,setInputAlert:setInputAlert}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ColorPickerButtonsWrapper,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ColorPickerButton,{type:"button",bgTransparent:!0,onClick:function onClick(){onCancel&&onCancel()},children:"Cancelar"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ColorPickerButton,{type:"button",onClick:function(){onSave&&onSave((0,_parsers.colorToOutputMode)((0,_conversors.hsvaToRgbaString)(hsva),(0,_parsers.colorMode)(initialColor)))},children:"Salvar cor"})]})]})]})},_default=ColorPicker;exports.default=_default;

package/dist/components/ColorPicker/styles.js

@@ -1,46 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColorSelectorWrapper = exports.ColorSaturationWrapper = exports.ColorPointerWrapper = exports.ColorPickerContainerWrapper = exports.ColorPickerContainer = exports.ColorPickerButtonsWrapper = exports.ColorPickerButton = exports.ColorHueWrapper = exports.ColorHueSliderContainer = exports.ColorHueCircle = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var ColorPickerContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  --border_radius: 8px;\n  display: flex;\n  flex-direction: column;\n  width: 320px;\n  background-color: ", ";\n  border-radius: 24px;\n  border-radius: var(--border_radius);\n  box-shadow: ", ";\n"])), function (props) {
-  return props.theme.colors.neutral.white;
-}, function (props) {
-  return props.theme.shadow.level3;
-});
-exports.ColorPickerContainer = ColorPickerContainer;
-var ColorSaturationWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 180px;\n  position: relative;\n  border-radius: var(--border_radius) var(--border_radius) 0 0;\n  background-image: linear-gradient(0deg, #000, transparent),\n    linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));\n"])));
-exports.ColorSaturationWrapper = ColorSaturationWrapper;
-var ColorPickerContainerWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 24px 16px;\n"])));
-exports.ColorPickerContainerWrapper = ColorPickerContainerWrapper;
-var ColorPointerWrapper = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 25px;\n  height: 25px;\n  border: 2px solid ", ";\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n\n  box-shadow: ", ";\n\n  &:active {\n    width: 27px;\n    height: 27px;\n  }\n"])), function (props) {
-  return props.theme.colors.neutral.white;
-}, function (props) {
-  return props.theme.shadow.level1;
-});
-exports.ColorPointerWrapper = ColorPointerWrapper;
-var ColorHueWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"])));
-exports.ColorHueWrapper = ColorHueWrapper;
-var ColorHueCircle = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 45px;\n  min-width: 45px;\n  height: 45px;\n  min-height: 45px;\n  border-radius: 999999px;\n"])));
-exports.ColorHueCircle = ColorHueCircle;
-var ColorHueSliderContainer = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 16px;\n  border-radius: 5px;\n  background: linear-gradient(\n    270deg,\n    #ff638f 0%,\n    #ff00d4 16.2%,\n    #0008ff 33.3%,\n    #00ffff 52.1%,\n    #15ff00 67.6%,\n    #f9ff00 81.6%,\n    #ff0e09 100%\n  );\n"])));
-exports.ColorHueSliderContainer = ColorHueSliderContainer;
-var ColorSelectorWrapper = _styled.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  outline: none;\n  position: absolute;\n"])));
-exports.ColorSelectorWrapper = ColorSelectorWrapper;
-var ColorPickerButtonsWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0 15px;\n"])));
-exports.ColorPickerButtonsWrapper = ColorPickerButtonsWrapper;
-var ColorPickerButton = _styled.default.button(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  border-radius: 8px;\n  background-color: ", ";\n  color: ", ";\n  padding: 14px;\n  border: none;\n  font-size: 1rem;\n  font-family: inherit;\n  cursor: pointer;\n  font-weight: 600;\n  flex: 1;\n\n  user-select: none;\n\n  transition: all 0.2s ease;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n    filter: brightness(95%);\n  }\n\n  &:active {\n    filter: brightness(85%);\n  }\n"])), function (props) {
-  return props.bgTransparent ? 'transparent' : props.theme.colors.primary.default;
-}, function (props) {
-  return props.bgTransparent ? props.theme.colors.neutral.neutral3 : '#FFFFFF';
-}, function (props) {
-  return props.bgTransparent ? props.theme.colors.neutral.neutral1 : '';
-}, function (props) {
-  return props.bgTransparent ? props.theme.colors.neutral.neutral5 : '';
-});
-exports.ColorPickerButton = ColorPickerButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ColorSelectorWrapper=exports.ColorSaturationWrapper=exports.ColorPointerWrapper=exports.ColorPickerContainerWrapper=exports.ColorPickerContainer=exports.ColorPickerButtonsWrapper=exports.ColorPickerButton=exports.ColorHueWrapper=exports.ColorHueSliderContainer=exports.ColorHueCircle=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var ColorPickerContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  --border_radius: 8px;\n  display: flex;\n  flex-direction: column;\n  width: 320px;\n  background-color: ",";\n  border-radius: 24px;\n  border-radius: var(--border_radius);\n  box-shadow: ",";\n"])),function(props){return props.theme.colors.neutral.white},function(props){return props.theme.shadow.level3});exports.ColorPickerContainer=ColorPickerContainer;var ColorSaturationWrapper=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  width: 100%;\n  height: 180px;\n  position: relative;\n  border-radius: var(--border_radius) var(--border_radius) 0 0;\n  background-image: linear-gradient(0deg, #000, transparent),\n    linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));\n"])));exports.ColorSaturationWrapper=ColorSaturationWrapper;var ColorPickerContainerWrapper=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 24px 16px;\n"])));exports.ColorPickerContainerWrapper=ColorPickerContainerWrapper;var ColorPointerWrapper=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  position: absolute;\n  width: 25px;\n  height: 25px;\n  border: 2px solid ",";\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n\n  box-shadow: ",";\n\n  &:active {\n    width: 27px;\n    height: 27px;\n  }\n"])),function(props){return props.theme.colors.neutral.white},function(props){return props.theme.shadow.level1});exports.ColorPointerWrapper=ColorPointerWrapper;var ColorHueWrapper=_styled.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"])));exports.ColorHueWrapper=ColorHueWrapper;var ColorHueCircle=_styled.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  width: 45px;\n  min-width: 45px;\n  height: 45px;\n  min-height: 45px;\n  border-radius: 999999px;\n"])));exports.ColorHueCircle=ColorHueCircle;var ColorHueSliderContainer=_styled.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 16px;\n  border-radius: 5px;\n  background: linear-gradient(\n    270deg,\n    #ff638f 0%,\n    #ff00d4 16.2%,\n    #0008ff 33.3%,\n    #00ffff 52.1%,\n    #15ff00 67.6%,\n    #f9ff00 81.6%,\n    #ff0e09 100%\n  );\n"])));exports.ColorHueSliderContainer=ColorHueSliderContainer;var ColorSelectorWrapper=_styled.default.div(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  outline: none;\n  position: absolute;\n"])));exports.ColorSelectorWrapper=ColorSelectorWrapper;var ColorPickerButtonsWrapper=_styled.default.div(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0 15px;\n"])));exports.ColorPickerButtonsWrapper=ColorPickerButtonsWrapper;var ColorPickerButton=_styled.default.button(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  border-radius: 8px;\n  background-color: ",";\n  color: ",";\n  padding: 14px;\n  border: none;\n  font-size: 1rem;\n  font-family: inherit;\n  cursor: pointer;\n  font-weight: 600;\n  flex: 1;\n\n  user-select: none;\n\n  transition: all 0.2s ease;\n\n  &:hover {\n    background: ",";\n    color: ",";\n    filter: brightness(95%);\n  }\n\n  &:active {\n    filter: brightness(85%);\n  }\n"])),function(props){return props.bgTransparent?"transparent":props.theme.colors.primary.default},function(props){return props.bgTransparent?props.theme.colors.neutral.neutral3:"#FFFFFF"},function(props){return props.bgTransparent?props.theme.colors.neutral.neutral1:""},function(props){return props.bgTransparent?props.theme.colors.neutral.neutral5:""});exports.ColorPickerButton=ColorPickerButton;

package/dist/components/ColorPicker/utils/checkers.js

@@ -1,55 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isRgba = exports.isRgb = exports.isHsva = exports.isHsla = exports.isHsl = exports.isHex = exports.isAValidColor = void 0;
-var isRgba = function isRgba(color) {
-  var rgba = color.match(/^rgba\((\d+),\s*(\d+),\s*(\d+),\s*(\d*(?:\.\d+)?)\)$/);
-  return rgba !== null;
-};
-exports.isRgba = isRgba;
-var isHex = function isHex(color) {
-  var hex = color.match(/^#([A-Fa-f0-9]{6})$/);
-  return hex !== null;
-};
-exports.isHex = isHex;
-var isHsl = function isHsl(color) {
-  var hsl = color.match(/^hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)$/);
-  return hsl !== null;
-};
-exports.isHsl = isHsl;
-var isHsla = function isHsla(color) {
-  var hsla = color.match(/^hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)$/);
-  return hsla !== null;
-};
-exports.isHsla = isHsla;
-var isRgb = function isRgb(color) {
-  var rgb = color.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
-  return rgb !== null;
-};
-exports.isRgb = isRgb;
-var isHsva = function isHsva(color) {
-  var hsva = color.match(/^hsva\((\d+),\s*(\d+),\s*(\d+),\s*(\d*(?:\.\d+)?)\)$/);
-  return hsva !== null;
-};
-exports.isHsva = isHsva;
-var isAValidColor = function isAValidColor(color) {
-  if (isHex(color)) {
-    return true;
-  }
-  if (isRgba(color)) {
-    return true;
-  }
-  if (isHsl(color)) {
-    return true;
-  }
-  if (isHsla(color)) {
-    return true;
-  }
-  if (isRgb(color)) {
-    return true;
-  }
-  return false;
-};
-exports.isAValidColor = isAValidColor;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isRgba=exports.isRgb=exports.isHsva=exports.isHsla=exports.isHsl=exports.isHex=exports.isAValidColor=void 0;var isRgba=function(color){var rgba=color.match(/^rgba\((\d+),\s*(\d+),\s*(\d+),\s*(\d*(?:\.\d+)?)\)$/);return null!==rgba};exports.isRgba=isRgba;var isHex=function(color){var hex=color.match(/^#([A-Fa-f0-9]{6})$/);return null!==hex};exports.isHex=isHex;var isHsl=function(color){var hsl=color.match(/^hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)$/);return null!==hsl};exports.isHsl=isHsl;var isHsla=function(color){var hsla=color.match(/^hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)$/);return null!==hsla};exports.isHsla=isHsla;var isRgb=function(color){var rgb=color.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);return null!==rgb};exports.isRgb=isRgb;var isHsva=function(color){var hsva=color.match(/^hsva\((\d+),\s*(\d+),\s*(\d+),\s*(\d*(?:\.\d+)?)\)$/);return null!==hsva};exports.isHsva=isHsva;var isAValidColor=function(color){return!!isHex(color)||!!isRgba(color)||!!isHsl(color)||!!isHsla(color)||!!isRgb(color)};exports.isAValidColor=isAValidColor;