@dreamcommerce/aurora 2.23.1 → 2.23.2-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
+ var index = require('../../../stack/index.js');
7
8
  var css_classes = require('../../css_classes.js');
8
9
  var main_module = require('../../../../css/color_picker_new/main.module.less.js');
9
10
  var Square = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/components/Square.js');
@@ -25,13 +26,21 @@ var PickerImpl = function PickerImpl() {
25
26
 
26
27
  return /*#__PURE__*/React__default['default'].createElement("div", {
27
28
  className: classnames__default['default'](css_classes.cssColorPickerImpl, main_module['default'][css_classes.cssColorPickerImpl])
28
- }, /*#__PURE__*/React__default['default'].createElement(color_picker_controls.ColorPickerControls, null), /*#__PURE__*/React__default['default'].createElement("div", {
29
+ }, /*#__PURE__*/React__default['default'].createElement(color_picker_controls.ColorPickerControls, null), /*#__PURE__*/React__default['default'].createElement(index['default'], {
30
+ spacing: 8,
31
+ direction: "column",
32
+ onMouseDown: function onMouseDown(ev) {
33
+ return (// Prevents whole page from being selected when dragging
34
+ ev.preventDefault()
35
+ );
36
+ }
37
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
29
38
  className: main_module['default'][css_classes.cssColorPickerSquare]
30
39
  }, /*#__PURE__*/React__default['default'].createElement(Square['default'], null)), /*#__PURE__*/React__default['default'].createElement("div", {
31
40
  className: main_module['default'][css_classes.cssColorPickerHue]
32
41
  }, /*#__PURE__*/React__default['default'].createElement(Hue['default'], null)), /*#__PURE__*/React__default['default'].createElement("div", {
33
42
  className: main_module['default'][css_classes.cssColorPickerOpacity]
34
- }, /*#__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);
43
+ }, /*#__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);
35
44
  };
36
45
 
37
46
  exports.PickerImpl = PickerImpl;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,8FAAkG;AACvH,kBAAkB,2FAA+F;AACjH,sBAAsB,+FAAmG;AACzH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,8FAAkG;AACvH,kBAAkB,2FAA+F;AACjH,sBAAsB,+FAAmG;AACzH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -36,6 +36,7 @@ var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
36
36
  style = _ref$style === void 0 ? {} : _ref$style,
37
37
  onMouseLeave = _ref.onMouseLeave,
38
38
  onMouseEnter = _ref.onMouseEnter,
39
+ onMouseDown = _ref.onMouseDown,
39
40
  attributes = _ref.attributes,
40
41
  onClick = _ref.onClick;
41
42
  var stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? main_module['default'][stack_constants.STACK_CSS_CLASSES.inline] : '', className);
@@ -63,6 +64,7 @@ var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
63
64
  }, style),
64
65
  onMouseEnter: onMouseEnter,
65
66
  onMouseLeave: onMouseLeave,
67
+ onMouseDown: onMouseDown,
66
68
  onClick: onClick
67
69
  }, children);
68
70
  });
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import classnames from 'classnames';
3
+ import Stack from '../../../stack/index.js';
3
4
  import { cssColorPickerImpl, cssColorPickerSquare, cssColorPickerHue, cssColorPickerOpacity } from '../../css_classes.js';
4
5
  import styles from '../../../../css/color_picker_new/main.module.less.js';
5
6
  import Square from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/components/Square.js';
@@ -16,13 +17,21 @@ var PickerImpl = function PickerImpl() {
16
17
 
17
18
  return /*#__PURE__*/React.createElement("div", {
18
19
  className: classnames(cssColorPickerImpl, styles[cssColorPickerImpl])
19
- }, /*#__PURE__*/React.createElement(ColorPickerControls, null), /*#__PURE__*/React.createElement("div", {
20
+ }, /*#__PURE__*/React.createElement(ColorPickerControls, null), /*#__PURE__*/React.createElement(Stack, {
21
+ spacing: 8,
22
+ direction: "column",
23
+ onMouseDown: function onMouseDown(ev) {
24
+ return (// Prevents whole page from being selected when dragging
25
+ ev.preventDefault()
26
+ );
27
+ }
28
+ }, /*#__PURE__*/React.createElement("div", {
20
29
  className: styles[cssColorPickerSquare]
21
30
  }, /*#__PURE__*/React.createElement(Square, null)), /*#__PURE__*/React.createElement("div", {
22
31
  className: styles[cssColorPickerHue]
23
32
  }, /*#__PURE__*/React.createElement(Hue, null)), /*#__PURE__*/React.createElement("div", {
24
33
  className: styles[cssColorPickerOpacity]
25
- }, /*#__PURE__*/React.createElement(Opacity, null)), /*#__PURE__*/React.createElement(ColorPickerInputs, null), !isCurrentValueGradient ? /*#__PURE__*/React.createElement(ColorPickerShades, null) : null);
34
+ }, /*#__PURE__*/React.createElement(Opacity, null))), /*#__PURE__*/React.createElement(ColorPickerInputs, null), !isCurrentValueGradient ? /*#__PURE__*/React.createElement(ColorPickerShades, null) : null);
26
35
  };
27
36
 
28
37
  export { PickerImpl };
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,mBAAmB,8FAAkG;AACrH,gBAAgB,2FAA+F;AAC/G,oBAAoB,+FAAmG;AACvH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,mBAAmB,8FAAkG;AACrH,gBAAgB,2FAA+F;AAC/G,oBAAoB,+FAAmG;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;"}
@@ -27,6 +27,7 @@ var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
27
27
  style = _ref$style === void 0 ? {} : _ref$style,
28
28
  onMouseLeave = _ref.onMouseLeave,
29
29
  onMouseEnter = _ref.onMouseEnter,
30
+ onMouseDown = _ref.onMouseDown,
30
31
  attributes = _ref.attributes,
31
32
  onClick = _ref.onClick;
32
33
  var stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? cssClasses[STACK_CSS_CLASSES.inline] : '', className);
@@ -54,6 +55,7 @@ var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
54
55
  }, style),
55
56
  onMouseEnter: onMouseEnter,
56
57
  onMouseLeave: onMouseLeave,
58
+ onMouseDown: onMouseDown,
57
59
  onClick: onClick
58
60
  }, children);
59
61
  });
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -16,6 +16,7 @@ export declare type TStackProps = {
16
16
  onMouseLeave?: (event: React.MouseEvent) => void;
17
17
  attributes?: Record<string, any>;
18
18
  onClick?: (event: React.MouseEvent) => void;
19
+ onMouseDown?: (event: React.MouseEvent) => void;
19
20
  };
20
21
  export declare type TStackJustify = Any.Keys<typeof STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP>;
21
22
  export declare type TStackDirection = Any.Keys<typeof STACK_DIRECTIONS_TO_CSS_CLASSES_MAP>;
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.23.1",
5
+ "version": "2.23.2-0",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",