@dreamcommerce/aurora 3.0.0-126 → 3.0.0-127
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/controls/input_control/input_control.js +3 -2
- package/build/cjs/packages/aurora/src/components/controls/input_control/input_control.js.map +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/modal/components/modal/modal.js +1 -1
- package/build/cjs/packages/aurora/src/components/select/components/select_content.js +1 -1
- package/build/cjs/packages/aurora/src/components/select/select.js +1 -14
- 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 +20 -2
- 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 +15 -4
- package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/input_control/input_control.d.ts +6 -2
- package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js +3 -2
- package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js.map +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/modal/components/modal/modal.js +1 -1
- package/build/esm/packages/aurora/src/components/select/components/select_content.js +1 -1
- package/build/esm/packages/aurora/src/components/select/select.js +1 -14
- 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.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +20 -2
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.d.ts +3 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +15 -4
- package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.d.ts +10 -0
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.js +1 -0
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.js.map +1 -1
- package/build/esm/packages/aurora/src/hooks/use_click_outside.d.ts +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +0 -1
- package/build/esm/packages/aurora/src/index.js +1 -1
- package/package.json +1 -1
|
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
15
15
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
16
|
|
|
17
17
|
var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
|
|
18
|
-
var InputControl = function
|
|
18
|
+
var InputControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
|
|
19
19
|
var id = _ref.id,
|
|
20
20
|
name = _ref.name,
|
|
21
21
|
label$1 = _ref.label,
|
|
@@ -46,6 +46,7 @@ var InputControl = function InputControl(_ref) {
|
|
|
46
46
|
tooltip: tooltip,
|
|
47
47
|
disabled: disabled
|
|
48
48
|
}, label$1))), /*#__PURE__*/React__default['default'].createElement(input.Input, _rollupPluginBabelHelpers.objectSpread2({
|
|
49
|
+
ref: ref,
|
|
49
50
|
id: id,
|
|
50
51
|
name: name,
|
|
51
52
|
value: value,
|
|
@@ -63,7 +64,7 @@ var InputControl = function InputControl(_ref) {
|
|
|
63
64
|
}, props)), helperText && /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText), errors && /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
|
|
64
65
|
errors: errors
|
|
65
66
|
}));
|
|
66
|
-
};
|
|
67
|
+
});
|
|
67
68
|
InputControl.displayName = 'InputControl';
|
|
68
69
|
|
|
69
70
|
exports.InputControl = InputControl;
|
package/build/cjs/packages/aurora/src/components/controls/input_control/input_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;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;"}
|
|
@@ -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;"}
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
7
|
var cn = require('../../../../utilities/cn.js');
|
|
8
|
-
var reactDom = require('react-dom');
|
|
9
8
|
var use_click_outside = require('../../../../hooks/use_click_outside.js');
|
|
9
|
+
var reactDom = require('react-dom');
|
|
10
10
|
var modal_constants = require('../../modal_constants.js');
|
|
11
11
|
var modal_footer = require('./modal_footer.js');
|
|
12
12
|
var modal_header = require('./modal_header.js');
|
|
@@ -68,7 +68,7 @@ var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (
|
|
|
68
68
|
return option.isHeader ? (/*#__PURE__*/React__default['default'].createElement(select_group_label.SelectGroupLabel, {
|
|
69
69
|
key: option.text
|
|
70
70
|
}, option.text)) : (/*#__PURE__*/React__default['default'].createElement(select_item.SelectItem, {
|
|
71
|
-
key: "select-item-".concat(option.value
|
|
71
|
+
key: "select-item-".concat(option.value),
|
|
72
72
|
value: option.value,
|
|
73
73
|
isDisabled: option.isDisabled,
|
|
74
74
|
isReadonly: option.isReadonly
|
|
@@ -40,19 +40,6 @@ var Select = function Select(_ref) {
|
|
|
40
40
|
var clearFilterInputOnClose = function clearFilterInputOnClose(openState) {
|
|
41
41
|
if (hasSearch && !openState) setFilterTerm('');
|
|
42
42
|
};
|
|
43
|
-
var filteredOptions = React__default['default'].useMemo(function () {
|
|
44
|
-
if (!hasSearch || !filterTerm) return options;
|
|
45
|
-
var seen = new Set();
|
|
46
|
-
return options.reduce(function (acc, opt) {
|
|
47
|
-
if (opt.isHeader) {
|
|
48
|
-
acc.push(opt);
|
|
49
|
-
} else if (!seen.has(opt.value) && opt.text.toLowerCase().includes(filterTerm.toLowerCase())) {
|
|
50
|
-
seen.add(opt.value);
|
|
51
|
-
acc.push(opt);
|
|
52
|
-
}
|
|
53
|
-
return acc;
|
|
54
|
-
}, []);
|
|
55
|
-
}, [filterTerm, options]);
|
|
56
43
|
React.useEffect(function () {
|
|
57
44
|
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(selectedValue !== null && selectedValue !== void 0 ? selectedValue : '');
|
|
58
45
|
}, [selectedValue]);
|
|
@@ -85,7 +72,7 @@ var Select = function Select(_ref) {
|
|
|
85
72
|
}, /*#__PURE__*/React__default['default'].createElement(close_circle_fill_icon.CloseCircleFillIcon, {
|
|
86
73
|
className: "aurora-h-4 aurora-w-4 aurora-cursor-pointer"
|
|
87
74
|
})))), /*#__PURE__*/React__default['default'].createElement(select_content.SelectContent, {
|
|
88
|
-
options:
|
|
75
|
+
options: options,
|
|
89
76
|
hasSearch: hasSearch,
|
|
90
77
|
searchPlaceholder: searchPlaceholder,
|
|
91
78
|
innerAdditionalContent: innerAdditionalContent,
|
|
@@ -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;"}
|
|
@@ -5,13 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
7
|
var cn = require('../../../utilities/cn.js');
|
|
8
|
+
var use_click_outside = require('../../../hooks/use_click_outside.js');
|
|
8
9
|
var use_sidebar = require('../hooks/use_sidebar.js');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
12
|
|
|
12
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
14
|
|
|
14
|
-
var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll"];
|
|
15
|
+
var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll", "onClickOutside"];
|
|
15
16
|
var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
|
|
16
17
|
var className = _ref.className,
|
|
17
18
|
width = _ref.width,
|
|
@@ -19,13 +20,30 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
|
|
|
19
20
|
TriggerButton = _ref.TriggerButton,
|
|
20
21
|
side = _ref.side,
|
|
21
22
|
onScroll = _ref.onScroll,
|
|
23
|
+
onClickOutside = _ref.onClickOutside,
|
|
22
24
|
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
23
25
|
var _useSidebar = use_sidebar.useSidebar(),
|
|
24
|
-
open = _useSidebar.open
|
|
26
|
+
open = _useSidebar.open,
|
|
27
|
+
toggle = _useSidebar.toggle,
|
|
28
|
+
close = _useSidebar.close;
|
|
25
29
|
var sidebarRef = React.useRef(null);
|
|
30
|
+
var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
|
|
31
|
+
config = _ref2.config,
|
|
32
|
+
onClickOutsideCallback = _ref2.callback;
|
|
26
33
|
React.useImperativeHandle(ref, function () {
|
|
27
34
|
return sidebarRef.current;
|
|
28
35
|
});
|
|
36
|
+
use_click_outside.useClickOutside({
|
|
37
|
+
refs: [sidebarRef],
|
|
38
|
+
callback: function callback() {
|
|
39
|
+
if (open) onClickOutsideCallback === null || onClickOutsideCallback === void 0 ? void 0 : onClickOutsideCallback({
|
|
40
|
+
open: open,
|
|
41
|
+
toggle: toggle,
|
|
42
|
+
close: close
|
|
43
|
+
});
|
|
44
|
+
},
|
|
45
|
+
config: config
|
|
46
|
+
});
|
|
29
47
|
return /*#__PURE__*/React__default['default'].createElement("aside", _rollupPluginBabelHelpers.objectSpread2({
|
|
30
48
|
"aria-expanded": open,
|
|
31
49
|
className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200'),
|
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;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;"}
|
|
@@ -6,15 +6,15 @@ var React = require('react');
|
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
7
|
var cn = require('../../../utilities/cn.js');
|
|
8
8
|
var sidebar_constants = require('../sidebar_constants.js');
|
|
9
|
+
var use_click_outside = require('../../../hooks/use_click_outside.js');
|
|
9
10
|
var use_sidebar = require('../hooks/use_sidebar.js');
|
|
10
11
|
var reactDom = require('react-dom');
|
|
11
|
-
var use_click_outside = require('../../../hooks/use_click_outside.js');
|
|
12
12
|
|
|
13
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
14
|
|
|
15
15
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
16
|
|
|
17
|
-
var _excluded = ["children", "container", "className", "width", "side", "closeOnOutsideClick", "TriggerButton", "onScroll"];
|
|
17
|
+
var _excluded = ["children", "container", "className", "width", "side", "closeOnOutsideClick", "onClickOutside", "TriggerButton", "onScroll"];
|
|
18
18
|
var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
|
|
19
19
|
var children = _ref.children,
|
|
20
20
|
_ref$container = _ref.container,
|
|
@@ -25,13 +25,15 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
|
|
|
25
25
|
side = _ref$side === void 0 ? sidebar_constants.SIDEBAR_SIDE.left : _ref$side,
|
|
26
26
|
_ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
|
|
27
27
|
closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
|
|
28
|
+
onClickOutside = _ref.onClickOutside,
|
|
28
29
|
TriggerButton = _ref.TriggerButton,
|
|
29
30
|
onScroll = _ref.onScroll,
|
|
30
31
|
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
31
32
|
var _useSidebar = use_sidebar.useSidebar(),
|
|
32
33
|
open = _useSidebar.open,
|
|
33
34
|
close = _useSidebar.close,
|
|
34
|
-
defaultOpen = _useSidebar.defaultOpen
|
|
35
|
+
defaultOpen = _useSidebar.defaultOpen,
|
|
36
|
+
toggle = _useSidebar.toggle;
|
|
35
37
|
var sidebarRef = React.useRef(null);
|
|
36
38
|
var _useState = React.useState(!open),
|
|
37
39
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
@@ -47,11 +49,20 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
|
|
|
47
49
|
if (open && side == sidebar_constants.SIDEBAR_SIDE.right) (_sidebarRef$current6 = sidebarRef.current) === null || _sidebarRef$current6 === void 0 ? void 0 : _sidebarRef$current6.classList.add('aurora-translate-x-0');
|
|
48
50
|
if (!open && side == sidebar_constants.SIDEBAR_SIDE.right) (_sidebarRef$current7 = sidebarRef.current) === null || _sidebarRef$current7 === void 0 ? void 0 : _sidebarRef$current7.classList.add('aurora-translate-x-full');
|
|
49
51
|
};
|
|
52
|
+
var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
|
|
53
|
+
config = _ref2.config,
|
|
54
|
+
onClickOutsideCallback = _ref2.callback;
|
|
50
55
|
use_click_outside.useClickOutside({
|
|
51
56
|
refs: [sidebarRef],
|
|
52
57
|
callback: function callback() {
|
|
58
|
+
if (open) onClickOutsideCallback === null || onClickOutsideCallback === void 0 ? void 0 : onClickOutsideCallback({
|
|
59
|
+
open: open,
|
|
60
|
+
toggle: toggle,
|
|
61
|
+
close: close
|
|
62
|
+
});
|
|
53
63
|
if (closeOnOutsideClick && open) close();
|
|
54
|
-
}
|
|
64
|
+
},
|
|
65
|
+
config: config
|
|
55
66
|
});
|
|
56
67
|
React.useEffect(function () {
|
|
57
68
|
if (!defaultOpen) return;
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -50,8 +50,8 @@ var action_list_sub_content = require('./components/action_list/components/actio
|
|
|
50
50
|
var badge_constants = require('./components/badge/badge_constants.js');
|
|
51
51
|
var badge = require('./components/badge/badge.js');
|
|
52
52
|
var sidebar_constants = require('./components/sidebar/sidebar_constants.js');
|
|
53
|
-
var use_sidebar = require('./components/sidebar/hooks/use_sidebar.js');
|
|
54
53
|
var use_click_outside = require('./hooks/use_click_outside.js');
|
|
54
|
+
var use_sidebar = require('./components/sidebar/hooks/use_sidebar.js');
|
|
55
55
|
var sidebar = require('./components/sidebar/sidebar.js');
|
|
56
56
|
var sidebar_toggle = require('./components/sidebar/components/sidebar_toggle.js');
|
|
57
57
|
var sidebar_close_button = require('./components/sidebar/components/sidebar_close_button.js');
|
|
@@ -179,8 +179,8 @@ exports.BADGE_VARIANTS = badge_constants.BADGE_VARIANTS;
|
|
|
179
179
|
exports.Badge = badge.Badge;
|
|
180
180
|
exports.SIDEBAR_SIDE = sidebar_constants.SIDEBAR_SIDE;
|
|
181
181
|
exports.SIDEBAR_VARIANTS = sidebar_constants.SIDEBAR_VARIANTS;
|
|
182
|
-
exports.useSidebar = use_sidebar.useSidebar;
|
|
183
182
|
exports.useClickOutside = use_click_outside.useClickOutside;
|
|
183
|
+
exports.useSidebar = use_sidebar.useSidebar;
|
|
184
184
|
exports.Sidebar = sidebar.Sidebar;
|
|
185
185
|
exports.SidebarToggle = sidebar_toggle.SidebarToggle;
|
|
186
186
|
exports.SidebarCloseButton = sidebar_close_button.SidebarCloseButton;
|
|
@@ -1,3 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
export declare const InputControl: React.ForwardRefExoticComponent<import("../../input/input_types").TInputProps & {
|
|
3
|
+
label?: React.ReactNode;
|
|
4
|
+
helperText?: React.ReactNode;
|
|
5
|
+
tooltip?: React.ReactNode;
|
|
6
|
+
errors?: string | string[] | undefined;
|
|
7
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -7,7 +7,7 @@ import { Control } from '../../control/control.js';
|
|
|
7
7
|
import { Input } from '../../input/input.js';
|
|
8
8
|
|
|
9
9
|
var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
|
|
10
|
-
var InputControl = function
|
|
10
|
+
var InputControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
11
11
|
var id = _ref.id,
|
|
12
12
|
name = _ref.name,
|
|
13
13
|
label = _ref.label,
|
|
@@ -38,6 +38,7 @@ var InputControl = function InputControl(_ref) {
|
|
|
38
38
|
tooltip: tooltip,
|
|
39
39
|
disabled: disabled
|
|
40
40
|
}, label))), /*#__PURE__*/React.createElement(Input, _objectSpread2({
|
|
41
|
+
ref: ref,
|
|
41
42
|
id: id,
|
|
42
43
|
name: name,
|
|
43
44
|
value: value,
|
|
@@ -55,7 +56,7 @@ var InputControl = function InputControl(_ref) {
|
|
|
55
56
|
}, props)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
|
|
56
57
|
errors: errors
|
|
57
58
|
}));
|
|
58
|
-
};
|
|
59
|
+
});
|
|
59
60
|
InputControl.displayName = 'InputControl';
|
|
60
61
|
|
|
61
62
|
export { InputControl };
|
package/build/esm/packages/aurora/src/components/controls/input_control/input_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;"}
|
|
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;"}
|
|
@@ -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,8 +1,8 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { cn } from '../../../../utilities/cn.js';
|
|
4
|
-
import { createPortal } from 'react-dom';
|
|
5
4
|
import { useClickOutside } from '../../../../hooks/use_click_outside.js';
|
|
5
|
+
import { createPortal } from 'react-dom';
|
|
6
6
|
import { MODAL_VISIBILITY_STATE, MODAL_SLIDE_FADE_DURATION, MODAL_WIDTH_VARIANT } from '../../modal_constants.js';
|
|
7
7
|
import { ModalFooter } from './modal_footer.js';
|
|
8
8
|
import { ModalHeader } from './modal_header.js';
|
|
@@ -60,7 +60,7 @@ var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
60
60
|
return option.isHeader ? (/*#__PURE__*/React.createElement(SelectGroupLabel, {
|
|
61
61
|
key: option.text
|
|
62
62
|
}, option.text)) : (/*#__PURE__*/React.createElement(SelectItem, {
|
|
63
|
-
key: "select-item-".concat(option.value
|
|
63
|
+
key: "select-item-".concat(option.value),
|
|
64
64
|
value: option.value,
|
|
65
65
|
isDisabled: option.isDisabled,
|
|
66
66
|
isReadonly: option.isReadonly
|
|
@@ -32,19 +32,6 @@ var Select = function Select(_ref) {
|
|
|
32
32
|
var clearFilterInputOnClose = function clearFilterInputOnClose(openState) {
|
|
33
33
|
if (hasSearch && !openState) setFilterTerm('');
|
|
34
34
|
};
|
|
35
|
-
var filteredOptions = React.useMemo(function () {
|
|
36
|
-
if (!hasSearch || !filterTerm) return options;
|
|
37
|
-
var seen = new Set();
|
|
38
|
-
return options.reduce(function (acc, opt) {
|
|
39
|
-
if (opt.isHeader) {
|
|
40
|
-
acc.push(opt);
|
|
41
|
-
} else if (!seen.has(opt.value) && opt.text.toLowerCase().includes(filterTerm.toLowerCase())) {
|
|
42
|
-
seen.add(opt.value);
|
|
43
|
-
acc.push(opt);
|
|
44
|
-
}
|
|
45
|
-
return acc;
|
|
46
|
-
}, []);
|
|
47
|
-
}, [filterTerm, options]);
|
|
48
35
|
useEffect(function () {
|
|
49
36
|
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(selectedValue !== null && selectedValue !== void 0 ? selectedValue : '');
|
|
50
37
|
}, [selectedValue]);
|
|
@@ -77,7 +64,7 @@ var Select = function Select(_ref) {
|
|
|
77
64
|
}, /*#__PURE__*/React.createElement(CloseCircleFillIcon, {
|
|
78
65
|
className: "aurora-h-4 aurora-w-4 aurora-cursor-pointer"
|
|
79
66
|
})))), /*#__PURE__*/React.createElement(SelectContent, {
|
|
80
|
-
options:
|
|
67
|
+
options: options,
|
|
81
68
|
hasSearch: hasSearch,
|
|
82
69
|
searchPlaceholder: searchPlaceholder,
|
|
83
70
|
innerAdditionalContent: innerAdditionalContent,
|
|
@@ -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
|
}
|
|
@@ -4,4 +4,5 @@ export declare const PersistentSidebar: React.ForwardRefExoticComponent<Omit<Rea
|
|
|
4
4
|
className?: string | undefined;
|
|
5
5
|
side?: "left" | "right" | undefined;
|
|
6
6
|
TriggerButton?: React.ReactNode;
|
|
7
|
+
onClickOutside?: import("../sidebar_types_types").TSidebarOnClickOutside | undefined;
|
|
7
8
|
}, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React, { useRef, useImperativeHandle } from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { cn } from '../../../utilities/cn.js';
|
|
4
|
+
import { useClickOutside } from '../../../hooks/use_click_outside.js';
|
|
4
5
|
import { useSidebar } from '../hooks/use_sidebar.js';
|
|
5
6
|
|
|
6
|
-
var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll"];
|
|
7
|
+
var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll", "onClickOutside"];
|
|
7
8
|
var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
8
9
|
var className = _ref.className,
|
|
9
10
|
width = _ref.width,
|
|
@@ -11,13 +12,30 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
11
12
|
TriggerButton = _ref.TriggerButton,
|
|
12
13
|
side = _ref.side,
|
|
13
14
|
onScroll = _ref.onScroll,
|
|
15
|
+
onClickOutside = _ref.onClickOutside,
|
|
14
16
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
15
17
|
var _useSidebar = useSidebar(),
|
|
16
|
-
open = _useSidebar.open
|
|
18
|
+
open = _useSidebar.open,
|
|
19
|
+
toggle = _useSidebar.toggle,
|
|
20
|
+
close = _useSidebar.close;
|
|
17
21
|
var sidebarRef = useRef(null);
|
|
22
|
+
var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
|
|
23
|
+
config = _ref2.config,
|
|
24
|
+
onClickOutsideCallback = _ref2.callback;
|
|
18
25
|
useImperativeHandle(ref, function () {
|
|
19
26
|
return sidebarRef.current;
|
|
20
27
|
});
|
|
28
|
+
useClickOutside({
|
|
29
|
+
refs: [sidebarRef],
|
|
30
|
+
callback: function callback() {
|
|
31
|
+
if (open) onClickOutsideCallback === null || onClickOutsideCallback === void 0 ? void 0 : onClickOutsideCallback({
|
|
32
|
+
open: open,
|
|
33
|
+
toggle: toggle,
|
|
34
|
+
close: close
|
|
35
|
+
});
|
|
36
|
+
},
|
|
37
|
+
config: config
|
|
38
|
+
});
|
|
21
39
|
return /*#__PURE__*/React.createElement("aside", _objectSpread2({
|
|
22
40
|
"aria-expanded": open,
|
|
23
41
|
className: cn('aurora-relative aurora-transition-all aurora-duration-200'),
|
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;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;"}
|
package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.d.ts
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TSidebarSide } from "../sidebar_types_types";
|
|
2
|
+
import { TSidebarOnClickOutside, TSidebarSide } from "../sidebar_types_types";
|
|
3
3
|
export declare type TPersistentSidebarProps = {
|
|
4
4
|
width?: string;
|
|
5
5
|
className?: string;
|
|
6
6
|
side?: TSidebarSide;
|
|
7
7
|
TriggerButton?: React.ReactNode;
|
|
8
|
+
onClickOutside?: TSidebarOnClickOutside;
|
|
8
9
|
} & React.HTMLAttributes<HTMLDivElement>;
|
|
9
10
|
export declare type TTemporalSidebar = React.PropsWithoutRef<{
|
|
10
11
|
width?: string;
|
|
@@ -13,6 +14,7 @@ export declare type TTemporalSidebar = React.PropsWithoutRef<{
|
|
|
13
14
|
container?: HTMLElement;
|
|
14
15
|
closeOnOutsideClick?: boolean;
|
|
15
16
|
TriggerButton?: React.ReactNode;
|
|
17
|
+
onClickOutside?: TSidebarOnClickOutside;
|
|
16
18
|
} & React.HTMLAttributes<HTMLDivElement>>;
|
|
17
19
|
export declare type TSidebarCloseButtonProps = {
|
|
18
20
|
onClose?: () => void;
|
package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar_components_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/components/sidebar_components_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,
|
|
1
|
+
{"version":3,"file":"sidebar_components_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/components/sidebar_components_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAAqD,+CAA+C,CAAC"}
|
|
@@ -6,4 +6,5 @@ export declare const TemporalSidebar: React.ForwardRefExoticComponent<Omit<React
|
|
|
6
6
|
container?: HTMLElement | undefined;
|
|
7
7
|
closeOnOutsideClick?: boolean | undefined;
|
|
8
8
|
TriggerButton?: React.ReactNode;
|
|
9
|
+
onClickOutside?: import("../sidebar_types_types").TSidebarOnClickOutside | undefined;
|
|
9
10
|
}, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
|
|
@@ -2,11 +2,11 @@ import React, { useRef, useState, useEffect, useLayoutEffect, useImperativeHandl
|
|
|
2
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
|
+
import { useClickOutside } from '../../../hooks/use_click_outside.js';
|
|
5
6
|
import { useSidebar } from '../hooks/use_sidebar.js';
|
|
6
7
|
import { createPortal } from 'react-dom';
|
|
7
|
-
import { useClickOutside } from '../../../hooks/use_click_outside.js';
|
|
8
8
|
|
|
9
|
-
var _excluded = ["children", "container", "className", "width", "side", "closeOnOutsideClick", "TriggerButton", "onScroll"];
|
|
9
|
+
var _excluded = ["children", "container", "className", "width", "side", "closeOnOutsideClick", "onClickOutside", "TriggerButton", "onScroll"];
|
|
10
10
|
var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
11
11
|
var children = _ref.children,
|
|
12
12
|
_ref$container = _ref.container,
|
|
@@ -17,13 +17,15 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
17
17
|
side = _ref$side === void 0 ? SIDEBAR_SIDE.left : _ref$side,
|
|
18
18
|
_ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
|
|
19
19
|
closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
|
|
20
|
+
onClickOutside = _ref.onClickOutside,
|
|
20
21
|
TriggerButton = _ref.TriggerButton,
|
|
21
22
|
onScroll = _ref.onScroll,
|
|
22
23
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
24
|
var _useSidebar = useSidebar(),
|
|
24
25
|
open = _useSidebar.open,
|
|
25
26
|
close = _useSidebar.close,
|
|
26
|
-
defaultOpen = _useSidebar.defaultOpen
|
|
27
|
+
defaultOpen = _useSidebar.defaultOpen,
|
|
28
|
+
toggle = _useSidebar.toggle;
|
|
27
29
|
var sidebarRef = useRef(null);
|
|
28
30
|
var _useState = useState(!open),
|
|
29
31
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -39,11 +41,20 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
39
41
|
if (open && side == SIDEBAR_SIDE.right) (_sidebarRef$current6 = sidebarRef.current) === null || _sidebarRef$current6 === void 0 ? void 0 : _sidebarRef$current6.classList.add('aurora-translate-x-0');
|
|
40
42
|
if (!open && side == SIDEBAR_SIDE.right) (_sidebarRef$current7 = sidebarRef.current) === null || _sidebarRef$current7 === void 0 ? void 0 : _sidebarRef$current7.classList.add('aurora-translate-x-full');
|
|
41
43
|
};
|
|
44
|
+
var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
|
|
45
|
+
config = _ref2.config,
|
|
46
|
+
onClickOutsideCallback = _ref2.callback;
|
|
42
47
|
useClickOutside({
|
|
43
48
|
refs: [sidebarRef],
|
|
44
49
|
callback: function callback() {
|
|
50
|
+
if (open) onClickOutsideCallback === null || onClickOutsideCallback === void 0 ? void 0 : onClickOutsideCallback({
|
|
51
|
+
open: open,
|
|
52
|
+
toggle: toggle,
|
|
53
|
+
close: close
|
|
54
|
+
});
|
|
45
55
|
if (closeOnOutsideClick && open) close();
|
|
46
|
-
}
|
|
56
|
+
},
|
|
57
|
+
config: config
|
|
47
58
|
});
|
|
48
59
|
useEffect(function () {
|
|
49
60
|
if (!defaultOpen) return;
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -2,12 +2,22 @@ import React from 'react';
|
|
|
2
2
|
import { SIDEBAR_SIDE, SIDEBAR_VARIANTS } from "./sidebar_constants";
|
|
3
3
|
import { Any } from 'ts-toolbelt';
|
|
4
4
|
import { TPersistentSidebarProps, TTemporalSidebar } from "./components/sidebar_components_types";
|
|
5
|
+
import { TUseClickOutsideProps } from "../../hooks/use_click_outside";
|
|
5
6
|
export declare type TSidebarVariant = Any.Keys<typeof SIDEBAR_VARIANTS>;
|
|
6
7
|
export declare type TSidebarSide = Any.Keys<typeof SIDEBAR_SIDE>;
|
|
8
|
+
export declare type TOnClickOutsideCallbackProps = {
|
|
9
|
+
open: boolean;
|
|
10
|
+
toggle: Function;
|
|
11
|
+
close: Function;
|
|
12
|
+
};
|
|
13
|
+
export declare type TSidebarOnClickOutside = Pick<TUseClickOutsideProps, 'config'> & {
|
|
14
|
+
callback?: (props: TOnClickOutsideCallbackProps) => void;
|
|
15
|
+
};
|
|
7
16
|
export declare type TSidebarProps<T extends TSidebarVariant> = {
|
|
8
17
|
variant: T;
|
|
9
18
|
open?: boolean;
|
|
10
19
|
onOpenChange?: (open: boolean) => void;
|
|
11
20
|
defaultOpen?: boolean;
|
|
12
21
|
storageKey?: string;
|
|
22
|
+
onClickOutside?: TSidebarOnClickOutside;
|
|
13
23
|
} & React.HTMLAttributes<HTMLHtmlElement> & (T extends typeof SIDEBAR_VARIANTS.persistent ? TPersistentSidebarProps : TTemporalSidebar);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar_types_types.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar/sidebar_types_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA+C,6CAA6C,CAAC;AAC7F,OAAoB,aAAa,CAAC;AAClC,OAA0D,+DAA+D,CAAC"}
|
|
1
|
+
{"version":3,"file":"sidebar_types_types.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar/sidebar_types_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA+C,6CAA6C,CAAC;AAC7F,OAAoB,aAAa,CAAC;AAClC,OAA0D,+DAA+D,CAAC;AAC1H,OAAsC,gCAAgC,CAAC"}
|
|
@@ -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";
|
|
@@ -46,8 +46,8 @@ export { ActionListSubContent } from './components/action_list/components/action
|
|
|
46
46
|
export { BADGE_VARIANTS } from './components/badge/badge_constants.js';
|
|
47
47
|
export { Badge } from './components/badge/badge.js';
|
|
48
48
|
export { SIDEBAR_SIDE, SIDEBAR_VARIANTS } from './components/sidebar/sidebar_constants.js';
|
|
49
|
-
export { useSidebar } from './components/sidebar/hooks/use_sidebar.js';
|
|
50
49
|
export { useClickOutside } from './hooks/use_click_outside.js';
|
|
50
|
+
export { useSidebar } from './components/sidebar/hooks/use_sidebar.js';
|
|
51
51
|
export { Sidebar } from './components/sidebar/sidebar.js';
|
|
52
52
|
export { SidebarToggle } from './components/sidebar/components/sidebar_toggle.js';
|
|
53
53
|
export { SidebarCloseButton } from './components/sidebar/components/sidebar_close_button.js';
|