@dreamcommerce/aurora 3.0.0-99 → 3.0.0

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/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;"}

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

@@ -1,66 +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 color_picker_utils = require('../../color_picker_utils.js');
-var use_color_picker = require('../../hooks/use_color_picker.js');
-var utilities = require('@dreamcommerce/utilities');
-
-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,
-    alphaValue = _useColorPicker.alphaValue;
-  var _useState = React.useState(hex),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    disable = _useState4[0],
-    setDisable = _useState4[1];
-  var handleOnChange = function handleOnChange(event) {
-    var inputValue = event.target.value.replace('%', '');
-    if (color_picker_utils.ColorPickerUtils.isHexChar(inputValue)) {
-      setValue(inputValue);
-      setColor(inputValue);
-    }
-  };
-  var hexFocus = function hexFocus() {
-    setDisable(true);
-  };
-  var hexBlur = function hexBlur() {
-    setDisable(false);
-  };
-  React.useEffect(function () {
-    if (!disable) {
-      setValue(hex);
-    }
-  }, [hex, disable]);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(input.Input, {
-    className: "!aurora-h-6 !aurora-px-2 aurora-text-xs",
-    type: "text",
-    maxLength: 8,
-    value: value.toUpperCase(),
-    onChange: handleOnChange,
-    onBlur: hexBlur,
-    onFocus: hexFocus
-  }), /*#__PURE__*/React__default['default'].createElement(input.Input, {
-    className: "!aurora-h-6 !aurora-px-1.5 aurora-text-xs",
-    type: "text",
-    value: alphaValue,
-    onChange: handleOnChangeAlpha,
-    onKeyPress: utilities.InputUtils.preventTypingLetters
-  }));
-};
-
-exports.ColorPickerInputsHex = ColorPickerInputsHex;
-//# sourceMappingURL=color_picker_inputs_hex.js.map

package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_piceker.js

@@ -1,162 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var color_picker_constants = require('../color_picker_constants.js');
-var color_picker_utils = require('../color_picker_utils.js');
-var isEqual = require('lodash/isEqual');
-var useColorPicker = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-
-var defaultGradient = 'linear-gradient(90deg, #000000 0%, #FFFFFF 100%)';
-var useSetupColorPicker = function useSetupColorPicker(_ref) {
-  var initialColor = _ref.initialColor,
-    onChange = _ref.onChange,
-    onCancel = _ref.onCancel,
-    onSave = _ref.onSave,
-    colorVariables = _ref.colorVariables,
-    _ref$withGradient = _ref.withGradient,
-    isWithGradient = _ref$withGradient === void 0 ? false : _ref$withGradient;
-  var initialColorObject = color_picker_utils.ColorPickerUtils.getColorPickerValue(initialColor);
-  var _useState = React.useState(initialColorObject),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    color = _useState2[0],
-    setColorValue = _useState2[1];
-  var _useState3 = React.useState(),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    previousSolidColor = _useState4[0],
-    setPreviousSolidColor = _useState4[1];
-  var _useState5 = React.useState(),
-    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-    previousGradientColor = _useState6[0],
-    setPreviousGradientColor = _useState6[1];
-  var _useState7 = React.useState(initialColor),
-    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-    prevInitialColor = _useState8[0],
-    setPrevInitialColor = _useState8[1];
-  var withGradient = isWithGradient || color_picker_utils.ColorPickerUtils.isGradient(initialColorObject.value);
-  var _useState9 = React.useState(false),
-    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
-    isColorPickerOpened = _useState10[0],
-    setIsColorPickerOpened = _useState10[1];
-  var setColor = function setColor(newColor) {
-    var newColorValue = color_picker_utils.ColorPickerUtils.getColorPickerValue(newColor);
-    !color_picker_utils.ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
-    setColorValue(function (prevColor) {
-      var _prevColor$value;
-      return {
-        value: newColorValue.value,
-        name: ((_prevColor$value = prevColor.value) !== null && _prevColor$value !== void 0 ? _prevColor$value : prevColor) === newColorValue.value ? prevColor === null || prevColor === void 0 ? void 0 : prevColor.name : typeof newColor === 'string' ? '' : newColor === null || newColor === void 0 ? void 0 : newColor.name
-      };
-    });
-  };
-  React.useEffect(function () {
-    if (!initialColor) return;
-    if (!isEqual__default['default'](initialColor, prevInitialColor) && !isColorPickerOpened) {
-      setColor(initialColor);
-      setPrevInitialColor(initialColor);
-    }
-  }, [initialColor]);
-  var _useBestGradientColor = useColorPicker.useColorPicker(color.value, setColor),
-    hslArr = _useBestGradientColor.hslArr,
-    rgbaArr = _useBestGradientColor.rgbaArr,
-    setR = _useBestGradientColor.setR,
-    setG = _useBestGradientColor.setG,
-    setB = _useBestGradientColor.setB,
-    setA = _useBestGradientColor.setA,
-    isGradient = _useBestGradientColor.isGradient,
-    gradientType = _useBestGradientColor.gradientType,
-    getGradientObject = _useBestGradientColor.getGradientObject;
-  var tinyColor = typeof color === 'string' ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(color) : color_picker_utils.ColorPickerUtils.getTinyColorInstance(color.value);
-  var hex = color_picker_utils.ColorPickerUtils.getHexValue(tinyColor);
-  var _useState11 = React.useState(rgbaArr[3] * 100),
-    _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
-    alpha = _useState12[0],
-    setAlpha = _useState12[1];
-  var _useState13 = React.useState("".concat(alpha)),
-    _useState14 = _rollupPluginBabelHelpers.slicedToArray(_useState13, 2),
-    alphaValue = _useState14[0],
-    setAlphaValue = _useState14[1];
-  var setSolid = function setSolid(value) {
-    setColor(color_picker_utils.ColorPickerUtils.getColorPickerValue(value).value);
-  };
-  var setLinear = function setLinear(value) {
-    var gradientColor = value || defaultGradient;
-    if (value && !color_picker_utils.ColorPickerUtils.isGradient(value)) {
-      setGradient(gradientColor);
-    }
-    var remaining = gradientColor.split(/,(.+)/)[1];
-    setColor("linear-gradient(90deg, ".concat(remaining));
-  };
-  var setRadial = function setRadial(value) {
-    var gradientColor = value || defaultGradient;
-    if (value && !color_picker_utils.ColorPickerUtils.isGradient(value)) {
-      setGradient(gradientColor);
-    }
-    var remaining = gradientColor.split(/,(.+)/)[1];
-    setColor("radial-gradient(circle, ".concat(remaining));
-  };
-  var setGradient = function setGradient(value) {
-    var gradientColor = value || defaultGradient;
-    setColor(gradientColor);
-  };
-  var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
-    changeAlphaValue(Number(event.target.value));
-  };
-  var changeAlphaValue = function changeAlphaValue(value) {
-    setAlpha(value > color_picker_constants.COLOR_PICKER_ALPHA_MAX_VALUE ? color_picker_constants.COLOR_PICKER_ALPHA_MAX_VALUE : value);
-  };
-  React.useEffect(function () {
-    setA(alpha);
-  }, [alpha]);
-  React.useEffect(function () {
-    setAlphaValue("".concat(Math.round(rgbaArr[3] * 100)));
-  }, [rgbaArr[3]]);
-  React.useEffect(function () {
-    var colorObject = color_picker_utils.ColorPickerUtils.getAllColorTypes(color);
-    var gradientObject = getGradientObject();
-    onChange === null || onChange === void 0 ? void 0 : onChange(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, colorObject), {}, {
-      gradient: gradientObject !== null && gradientObject !== void 0 && gradientObject.isGradient ? color_picker_utils.ColorPickerUtils.getColorPickerGradientValue(gradientObject) : undefined
-    }));
-  }, [color]);
-  var handleCancel = function handleCancel() {
-    setColor(color_picker_utils.ColorPickerUtils.getColorPickerValue(initialColor));
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-  };
-  var handleSave = function handleSave() {
-    onSave === null || onSave === void 0 ? void 0 : onSave(color_picker_utils.ColorPickerUtils.getAllColorTypes(color));
-  };
-  return {
-    color: color,
-    previousSolidColor: previousSolidColor,
-    previousGradientColor: previousGradientColor,
-    setColor: setColor,
-    hex: hex,
-    hslArr: hslArr,
-    handleOnChangeAlpha: handleOnChangeAlpha,
-    alphaValue: alphaValue,
-    rgbaArr: rgbaArr,
-    setR: setR,
-    setG: setG,
-    setB: setB,
-    handleCancel: handleCancel,
-    handleSave: handleSave,
-    colorVariables: colorVariables,
-    isCurrentValueGradient: isGradient,
-    setSolid: setSolid,
-    setRadial: setRadial,
-    setLinear: setLinear,
-    gradientType: gradientType,
-    withGradient: withGradient,
-    isColorPickerOpened: isColorPickerOpened,
-    setIsColorPickerOpened: setIsColorPickerOpened
-  };
-};
-
-exports.default = useSetupColorPicker;
-//# sourceMappingURL=setup_color_piceker.js.map

package/build/cjs/packages/aurora/src/components/error_list/components/error_list_item_variants.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index = require('../../../../../../external/class-variance-authority/dist/index.mjs.js');
-
-var errorListItemVariants = index.cva('aurora-text-xs aurora-leading-5 aurora-text-danger');
-
-exports.errorListItemVariants = errorListItemVariants;
-//# sourceMappingURL=error_list_item_variants.js.map

package/build/cjs/packages/aurora/src/components/error_list/components/error_list_item_variants.js.map

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

package/build/cjs/packages/aurora/src/components/helper_text/helper_text_variants.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
-
-var helperTextVariants = index.cva('aurora-text-xs aurora-text-subtle-light aurora-leading-5 aurora-m-0');
-
-exports.helperTextVariants = helperTextVariants;
-//# sourceMappingURL=helper_text_variants.js.map

package/build/cjs/packages/aurora/src/components/label/components/label_content.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var box = require('../../box/box.js');
-var LabelPrimitive = require('@radix-ui/react-label');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _excluded = ["tooltip", "children"];
-var LabelContent = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
-  var tooltip = _ref.tooltip,
-    children = _ref.children,
-    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default['default'].createElement(LabelPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
-    ref: ref
-  }, props), tooltip ? (/*#__PURE__*/React__default['default'].createElement(box.Box, {
-    align: "center",
-    spacing: "1"
-  }, children, tooltip)) : children);
-});
-LabelContent.displayName = 'LabelContent';
-
-exports.LabelContent = LabelContent;
-//# sourceMappingURL=label_content.js.map

package/build/cjs/packages/aurora/src/components/label/label_variants.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
-
-var labelVariants = index.cva('aurora-text-s aurora-font-medium aurora-leading-none');
-
-exports.labelVariants = labelVariants;
-//# sourceMappingURL=label_variants.js.map

package/build/cjs/packages/aurora/src/components/label/label_variants.js.map

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

package/build/cjs/packages/aurora/src/components/select/components/select_value.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var SelectPrimitive = require('@radix-ui/react-select');
-
-var SelectValue = SelectPrimitive.Value;
-
-exports.SelectValue = SelectValue;
-//# sourceMappingURL=select_value.js.map