@dreamcommerce/aurora 3.0.0-204 → 3.0.0-205

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 (5) hide show
  1. package/build/cjs/packages/aurora/src/components/select/components/select_content.js +5 -12
  2. package/build/cjs/packages/aurora/src/components/select/components/select_content.js.map +1 -1
  3. package/build/esm/packages/aurora/src/components/select/components/select_content.js +6 -13
  4. package/build/esm/packages/aurora/src/components/select/components/select_content.js.map +1 -1
  5. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/select/components/select_content.js CHANGED
@@ -40,20 +40,13 @@ var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (
40
40
  _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
41
41
  isHovered = _useState4[0],
42
42
  setIsHovered = _useState4[1];
43
- React.useEffect(function () {
44
- if (!triggerRef.current) return;
45
- var updateWidth = function updateWidth() {
43
+ React.useLayoutEffect(function () {
44
+ if (triggerRef.current) {
46
45
  var rect = triggerRef.current.getBoundingClientRect();
47
46
  setTriggerWidth(rect.width);
48
- };
49
- updateWidth();
50
- var resizeObserver = new ResizeObserver(updateWidth);
51
- resizeObserver.observe(triggerRef.current);
52
- return function () {
53
- return resizeObserver.disconnect();
54
- };
47
+ }
55
48
  }, []);
56
- return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Portal, null, /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
49
+ return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Portal, null, triggerWidth && (/*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
57
50
  ref: ref,
58
51
  style: {
59
52
  width: triggerWidth ? "".concat(triggerWidth, "px") : 'auto'
@@ -110,7 +103,7 @@ var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (
110
103
  className: cn.cn('aurora-w-2 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-py-1 aurora-pr-[2px] aurora-transition-opacity aurora-duration-200', _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, 'aurora-pt-16', hasSearch), 'aurora-opacity-75', isHovered), 'aurora-opacity-0', !isHovered))
111
104
  }, /*#__PURE__*/React__default['default'].createElement(index.Thumb, {
112
105
  className: "aurora-bg-neutral-700 aurora-rounded-full"
113
- })))));
106
+ }))))));
114
107
  });
115
108
  SelectContent.displayName = SelectPrimitive.Content.displayName;
116
109
 
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;AACA;AACA,oBAAoB,0EAA8E;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0EAA8E;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/select_content.js CHANGED
@@ -1,4 +1,4 @@
1
- import React, { useRef, useState, useEffect } from 'react';
1
+ import React, { useRef, useState, useLayoutEffect } from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { cn } from '../../../utilities/cn.js';
4
4
  import { Input } from '../../input/input.js';
@@ -32,20 +32,13 @@ var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
32
32
  _useState4 = _slicedToArray(_useState3, 2),
33
33
  isHovered = _useState4[0],
34
34
  setIsHovered = _useState4[1];
35
- useEffect(function () {
36
- if (!triggerRef.current) return;
37
- var updateWidth = function updateWidth() {
35
+ useLayoutEffect(function () {
36
+ if (triggerRef.current) {
38
37
  var rect = triggerRef.current.getBoundingClientRect();
39
38
  setTriggerWidth(rect.width);
40
- };
41
- updateWidth();
42
- var resizeObserver = new ResizeObserver(updateWidth);
43
- resizeObserver.observe(triggerRef.current);
44
- return function () {
45
- return resizeObserver.disconnect();
46
- };
39
+ }
47
40
  }, []);
48
- return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Content, _objectSpread2({
41
+ return /*#__PURE__*/React.createElement(Portal, null, triggerWidth && (/*#__PURE__*/React.createElement(Content, _objectSpread2({
49
42
  ref: ref,
50
43
  style: {
51
44
  width: triggerWidth ? "".concat(triggerWidth, "px") : 'auto'
@@ -102,7 +95,7 @@ var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
102
95
  className: cn('aurora-w-2 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-py-1 aurora-pr-[2px] aurora-transition-opacity aurora-duration-200', _defineProperty(_defineProperty(_defineProperty({}, 'aurora-pt-16', hasSearch), 'aurora-opacity-75', isHovered), 'aurora-opacity-0', !isHovered))
103
96
  }, /*#__PURE__*/React.createElement(Thumb, {
104
97
  className: "aurora-bg-neutral-700 aurora-rounded-full"
105
- })))));
98
+ }))))));
106
99
  });
107
100
  SelectContent.displayName = Content.displayName;
108
101
 
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;AACA;AACA,+DAA+D,0EAA8E;AAC7I;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+DAA+D,0EAA8E;AAC7I;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.0.0-204",
5
+ "version": "3.0.0-205",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",