baseui 0.0.0-next-2e8ea04 → 0.0.0-next-18f6cb4

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 (9) hide show
  1. package/drawer/drawer.js +2 -1
  2. package/drawer/drawer.js.flow +1 -1
  3. package/es/drawer/drawer.js +2 -1
  4. package/es/snackbar/snackbar-context.js +16 -4
  5. package/esm/drawer/drawer.js +2 -1
  6. package/esm/snackbar/snackbar-context.js +16 -4
  7. package/package.json +1 -1
  8. package/snackbar/snackbar-context.js +15 -4
  9. package/snackbar/snackbar-context.js.flow +15 -3
package/drawer/drawer.js CHANGED
@@ -342,7 +342,8 @@ var Drawer = /*#__PURE__*/function (_React$Component) {
342
342
  return /*#__PURE__*/React.createElement(_index.LocaleContext.Consumer, null, function (locale) {
343
343
  return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
344
344
  returnFocus: true,
345
- autoFocus: autoFocus
345
+ autoFocus: autoFocus,
346
+ noFocusGuards: true
346
347
  }, /*#__PURE__*/React.createElement(Root, _extends({
347
348
  "data-baseweb": "drawer",
348
349
  ref: _this3.getRef('Root')
package/drawer/drawer.js.flow CHANGED
@@ -253,7 +253,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
253
253
  <LocaleContext.Consumer>
254
254
  {locale => {
255
255
  return (
256
- <FocusLock returnFocus autoFocus={autoFocus}>
256
+ <FocusLock returnFocus autoFocus={autoFocus} noFocusGuards={true}>
257
257
  <Root
258
258
  data-baseweb="drawer"
259
259
  ref={this.getRef('Root')}
package/es/drawer/drawer.js CHANGED
@@ -252,7 +252,8 @@ class Drawer extends React.Component {
252
252
  return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, locale => {
253
253
  return /*#__PURE__*/React.createElement(FocusLock, {
254
254
  returnFocus: true,
255
- autoFocus: autoFocus
255
+ autoFocus: autoFocus,
256
+ noFocusGuards: true
256
257
  }, /*#__PURE__*/React.createElement(Root, _extends({
257
258
  "data-baseweb": "drawer",
258
259
  ref: this.getRef('Root')
package/es/snackbar/snackbar-context.js CHANGED
@@ -31,6 +31,15 @@ export function useSnackbar() {
31
31
  dequeue: context.dequeue
32
32
  };
33
33
  }
34
+
35
+ function usePrevious(value) {
36
+ const ref = React.useRef();
37
+ React.useEffect(() => {
38
+ ref.current = value;
39
+ });
40
+ return ref.current;
41
+ }
42
+
34
43
  export default function SnackbarProvider({
35
44
  children,
36
45
  overrides = {},
@@ -46,10 +55,6 @@ export default function SnackbarProvider({
46
55
 
47
56
  function enqueue(elementProps, duration = defaultDuration) {
48
57
  setSnackbars(prev => {
49
- if (prev.length === 0) {
50
- enter(duration);
51
- }
52
-
53
58
  return [...prev, {
54
59
  elementProps,
55
60
  duration
@@ -57,6 +62,13 @@ export default function SnackbarProvider({
57
62
  });
58
63
  }
59
64
 
65
+ const prevSnackbars = usePrevious(snackbars) || [];
66
+ React.useEffect(() => {
67
+ if (prevSnackbars.length === 0 && snackbars.length >= 1) {
68
+ enter(snackbars[0].duration);
69
+ }
70
+ }, [snackbars, prevSnackbars]);
71
+
60
72
  function dequeue() {
61
73
  setContainerHeight(0);
62
74
  setSnackbars(prev => {
package/esm/drawer/drawer.js CHANGED
@@ -331,7 +331,8 @@ var Drawer = /*#__PURE__*/function (_React$Component) {
331
331
  return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, function (locale) {
332
332
  return /*#__PURE__*/React.createElement(FocusLock, {
333
333
  returnFocus: true,
334
- autoFocus: autoFocus
334
+ autoFocus: autoFocus,
335
+ noFocusGuards: true
335
336
  }, /*#__PURE__*/React.createElement(Root, _extends({
336
337
  "data-baseweb": "drawer",
337
338
  ref: _this3.getRef('Root')
package/esm/snackbar/snackbar-context.js CHANGED
@@ -61,6 +61,15 @@ export function useSnackbar() {
61
61
  dequeue: context.dequeue
62
62
  };
63
63
  }
64
+
65
+ function usePrevious(value) {
66
+ var ref = React.useRef();
67
+ React.useEffect(function () {
68
+ ref.current = value;
69
+ });
70
+ return ref.current;
71
+ }
72
+
64
73
  export default function SnackbarProvider(_ref) {
65
74
  var children = _ref.children,
66
75
  _ref$overrides = _ref.overrides,
@@ -95,10 +104,6 @@ export default function SnackbarProvider(_ref) {
95
104
  function enqueue(elementProps) {
96
105
  var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultDuration;
97
106
  setSnackbars(function (prev) {
98
- if (prev.length === 0) {
99
- enter(duration);
100
- }
101
-
102
107
  return [].concat(_toConsumableArray(prev), [{
103
108
  elementProps: elementProps,
104
109
  duration: duration
@@ -106,6 +111,13 @@ export default function SnackbarProvider(_ref) {
106
111
  });
107
112
  }
108
113
 
114
+ var prevSnackbars = usePrevious(snackbars) || [];
115
+ React.useEffect(function () {
116
+ if (prevSnackbars.length === 0 && snackbars.length >= 1) {
117
+ enter(snackbars[0].duration);
118
+ }
119
+ }, [snackbars, prevSnackbars]);
120
+
109
121
  function dequeue() {
110
122
  setContainerHeight(0);
111
123
  setSnackbars(function (prev) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "baseui",
3
- "version": "0.0.0-next-2e8ea04",
3
+ "version": "0.0.0-next-18f6cb4",
4
4
  "description": "A React Component library implementing the Base design language",
5
5
  "keywords": [
6
6
  "react",
package/snackbar/snackbar-context.js CHANGED
@@ -81,6 +81,14 @@ function useSnackbar() {
81
81
  };
82
82
  }
83
83
 
84
+ function usePrevious(value) {
85
+ var ref = React.useRef();
86
+ React.useEffect(function () {
87
+ ref.current = value;
88
+ });
89
+ return ref.current;
90
+ }
91
+
84
92
  function SnackbarProvider(_ref) {
85
93
  var children = _ref.children,
86
94
  _ref$overrides = _ref.overrides,
@@ -115,10 +123,6 @@ function SnackbarProvider(_ref) {
115
123
  function enqueue(elementProps) {
116
124
  var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultDuration;
117
125
  setSnackbars(function (prev) {
118
- if (prev.length === 0) {
119
- enter(duration);
120
- }
121
-
122
126
  return [].concat(_toConsumableArray(prev), [{
123
127
  elementProps: elementProps,
124
128
  duration: duration
@@ -126,6 +130,13 @@ function SnackbarProvider(_ref) {
126
130
  });
127
131
  }
128
132
 
133
+ var prevSnackbars = usePrevious(snackbars) || [];
134
+ React.useEffect(function () {
135
+ if (prevSnackbars.length === 0 && snackbars.length >= 1) {
136
+ enter(snackbars[0].duration);
137
+ }
138
+ }, [snackbars, prevSnackbars]);
139
+
129
140
  function dequeue() {
130
141
  setContainerHeight(0);
131
142
  setSnackbars(function (prev) {
package/snackbar/snackbar-context.js.flow CHANGED
@@ -43,6 +43,14 @@ export function useSnackbar() {
43
43
  return {enqueue: context.enqueue, dequeue: context.dequeue};
44
44
  }
45
45
 
46
+ function usePrevious(value) {
47
+ const ref = React.useRef();
48
+ React.useEffect(() => {
49
+ ref.current = value;
50
+ });
51
+ return ref.current;
52
+ }
53
+
46
54
  export default function SnackbarProvider({
47
55
  children,
48
56
  overrides = {},
@@ -61,13 +69,17 @@ export default function SnackbarProvider({
61
69
 
62
70
  function enqueue(elementProps, duration = defaultDuration) {
63
71
  setSnackbars(prev => {
64
- if (prev.length === 0) {
65
- enter(duration);
66
- }
67
72
  return [...prev, {elementProps, duration}];
68
73
  });
69
74
  }
70
75
 
76
+ const prevSnackbars = usePrevious(snackbars) || [];
77
+ React.useEffect(() => {
78
+ if (prevSnackbars.length === 0 && snackbars.length >= 1) {
79
+ enter(snackbars[0].duration);
80
+ }
81
+ }, [snackbars, prevSnackbars]);
82
+
71
83
  function dequeue() {
72
84
  setContainerHeight(0);
73
85