@dreamcommerce/aurora 3.1.44 → 3.1.45-3

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.
Files changed (11) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js +4 -12
  2. package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +8 -1
  4. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js +1 -1
  6. package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js +5 -13
  7. package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
  8. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +8 -1
  9. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  10. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js +1 -1
  11. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js CHANGED
@@ -39,22 +39,15 @@ var ColorPickerPure = /*#__PURE__*/React__default['default'].forwardRef(function
39
39
  handleSave = _useColorPicker.handleSave;
40
40
  var safeValue = utils.objectToString(color);
41
41
  var defaultStyles = styles.getStyles(true);
42
- var openedAtRef = React.useRef(null);
43
- var handleOpenChange = function handleOpenChange(value) {
44
- if (value) {
45
- setIsColorPickerOpened(true);
46
- return;
47
- }
48
- var elapsed = openedAtRef.current ? performance.now() - openedAtRef.current : null;
49
- if (elapsed !== null && elapsed < 500) {
50
- return;
51
- }
42
+ var handleClosePopover = function handleClosePopover() {
52
43
  handleSave();
53
44
  setIsColorPickerOpened(false);
54
45
  };
55
46
  return /*#__PURE__*/React__default['default'].createElement(popover.Popover, {
56
47
  open: isColorPickerOpened,
57
- onOpenChange: handleOpenChange
48
+ onOpenChange: function onOpenChange(value) {
49
+ return !value && handleClosePopover();
50
+ }
58
51
  }, /*#__PURE__*/React__default['default'].createElement(context['default'], {
59
52
  value: safeValue,
60
53
  defaultStyles: defaultStyles,
@@ -65,7 +58,6 @@ var ColorPickerPure = /*#__PURE__*/React__default['default'].forwardRef(function
65
58
  }, /*#__PURE__*/React__default['default'].createElement(popover_trigger.PopoverTrigger, {
66
59
  onClick: function onClick(ev) {
67
60
  ev.preventDefault();
68
- openedAtRef.current = performance.now();
69
61
  setIsColorPickerOpened(true);
70
62
  },
71
63
  disabled: disabled,
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,oBAAoB,qFAAyF;AAC7G,sBAAsB,iFAAqF;AAC3G,qBAAqB,uFAA2F;AAChH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,qFAAyF;AAC7G,sBAAsB,iFAAqF;AAC3G,qBAAqB,uFAA2F;AAChH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/hooks/setup_color_picker.js CHANGED
@@ -69,7 +69,14 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
69
69
  setA = _useBestGradientColor.setA,
70
70
  isGradient = _useBestGradientColor.isGradient,
71
71
  gradientType = _useBestGradientColor.gradientType;
72
- var tinyColor = color_picker_utils.ColorPickerUtils.getTinyColorInstance(colorValue);
72
+ var tinyColor = React.useMemo(function () {
73
+ return color_picker_utils.ColorPickerUtils.getTinyColorInstance({
74
+ r: rgbaArr[0],
75
+ g: rgbaArr[1],
76
+ b: rgbaArr[2],
77
+ a: rgbaArr[3]
78
+ });
79
+ }, [rgbaArr]);
73
80
  var hex = color_picker_utils.ColorPickerUtils.getHexValue(tinyColor);
74
81
  var alpha = rgbaArr[3] * 100;
75
82
  var setSolid = React.useCallback(function (value) {
package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_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,oBAAoB,qFAAyF;AAC7G,6BAA6B,8FAAkG;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,qFAAyF;AAC7G,6BAA6B,8FAAkG;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/time_picker/components/time_picker_content.js CHANGED
@@ -19,7 +19,7 @@ var TimePickerContent = function TimePickerContent(_ref) {
19
19
  onCancel = _ref.onCancel,
20
20
  onChoose = _ref.onChoose;
21
21
  return /*#__PURE__*/React__default['default'].createElement(popover_content.PopoverContent, {
22
- className: "aurora-bg-neutral-0 aurora-w-[264px] aurora-rounded-16 aurora-border aurora-border-strong aurora-shadow-l aurora-overflow-hidden js__aurora-timepicker-dropdown"
22
+ className: "aurora-relative aurora-z-[1000] aurora-bg-neutral-0 aurora-w-[264px] aurora-rounded-16 aurora-border aurora-border-strong aurora-shadow-l aurora-overflow-hidden js__aurora-timepicker-dropdown"
23
23
  }, /*#__PURE__*/React__default['default'].createElement(time_picker_time_selector.TimePickerTimeSelector, {
24
24
  hour: hour,
25
25
  minute: minute,
package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js CHANGED
@@ -1,4 +1,4 @@
1
- import React__default, { useRef } from 'react';
1
+ import React__default from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { cn } from '../../../utilities/cn.js';
4
4
  import { Popover } from '../../popover/popover.js';
@@ -31,22 +31,15 @@ var ColorPickerPure = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
31
31
  handleSave = _useColorPicker.handleSave;
32
32
  var safeValue = objectToString(color);
33
33
  var defaultStyles = getStyles(true);
34
- var openedAtRef = useRef(null);
35
- var handleOpenChange = function handleOpenChange(value) {
36
- if (value) {
37
- setIsColorPickerOpened(true);
38
- return;
39
- }
40
- var elapsed = openedAtRef.current ? performance.now() - openedAtRef.current : null;
41
- if (elapsed !== null && elapsed < 500) {
42
- return;
43
- }
34
+ var handleClosePopover = function handleClosePopover() {
44
35
  handleSave();
45
36
  setIsColorPickerOpened(false);
46
37
  };
47
38
  return /*#__PURE__*/React__default.createElement(Popover, {
48
39
  open: isColorPickerOpened,
49
- onOpenChange: handleOpenChange
40
+ onOpenChange: function onOpenChange(value) {
41
+ return !value && handleClosePopover();
42
+ }
50
43
  }, /*#__PURE__*/React__default.createElement(PickerContextWrapper, {
51
44
  value: safeValue,
52
45
  defaultStyles: defaultStyles,
@@ -57,7 +50,6 @@ var ColorPickerPure = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
57
50
  }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
58
51
  onClick: function onClick(ev) {
59
52
  ev.preventDefault();
60
- openedAtRef.current = performance.now();
61
53
  setIsColorPickerOpened(true);
62
54
  },
63
55
  disabled: disabled,
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,+BAA+B,qFAAyF;AACxH,iCAAiC,iFAAqF;AACtH,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,qFAAyF;AACxH,iCAAiC,iFAAqF;AACtH,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/hooks/setup_color_picker.js CHANGED
@@ -65,7 +65,14 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
65
65
  setA = _useBestGradientColor.setA,
66
66
  isGradient = _useBestGradientColor.isGradient,
67
67
  gradientType = _useBestGradientColor.gradientType;
68
- var tinyColor = ColorPickerUtils.getTinyColorInstance(colorValue);
68
+ var tinyColor = useMemo(function () {
69
+ return ColorPickerUtils.getTinyColorInstance({
70
+ r: rgbaArr[0],
71
+ g: rgbaArr[1],
72
+ b: rgbaArr[2],
73
+ a: rgbaArr[3]
74
+ });
75
+ }, [rgbaArr]);
69
76
  var hex = ColorPickerUtils.getHexValue(tinyColor);
70
77
  var alpha = rgbaArr[3] * 100;
71
78
  var setSolid = useCallback(function (value) {
package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,2BAA2B,qFAAyF;AACpH,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,qFAAyF;AACpH,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/time_picker/components/time_picker_content.js CHANGED
@@ -11,7 +11,7 @@ var TimePickerContent = function TimePickerContent(_ref) {
11
11
  onCancel = _ref.onCancel,
12
12
  onChoose = _ref.onChoose;
13
13
  return /*#__PURE__*/React__default.createElement(PopoverContent, {
14
- className: "aurora-bg-neutral-0 aurora-w-[264px] aurora-rounded-16 aurora-border aurora-border-strong aurora-shadow-l aurora-overflow-hidden js__aurora-timepicker-dropdown"
14
+ className: "aurora-relative aurora-z-[1000] aurora-bg-neutral-0 aurora-w-[264px] aurora-rounded-16 aurora-border aurora-border-strong aurora-shadow-l aurora-overflow-hidden js__aurora-timepicker-dropdown"
15
15
  }, /*#__PURE__*/React__default.createElement(TimePickerTimeSelector, {
16
16
  hour: hour,
17
17
  minute: minute,
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": "3.1.44",
5
+ "version": "3.1.45-3",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",