@dreamcommerce/aurora 3.0.0-122 → 3.0.0-123

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 (24) hide show
  1. package/build/cjs/packages/aurora/src/components/accordion/components/accordion_trigger.js +2 -2
  2. package/build/cjs/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +1 -1
  3. package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js +2 -4
  4. package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/select/select.js +2 -4
  6. package/build/cjs/packages/aurora/src/components/select/select.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +5 -3
  8. package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +7 -3
  10. package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -1
  11. package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.js +2 -2
  12. package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +1 -1
  13. package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js +2 -4
  14. package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js.map +1 -1
  15. package/build/esm/packages/aurora/src/components/select/select.d.ts +1 -1
  16. package/build/esm/packages/aurora/src/components/select/select.js +2 -4
  17. package/build/esm/packages/aurora/src/components/select/select.js.map +1 -1
  18. package/build/esm/packages/aurora/src/components/select/select_types.d.ts +3 -4
  19. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +5 -3
  20. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
  21. package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +8 -4
  22. package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -1
  23. package/build/esm/packages/aurora/src/index.d.ts +0 -1
  24. package/package.json +1 -1
@@ -24,9 +24,9 @@ var AccordionTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
24
24
  className: cn.cn(_rollupPluginBabelHelpers.defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor))
25
25
  }, /*#__PURE__*/React.createElement(AccordionPrimitive.Trigger, _rollupPluginBabelHelpers.objectSpread2({
26
26
  ref: ref,
27
- className: cn.cn('aurora-flex aurora-items-center aurora-gap-2 aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _rollupPluginBabelHelpers.defineProperty({}, 'aurora-bg', !backgroundColor), className)
27
+ className: cn.cn('aurora-flex aurora-items-center aurora-w-full aurora-gap-2 aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text-subtle aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _rollupPluginBabelHelpers.defineProperty({}, 'aurora-bg', !backgroundColor), className)
28
28
  }, props), icon ? icon : (/*#__PURE__*/React.createElement(arrow_right.ArrowRightIcon, {
29
- color: css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.base,
29
+ color: css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.subtle,
30
30
  size: accordionContext.size === accordion_constants.ACCORDION_SIZES.default ? 24 : 20,
31
31
  className: cn.cn('aurora-shrink-0 aurora-text-muted-foreground aurora-transition-transform aurora-duration-200')
32
32
  })), children));
@@ -52,7 +52,7 @@ var RadioGroupControl = function RadioGroupControl(_ref) {
52
52
  onValueChange: onValueChange
53
53
  }, rest), items.map(function (item) {
54
54
  return /*#__PURE__*/React__default['default'].createElement(radio_group_item.RadioGroupItem, {
55
- key: "radio-button-".concat(value),
55
+ key: "radio-button-".concat(item.value),
56
56
  value: item.value,
57
57
  id: item.id,
58
58
  errors: !!errors,
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
14
 
15
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
 
17
- var _excluded = ["options", "id", "name", "label", "helperText", "tooltip", "placeholder", "searchPlaceholder", "hasSearch", "hasClearValueButton", "errors", "disabled", "defaultValue", "onValueChange", "onScroll", "innerAdditionalContent", "required"];
17
+ var _excluded = ["options", "id", "name", "label", "helperText", "tooltip", "placeholder", "searchPlaceholder", "hasSearch", "hasClearValueButton", "errors", "disabled", "defaultValue", "onValueChange", "innerAdditionalContent", "required"];
18
18
  var SelectControl = function SelectControl(_ref) {
19
19
  var options = _ref.options,
20
20
  id = _ref.id,
@@ -30,7 +30,6 @@ var SelectControl = function SelectControl(_ref) {
30
30
  disabled = _ref.disabled,
31
31
  defaultValue = _ref.defaultValue,
32
32
  onValueChange = _ref.onValueChange,
33
- onScroll = _ref.onScroll,
34
33
  innerAdditionalContent = _ref.innerAdditionalContent,
35
34
  required = _ref.required,
36
35
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
@@ -55,8 +54,7 @@ var SelectControl = function SelectControl(_ref) {
55
54
  innerAdditionalContent: innerAdditionalContent,
56
55
  hasClearValueButton: hasClearValueButton,
57
56
  hasError: !!errors,
58
- onValueChange: onValueChange,
59
- onScroll: onScroll
57
+ onValueChange: onValueChange
60
58
  }, props)), helperText && /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText), errors && /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
61
59
  errors: errors
62
60
  }));
@@ -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;"}
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;"}
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
14
 
15
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
 
17
- var _excluded = ["children", "id", "defaultValue", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "hasError", "onValueChange", "onScroll"];
17
+ var _excluded = ["children", "id", "defaultValue", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "hasError", "onValueChange"];
18
18
  var Select = function Select(_ref) {
19
19
  var children = _ref.children,
20
20
  id = _ref.id,
@@ -28,7 +28,6 @@ var Select = function Select(_ref) {
28
28
  innerAdditionalContent = _ref.innerAdditionalContent,
29
29
  hasError = _ref.hasError,
30
30
  onValueChange = _ref.onValueChange,
31
- onScroll = _ref.onScroll,
32
31
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
33
32
  var _useState = React.useState(''),
34
33
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -78,8 +77,7 @@ var Select = function Select(_ref) {
78
77
  searchPlaceholder: searchPlaceholder,
79
78
  innerAdditionalContent: innerAdditionalContent,
80
79
  filterTerm: filterTerm,
81
- setFilterTerm: setFilterTerm,
82
- onScroll: onScroll
80
+ setFilterTerm: setFilterTerm
83
81
  }));
84
82
  };
85
83
  Select.displayName = SelectPrimitive.Root.displayName;
@@ -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;"}
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;"}
@@ -11,13 +11,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- var _excluded = ["className", "width", "children", "TriggerButton", "side"];
14
+ var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll"];
15
15
  var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
16
16
  var className = _ref.className,
17
17
  width = _ref.width,
18
18
  children = _ref.children,
19
19
  TriggerButton = _ref.TriggerButton,
20
20
  side = _ref.side,
21
+ onScroll = _ref.onScroll,
21
22
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
22
23
  var _useSidebar = use_sidebar.useSidebar(),
23
24
  open = _useSidebar.open;
@@ -27,14 +28,15 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
27
28
  });
28
29
  return /*#__PURE__*/React__default['default'].createElement("aside", _rollupPluginBabelHelpers.objectSpread2({
29
30
  "aria-expanded": open,
30
- ref: sidebarRef,
31
- className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200'),
31
+ className: cn.cn('aurora-relative aurora-overflow-hidden aurora-transition-all aurora-duration-200'),
32
32
  style: {
33
33
  width: open ? width : 0,
34
34
  maxWidth: open ? width : 0,
35
35
  minWidth: open ? width : 0
36
36
  }
37
37
  }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("div", {
38
+ onScroll: onScroll,
39
+ ref: sidebarRef,
38
40
  className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full custom-scrollbar', className)
39
41
  }, children));
40
42
  });
@@ -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;"}
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;"}
@@ -14,6 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
14
 
15
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
 
17
+ var _excluded = ["children", "container", "className", "width", "side", "closeOnOutsideClick", "TriggerButton", "onScroll"];
17
18
  var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
18
19
  var children = _ref.children,
19
20
  _ref$container = _ref.container,
@@ -24,7 +25,9 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
24
25
  side = _ref$side === void 0 ? sidebar_constants.SIDEBAR_SIDE.left : _ref$side,
25
26
  _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
26
27
  closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
27
- TriggerButton = _ref.TriggerButton;
28
+ TriggerButton = _ref.TriggerButton,
29
+ onScroll = _ref.onScroll,
30
+ props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
28
31
  var _useSidebar = use_sidebar.useSidebar(),
29
32
  open = _useSidebar.open,
30
33
  close = _useSidebar.close,
@@ -76,7 +79,7 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
76
79
  return sidebarRef.current;
77
80
  });
78
81
  if (destroyed) return null;
79
- return /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React__default['default'].createElement("div", {
82
+ return /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React__default['default'].createElement("div", _rollupPluginBabelHelpers.objectSpread2({
80
83
  className: cn.cn('aurora-absolute aurora-z-20 aurora-top-0 aurora-h-full aurora-overflow-hidden', {
81
84
  'aurora-left-0': side === sidebar_constants.SIDEBAR_SIDE.left,
82
85
  'aurora-right-0': side === sidebar_constants.SIDEBAR_SIDE.right
@@ -86,7 +89,8 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
86
89
  maxWidth: width ? width : 'auto',
87
90
  minWidth: width ? width : 'auto'
88
91
  }
89
- }, TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("aside", {
92
+ }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("aside", {
93
+ onScroll: onScroll,
90
94
  ref: sidebarRef,
91
95
  className: cn.cn(' aurora-w-full aurora-h-full -aurora-translate-x-full aurora-duration-300 aurora-transition-[transform] aurora-overflow-auto custom-scrollbar', {
92
96
  'aurora-translate-x-full': side === sidebar_constants.SIDEBAR_SIDE.right,
@@ -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;"}
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;"}
@@ -20,9 +20,9 @@ var AccordionTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
20
20
  className: cn(_defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor))
21
21
  }, /*#__PURE__*/createElement(Trigger, _objectSpread2({
22
22
  ref: ref,
23
- className: cn('aurora-flex aurora-items-center aurora-gap-2 aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _defineProperty({}, 'aurora-bg', !backgroundColor), className)
23
+ className: cn('aurora-flex aurora-items-center aurora-w-full aurora-gap-2 aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text-subtle aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _defineProperty({}, 'aurora-bg', !backgroundColor), className)
24
24
  }, props), icon ? icon : (/*#__PURE__*/createElement(ArrowRightIcon, {
25
- color: CSS_ICON_COLOR_TOKENS_VALUES.base,
25
+ color: CSS_ICON_COLOR_TOKENS_VALUES.subtle,
26
26
  size: accordionContext.size === ACCORDION_SIZES.default ? 24 : 20,
27
27
  className: cn('aurora-shrink-0 aurora-text-muted-foreground aurora-transition-transform aurora-duration-200')
28
28
  })), children));
@@ -44,7 +44,7 @@ var RadioGroupControl = function RadioGroupControl(_ref) {
44
44
  onValueChange: onValueChange
45
45
  }, rest), items.map(function (item) {
46
46
  return /*#__PURE__*/React.createElement(RadioGroupItem, {
47
- key: "radio-button-".concat(value),
47
+ key: "radio-button-".concat(item.value),
48
48
  value: item.value,
49
49
  id: item.id,
50
50
  errors: !!errors,
@@ -6,7 +6,7 @@ import { ErrorList } from '../../error_list/error_list.js';
6
6
  import { Control } from '../../control/control.js';
7
7
  import { Select } from '../../select/select.js';
8
8
 
9
- var _excluded = ["options", "id", "name", "label", "helperText", "tooltip", "placeholder", "searchPlaceholder", "hasSearch", "hasClearValueButton", "errors", "disabled", "defaultValue", "onValueChange", "onScroll", "innerAdditionalContent", "required"];
9
+ var _excluded = ["options", "id", "name", "label", "helperText", "tooltip", "placeholder", "searchPlaceholder", "hasSearch", "hasClearValueButton", "errors", "disabled", "defaultValue", "onValueChange", "innerAdditionalContent", "required"];
10
10
  var SelectControl = function SelectControl(_ref) {
11
11
  var options = _ref.options,
12
12
  id = _ref.id,
@@ -22,7 +22,6 @@ var SelectControl = function SelectControl(_ref) {
22
22
  disabled = _ref.disabled,
23
23
  defaultValue = _ref.defaultValue,
24
24
  onValueChange = _ref.onValueChange,
25
- onScroll = _ref.onScroll,
26
25
  innerAdditionalContent = _ref.innerAdditionalContent,
27
26
  required = _ref.required,
28
27
  props = _objectWithoutProperties(_ref, _excluded);
@@ -47,8 +46,7 @@ var SelectControl = function SelectControl(_ref) {
47
46
  innerAdditionalContent: innerAdditionalContent,
48
47
  hasClearValueButton: hasClearValueButton,
49
48
  hasError: !!errors,
50
- onValueChange: onValueChange,
51
- onScroll: onScroll
49
+ onValueChange: onValueChange
52
50
  }, props)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
53
51
  errors: errors
54
52
  }));
@@ -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;"}
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;"}
@@ -1,6 +1,6 @@
1
1
  import { TSelectProps } from './select_types';
2
2
  import React, { PropsWithChildren } from 'react';
3
3
  export declare const Select: {
4
- ({ children, id, defaultValue, options, disabled, placeholder, hasSearch, searchPlaceholder, hasClearValueButton, innerAdditionalContent, hasError, onValueChange, onScroll, ...props }: PropsWithChildren<TSelectProps>): React.JSX.Element;
4
+ ({ children, id, defaultValue, options, disabled, placeholder, hasSearch, searchPlaceholder, hasClearValueButton, innerAdditionalContent, hasError, onValueChange, ...props }: PropsWithChildren<TSelectProps>): React.JSX.Element;
5
5
  displayName: string | undefined;
6
6
  };
@@ -6,7 +6,7 @@ import { SelectContent } from './components/select_content.js';
6
6
  import { SelectTrigger } from './components/select_trigger.js';
7
7
  import { SelectValue } from './components/select_value.js';
8
8
 
9
- var _excluded = ["children", "id", "defaultValue", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "hasError", "onValueChange", "onScroll"];
9
+ var _excluded = ["children", "id", "defaultValue", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "hasError", "onValueChange"];
10
10
  var Select = function Select(_ref) {
11
11
  var children = _ref.children,
12
12
  id = _ref.id,
@@ -20,7 +20,6 @@ var Select = function Select(_ref) {
20
20
  innerAdditionalContent = _ref.innerAdditionalContent,
21
21
  hasError = _ref.hasError,
22
22
  onValueChange = _ref.onValueChange,
23
- onScroll = _ref.onScroll,
24
23
  props = _objectWithoutProperties(_ref, _excluded);
25
24
  var _useState = useState(''),
26
25
  _useState2 = _slicedToArray(_useState, 2),
@@ -70,8 +69,7 @@ var Select = function Select(_ref) {
70
69
  searchPlaceholder: searchPlaceholder,
71
70
  innerAdditionalContent: innerAdditionalContent,
72
71
  filterTerm: filterTerm,
73
- setFilterTerm: setFilterTerm,
74
- onScroll: onScroll
72
+ setFilterTerm: setFilterTerm
75
73
  }));
76
74
  };
77
75
  Select.displayName = Root.displayName;
@@ -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;"}
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;"}
@@ -3,7 +3,7 @@ import { Dispatch, ReactNode, SetStateAction } from 'react';
3
3
  export interface TSelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
4
4
  hasError?: boolean;
5
5
  }
6
- export declare type TSelectOption = {
6
+ export declare type Option = {
7
7
  text: string;
8
8
  value: string;
9
9
  additionalInfo?: string;
@@ -12,7 +12,7 @@ export declare type TSelectOption = {
12
12
  isReadonly?: boolean;
13
13
  };
14
14
  export interface TSelectContentProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
15
- options: TSelectOption[];
15
+ options: Option[];
16
16
  hasSearch?: boolean;
17
17
  searchPlaceholder?: string;
18
18
  innerAdditionalContent?: ReactNode;
@@ -25,12 +25,11 @@ export interface TSelectItemProps extends React.ComponentPropsWithoutRef<typeof
25
25
  }
26
26
  export interface TSelectProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> {
27
27
  id: string;
28
- options: TSelectOption[];
28
+ options: Option[];
29
29
  placeholder?: string;
30
30
  hasSearch?: boolean;
31
31
  searchPlaceholder?: string;
32
32
  innerAdditionalContent?: ReactNode;
33
33
  hasClearValueButton?: boolean;
34
34
  hasError?: boolean;
35
- onScroll?: (event: React.UIEvent<HTMLElement>) => void;
36
35
  }
@@ -3,13 +3,14 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
3
3
  import { cn } from '../../../utilities/cn.js';
4
4
  import { useSidebar } from '../hooks/use_sidebar.js';
5
5
 
6
- var _excluded = ["className", "width", "children", "TriggerButton", "side"];
6
+ var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll"];
7
7
  var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
8
8
  var className = _ref.className,
9
9
  width = _ref.width,
10
10
  children = _ref.children,
11
11
  TriggerButton = _ref.TriggerButton,
12
12
  side = _ref.side,
13
+ onScroll = _ref.onScroll,
13
14
  props = _objectWithoutProperties(_ref, _excluded);
14
15
  var _useSidebar = useSidebar(),
15
16
  open = _useSidebar.open;
@@ -19,14 +20,15 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
19
20
  });
20
21
  return /*#__PURE__*/React.createElement("aside", _objectSpread2({
21
22
  "aria-expanded": open,
22
- ref: sidebarRef,
23
- className: cn('aurora-relative aurora-transition-all aurora-duration-200'),
23
+ className: cn('aurora-relative aurora-overflow-hidden aurora-transition-all aurora-duration-200'),
24
24
  style: {
25
25
  width: open ? width : 0,
26
26
  maxWidth: open ? width : 0,
27
27
  minWidth: open ? width : 0
28
28
  }
29
29
  }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("div", {
30
+ onScroll: onScroll,
31
+ ref: sidebarRef,
30
32
  className: cn('aurora-overflow-auto aurora-h-full aurora-w-full custom-scrollbar', className)
31
33
  }, children));
32
34
  });
@@ -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;"}
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;"}
@@ -1,11 +1,12 @@
1
1
  import React, { useRef, useState, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
2
- import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
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 { SIDEBAR_SIDE } from '../sidebar_constants.js';
5
5
  import { useSidebar } from '../hooks/use_sidebar.js';
6
6
  import { createPortal } from 'react-dom';
7
7
  import { useClickOutside } from '../../../hooks/use_click_outside.js';
8
8
 
9
+ var _excluded = ["children", "container", "className", "width", "side", "closeOnOutsideClick", "TriggerButton", "onScroll"];
9
10
  var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
10
11
  var children = _ref.children,
11
12
  _ref$container = _ref.container,
@@ -16,7 +17,9 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
16
17
  side = _ref$side === void 0 ? SIDEBAR_SIDE.left : _ref$side,
17
18
  _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
18
19
  closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
19
- TriggerButton = _ref.TriggerButton;
20
+ TriggerButton = _ref.TriggerButton,
21
+ onScroll = _ref.onScroll,
22
+ props = _objectWithoutProperties(_ref, _excluded);
20
23
  var _useSidebar = useSidebar(),
21
24
  open = _useSidebar.open,
22
25
  close = _useSidebar.close,
@@ -68,7 +71,7 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
68
71
  return sidebarRef.current;
69
72
  });
70
73
  if (destroyed) return null;
71
- return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
74
+ return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", _objectSpread2({
72
75
  className: cn('aurora-absolute aurora-z-20 aurora-top-0 aurora-h-full aurora-overflow-hidden', {
73
76
  'aurora-left-0': side === SIDEBAR_SIDE.left,
74
77
  'aurora-right-0': side === SIDEBAR_SIDE.right
@@ -78,7 +81,8 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
78
81
  maxWidth: width ? width : 'auto',
79
82
  minWidth: width ? width : 'auto'
80
83
  }
81
- }, TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("aside", {
84
+ }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("aside", {
85
+ onScroll: onScroll,
82
86
  ref: sidebarRef,
83
87
  className: cn(' aurora-w-full aurora-h-full -aurora-translate-x-full aurora-duration-300 aurora-transition-[transform] aurora-overflow-auto custom-scrollbar', {
84
88
  'aurora-translate-x-full': side === SIDEBAR_SIDE.right,
@@ -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;"}
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;"}
@@ -98,7 +98,6 @@ export { Checkbox } from "./components/checkbox/checkbox";
98
98
  export { CheckboxControl } from './components/controls/checkbox_control/checkbox_control';
99
99
  export { Select } from "./components/select/select";
100
100
  export { SelectControl } from './components/controls/select_control/select_control';
101
- export { TSelectOption } from "./components/select/select_types";
102
101
  export { RadioGroup } from "./components/radio_group/radio_group";
103
102
  export { RadioGroupControl } from './components/controls/radio_group_control/radio_group_control';
104
103
  export { MultiSelect } from "./components/multiselect/multiselect";
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-122",
5
+ "version": "3.0.0-123",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",