baseui 0.0.0-next-ef20d91 → 0.0.0-next-a3efedf

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 (17) hide show
  1. package/drawer/drawer.js +3 -1
  2. package/drawer/drawer.js.flow +7 -1
  3. package/es/drawer/drawer.js +3 -1
  4. package/es/modal/modal.js +3 -1
  5. package/es/popover/popover.js +3 -1
  6. package/es/table/filter.js +3 -1
  7. package/esm/drawer/drawer.js +3 -1
  8. package/esm/modal/modal.js +3 -1
  9. package/esm/popover/popover.js +3 -1
  10. package/esm/table/filter.js +3 -1
  11. package/modal/modal.js +3 -1
  12. package/modal/modal.js.flow +2 -0
  13. package/package.json +1 -1
  14. package/popover/popover.js +3 -1
  15. package/popover/popover.js.flow +2 -0
  16. package/table/filter.js +3 -1
  17. package/table/filter.js.flow +5 -1
package/drawer/drawer.js CHANGED
@@ -340,7 +340,9 @@ var Drawer = /*#__PURE__*/function (_React$Component) {
340
340
 
341
341
  var sharedProps = this.getSharedProps();
342
342
  return /*#__PURE__*/React.createElement(_index.LocaleContext.Consumer, null, function (locale) {
343
- return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
343
+ return /*#__PURE__*/React.createElement(_reactFocusLock.default // Allow focus to escape when UI is within an iframe
344
+ , {
345
+ crossFrame: false,
344
346
  returnFocus: true,
345
347
  autoFocus: autoFocus,
346
348
  noFocusGuards: true
package/drawer/drawer.js.flow CHANGED
@@ -253,7 +253,13 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
253
253
  <LocaleContext.Consumer>
254
254
  {locale => {
255
255
  return (
256
- <FocusLock returnFocus autoFocus={autoFocus} noFocusGuards={true}>
256
+ <FocusLock
257
+ // Allow focus to escape when UI is within an iframe
258
+ crossFrame={false}
259
+ returnFocus
260
+ autoFocus={autoFocus}
261
+ noFocusGuards={true}
262
+ >
257
263
  <Root
258
264
  data-baseweb="drawer"
259
265
  ref={this.getRef('Root')}
package/es/drawer/drawer.js CHANGED
@@ -250,7 +250,9 @@ class Drawer extends React.Component {
250
250
  const [Close, closeProps] = getOverrides(CloseOverride, StyledClose);
251
251
  const sharedProps = this.getSharedProps();
252
252
  return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, locale => {
253
- return /*#__PURE__*/React.createElement(FocusLock, {
253
+ return /*#__PURE__*/React.createElement(FocusLock // Allow focus to escape when UI is within an iframe
254
+ , {
255
+ crossFrame: false,
254
256
  returnFocus: true,
255
257
  autoFocus: autoFocus,
256
258
  noFocusGuards: true
package/es/modal/modal.js CHANGED
@@ -300,7 +300,9 @@ class Modal extends React.Component {
300
300
  ref: this.getRef('DialogContainer')
301
301
  } : {};
302
302
  return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, locale => /*#__PURE__*/React.createElement(FocusLock, {
303
- disabled: !focusLock,
303
+ disabled: !focusLock // Allow focus to escape when UI is within an iframe
304
+ ,
305
+ crossFrame: false,
304
306
  returnFocus: returnFocus,
305
307
  autoFocus: autofocus !== null ? autofocus : autoFocus
306
308
  }, /*#__PURE__*/React.createElement(Root, _extends({
package/es/popover/popover.js CHANGED
@@ -452,7 +452,9 @@ class PopoverInner extends React.Component {
452
452
  noFocusGuards: false // see popover-focus-loop.scenario.js for why hover cannot return focus
453
453
  ,
454
454
  returnFocus: !this.isHoverTrigger() && this.props.returnFocus,
455
- autoFocus: this.state.autoFocusAfterPositioning,
455
+ autoFocus: this.state.autoFocusAfterPositioning // Allow focus to escape when UI is within an iframe
456
+ ,
457
+ crossFrame: false,
456
458
  focusOptions: this.props.focusOptions
457
459
  }, this.renderPopover(renderedContent)) : /*#__PURE__*/React.createElement(MoveFocusInside, {
458
460
  disabled: !this.props.autoFocus && !this.state.autoFocusAfterPositioning
package/es/table/filter.js CHANGED
@@ -39,7 +39,9 @@ export default function Filter(props) {
39
39
  content: ({
40
40
  close
41
41
  }) => /*#__PURE__*/React.createElement(FocusLock, {
42
- autoFocus: false
42
+ autoFocus: false // Allow focus to escape when UI is within an iframe
43
+ ,
44
+ crossFrame: false
43
45
  }, /*#__PURE__*/React.createElement(Heading, headingProps, "Filter Column"), /*#__PURE__*/React.createElement(Content, contentProps, props.children), /*#__PURE__*/React.createElement(Footer, footerProps, /*#__PURE__*/React.createElement(Button, {
44
46
  kind: KIND.minimal,
45
47
  size: SIZE.compact,
package/esm/drawer/drawer.js CHANGED
@@ -329,7 +329,9 @@ var Drawer = /*#__PURE__*/function (_React$Component) {
329
329
 
330
330
  var sharedProps = this.getSharedProps();
331
331
  return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, function (locale) {
332
- return /*#__PURE__*/React.createElement(FocusLock, {
332
+ return /*#__PURE__*/React.createElement(FocusLock // Allow focus to escape when UI is within an iframe
333
+ , {
334
+ crossFrame: false,
333
335
  returnFocus: true,
334
336
  autoFocus: autoFocus,
335
337
  noFocusGuards: true
package/esm/modal/modal.js CHANGED
@@ -372,7 +372,9 @@ var Modal = /*#__PURE__*/function (_React$Component) {
372
372
  } : {};
373
373
  return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, function (locale) {
374
374
  return /*#__PURE__*/React.createElement(FocusLock, {
375
- disabled: !focusLock,
375
+ disabled: !focusLock // Allow focus to escape when UI is within an iframe
376
+ ,
377
+ crossFrame: false,
376
378
  returnFocus: returnFocus,
377
379
  autoFocus: autofocus !== null ? autofocus : autoFocus
378
380
  }, /*#__PURE__*/React.createElement(Root, _extends({
package/esm/popover/popover.js CHANGED
@@ -515,7 +515,9 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
515
515
  noFocusGuards: false // see popover-focus-loop.scenario.js for why hover cannot return focus
516
516
  ,
517
517
  returnFocus: !this.isHoverTrigger() && this.props.returnFocus,
518
- autoFocus: this.state.autoFocusAfterPositioning,
518
+ autoFocus: this.state.autoFocusAfterPositioning // Allow focus to escape when UI is within an iframe
519
+ ,
520
+ crossFrame: false,
519
521
  focusOptions: this.props.focusOptions
520
522
  }, this.renderPopover(renderedContent)) : /*#__PURE__*/React.createElement(MoveFocusInside, {
521
523
  disabled: !this.props.autoFocus && !this.state.autoFocusAfterPositioning
package/esm/table/filter.js CHANGED
@@ -75,7 +75,9 @@ export default function Filter(props) {
75
75
  content: function content(_ref) {
76
76
  var close = _ref.close;
77
77
  return /*#__PURE__*/React.createElement(FocusLock, {
78
- autoFocus: false
78
+ autoFocus: false // Allow focus to escape when UI is within an iframe
79
+ ,
80
+ crossFrame: false
79
81
  }, /*#__PURE__*/React.createElement(Heading, headingProps, "Filter Column"), /*#__PURE__*/React.createElement(Content, contentProps, props.children), /*#__PURE__*/React.createElement(Footer, footerProps, /*#__PURE__*/React.createElement(Button, {
80
82
  kind: KIND.minimal,
81
83
  size: SIZE.compact,
package/modal/modal.js CHANGED
@@ -383,7 +383,9 @@ var Modal = /*#__PURE__*/function (_React$Component) {
383
383
  } : {};
384
384
  return /*#__PURE__*/React.createElement(_index.LocaleContext.Consumer, null, function (locale) {
385
385
  return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
386
- disabled: !focusLock,
386
+ disabled: !focusLock // Allow focus to escape when UI is within an iframe
387
+ ,
388
+ crossFrame: false,
387
389
  returnFocus: returnFocus,
388
390
  autoFocus: autofocus !== null ? autofocus : autoFocus
389
391
  }, /*#__PURE__*/React.createElement(Root, _extends({
package/modal/modal.js.flow CHANGED
@@ -321,6 +321,8 @@ class Modal extends React.Component<ModalPropsT, ModalStateT> {
321
321
  {locale => (
322
322
  <FocusLock
323
323
  disabled={!focusLock}
324
+ // Allow focus to escape when UI is within an iframe
325
+ crossFrame={false}
324
326
  returnFocus={returnFocus}
325
327
  autoFocus={autofocus !== null ? autofocus : autoFocus}
326
328
  >
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "baseui",
3
- "version": "0.0.0-next-ef20d91",
3
+ "version": "0.0.0-next-a3efedf",
4
4
  "description": "A React Component library implementing the Base design language",
5
5
  "keywords": [
6
6
  "react",
package/popover/popover.js CHANGED
@@ -530,7 +530,9 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
530
530
  noFocusGuards: false // see popover-focus-loop.scenario.js for why hover cannot return focus
531
531
  ,
532
532
  returnFocus: !this.isHoverTrigger() && this.props.returnFocus,
533
- autoFocus: this.state.autoFocusAfterPositioning,
533
+ autoFocus: this.state.autoFocusAfterPositioning // Allow focus to escape when UI is within an iframe
534
+ ,
535
+ crossFrame: false,
534
536
  focusOptions: this.props.focusOptions
535
537
  }, this.renderPopover(renderedContent)) : /*#__PURE__*/React.createElement(_reactFocusLock.MoveFocusInside, {
536
538
  disabled: !this.props.autoFocus && !this.state.autoFocusAfterPositioning
package/popover/popover.js.flow CHANGED
@@ -477,6 +477,8 @@ class PopoverInner extends React.Component<
477
477
  // see popover-focus-loop.scenario.js for why hover cannot return focus
478
478
  returnFocus={!this.isHoverTrigger() && this.props.returnFocus}
479
479
  autoFocus={this.state.autoFocusAfterPositioning}
480
+ // Allow focus to escape when UI is within an iframe
481
+ crossFrame={false}
480
482
  focusOptions={this.props.focusOptions}
481
483
  >
482
484
  {this.renderPopover(renderedContent)}
package/table/filter.js CHANGED
@@ -91,7 +91,9 @@ function Filter(props) {
91
91
  content: function content(_ref) {
92
92
  var close = _ref.close;
93
93
  return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
94
- autoFocus: false
94
+ autoFocus: false // Allow focus to escape when UI is within an iframe
95
+ ,
96
+ crossFrame: false
95
97
  }, /*#__PURE__*/React.createElement(Heading, headingProps, "Filter Column"), /*#__PURE__*/React.createElement(Content, contentProps, props.children), /*#__PURE__*/React.createElement(Footer, footerProps, /*#__PURE__*/React.createElement(_index.Button, {
96
98
  kind: _index.KIND.minimal,
97
99
  size: _index.SIZE.compact,
package/table/filter.js.flow CHANGED
@@ -57,7 +57,11 @@ export default function Filter(props: FilterProps) {
57
57
  return nextState;
58
58
  }}
59
59
  content={({close}) => (
60
- <FocusLock autoFocus={false}>
60
+ <FocusLock
61
+ autoFocus={false}
62
+ // Allow focus to escape when UI is within an iframe
63
+ crossFrame={false}
64
+ >
61
65
  <Heading {...headingProps}>Filter Column</Heading>
62
66
  <Content {...contentProps}>{props.children}</Content>
63
67
  <Footer {...footerProps}>