@dreamcommerce/aurora 3.1.54 → 3.1.55-1

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 (37) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +4 -2
  2. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js +12 -5
  4. package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_content.js +1 -0
  6. package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_content.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/modal/hooks/use_modal_container.js +24 -0
  8. package/build/cjs/packages/aurora/src/components/modal/hooks/use_modal_container.js.map +1 -0
  9. package/build/cjs/packages/aurora/src/components/select/components/select_content.js +7 -2
  10. package/build/cjs/packages/aurora/src/components/select/components/select_content.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/components/select/select.js +5 -2
  12. package/build/cjs/packages/aurora/src/components/select/select.js.map +1 -1
  13. package/build/cjs/packages/aurora/src/utilities/merge_refs.js +34 -0
  14. package/build/cjs/packages/aurora/src/utilities/merge_refs.js.map +1 -0
  15. package/build/cjs/packages/aurora/tailwind.config.js +2 -2
  16. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts +3 -1
  17. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +4 -2
  18. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  19. package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js +12 -5
  20. package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js.map +1 -1
  21. package/build/esm/packages/aurora/src/components/modal/components/modal/modal_content.js +1 -0
  22. package/build/esm/packages/aurora/src/components/modal/components/modal/modal_content.js.map +1 -1
  23. package/build/esm/packages/aurora/src/components/modal/hooks/use_modal_container.d.ts +2 -0
  24. package/build/esm/packages/aurora/src/components/modal/hooks/use_modal_container.js +20 -0
  25. package/build/esm/packages/aurora/src/components/modal/hooks/use_modal_container.js.map +1 -0
  26. package/build/esm/packages/aurora/src/components/select/components/select_content.js +7 -2
  27. package/build/esm/packages/aurora/src/components/select/components/select_content.js.map +1 -1
  28. package/build/esm/packages/aurora/src/components/select/select.js +6 -3
  29. package/build/esm/packages/aurora/src/components/select/select.js.map +1 -1
  30. package/build/esm/packages/aurora/src/components/select/select_types.d.ts +1 -0
  31. package/build/esm/packages/aurora/src/utilities/merge_refs.d.ts +3 -0
  32. package/build/esm/packages/aurora/src/utilities/merge_refs.js +29 -0
  33. package/build/esm/packages/aurora/src/utilities/merge_refs.js.map +1 -0
  34. package/build/esm/packages/aurora/tailwind.config.js +2 -2
  35. package/build/index.css +1 -1
  36. package/build/tailwind.config.js +2 -2
  37. package/package.json +2 -2
package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js CHANGED
@@ -15,6 +15,7 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
15
15
  onChange = _ref.onChange,
16
16
  onCancel = _ref.onCancel,
17
17
  onSave = _ref.onSave,
18
+ onPickShade = _ref.onPickShade,
18
19
  colorVariables = _ref.colorVariables,
19
20
  _ref$withGradient = _ref.withGradient,
20
21
  isWithGradient = _ref$withGradient === void 0 ? false : _ref$withGradient;
@@ -149,9 +150,10 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
149
150
  degrees: degrees,
150
151
  currentSelectedVariable: currentSelectedVariable,
151
152
  setInputRef: setInputRef,
152
- blurInput: blurInput
153
+ blurInput: blurInput,
154
+ onPickShade: onPickShade
153
155
  };
154
- }, [alpha, colorValue, colorVariables, currentSelectedVariable, degrees, gradientType, handleCancel, handleOnChangeAlpha, handleSave, hex, hslArr, isColorPickerOpened, isGradient, previousGradientColor, previousSolidColor, rgbaArr, setB, setColor, setG, setLinear, setR, setRadial, setSolid, withGradient, setInputRef, blurInput]);
156
+ }, [alpha, colorValue, colorVariables, currentSelectedVariable, degrees, gradientType, handleCancel, handleOnChangeAlpha, handleSave, hex, hslArr, isColorPickerOpened, isGradient, previousGradientColor, previousSolidColor, rgbaArr, setB, setColor, setG, setLinear, setR, setRadial, setSolid, withGradient, setInputRef, blurInput, onPickShade]);
155
157
  };
156
158
 
157
159
  exports.default = useSetupColorPicker;
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;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;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js CHANGED
@@ -47,7 +47,7 @@ var Modal = function Modal(_ref) {
47
47
  addModal(name);
48
48
  if (initiallyVisibleRef.current) showModal(name);
49
49
  return function () {
50
- return removeModal(name);
50
+ removeModal(name);
51
51
  };
52
52
  }, [name, addModal, removeModal, showModal]);
53
53
  var renderModal = name === openModalName;
@@ -56,11 +56,18 @@ var Modal = function Modal(_ref) {
56
56
  return /*#__PURE__*/React__default['default'].createElement(index.Root, {
57
57
  open: renderModal || forceOpen,
58
58
  onOpenChange: function onOpenChange(open) {
59
- if (!open) closeModal();
59
+ if (!open) {
60
+ closeModal();
61
+ setTimeout(function () {
62
+ if (openedModals.length === 0 || openedModals.length === 1 && openedModals[0] === name) {
63
+ document.body.style.removeProperty('pointer-events');
64
+ }
65
+ }, 500);
66
+ }
60
67
  }
61
68
  }, /*#__PURE__*/React__default['default'].createElement(index.Portal, null, /*#__PURE__*/React__default['default'].createElement(index.Overlay, {
62
- className: cn.cn('data-[state=open]:aurora-animate-modal-backdrop-fade-in data-[state=closed]:aurora-animate-modal-backdrop-fade-out aurora-fixed aurora-inset-0 aurora-z-[999] aurora-bg-inverse aurora-opacity-70 js__modal-mask', hidden && 'aurora-hidden')
63
- }), /*#__PURE__*/React__default['default'].createElement(modal_content.ModalContent, {
69
+ className: cn.cn('data-[state=open]:aurora-animate-modal-backdrop-fade-in data-[state=closed]:aurora-animate-modal-backdrop-fade-out aurora-fixed aurora-inset-0 aurora-z-[999] aurora-bg-[#03081cb3] js__modal-mask', hidden && 'aurora-hidden')
70
+ }, /*#__PURE__*/React__default['default'].createElement(modal_content.ModalContent, {
64
71
  name: name,
65
72
  width: width,
66
73
  header: header,
@@ -68,7 +75,7 @@ var Modal = function Modal(_ref) {
68
75
  closeOnOutsideClick: closeOnOutsideClick,
69
76
  closeOnEscButton: closeOnEscButton,
70
77
  className: cn.cn(hidden && 'aurora-hidden')
71
- }, children)));
78
+ }, children))));
72
79
  };
73
80
 
74
81
  exports.Modal = Modal;
package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.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,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/modal/components/modal/modal_content.js CHANGED
@@ -43,6 +43,7 @@ var ModalContent = /*#__PURE__*/React__default['default'].forwardRef(function (_
43
43
  if (!closeOnOutsideClick) e.preventDefault();
44
44
  },
45
45
  "data-modal-id": name,
46
+ "data-modal-content": "true",
46
47
  "data-test-id": "modal",
47
48
  className: cn.cn(modal_variants.modalVariants({
48
49
  width: width
package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_content.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,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/modal/hooks/use_modal_container.js ADDED
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
+
8
+ var useModalContainer = function useModalContainer(elementRef) {
9
+ var _useState = React.useState(null),
10
+ _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
11
+ container = _useState2[0],
12
+ setContainer = _useState2[1];
13
+ React.useEffect(function () {
14
+ if (!elementRef.current) return;
15
+ var modalContent = elementRef.current.closest('[data-modal-content="true"]');
16
+ if (modalContent) {
17
+ setContainer(modalContent);
18
+ }
19
+ }, [elementRef]);
20
+ return container;
21
+ };
22
+
23
+ exports.useModalContainer = useModalContainer;
24
+ //# sourceMappingURL=use_modal_container.js.map
package/build/cjs/packages/aurora/src/components/modal/hooks/use_modal_container.js.map ADDED
@@ -0,0 +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;"}
package/build/cjs/packages/aurora/src/components/select/components/select_content.js CHANGED
@@ -12,12 +12,13 @@ var select_item = require('./select_item.js');
12
12
  var select_search = require('./select_search.js');
13
13
  var select_utils = require('../select_utils.js');
14
14
  var select_variants = require('./select_variants.js');
15
+ var use_modal_container = require('../../modal/hooks/use_modal_container.js');
15
16
 
16
17
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
18
 
18
19
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
20
 
20
- var _excluded = ["className", "options", "hasSearch", "searchPlaceholder", "search", "onSearch", "innerAdditionalContent", "position", "onScroll", "enableLocalSearch", "localSearchNotFoundContent", "hasMinDropdownWidth"];
21
+ var _excluded = ["className", "options", "hasSearch", "searchPlaceholder", "search", "onSearch", "innerAdditionalContent", "position", "onScroll", "enableLocalSearch", "localSearchNotFoundContent", "hasMinDropdownWidth", "triggerRef"];
21
22
  var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
22
23
  var className = _ref.className,
23
24
  options = _ref.options,
@@ -32,9 +33,13 @@ var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (
32
33
  enableLocalSearch = _ref.enableLocalSearch,
33
34
  localSearchNotFoundContent = _ref.localSearchNotFoundContent,
34
35
  hasMinDropdownWidth = _ref.hasMinDropdownWidth,
36
+ triggerRef = _ref.triggerRef,
35
37
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
38
+ var detectedContainer = use_modal_container.useModalContainer(triggerRef);
36
39
  var localSearchVisibleItems = 0;
37
- return /*#__PURE__*/React__default['default'].createElement(index.Portal, null, /*#__PURE__*/React__default['default'].createElement(index.Content, _rollupPluginBabelHelpers.objectSpread2({
40
+ return /*#__PURE__*/React__default['default'].createElement(index.Portal, {
41
+ container: detectedContainer
42
+ }, /*#__PURE__*/React__default['default'].createElement(index.Content, _rollupPluginBabelHelpers.objectSpread2({
38
43
  ref: ref,
39
44
  className: cn.cn(select_variants.selectContentVariants({
40
45
  hasMinDropdownWidth: hasMinDropdownWidth
package/build/cjs/packages/aurora/src/components/select/components/select_content.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,qEAAyE;AAC7F,sBAAsB,0EAA8E;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qEAAyE;AAC7F,sBAAsB,0EAA8E;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/select/select.js CHANGED
@@ -10,6 +10,7 @@ var close_circle_fill_icon = require('../../assets/icons/close_circle_fill_icon.
10
10
  var select_content = require('./components/select_content.js');
11
11
  var select_trigger = require('./components/select_trigger.js');
12
12
  var use_select_value = require('./hooks/use_select_value.js');
13
+ var merge_refs = require('../../utilities/merge_refs.js');
13
14
 
14
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
16
 
@@ -78,6 +79,7 @@ var Select = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
78
79
  if (onClose && !open) onClose();
79
80
  };
80
81
  var showPlaceholder = !selectedOption;
82
+ var triggerRef = React.useRef(null);
81
83
  return /*#__PURE__*/React__default['default'].createElement(index.Root, _rollupPluginBabelHelpers.objectSpread2({
82
84
  value: (_selectedOption$value = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== null && _selectedOption$value !== void 0 ? _selectedOption$value : '',
83
85
  onValueChange: handleChange,
@@ -93,7 +95,7 @@ var Select = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
93
95
  height: height,
94
96
  padding: padding,
95
97
  stopPropagation: stopPropagation,
96
- ref: ref,
98
+ ref: merge_refs.mergeRefs([ref, triggerRef]),
97
99
  clearValueButton: value && hasClearValueButton && onValueChange && (/*#__PURE__*/React__default['default'].createElement("div", {
98
100
  onPointerDown: function onPointerDown(e) {
99
101
  return e.stopPropagation();
@@ -119,7 +121,8 @@ var Select = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
119
121
  enableLocalSearch: enableLocalSearch,
120
122
  localSearchNotFoundContent: localSearchNotFoundContent,
121
123
  hasMinDropdownWidth: hasMinDropdownWidth,
122
- className: contentClassName
124
+ className: contentClassName,
125
+ triggerRef: triggerRef
123
126
  }));
124
127
  });
125
128
  Select.displayName = index.Root.displayName;
package/build/cjs/packages/aurora/src/components/select/select.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,kEAAsE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,kEAAsE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/utilities/merge_refs.js ADDED
@@ -0,0 +1,34 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('react');
6
+ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
7
+
8
+ function mergeRefs(refs) {
9
+ return function (value) {
10
+ var _iterator = _rollupPluginBabelHelpers.createForOfIteratorHelper(refs),
11
+ _step;
12
+ try {
13
+ for (_iterator.s(); !(_step = _iterator.n()).done;) {
14
+ var ref = _step.value;
15
+ assignRef(ref, value);
16
+ }
17
+ } catch (err) {
18
+ _iterator.e(err);
19
+ } finally {
20
+ _iterator.f();
21
+ }
22
+ };
23
+ }
24
+ function assignRef(ref, value) {
25
+ if (typeof ref === 'function') {
26
+ return ref(value);
27
+ } else if (ref) {
28
+ ref.current = value;
29
+ }
30
+ }
31
+
32
+ exports.assignRef = assignRef;
33
+ exports.mergeRefs = mergeRefs;
34
+ //# sourceMappingURL=merge_refs.js.map
package/build/cjs/packages/aurora/src/utilities/merge_refs.js.map ADDED
@@ -0,0 +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;"}
package/build/cjs/packages/aurora/tailwind.config.js CHANGED
@@ -376,12 +376,12 @@ var tailwind_config = {
376
376
  opacity: '0'
377
377
  },
378
378
  to: {
379
- opacity: '0.7'
379
+ opacity: '1'
380
380
  }
381
381
  },
382
382
  'modal-backdrop-fade-out': {
383
383
  from: {
384
- opacity: '0.7'
384
+ opacity: '1'
385
385
  },
386
386
  to: {
387
387
  opacity: '0'
package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts CHANGED
@@ -5,10 +5,11 @@ export declare type ColorPickerHookProps = {
5
5
  onChange?: (color: IColorPickerColor) => void;
6
6
  onCancel?: () => void;
7
7
  onSave?: (color: IColorPickerColor) => void;
8
+ onPickShade?: (shadeValue: string) => void;
8
9
  colorVariables?: IColorPickerColorVariables;
9
10
  withGradient?: boolean;
10
11
  };
11
- declare const useSetupColorPicker: ({ value, onChange, onCancel, onSave, colorVariables, withGradient: isWithGradient }: ColorPickerHookProps) => {
12
+ declare const useSetupColorPicker: ({ value, onChange, onCancel, onSave, onPickShade, colorVariables, withGradient: isWithGradient }: ColorPickerHookProps) => {
12
13
  color: string;
13
14
  previousSolidColor: string;
14
15
  previousGradientColor: string;
@@ -36,5 +37,6 @@ declare const useSetupColorPicker: ({ value, onChange, onCancel, onSave, colorVa
36
37
  currentSelectedVariable: string | undefined;
37
38
  setInputRef: (input: HTMLInputElement) => void;
38
39
  blurInput: () => void;
40
+ onPickShade: ((shadeValue: string) => void) | undefined;
39
41
  };
40
42
  export default useSetupColorPicker;
package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js CHANGED
@@ -11,6 +11,7 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
11
11
  onChange = _ref.onChange,
12
12
  onCancel = _ref.onCancel,
13
13
  onSave = _ref.onSave,
14
+ onPickShade = _ref.onPickShade,
14
15
  colorVariables = _ref.colorVariables,
15
16
  _ref$withGradient = _ref.withGradient,
16
17
  isWithGradient = _ref$withGradient === void 0 ? false : _ref$withGradient;
@@ -145,9 +146,10 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
145
146
  degrees: degrees,
146
147
  currentSelectedVariable: currentSelectedVariable,
147
148
  setInputRef: setInputRef,
148
- blurInput: blurInput
149
+ blurInput: blurInput,
150
+ onPickShade: onPickShade
149
151
  };
150
- }, [alpha, colorValue, colorVariables, currentSelectedVariable, degrees, gradientType, handleCancel, handleOnChangeAlpha, handleSave, hex, hslArr, isColorPickerOpened, isGradient, previousGradientColor, previousSolidColor, rgbaArr, setB, setColor, setG, setLinear, setR, setRadial, setSolid, withGradient, setInputRef, blurInput]);
152
+ }, [alpha, colorValue, colorVariables, currentSelectedVariable, degrees, gradientType, handleCancel, handleOnChangeAlpha, handleSave, hex, hslArr, isColorPickerOpened, isGradient, previousGradientColor, previousSolidColor, rgbaArr, setB, setColor, setG, setLinear, setR, setRadial, setSolid, withGradient, setInputRef, blurInput, onPickShade]);
151
153
  };
152
154
 
153
155
  export default useSetupColorPicker;
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;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;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js CHANGED
@@ -39,7 +39,7 @@ var Modal = function Modal(_ref) {
39
39
  addModal(name);
40
40
  if (initiallyVisibleRef.current) showModal(name);
41
41
  return function () {
42
- return removeModal(name);
42
+ removeModal(name);
43
43
  };
44
44
  }, [name, addModal, removeModal, showModal]);
45
45
  var renderModal = name === openModalName;
@@ -48,11 +48,18 @@ var Modal = function Modal(_ref) {
48
48
  return /*#__PURE__*/React__default.createElement(Root, {
49
49
  open: renderModal || forceOpen,
50
50
  onOpenChange: function onOpenChange(open) {
51
- if (!open) closeModal();
51
+ if (!open) {
52
+ closeModal();
53
+ setTimeout(function () {
54
+ if (openedModals.length === 0 || openedModals.length === 1 && openedModals[0] === name) {
55
+ document.body.style.removeProperty('pointer-events');
56
+ }
57
+ }, 500);
58
+ }
52
59
  }
53
60
  }, /*#__PURE__*/React__default.createElement(Portal, null, /*#__PURE__*/React__default.createElement(Overlay, {
54
- className: cn('data-[state=open]:aurora-animate-modal-backdrop-fade-in data-[state=closed]:aurora-animate-modal-backdrop-fade-out aurora-fixed aurora-inset-0 aurora-z-[999] aurora-bg-inverse aurora-opacity-70 js__modal-mask', hidden && 'aurora-hidden')
55
- }), /*#__PURE__*/React__default.createElement(ModalContent, {
61
+ className: cn('data-[state=open]:aurora-animate-modal-backdrop-fade-in data-[state=closed]:aurora-animate-modal-backdrop-fade-out aurora-fixed aurora-inset-0 aurora-z-[999] aurora-bg-[#03081cb3] js__modal-mask', hidden && 'aurora-hidden')
62
+ }, /*#__PURE__*/React__default.createElement(ModalContent, {
56
63
  name: name,
57
64
  width: width,
58
65
  header: header,
@@ -60,7 +67,7 @@ var Modal = function Modal(_ref) {
60
67
  closeOnOutsideClick: closeOnOutsideClick,
61
68
  closeOnEscButton: closeOnEscButton,
62
69
  className: cn(hidden && 'aurora-hidden')
63
- }, children)));
70
+ }, children))));
64
71
  };
65
72
 
66
73
  export { Modal };
package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,sCAAsC,wEAA4E;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;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,sCAAsC,wEAA4E;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/modal/components/modal/modal_content.js CHANGED
@@ -35,6 +35,7 @@ var ModalContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
35
35
  if (!closeOnOutsideClick) e.preventDefault();
36
36
  },
37
37
  "data-modal-id": name,
38
+ "data-modal-content": "true",
38
39
  "data-test-id": "modal",
39
40
  className: cn(modalVariants({
40
41
  width: width
package/build/esm/packages/aurora/src/components/modal/components/modal/modal_content.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,wBAAwB,wEAA4E;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,wEAA4E;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/modal/hooks/use_modal_container.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { RefObject } from 'react';
2
+ export declare const useModalContainer: (elementRef: RefObject<HTMLElement>) => HTMLElement | null;
package/build/esm/packages/aurora/src/components/modal/hooks/use_modal_container.js ADDED
@@ -0,0 +1,20 @@
1
+ import { useState, useEffect } from 'react';
2
+ import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
+
4
+ var useModalContainer = function useModalContainer(elementRef) {
5
+ var _useState = useState(null),
6
+ _useState2 = _slicedToArray(_useState, 2),
7
+ container = _useState2[0],
8
+ setContainer = _useState2[1];
9
+ useEffect(function () {
10
+ if (!elementRef.current) return;
11
+ var modalContent = elementRef.current.closest('[data-modal-content="true"]');
12
+ if (modalContent) {
13
+ setContainer(modalContent);
14
+ }
15
+ }, [elementRef]);
16
+ return container;
17
+ };
18
+
19
+ export { useModalContainer };
20
+ //# sourceMappingURL=use_modal_container.js.map
package/build/esm/packages/aurora/src/components/modal/hooks/use_modal_container.js.map ADDED
@@ -0,0 +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;"}
package/build/esm/packages/aurora/src/components/select/components/select_content.js CHANGED
@@ -8,8 +8,9 @@ import { SelectItem } from './select_item.js';
8
8
  import { SelectSearch } from './select_search.js';
9
9
  import { SelectUtils } from '../select_utils.js';
10
10
  import { selectContentVariants } from './select_variants.js';
11
+ import { useModalContainer } from '../../modal/hooks/use_modal_container.js';
11
12
 
12
- var _excluded = ["className", "options", "hasSearch", "searchPlaceholder", "search", "onSearch", "innerAdditionalContent", "position", "onScroll", "enableLocalSearch", "localSearchNotFoundContent", "hasMinDropdownWidth"];
13
+ var _excluded = ["className", "options", "hasSearch", "searchPlaceholder", "search", "onSearch", "innerAdditionalContent", "position", "onScroll", "enableLocalSearch", "localSearchNotFoundContent", "hasMinDropdownWidth", "triggerRef"];
13
14
  var SelectContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
14
15
  var className = _ref.className,
15
16
  options = _ref.options,
@@ -24,9 +25,13 @@ var SelectContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
24
25
  enableLocalSearch = _ref.enableLocalSearch,
25
26
  localSearchNotFoundContent = _ref.localSearchNotFoundContent,
26
27
  hasMinDropdownWidth = _ref.hasMinDropdownWidth,
28
+ triggerRef = _ref.triggerRef,
27
29
  props = _objectWithoutProperties(_ref, _excluded);
30
+ var detectedContainer = useModalContainer(triggerRef);
28
31
  var localSearchVisibleItems = 0;
29
- return /*#__PURE__*/React__default.createElement(Portal, null, /*#__PURE__*/React__default.createElement(Content2, _objectSpread2({
32
+ return /*#__PURE__*/React__default.createElement(Portal, {
33
+ container: detectedContainer
34
+ }, /*#__PURE__*/React__default.createElement(Content2, _objectSpread2({
30
35
  ref: ref,
31
36
  className: cn(selectContentVariants({
32
37
  hasMinDropdownWidth: hasMinDropdownWidth
package/build/esm/packages/aurora/src/components/select/components/select_content.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,oEAAoE,qEAAyE;AAC7I,iDAAiD,0EAA8E;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,oEAAoE,qEAAyE;AAC7I,iDAAiD,0EAA8E;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;"}
package/build/esm/packages/aurora/src/components/select/select.js CHANGED
@@ -1,4 +1,4 @@
1
- import React__default, { useState } from 'react';
1
+ import React__default, { useState, useRef } from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { cn } from '../../utilities/cn.js';
4
4
  import { Root as Root2 } from '../../../../../external/@radix-ui/react-select/dist/index.mjs.js';
@@ -6,6 +6,7 @@ import { CloseCircleFillIcon } from '../../assets/icons/close_circle_fill_icon.j
6
6
  import { SelectContent } from './components/select_content.js';
7
7
  import { SelectTrigger } from './components/select_trigger.js';
8
8
  import { useSelectValue } from './hooks/use_select_value.js';
9
+ import { mergeRefs } from '../../utilities/merge_refs.js';
9
10
 
10
11
  var _excluded = ["children", "id", "value", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "enableLocalSearch", "localSearchNotFoundContent", "errors", "onValueChange", "onScroll", "onSearch", "onClose", "hasError", "hasBorder", "hasMinDropdownWidth", "textSize", "height", "padding", "contentClassName", "className", "stopPropagation"];
11
12
  var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
@@ -70,6 +71,7 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
70
71
  if (onClose && !open) onClose();
71
72
  };
72
73
  var showPlaceholder = !selectedOption;
74
+ var triggerRef = useRef(null);
73
75
  return /*#__PURE__*/React__default.createElement(Root2, _objectSpread2({
74
76
  value: (_selectedOption$value = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== null && _selectedOption$value !== void 0 ? _selectedOption$value : '',
75
77
  onValueChange: handleChange,
@@ -85,7 +87,7 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
85
87
  height: height,
86
88
  padding: padding,
87
89
  stopPropagation: stopPropagation,
88
- ref: ref,
90
+ ref: mergeRefs([ref, triggerRef]),
89
91
  clearValueButton: value && hasClearValueButton && onValueChange && (/*#__PURE__*/React__default.createElement("div", {
90
92
  onPointerDown: function onPointerDown(e) {
91
93
  return e.stopPropagation();
@@ -111,7 +113,8 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
111
113
  enableLocalSearch: enableLocalSearch,
112
114
  localSearchNotFoundContent: localSearchNotFoundContent,
113
115
  hasMinDropdownWidth: hasMinDropdownWidth,
114
- className: contentClassName
116
+ className: contentClassName,
117
+ triggerRef: triggerRef
115
118
  }));
116
119
  });
117
120
  Select.displayName = Root2.displayName;
package/build/esm/packages/aurora/src/components/select/select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,8BAA8B,kEAAsE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,8BAA8B,kEAAsE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/select/select_types.d.ts CHANGED
@@ -32,6 +32,7 @@ export interface TSelectContentProps extends React.ComponentPropsWithoutRef<type
32
32
  enableLocalSearch?: boolean;
33
33
  localSearchNotFoundContent?: ReactNode;
34
34
  hasMinDropdownWidth?: boolean;
35
+ triggerRef: React.RefObject<HTMLButtonElement>;
35
36
  }
36
37
  export interface TSelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
37
38
  isDisabled?: boolean;
package/build/esm/packages/aurora/src/utilities/merge_refs.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { Ref, RefCallback } from 'react';
2
+ export declare function mergeRefs<T>(refs: (Ref<T> | undefined)[]): Ref<T>;
3
+ export declare function assignRef<T>(ref: Ref<T> | undefined | null, value: T | null): ReturnType<RefCallback<T>>;
package/build/esm/packages/aurora/src/utilities/merge_refs.js ADDED
@@ -0,0 +1,29 @@
1
+ import 'react';
2
+ import { createForOfIteratorHelper as _createForOfIteratorHelper } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
3
+
4
+ function mergeRefs(refs) {
5
+ return function (value) {
6
+ var _iterator = _createForOfIteratorHelper(refs),
7
+ _step;
8
+ try {
9
+ for (_iterator.s(); !(_step = _iterator.n()).done;) {
10
+ var ref = _step.value;
11
+ assignRef(ref, value);
12
+ }
13
+ } catch (err) {
14
+ _iterator.e(err);
15
+ } finally {
16
+ _iterator.f();
17
+ }
18
+ };
19
+ }
20
+ function assignRef(ref, value) {
21
+ if (typeof ref === 'function') {
22
+ return ref(value);
23
+ } else if (ref) {
24
+ ref.current = value;
25
+ }
26
+ }
27
+
28
+ export { assignRef, mergeRefs };
29
+ //# sourceMappingURL=merge_refs.js.map
package/build/esm/packages/aurora/src/utilities/merge_refs.js.map ADDED
@@ -0,0 +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;"}
package/build/esm/packages/aurora/tailwind.config.js CHANGED
@@ -372,12 +372,12 @@ var tailwind_config = {
372
372
  opacity: '0'
373
373
  },
374
374
  to: {
375
- opacity: '0.7'
375
+ opacity: '1'
376
376
  }
377
377
  },
378
378
  'modal-backdrop-fade-out': {
379
379
  from: {
380
- opacity: '0.7'
380
+ opacity: '1'
381
381
  },
382
382
  to: {
383
383
  opacity: '0'