@dreamcommerce/aurora 3.0.0-316 → 3.0.0-317

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.0.0-316",
+  "version": "3.0.0-317",
   "description": "aurora",
   "author": "zefirek",
   "license": "MIT",

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex.js

@@ -1,87 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var input = require('../../../input/input.js');
-var use_color_picker = require('../../hooks/use_color_picker.js');
-var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
-var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
-var color_picker_utils = require('../../color_picker_utils.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ColorPickerInputsHex = function ColorPickerInputsHex() {
-  var _useColorPicker = use_color_picker.useColorPicker(),
-    setColor = _useColorPicker.setColor,
-    hex = _useColorPicker.hex,
-    handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
-    alpha = _useColorPicker.alpha,
-    isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
-    gradientType = _useColorPicker.gradientType;
-  var _useState = React.useState(hex),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var valueRef = React.useRef(value);
-  var _useState3 = React.useState(false),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    disable = _useState4[0],
-    setDisable = _useState4[1];
-  var _usePicker = context.usePicker(),
-    colors = _usePicker.colors,
-    selectedColor = _usePicker.selectedColor,
-    createGradientStr = _usePicker.createGradientStr;
-  var handleOnChange = function handleOnChange(event) {
-    var inputValue = event.target.value.replace('%', '');
-    setValue(inputValue);
-    valueRef.current = inputValue;
-    if (!tinycolor['default'](inputValue).isValid()) return;
-    if (isCurrentValueGradient && gradientType) {
-      var newColors = color_picker_utils.ColorPickerUtils.updateGradientWithActiveColor(colors, selectedColor, inputValue);
-      createGradientStr(newColors);
-    } else {
-      setColor(inputValue);
-    }
-  };
-  var hexFocus = function hexFocus() {
-    setDisable(true);
-  };
-  var hexBlur = function hexBlur() {
-    setDisable(false);
-  };
-  React.useEffect(function () {
-    if (hex === valueRef.current) return;
-    if (!disable) {
-      setValue(hex);
-      valueRef.current = hex;
-    }
-  }, [hex, disable]);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(input.Input, {
-    className: "aurora-h-full aurora-px-2 aurora-text-xs",
-    type: "text",
-    maxLength: 8,
-    value: value.toUpperCase(),
-    onChange: handleOnChange,
-    onBlur: hexBlur,
-    onFocus: hexFocus
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-flex aurora-rounded-6 focus aurora-text aurora-w-[46px] aurora-flex-none aurora-px-1 aurora-items-center"
-  }, /*#__PURE__*/React__default['default'].createElement("input", {
-    className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-rounded-6 aurora-h-full aurora-text-xs",
-    type: "text",
-    value: Math.round(alpha),
-    onChange: function onChange(e) {
-      return handleOnChangeAlpha(Number(e.target.value));
-    },
-    onKeyDown: color_picker_utils.ColorPickerUtils.preventTypingLetters
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-text-xs aurora-pl-0.5"
-  }, "%")));
-};
-
-exports.ColorPickerInputsHex = ColorPickerInputsHex;
-//# sourceMappingURL=color_picker_inputs_hex.js.map

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex.js

@@ -1,79 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Input } from '../../../input/input.js';
-import { useColorPicker } from '../../hooks/use_color_picker.js';
-import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
-import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
-import { ColorPickerUtils } from '../../color_picker_utils.js';
-
-var ColorPickerInputsHex = function ColorPickerInputsHex() {
-  var _useColorPicker = useColorPicker(),
-    setColor = _useColorPicker.setColor,
-    hex = _useColorPicker.hex,
-    handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
-    alpha = _useColorPicker.alpha,
-    isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
-    gradientType = _useColorPicker.gradientType;
-  var _useState = useState(hex),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var valueRef = useRef(value);
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    disable = _useState4[0],
-    setDisable = _useState4[1];
-  var _usePicker = usePicker(),
-    colors = _usePicker.colors,
-    selectedColor = _usePicker.selectedColor,
-    createGradientStr = _usePicker.createGradientStr;
-  var handleOnChange = function handleOnChange(event) {
-    var inputValue = event.target.value.replace('%', '');
-    setValue(inputValue);
-    valueRef.current = inputValue;
-    if (!tinycolor(inputValue).isValid()) return;
-    if (isCurrentValueGradient && gradientType) {
-      var newColors = ColorPickerUtils.updateGradientWithActiveColor(colors, selectedColor, inputValue);
-      createGradientStr(newColors);
-    } else {
-      setColor(inputValue);
-    }
-  };
-  var hexFocus = function hexFocus() {
-    setDisable(true);
-  };
-  var hexBlur = function hexBlur() {
-    setDisable(false);
-  };
-  useEffect(function () {
-    if (hex === valueRef.current) return;
-    if (!disable) {
-      setValue(hex);
-      valueRef.current = hex;
-    }
-  }, [hex, disable]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
-    className: "aurora-h-full aurora-px-2 aurora-text-xs",
-    type: "text",
-    maxLength: 8,
-    value: value.toUpperCase(),
-    onChange: handleOnChange,
-    onBlur: hexBlur,
-    onFocus: hexFocus
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "aurora-flex aurora-rounded-6 focus aurora-text aurora-w-[46px] aurora-flex-none aurora-px-1 aurora-items-center"
-  }, /*#__PURE__*/React.createElement("input", {
-    className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-rounded-6 aurora-h-full aurora-text-xs",
-    type: "text",
-    value: Math.round(alpha),
-    onChange: function onChange(e) {
-      return handleOnChangeAlpha(Number(e.target.value));
-    },
-    onKeyDown: ColorPickerUtils.preventTypingLetters
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "aurora-text-xs aurora-pl-0.5"
-  }, "%")));
-};
-
-export { ColorPickerInputsHex };
-//# sourceMappingURL=color_picker_inputs_hex.js.map