@dreamcommerce/aurora 3.0.0-302 → 3.0.0-303
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/components/color_picker_gradient_controls/color_picker_gradient_angle.js +1 -0
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js +6 -4
- package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +4 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +1 -0
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js +6 -4
- package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
- package/build/index.css +1 -1
- package/package.json +1 -1
|
@@ -19,6 +19,7 @@ var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
|
|
|
19
19
|
var _useColorPicker = use_color_picker.useColorPicker(),
|
|
20
20
|
degrees = _useColorPicker.degrees;
|
|
21
21
|
var handleDegrees = function handleDegrees(e) {
|
|
22
|
+
console.log(e.target.value);
|
|
22
23
|
var newValue = formatters.formatInputValues(e.target.value, 0, 360);
|
|
23
24
|
var remaining = value.split(/,(.+)/)[1];
|
|
24
25
|
onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,6FAAiG;AAC1H,sBAAsB,oFAAwF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,yBAAyB,6FAAiG;AAC1H,sBAAsB,oFAAwF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/pure_color_picker.js
CHANGED
|
@@ -17,13 +17,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
17
17
|
|
|
18
18
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
19
|
|
|
20
|
-
var _excluded = ["id", "name", "errors", "disabled", "className"];
|
|
20
|
+
var _excluded = ["id", "name", "errors", "disabled", "className", "children", "contentClassname"];
|
|
21
21
|
var ColorPickerPure = function ColorPickerPure(_ref) {
|
|
22
22
|
var id = _ref.id,
|
|
23
23
|
name = _ref.name,
|
|
24
24
|
errors = _ref.errors,
|
|
25
25
|
disabled = _ref.disabled,
|
|
26
26
|
className = _ref.className,
|
|
27
|
+
children = _ref.children,
|
|
28
|
+
contentClassname = _ref.contentClassname,
|
|
27
29
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
28
30
|
var _useColorPicker = use_color_picker.useColorPicker(),
|
|
29
31
|
color = _useColorPicker.color,
|
|
@@ -45,7 +47,7 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
|
|
|
45
47
|
},
|
|
46
48
|
disabled: disabled,
|
|
47
49
|
className: "aurora-w-full"
|
|
48
|
-
}, /*#__PURE__*/React__default['default'].createElement(color_label_input.ColorPickerInput, {
|
|
50
|
+
}, !children && (/*#__PURE__*/React__default['default'].createElement(color_label_input.ColorPickerInput, {
|
|
49
51
|
id: id,
|
|
50
52
|
name: name,
|
|
51
53
|
errors: errors,
|
|
@@ -55,8 +57,8 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
|
|
|
55
57
|
cssColor: color,
|
|
56
58
|
size: "big"
|
|
57
59
|
})
|
|
58
|
-
})), /*#__PURE__*/React__default['default'].createElement(popover_content.PopoverContent, _rollupPluginBabelHelpers.objectSpread2({
|
|
59
|
-
className: cn.cn('aurora-rounded-16 aurora-overflow-hidden', className)
|
|
60
|
+
})), children), /*#__PURE__*/React__default['default'].createElement(popover_content.PopoverContent, _rollupPluginBabelHelpers.objectSpread2({
|
|
61
|
+
className: cn.cn('aurora-rounded-16 aurora-overflow-hidden', contentClassname, className)
|
|
60
62
|
}, rest), /*#__PURE__*/React__default['default'].createElement(color_picker_content.ColorPickerContent, null))));
|
|
61
63
|
};
|
|
62
64
|
|
package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map
CHANGED
|
@@ -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;"}
|
|
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;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from "./color_picker_constants";
|
|
3
3
|
import { Any } from 'ts-toolbelt';
|
|
4
4
|
export interface IColorPickerPureProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
@@ -6,6 +6,8 @@ export interface IColorPickerPureProps extends Omit<HTMLAttributes<HTMLDivElemen
|
|
|
6
6
|
name?: string;
|
|
7
7
|
errors?: string | string[];
|
|
8
8
|
disabled?: boolean;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
contentClassname?: string;
|
|
9
11
|
}
|
|
10
12
|
export interface IColorPickerColorVariables {
|
|
11
13
|
isVisible: boolean;
|
|
@@ -29,6 +31,7 @@ export interface IColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>,
|
|
|
29
31
|
onCancel?: () => void;
|
|
30
32
|
onSave?: (color: IColorPickerColor) => void;
|
|
31
33
|
disabled?: boolean;
|
|
34
|
+
contentClassname?: string;
|
|
32
35
|
}
|
|
33
36
|
export interface IColorPickerContext {
|
|
34
37
|
color: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/color_picker_types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"color_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/color_picker_types.ts"],"names":[],"mappings":"AAAA,OAA0C,OAAO,CAAC;AAClD,OAAuD,uDAAuD,CAAC;AAE/G,OAAoB,aAAa,CAAC"}
|
|
@@ -11,6 +11,7 @@ var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
|
|
|
11
11
|
var _useColorPicker = useColorPicker(),
|
|
12
12
|
degrees = _useColorPicker.degrees;
|
|
13
13
|
var handleDegrees = function handleDegrees(e) {
|
|
14
|
+
console.log(e.target.value);
|
|
14
15
|
var newValue = formatInputValues(e.target.value, 0, 360);
|
|
15
16
|
var remaining = value.split(/,(.+)/)[1];
|
|
16
17
|
onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,kCAAkC,6FAAiG;AACnI,0BAA0B,oFAAwF;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,kCAAkC,6FAAiG;AACnI,0BAA0B,oFAAwF;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js
CHANGED
|
@@ -9,13 +9,15 @@ import { ColorPickerContent } from './color_picker_content.js';
|
|
|
9
9
|
import { ColorPickerInput } from './color_label_input.js';
|
|
10
10
|
import { PopoverContent } from '../../popover/components/popover_content.js';
|
|
11
11
|
|
|
12
|
-
var _excluded = ["id", "name", "errors", "disabled", "className"];
|
|
12
|
+
var _excluded = ["id", "name", "errors", "disabled", "className", "children", "contentClassname"];
|
|
13
13
|
var ColorPickerPure = function ColorPickerPure(_ref) {
|
|
14
14
|
var id = _ref.id,
|
|
15
15
|
name = _ref.name,
|
|
16
16
|
errors = _ref.errors,
|
|
17
17
|
disabled = _ref.disabled,
|
|
18
18
|
className = _ref.className,
|
|
19
|
+
children = _ref.children,
|
|
20
|
+
contentClassname = _ref.contentClassname,
|
|
19
21
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
20
22
|
var _useColorPicker = useColorPicker(),
|
|
21
23
|
color = _useColorPicker.color,
|
|
@@ -37,7 +39,7 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
|
|
|
37
39
|
},
|
|
38
40
|
disabled: disabled,
|
|
39
41
|
className: "aurora-w-full"
|
|
40
|
-
}, /*#__PURE__*/React.createElement(ColorPickerInput, {
|
|
42
|
+
}, !children && (/*#__PURE__*/React.createElement(ColorPickerInput, {
|
|
41
43
|
id: id,
|
|
42
44
|
name: name,
|
|
43
45
|
errors: errors,
|
|
@@ -47,8 +49,8 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
|
|
|
47
49
|
cssColor: color,
|
|
48
50
|
size: "big"
|
|
49
51
|
})
|
|
50
|
-
})), /*#__PURE__*/React.createElement(PopoverContent, _objectSpread2({
|
|
51
|
-
className: cn('aurora-rounded-16 aurora-overflow-hidden', className)
|
|
52
|
+
})), children), /*#__PURE__*/React.createElement(PopoverContent, _objectSpread2({
|
|
53
|
+
className: cn('aurora-rounded-16 aurora-overflow-hidden', contentClassname, className)
|
|
52
54
|
}, rest), /*#__PURE__*/React.createElement(ColorPickerContent, null))));
|
|
53
55
|
};
|
|
54
56
|
|
package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map
CHANGED
|
@@ -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;"}
|
|
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;"}
|