@dreamcommerce/aurora 3.0.0-205 → 3.0.0-206

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 (10) hide show
  1. package/build/cjs/packages/aurora/src/components/select/components/select_content.js +5 -15
  2. package/build/cjs/packages/aurora/src/components/select/components/select_content.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/select/select.js +13 -2
  4. package/build/cjs/packages/aurora/src/components/select/select.js.map +1 -1
  5. package/build/esm/packages/aurora/src/components/select/components/select_content.js +6 -16
  6. package/build/esm/packages/aurora/src/components/select/components/select_content.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/select/select.js +13 -2
  8. package/build/esm/packages/aurora/src/components/select/select.js.map +1 -1
  9. package/build/esm/packages/aurora/src/components/select/select_types.d.ts +1 -1
  10. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/select/components/select_content.js CHANGED
@@ -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,26 +26,16 @@ 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
- }, []);
37
+ isHovered = _useState2[0],
38
+ setIsHovered = _useState2[1];
49
39
  return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Portal, null, triggerWidth && (/*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
50
40
  ref: ref,
51
41
  style: {
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;"}
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;"}
package/build/cjs/packages/aurora/src/components/select/select.js CHANGED
@@ -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,19 @@ 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
+ setTriggerWidth(rect.width);
72
+ }
73
+ };
64
74
  return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
65
75
  defaultValue: defaultValue,
66
76
  onValueChange: handleChange,
67
77
  disabled: disabled,
68
78
  onOpenChange: function onOpenChange(openState) {
69
- return clearFilterInputOnClose(openState);
79
+ clearFilterInputOnClose(openState);
80
+ handleOpenChange(openState);
70
81
  }
71
82
  }, props), /*#__PURE__*/React__default['default'].createElement("div", {
72
83
  className: "aurora-relative aurora-flex aurora-items-center aurora-flex-col"
@@ -91,7 +102,7 @@ var Select = function Select(_ref) {
91
102
  innerAdditionalContent: innerAdditionalContent,
92
103
  filterTerm: filterTerm,
93
104
  setFilterTerm: setFilterTerm,
94
- triggerRef: triggerRef,
105
+ triggerWidth: triggerWidth,
95
106
  onScroll: onScroll
96
107
  }));
97
108
  };
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/esm/packages/aurora/src/components/select/components/select_content.js CHANGED
@@ -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,26 +18,16 @@ 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
- }, []);
29
+ isHovered = _useState2[0],
30
+ setIsHovered = _useState2[1];
41
31
  return /*#__PURE__*/React.createElement(Portal, null, triggerWidth && (/*#__PURE__*/React.createElement(Content, _objectSpread2({
42
32
  ref: ref,
43
33
  style: {
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;"}
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;"}
package/build/esm/packages/aurora/src/components/select/select.js CHANGED
@@ -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,19 @@ 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
+ setTriggerWidth(rect.width);
64
+ }
65
+ };
56
66
  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
57
67
  defaultValue: defaultValue,
58
68
  onValueChange: handleChange,
59
69
  disabled: disabled,
60
70
  onOpenChange: function onOpenChange(openState) {
61
- return clearFilterInputOnClose(openState);
71
+ clearFilterInputOnClose(openState);
72
+ handleOpenChange(openState);
62
73
  }
63
74
  }, props), /*#__PURE__*/React.createElement("div", {
64
75
  className: "aurora-relative aurora-flex aurora-items-center aurora-flex-col"
@@ -83,7 +94,7 @@ var Select = function Select(_ref) {
83
94
  innerAdditionalContent: innerAdditionalContent,
84
95
  filterTerm: filterTerm,
85
96
  setFilterTerm: setFilterTerm,
86
- triggerRef: triggerRef,
97
+ triggerWidth: triggerWidth,
87
98
  onScroll: onScroll
88
99
  }));
89
100
  };
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/esm/packages/aurora/src/components/select/select_types.d.ts CHANGED
@@ -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-206",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",