@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.
Files changed (38) hide show
  1. package/build/cjs/packages/aurora/src/components/controls/input_control/input_control.js +3 -2
  2. package/build/cjs/packages/aurora/src/components/controls/input_control/input_control.js.map +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/modal/components/modal/modal.js +1 -1
  6. package/build/cjs/packages/aurora/src/components/select/components/select_content.js +1 -1
  7. package/build/cjs/packages/aurora/src/components/select/select.js +1 -14
  8. package/build/cjs/packages/aurora/src/components/select/select.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +20 -2
  10. package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +15 -4
  12. package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -1
  13. package/build/cjs/packages/aurora/src/index.js +2 -2
  14. package/build/esm/packages/aurora/src/components/controls/input_control/input_control.d.ts +6 -2
  15. package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js +3 -2
  16. package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js.map +1 -1
  17. package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js +2 -4
  18. package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js.map +1 -1
  19. package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js +1 -1
  20. package/build/esm/packages/aurora/src/components/select/components/select_content.js +1 -1
  21. package/build/esm/packages/aurora/src/components/select/select.js +1 -14
  22. package/build/esm/packages/aurora/src/components/select/select.js.map +1 -1
  23. package/build/esm/packages/aurora/src/components/select/select_types.d.ts +3 -4
  24. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.d.ts +1 -0
  25. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +20 -2
  26. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
  27. package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.d.ts +3 -1
  28. package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.js.map +1 -1
  29. package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.d.ts +1 -0
  30. package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +15 -4
  31. package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -1
  32. package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.d.ts +10 -0
  33. package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.js +1 -0
  34. package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.js.map +1 -1
  35. package/build/esm/packages/aurora/src/hooks/use_click_outside.d.ts +1 -1
  36. package/build/esm/packages/aurora/src/index.d.ts +0 -1
  37. package/build/esm/packages/aurora/src/index.js +1 -1
  38. 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 InputControl(_ref) {
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;
@@ -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", "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;"}
@@ -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, "-").concat(index),
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: filteredOptions,
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;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'),
@@ -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
- import { TInputControlProps } from './input_control_types';
3
- export declare const InputControl: React.FC<TInputControlProps>;
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 InputControl(_ref) {
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 };
@@ -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", "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,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, "-").concat(index),
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: filteredOptions,
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;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
  }
@@ -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'),
@@ -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;"}
@@ -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;
@@ -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,OAA6B,+CAA+C,CAAC"}
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);
@@ -2,4 +2,5 @@ import 'react';
2
2
  import '@auroraComponents/sidebar/sidebar_constants';
3
3
  import 'ts-toolbelt';
4
4
  import '@auroraComponents/sidebar/components/sidebar_components_types';
5
+ import '@auroraHooks/use_click_outside';
5
6
  //# sourceMappingURL=sidebar_types_types.js.map
@@ -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"}
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  export declare type TClickOutsideConfig = {
3
3
  blackListSelectors?: string[];
4
4
  documents?: Document[];
@@ -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';
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-126",
5
+ "version": "3.0.0-127",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",