@dreamcommerce/aurora 3.0.0-123 → 3.0.0-125

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 (21) hide show
  1. package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +21 -3
  3. package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +15 -4
  5. package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/index.js +2 -2
  7. package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js +1 -1
  8. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.d.ts +1 -0
  9. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +21 -3
  10. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
  11. package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.d.ts +3 -1
  12. package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.js.map +1 -1
  13. package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.d.ts +1 -0
  14. package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +15 -4
  15. package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -1
  16. package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.d.ts +10 -0
  17. package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.js +1 -0
  18. package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.js.map +1 -1
  19. package/build/esm/packages/aurora/src/hooks/use_click_outside.d.ts +1 -1
  20. package/build/esm/packages/aurora/src/index.js +1 -1
  21. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js CHANGED
@@ -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');
package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js CHANGED
@@ -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,16 +20,33 @@ 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
- className: cn.cn('aurora-relative aurora-overflow-hidden aurora-transition-all aurora-duration-200'),
49
+ className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200'),
32
50
  style: {
33
51
  width: open ? width : 0,
34
52
  maxWidth: open ? width : 0,
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;"}
package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js CHANGED
@@ -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;
package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/cjs/packages/aurora/src/index.js CHANGED
@@ -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;
package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js CHANGED
@@ -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';
package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.d.ts CHANGED
@@ -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>>;
package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js CHANGED
@@ -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,16 +12,33 @@ 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
- className: cn('aurora-relative aurora-overflow-hidden aurora-transition-all aurora-duration-200'),
41
+ className: cn('aurora-relative aurora-transition-all aurora-duration-200'),
24
42
  style: {
25
43
  width: open ? width : 0,
26
44
  maxWidth: open ? width : 0,
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,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"}
package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.d.ts CHANGED
@@ -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>>;
package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js CHANGED
@@ -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;
package/build/esm/packages/aurora/src/components/sidebar/components/temporal_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.d.ts CHANGED
@@ -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 = Omit<TUseClickOutsideProps, 'callback'> & {
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);
package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.js CHANGED
@@ -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
package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.js.map CHANGED
@@ -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"}
package/build/esm/packages/aurora/src/hooks/use_click_outside.d.ts CHANGED
@@ -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[];
package/build/esm/packages/aurora/src/index.js CHANGED
@@ -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-123",
5
+ "version": "3.0.0-125",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",