@dreamcommerce/aurora 3.0.0-205 → 3.0.0-207

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.
@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
16
16
 
17
17
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
18
 
19
- var _excluded = ["className", "options", "selectedValue", "hasSearch", "searchPlaceholder", "filterTerm", "setFilterTerm", "innerAdditionalContent", "triggerRef", "position", "onScroll"];
19
+ var _excluded = ["className", "options", "selectedValue", "hasSearch", "searchPlaceholder", "filterTerm", "setFilterTerm", "innerAdditionalContent", "triggerWidth", "position", "onScroll"];
20
20
  var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
21
21
  var className = _ref.className,
22
22
  options = _ref.options,
@@ -26,30 +26,20 @@ var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (
26
26
  filterTerm = _ref.filterTerm,
27
27
  setFilterTerm = _ref.setFilterTerm,
28
28
  innerAdditionalContent = _ref.innerAdditionalContent,
29
- triggerRef = _ref.triggerRef,
29
+ triggerWidth = _ref.triggerWidth,
30
30
  _ref$position = _ref.position,
31
31
  position = _ref$position === void 0 ? 'popper' : _ref$position,
32
32
  onScroll = _ref.onScroll,
33
33
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
34
34
  var inputRef = React.useRef(null);
35
- var _useState = React.useState(null),
35
+ var _useState = React.useState(false),
36
36
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
37
- triggerWidth = _useState2[0],
38
- setTriggerWidth = _useState2[1];
39
- var _useState3 = React.useState(false),
40
- _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
41
- isHovered = _useState4[0],
42
- setIsHovered = _useState4[1];
43
- React.useLayoutEffect(function () {
44
- if (triggerRef.current) {
45
- var rect = triggerRef.current.getBoundingClientRect();
46
- setTriggerWidth(rect.width);
47
- }
48
- }, []);
49
- return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Portal, null, triggerWidth && (/*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
37
+ isHovered = _useState2[0],
38
+ setIsHovered = _useState2[1];
39
+ return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Portal, null, /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
50
40
  ref: ref,
51
41
  style: {
52
- width: triggerWidth ? "".concat(triggerWidth, "px") : 'auto'
42
+ width: triggerWidth ? "".concat(triggerWidth, "px") : '100%'
53
43
  },
54
44
  className: cn.cn('aurora-relative aurora-z-[1000] aurora-max-h-96 aurora-min-w-[8rem] aurora-overflow-y-hidden aurora-rounded-8 aurora-border aurora-bg-neutral-0 aurora-text-s aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', position === 'popper' && 'data-[side=bottom]:aurora-translate-y-1 data-[side=left]:-aurora-translate-x-1 data-[side=right]:aurora-translate-x-1 data-[side=top]:-aurora-translate-y-1', className),
55
45
  position: position,
@@ -103,7 +93,7 @@ var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (
103
93
  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))
104
94
  }, /*#__PURE__*/React__default['default'].createElement(index.Thumb, {
105
95
  className: "aurora-bg-neutral-700 aurora-rounded-full"
106
- }))))));
96
+ })))));
107
97
  });
108
98
  SelectContent.displayName = SelectPrimitive.Content.displayName;
109
99
 
@@ -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;"}
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;"}
@@ -39,6 +39,10 @@ var Select = function Select(_ref) {
39
39
  selectedValue = _useState4[0],
40
40
  setSelectedValue = _useState4[1];
41
41
  var triggerRef = React.useRef(null);
42
+ var _useState5 = React.useState(null),
43
+ _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
44
+ triggerWidth = _useState6[0],
45
+ setTriggerWidth = _useState6[1];
42
46
  var clearFilterInputOnClose = function clearFilterInputOnClose(openState) {
43
47
  if (hasSearch && !openState) setFilterTerm('');
44
48
  };
@@ -61,12 +65,20 @@ var Select = function Select(_ref) {
61
65
  var cleanValue = sufixedValue.split('-')[0];
62
66
  setSelectedValue(cleanValue);
63
67
  };
68
+ var handleOpenChange = function handleOpenChange(openState) {
69
+ if (openState && triggerRef.current) {
70
+ var rect = triggerRef.current.getBoundingClientRect();
71
+ console.log('rect.width', rect.width);
72
+ setTriggerWidth(rect.width);
73
+ }
74
+ };
64
75
  return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
65
76
  defaultValue: defaultValue,
66
77
  onValueChange: handleChange,
67
78
  disabled: disabled,
68
79
  onOpenChange: function onOpenChange(openState) {
69
- return clearFilterInputOnClose(openState);
80
+ clearFilterInputOnClose(openState);
81
+ handleOpenChange(openState);
70
82
  }
71
83
  }, props), /*#__PURE__*/React__default['default'].createElement("div", {
72
84
  className: "aurora-relative aurora-flex aurora-items-center aurora-flex-col"
@@ -91,7 +103,7 @@ var Select = function Select(_ref) {
91
103
  innerAdditionalContent: innerAdditionalContent,
92
104
  filterTerm: filterTerm,
93
105
  setFilterTerm: setFilterTerm,
94
- triggerRef: triggerRef,
106
+ triggerWidth: triggerWidth,
95
107
  onScroll: onScroll
96
108
  }));
97
109
  };
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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 React, { useRef, useState, useLayoutEffect } from 'react';
1
+ import React, { useRef, useState } 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';
@@ -8,7 +8,7 @@ import { SearchLineIcon } from '../../../assets/icons/search_icon.js';
8
8
  import { SelectGroupLabel } from './select_group_label.js';
9
9
  import { SelectItem } from './select_item.js';
10
10
 
11
- var _excluded = ["className", "options", "selectedValue", "hasSearch", "searchPlaceholder", "filterTerm", "setFilterTerm", "innerAdditionalContent", "triggerRef", "position", "onScroll"];
11
+ var _excluded = ["className", "options", "selectedValue", "hasSearch", "searchPlaceholder", "filterTerm", "setFilterTerm", "innerAdditionalContent", "triggerWidth", "position", "onScroll"];
12
12
  var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
13
13
  var className = _ref.className,
14
14
  options = _ref.options,
@@ -18,30 +18,20 @@ var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
18
18
  filterTerm = _ref.filterTerm,
19
19
  setFilterTerm = _ref.setFilterTerm,
20
20
  innerAdditionalContent = _ref.innerAdditionalContent,
21
- triggerRef = _ref.triggerRef,
21
+ triggerWidth = _ref.triggerWidth,
22
22
  _ref$position = _ref.position,
23
23
  position = _ref$position === void 0 ? 'popper' : _ref$position,
24
24
  onScroll = _ref.onScroll,
25
25
  props = _objectWithoutProperties(_ref, _excluded);
26
26
  var inputRef = useRef(null);
27
- var _useState = useState(null),
27
+ var _useState = useState(false),
28
28
  _useState2 = _slicedToArray(_useState, 2),
29
- triggerWidth = _useState2[0],
30
- setTriggerWidth = _useState2[1];
31
- var _useState3 = useState(false),
32
- _useState4 = _slicedToArray(_useState3, 2),
33
- isHovered = _useState4[0],
34
- setIsHovered = _useState4[1];
35
- useLayoutEffect(function () {
36
- if (triggerRef.current) {
37
- var rect = triggerRef.current.getBoundingClientRect();
38
- setTriggerWidth(rect.width);
39
- }
40
- }, []);
41
- return /*#__PURE__*/React.createElement(Portal, null, triggerWidth && (/*#__PURE__*/React.createElement(Content, _objectSpread2({
29
+ isHovered = _useState2[0],
30
+ setIsHovered = _useState2[1];
31
+ return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Content, _objectSpread2({
42
32
  ref: ref,
43
33
  style: {
44
- width: triggerWidth ? "".concat(triggerWidth, "px") : 'auto'
34
+ width: triggerWidth ? "".concat(triggerWidth, "px") : '100%'
45
35
  },
46
36
  className: cn('aurora-relative aurora-z-[1000] aurora-max-h-96 aurora-min-w-[8rem] aurora-overflow-y-hidden aurora-rounded-8 aurora-border aurora-bg-neutral-0 aurora-text-s aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', position === 'popper' && 'data-[side=bottom]:aurora-translate-y-1 data-[side=left]:-aurora-translate-x-1 data-[side=right]:aurora-translate-x-1 data-[side=top]:-aurora-translate-y-1', className),
47
37
  position: position,
@@ -95,7 +85,7 @@ var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
95
85
  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))
96
86
  }, /*#__PURE__*/React.createElement(Thumb, {
97
87
  className: "aurora-bg-neutral-700 aurora-rounded-full"
98
- }))))));
88
+ })))));
99
89
  });
100
90
  SelectContent.displayName = Content.displayName;
101
91
 
@@ -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;"}
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;"}
@@ -31,6 +31,10 @@ var Select = function Select(_ref) {
31
31
  selectedValue = _useState4[0],
32
32
  setSelectedValue = _useState4[1];
33
33
  var triggerRef = useRef(null);
34
+ var _useState5 = useState(null),
35
+ _useState6 = _slicedToArray(_useState5, 2),
36
+ triggerWidth = _useState6[0],
37
+ setTriggerWidth = _useState6[1];
34
38
  var clearFilterInputOnClose = function clearFilterInputOnClose(openState) {
35
39
  if (hasSearch && !openState) setFilterTerm('');
36
40
  };
@@ -53,12 +57,20 @@ var Select = function Select(_ref) {
53
57
  var cleanValue = sufixedValue.split('-')[0];
54
58
  setSelectedValue(cleanValue);
55
59
  };
60
+ var handleOpenChange = function handleOpenChange(openState) {
61
+ if (openState && triggerRef.current) {
62
+ var rect = triggerRef.current.getBoundingClientRect();
63
+ console.log('rect.width', rect.width);
64
+ setTriggerWidth(rect.width);
65
+ }
66
+ };
56
67
  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
57
68
  defaultValue: defaultValue,
58
69
  onValueChange: handleChange,
59
70
  disabled: disabled,
60
71
  onOpenChange: function onOpenChange(openState) {
61
- return clearFilterInputOnClose(openState);
72
+ clearFilterInputOnClose(openState);
73
+ handleOpenChange(openState);
62
74
  }
63
75
  }, props), /*#__PURE__*/React.createElement("div", {
64
76
  className: "aurora-relative aurora-flex aurora-items-center aurora-flex-col"
@@ -83,7 +95,7 @@ var Select = function Select(_ref) {
83
95
  innerAdditionalContent: innerAdditionalContent,
84
96
  filterTerm: filterTerm,
85
97
  setFilterTerm: setFilterTerm,
86
- triggerRef: triggerRef,
98
+ triggerWidth: triggerWidth,
87
99
  onScroll: onScroll
88
100
  }));
89
101
  };
@@ -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;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -18,7 +18,7 @@ export interface TSelectContentProps extends React.ComponentPropsWithoutRef<type
18
18
  searchPlaceholder?: string;
19
19
  innerAdditionalContent?: ReactNode;
20
20
  filterTerm: string;
21
- triggerRef: React.RefObject<HTMLButtonElement>;
21
+ triggerWidth?: number | null;
22
22
  setFilterTerm?: Dispatch<SetStateAction<string>>;
23
23
  }
24
24
  export interface TSelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
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-205",
5
+ "version": "3.0.0-207",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",