@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.
- package/build/cjs/packages/aurora/src/components/accordion/components/accordion_trigger.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js +2 -4
- package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/select/select.js +2 -4
- package/build/cjs/packages/aurora/src/components/select/select.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +5 -3
- package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +7 -3
- package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js +2 -4
- package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/select/select.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/select/select.js +2 -4
- package/build/esm/packages/aurora/src/components/select/select.js.map +1 -1
- package/build/esm/packages/aurora/src/components/select/select_types.d.ts +3 -4
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +5 -3
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +8 -4
- package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +0 -1
- 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.
|
|
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));
|
package/build/cjs/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js
CHANGED
|
@@ -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", "
|
|
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
|
}));
|
package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.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;
|
|
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"
|
|
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;
|
|
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
|
-
|
|
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
|
});
|
package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.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;"}
|
|
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.
|
|
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));
|
package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js
CHANGED
|
@@ -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", "
|
|
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
|
}));
|
package/build/esm/packages/aurora/src/components/controls/select_control/select_control.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;
|
|
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,
|
|
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"
|
|
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;
|
|
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
|
|
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:
|
|
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:
|
|
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
|
-
|
|
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
|
});
|
package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.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;"}
|
|
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";
|