@dreamcommerce/aurora 3.0.0-207 → 3.0.0-208

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/select.js +26 -6
  2. package/build/cjs/packages/aurora/src/components/select/select.js.map +1 -1
  3. package/build/esm/packages/aurora/src/components/select/select.js +26 -6
  4. package/build/esm/packages/aurora/src/components/select/select.js.map +1 -1
  5. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/select/select.js CHANGED
@@ -43,6 +43,14 @@ var Select = function Select(_ref) {
43
43
  _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
44
44
  triggerWidth = _useState6[0],
45
45
  setTriggerWidth = _useState6[1];
46
+ var _useState7 = React.useState(false),
47
+ _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
48
+ open = _useState8[0],
49
+ setOpen = _useState8[1];
50
+ var _useState9 = React.useState(false),
51
+ _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
52
+ renderContent = _useState10[0],
53
+ setRenderContent = _useState10[1];
46
54
  var clearFilterInputOnClose = function clearFilterInputOnClose(openState) {
47
55
  if (hasSearch && !openState) setFilterTerm('');
48
56
  };
@@ -65,20 +73,32 @@ var Select = function Select(_ref) {
65
73
  var cleanValue = sufixedValue.split('-')[0];
66
74
  setSelectedValue(cleanValue);
67
75
  };
68
- var handleOpenChange = function handleOpenChange(openState) {
69
- if (openState && triggerRef.current) {
76
+ React.useEffect(function () {
77
+ if (!open) {
78
+ setRenderContent(false);
79
+ return;
80
+ }
81
+ var timer = setTimeout(function () {
82
+ return setRenderContent(true);
83
+ }, 10);
84
+ return function () {
85
+ return clearTimeout(timer);
86
+ };
87
+ }, [open]);
88
+ React.useEffect(function () {
89
+ if (renderContent && triggerRef.current) {
70
90
  var rect = triggerRef.current.getBoundingClientRect();
71
91
  console.log('rect.width', rect.width);
72
92
  setTriggerWidth(rect.width);
73
93
  }
74
- };
94
+ }, [renderContent]);
75
95
  return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
76
96
  defaultValue: defaultValue,
77
97
  onValueChange: handleChange,
78
98
  disabled: disabled,
79
99
  onOpenChange: function onOpenChange(openState) {
100
+ setOpen(openState);
80
101
  clearFilterInputOnClose(openState);
81
- handleOpenChange(openState);
82
102
  }
83
103
  }, props), /*#__PURE__*/React__default['default'].createElement("div", {
84
104
  className: "aurora-relative aurora-flex aurora-items-center aurora-flex-col"
@@ -95,7 +115,7 @@ var Select = function Select(_ref) {
95
115
  }
96
116
  }, /*#__PURE__*/React__default['default'].createElement(close_circle_fill_icon.CloseCircleFillIcon, {
97
117
  className: "aurora-h-4 aurora-w-4 aurora-cursor-pointer"
98
- })))), /*#__PURE__*/React__default['default'].createElement(select_content.SelectContent, {
118
+ })))), renderContent && (/*#__PURE__*/React__default['default'].createElement(select_content.SelectContent, {
99
119
  options: filteredOptions,
100
120
  selectedValue: selectedValue,
101
121
  hasSearch: hasSearch,
@@ -105,7 +125,7 @@ var Select = function Select(_ref) {
105
125
  setFilterTerm: setFilterTerm,
106
126
  triggerWidth: triggerWidth,
107
127
  onScroll: onScroll
108
- }));
128
+ })));
109
129
  };
110
130
  Select.displayName = SelectPrimitive.Root.displayName;
111
131
 
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;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;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
@@ -35,6 +35,14 @@ var Select = function Select(_ref) {
35
35
  _useState6 = _slicedToArray(_useState5, 2),
36
36
  triggerWidth = _useState6[0],
37
37
  setTriggerWidth = _useState6[1];
38
+ var _useState7 = useState(false),
39
+ _useState8 = _slicedToArray(_useState7, 2),
40
+ open = _useState8[0],
41
+ setOpen = _useState8[1];
42
+ var _useState9 = useState(false),
43
+ _useState10 = _slicedToArray(_useState9, 2),
44
+ renderContent = _useState10[0],
45
+ setRenderContent = _useState10[1];
38
46
  var clearFilterInputOnClose = function clearFilterInputOnClose(openState) {
39
47
  if (hasSearch && !openState) setFilterTerm('');
40
48
  };
@@ -57,20 +65,32 @@ var Select = function Select(_ref) {
57
65
  var cleanValue = sufixedValue.split('-')[0];
58
66
  setSelectedValue(cleanValue);
59
67
  };
60
- var handleOpenChange = function handleOpenChange(openState) {
61
- if (openState && triggerRef.current) {
68
+ useEffect(function () {
69
+ if (!open) {
70
+ setRenderContent(false);
71
+ return;
72
+ }
73
+ var timer = setTimeout(function () {
74
+ return setRenderContent(true);
75
+ }, 10);
76
+ return function () {
77
+ return clearTimeout(timer);
78
+ };
79
+ }, [open]);
80
+ useEffect(function () {
81
+ if (renderContent && triggerRef.current) {
62
82
  var rect = triggerRef.current.getBoundingClientRect();
63
83
  console.log('rect.width', rect.width);
64
84
  setTriggerWidth(rect.width);
65
85
  }
66
- };
86
+ }, [renderContent]);
67
87
  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
68
88
  defaultValue: defaultValue,
69
89
  onValueChange: handleChange,
70
90
  disabled: disabled,
71
91
  onOpenChange: function onOpenChange(openState) {
92
+ setOpen(openState);
72
93
  clearFilterInputOnClose(openState);
73
- handleOpenChange(openState);
74
94
  }
75
95
  }, props), /*#__PURE__*/React.createElement("div", {
76
96
  className: "aurora-relative aurora-flex aurora-items-center aurora-flex-col"
@@ -87,7 +107,7 @@ var Select = function Select(_ref) {
87
107
  }
88
108
  }, /*#__PURE__*/React.createElement(CloseCircleFillIcon, {
89
109
  className: "aurora-h-4 aurora-w-4 aurora-cursor-pointer"
90
- })))), /*#__PURE__*/React.createElement(SelectContent, {
110
+ })))), renderContent && (/*#__PURE__*/React.createElement(SelectContent, {
91
111
  options: filteredOptions,
92
112
  selectedValue: selectedValue,
93
113
  hasSearch: hasSearch,
@@ -97,7 +117,7 @@ var Select = function Select(_ref) {
97
117
  setFilterTerm: setFilterTerm,
98
118
  triggerWidth: triggerWidth,
99
119
  onScroll: onScroll
100
- }));
120
+ })));
101
121
  };
102
122
  Select.displayName = Root.displayName;
103
123
 
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;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;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-207",
5
+ "version": "3.0.0-208",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",