@dreamcommerce/aurora 3.1.60-6 → 3.1.60-7

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 +10 -21
  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/controls/color_picker_control/color_picker_control.js +0 -1
  4. package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map +1 -1
  5. package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +2 -2
  6. package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js +10 -21
  8. package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
  9. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +0 -1
  10. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map +1 -1
  11. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js CHANGED
@@ -39,18 +39,16 @@ 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 lastCloseAtRef = React__default['default'].useRef(0);
43
- var handleOpenChange = function handleOpenChange(value) {
44
- if (!value && isColorPickerOpened) {
45
- handleSave();
46
- lastCloseAtRef.current = Date.now();
47
- }
48
- setIsColorPickerOpened(value);
42
+ var handleClosePopover = function handleClosePopover() {
43
+ handleSave();
44
+ setIsColorPickerOpened(false);
49
45
  };
50
46
  return /*#__PURE__*/React__default['default'].createElement(popover.Popover, {
51
- modal: true,
47
+ modal: false,
52
48
  open: isColorPickerOpened,
53
- onOpenChange: handleOpenChange
49
+ onOpenChange: function onOpenChange(value) {
50
+ return !value && handleClosePopover();
51
+ }
54
52
  }, /*#__PURE__*/React__default['default'].createElement(context['default'], {
55
53
  value: safeValue,
56
54
  defaultStyles: defaultStyles,
@@ -59,20 +57,11 @@ var ColorPickerPure = /*#__PURE__*/React__default['default'].forwardRef(function
59
57
  squareHeight: color_picker_constants.COLOR_PICKER_HEIGHT,
60
58
  hideOpacity: false
61
59
  }, /*#__PURE__*/React__default['default'].createElement(popover_trigger.PopoverTrigger, {
62
- onPointerDown: function onPointerDown(ev) {
63
- if (!isColorPickerOpened) return;
64
- ev.preventDefault();
65
- ev.stopPropagation();
66
- handleOpenChange(false);
67
- },
68
60
  onClick: function onClick(ev) {
69
- if (!isColorPickerOpened && Date.now() - lastCloseAtRef.current < 150) {
70
- ev.preventDefault();
71
- ev.stopPropagation();
72
- return;
73
- }
74
61
  ev.preventDefault();
75
- handleOpenChange(true);
62
+ setIsColorPickerOpened(function (prev) {
63
+ return !prev;
64
+ });
76
65
  },
77
66
  disabled: disabled,
78
67
  className: cn.cn('aurora-w-full', triggerClassName),
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;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;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js CHANGED
@@ -37,7 +37,6 @@ var ColorPickerControl = /*#__PURE__*/React__default['default'].forwardRef(funct
37
37
  return /*#__PURE__*/React__default['default'].createElement(control.Control, {
38
38
  classname: "aurora-flex-col"
39
39
  }, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
40
- htmlFor: id,
41
40
  tooltip: tooltip,
42
41
  required: required
43
42
  }, label$1)) : null, /*#__PURE__*/React__default['default'].createElement(color_picker.ColorPicker, _rollupPluginBabelHelpers.objectSpread2({
package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.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;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;"}
package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { HTMLAttributes, ReactNode } from 'react';
1
+ import { Dispatch, HTMLAttributes, ReactNode, SetStateAction } 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'> {
@@ -96,7 +96,7 @@ export interface IColorPickerContext {
96
96
  previousSolidColor?: string;
97
97
  previousGradientColor?: string;
98
98
  isColorPickerOpened: boolean;
99
- setIsColorPickerOpened: (isOpened: boolean) => void;
99
+ setIsColorPickerOpened: Dispatch<SetStateAction<boolean>>;
100
100
  degrees: number;
101
101
  onPickShade?: (shadeValue: string) => void;
102
102
  currentSelectedVariable?: string;
package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.js.map CHANGED
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"color_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/color_picker_types.ts"],"names":[],"mappings":"AAAA,OAAoE,OAAO,CAAC;AAC5E,OAAuD,uDAAuD,CAAC;AAE/G,OAAoB,aAAa,CAAC"}
package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js CHANGED
@@ -31,18 +31,16 @@ 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 lastCloseAtRef = React__default.useRef(0);
35
- var handleOpenChange = function handleOpenChange(value) {
36
- if (!value && isColorPickerOpened) {
37
- handleSave();
38
- lastCloseAtRef.current = Date.now();
39
- }
40
- setIsColorPickerOpened(value);
34
+ var handleClosePopover = function handleClosePopover() {
35
+ handleSave();
36
+ setIsColorPickerOpened(false);
41
37
  };
42
38
  return /*#__PURE__*/React__default.createElement(Popover, {
43
- modal: true,
39
+ modal: false,
44
40
  open: isColorPickerOpened,
45
- onOpenChange: handleOpenChange
41
+ onOpenChange: function onOpenChange(value) {
42
+ return !value && handleClosePopover();
43
+ }
46
44
  }, /*#__PURE__*/React__default.createElement(PickerContextWrapper, {
47
45
  value: safeValue,
48
46
  defaultStyles: defaultStyles,
@@ -51,20 +49,11 @@ var ColorPickerPure = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
51
49
  squareHeight: COLOR_PICKER_HEIGHT,
52
50
  hideOpacity: false
53
51
  }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
54
- onPointerDown: function onPointerDown(ev) {
55
- if (!isColorPickerOpened) return;
56
- ev.preventDefault();
57
- ev.stopPropagation();
58
- handleOpenChange(false);
59
- },
60
52
  onClick: function onClick(ev) {
61
- if (!isColorPickerOpened && Date.now() - lastCloseAtRef.current < 150) {
62
- ev.preventDefault();
63
- ev.stopPropagation();
64
- return;
65
- }
66
53
  ev.preventDefault();
67
- handleOpenChange(true);
54
+ setIsColorPickerOpened(function (prev) {
55
+ return !prev;
56
+ });
68
57
  },
69
58
  disabled: disabled,
70
59
  className: cn('aurora-w-full', triggerClassName),
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;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;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js CHANGED
@@ -29,7 +29,6 @@ var ColorPickerControl = /*#__PURE__*/React__default.forwardRef(function (_ref,
29
29
  return /*#__PURE__*/React__default.createElement(Control, {
30
30
  classname: "aurora-flex-col"
31
31
  }, label ? (/*#__PURE__*/React__default.createElement(Label, {
32
- htmlFor: id,
33
32
  tooltip: tooltip,
34
33
  required: required
35
34
  }, label)) : null, /*#__PURE__*/React__default.createElement(ColorPicker, _objectSpread2({
package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.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;"}
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;"}
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.60-6",
5
+ "version": "3.1.60-7",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",