@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.
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_impl/picker_impl.js +11 -2
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_impl/picker_impl.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/stack/index.js +2 -0
- package/build/cjs/packages/aurora/src/components/stack/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_impl/picker_impl.js +11 -2
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_impl/picker_impl.js.map +1 -1
- package/build/esm/packages/aurora/src/components/stack/index.js +2 -0
- package/build/esm/packages/aurora/src/components/stack/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/stack/stack_types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -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(
|
|
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(
|
|
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>;
|