@instructure/ui-drawer-layout 8.14.1-snapshot.5 → 8.14.1-snapshot.66

package/es/DrawerLayout/DrawerContent/DrawerContentLocator.js

@@ -22,5 +22,6 @@
  * SOFTWARE.
  */
 import { locator } from '@instructure/ui-test-locator';
-import { DrawerContent } from './index';
+import { DrawerContent } from './index'; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+
 export const DrawerContentLocator = locator(DrawerContent.selector);

package/es/DrawerLayout/DrawerContent/index.js

@@ -40,23 +40,27 @@ import { propTypes, allowedProps } from './props';
 parent: DrawerLayout
 id: DrawerLayout.Content
 ---
+@tsProps
 **/
 let DrawerContent = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class DrawerContent extends Component {
   constructor() {
     super(...arguments);
-    this.state = {
-      shouldTransition: false
-    };
     this.ref = null;
-    this._resizeListener = null;
-    this._debounced = null;
-    this._timeouts = [];
+    this._resizeListener = void 0;
+    this._debounced = void 0;
 
-    this.handleContentRef = node => {
-      var _this$props$contentRe, _this$props;
+    this.makeStyleProps = shouldTransition => {
+      return {
+        shouldTransition
+      };
+    };
 
+    this.handleContentRef = node => {
       this.ref = node;
-      (_this$props$contentRe = (_this$props = this.props).contentRef) === null || _this$props$contentRe === void 0 ? void 0 : _this$props$contentRe.call(_this$props, node);
+
+      if (typeof this.props.contentRef === 'function') {
+        this.props.contentRef(node);
+      }
     };
   }
 
@@ -65,20 +69,25 @@ let DrawerContent = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }
 
   componentDidMount() {
+    var _this$props$makeStyle, _this$props;
+
     const rect = getBoundingClientRect(this.ref);
     const origSize = {
       width: rect.width
     }; // set initial size
 
-    this.props.onSizeChange({
-      width: rect.width,
-      height: rect.height
-    }); // listen for changes to size
+    if (typeof this.props.onSizeChange === 'function') {
+      this.props.onSizeChange({
+        width: rect.width,
+        height: rect.height
+      }); // listen for changes to size
+
+      this._debounced = debounce(this.props.onSizeChange, 100, {
+        leading: false,
+        trailing: true
+      });
+    }
 
-    this._debounced = debounce(this.props.onSizeChange, 100, {
-      leading: false,
-      trailing: true
-    });
     this._resizeListener = new ResizeObserver(entries => {
       for (const entry of entries) {
         const size = {
@@ -86,46 +95,39 @@ let DrawerContent = (_dec = withStyle(generateStyle, generateComponentTheme), _d
         };
 
         if (size.width !== origSize.width) {
-          this._debounced(size);
+          var _this$_debounced;
+
+          (_this$_debounced = this._debounced) === null || _this$_debounced === void 0 ? void 0 : _this$_debounced.call(this, size);
         }
       }
     });
 
     this._resizeListener.observe(this.ref);
 
-    this.props.makeStyles({
-      shouldTransition: false
-    });
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStyleProps(false));
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    this.props.makeStyles({
-      shouldTransition: true
-    });
+  componentDidUpdate() {
+    var _this$props$makeStyle2, _this$props2;
+
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStyleProps(true));
   }
 
   componentWillUnmount() {
-    if (this._resizeListener) {
-      this._resizeListener.disconnect();
-    }
-
-    if (this._debounced) {
-      this._debounced.cancel();
-    }
+    var _this$_resizeListener, _this$_debounced2;
 
-    this._timeouts.forEach(timeout => {
-      clearTimeout(timeout);
-    });
+    (_this$_resizeListener = this._resizeListener) === null || _this$_resizeListener === void 0 ? void 0 : _this$_resizeListener.disconnect();
+    (_this$_debounced2 = this._debounced) === null || _this$_debounced2 === void 0 ? void 0 : _this$_debounced2.cancel();
   }
 
   render() {
     var _this$props$styles;
 
-    const _this$props2 = this.props,
-          style = _this$props2.style,
-          label = _this$props2.label,
-          role = _this$props2.role;
-    return jsx("div", Object.assign({}, omitProps(this.props, DrawerContent.allowedProps, ['shouldTransition']), {
+    const _this$props3 = this.props,
+          style = _this$props3.style,
+          label = _this$props3.label,
+          role = _this$props3.role;
+    return jsx("div", Object.assign({}, omitProps(this.props, DrawerContent.allowedProps), {
       role: role,
       style: style,
       ref: this.handleContentRef,
@@ -135,9 +137,6 @@ let DrawerContent = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }
 
 }, _class2.displayName = "DrawerContent", _class2.componentId = 'DrawerLayout.Content', _class2.locatorAttribute = 'data-drawer-content', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
-  children: null,
-  contentRef: el => {},
-  onSizeChange: node => {},
   role: 'region'
 }, _temp)) || _class) || _class);
 export default DrawerContent;

package/es/DrawerLayout/DrawerContent/props.js

@@ -26,10 +26,6 @@ const propTypes = {
   label: PropTypes.string.isRequired,
   children: PropTypes.node,
   contentRef: PropTypes.func,
-
-  /**
-   * Callback fired whenever the `<DrawerLayout.Content />` changes size
-   */
   onSizeChange: PropTypes.func,
   role: PropTypes.string
 };

package/es/DrawerLayout/DrawerContent/styles.js

@@ -32,7 +32,7 @@
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-const generateStyle = (componentTheme, props, state) => {
+const generateStyle = (componentTheme, _props, state) => {
   const shouldTransition = state.shouldTransition;
   const transitionState = shouldTransition ? {
     transition: `margin ${componentTheme.duration}`

package/es/DrawerLayout/DrawerLayoutLocator.js

@@ -25,7 +25,8 @@ import { locator } from '@instructure/ui-test-locator';
 import { DrawerLayout } from './index';
 import { DrawerContentLocator } from './DrawerContent/DrawerContentLocator';
 import { DrawerTrayLocator } from './DrawerTray/DrawerTrayLocator';
-export { DrawerContentLocator, DrawerTrayLocator };
+export { DrawerContentLocator, DrawerTrayLocator }; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+
 export const DrawerLayoutLocator = locator(DrawerLayout.selector, {
   findContent: function () {
     return DrawerContentLocator.find(...arguments);

package/es/DrawerLayout/DrawerTray/DrawerTrayLocator.js

@@ -22,5 +22,6 @@
  * SOFTWARE.
  */
 import { locator } from '@instructure/ui-test-locator';
-import { DrawerTray } from './index';
+import { DrawerTray } from './index'; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+
 export const DrawerTrayLocator = locator(DrawerTray.selector);

package/es/DrawerLayout/DrawerTray/index.js

@@ -48,16 +48,17 @@ import { propTypes, allowedProps } from './props';
 parent: DrawerLayout
 id: DrawerLayout.Tray
 ---
+@tsProps
 **/
 let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = textDirectionContextConsumer(), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = class DrawerTray extends Component {
-  constructor() {
-    super(...arguments);
-    this.state = {
-      transitioning: false,
-      portalOpen: false
-    };
-    this._DOMNode = null;
+  get _content() {
+    return this.ref;
+  }
+
+  constructor(props) {
+    super(props);
     this.ref = null;
+    this._DOMNode = null;
 
     this.makeStyleProps = () => {
       return {
@@ -66,19 +67,20 @@ let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
     };
 
     this.handleContentRef = node => {
-      var _this$props$contentRe, _this$props;
-
       this.ref = node;
-      (_this$props$contentRe = (_this$props = this.props).contentRef) === null || _this$props$contentRe === void 0 ? void 0 : _this$props$contentRe.call(_this$props, node);
+
+      if (typeof this.props.contentRef === 'function') {
+        this.props.contentRef(node);
+      }
     };
 
-    this.handleTransitionEntered = () => {
+    this.handleTransitionEntered = _transitionType => {
       this.setState({
         transitioning: false
       });
     };
 
-    this.handleTransitionExited = () => {
+    this.handleTransitionExited = _transitionType => {
       this.setState({
         transitioning: false
       });
@@ -90,32 +92,35 @@ let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
         portalOpen: true
       });
     };
-  }
 
-  get _content() {
-    return this.ref;
+    this.state = {
+      transitioning: false,
+      portalOpen: false
+    };
   }
 
   componentDidMount() {
-    ;
-    this.props.makeStyles(this.makeStyleProps());
+    var _this$props$makeStyle, _this$props;
+
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStyleProps());
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
+  componentDidUpdate(prevProps) {
+    var _this$props$makeStyle2, _this$props2;
+
     if (this.props.open !== prevProps.open) {
       this.setState({
         transitioning: true
       });
     }
 
-    ;
-    this.props.makeStyles(this.makeStyleProps());
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStyleProps());
   }
 
   get placement() {
-    const _this$props2 = this.props,
-          placement = _this$props2.placement,
-          dir = _this$props2.dir;
+    const _this$props3 = this.props,
+          placement = _this$props3.placement,
+          dir = _this$props3.dir;
     const isRtl = dir === textDirectionContextConsumer.DIRECTION.rtl;
     return isRtl ? mirrorHorizontalPlacement(placement, ' ') : placement;
   }
@@ -137,9 +142,9 @@ let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
   }
 
   renderContent() {
-    const _this$props3 = this.props,
-          children = _this$props3.children,
-          render = _this$props3.render;
+    const _this$props4 = this.props,
+          children = _this$props4.children,
+          render = _this$props4.render;
 
     if (typeof render === 'function') {
       return render();
@@ -151,40 +156,40 @@ let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
   }
 
   render() {
-    const _this$props4 = this.props,
-          label = _this$props4.label,
-          children = _this$props4.children,
-          render = _this$props4.render,
-          placement = _this$props4.placement,
-          open = _this$props4.open,
-          onOpen = _this$props4.onOpen,
-          onClose = _this$props4.onClose,
-          border = _this$props4.border,
-          shadow = _this$props4.shadow,
-          onEnter = _this$props4.onEnter,
-          onEntering = _this$props4.onEntering,
-          onEntered = _this$props4.onEntered,
-          onExit = _this$props4.onExit,
-          onExiting = _this$props4.onExiting,
-          onExited = _this$props4.onExited,
-          contentRef = _this$props4.contentRef,
-          mountNode = _this$props4.mountNode,
-          defaultFocusElement = _this$props4.defaultFocusElement,
-          liveRegion = _this$props4.liveRegion,
-          onDismiss = _this$props4.onDismiss,
-          onTransition = _this$props4.onTransition,
-          shouldReturnFocus = _this$props4.shouldReturnFocus,
-          shouldCloseOnEscape = _this$props4.shouldCloseOnEscape,
-          shouldCloseOnDocumentClick = _this$props4.shouldCloseOnDocumentClick,
-          shouldContainFocus = _this$props4.shouldContainFocus,
-          styles = _this$props4.styles,
-          props = _objectWithoutProperties(_this$props4, _excluded);
+    const _this$props5 = this.props,
+          label = _this$props5.label,
+          children = _this$props5.children,
+          render = _this$props5.render,
+          placement = _this$props5.placement,
+          open = _this$props5.open,
+          onOpen = _this$props5.onOpen,
+          onClose = _this$props5.onClose,
+          border = _this$props5.border,
+          shadow = _this$props5.shadow,
+          onEnter = _this$props5.onEnter,
+          onEntering = _this$props5.onEntering,
+          onEntered = _this$props5.onEntered,
+          onExit = _this$props5.onExit,
+          onExiting = _this$props5.onExiting,
+          onExited = _this$props5.onExited,
+          contentRef = _this$props5.contentRef,
+          mountNode = _this$props5.mountNode,
+          defaultFocusElement = _this$props5.defaultFocusElement,
+          liveRegion = _this$props5.liveRegion,
+          onDismiss = _this$props5.onDismiss,
+          onTransition = _this$props5.onTransition,
+          shouldReturnFocus = _this$props5.shouldReturnFocus,
+          shouldCloseOnEscape = _this$props5.shouldCloseOnEscape,
+          shouldCloseOnDocumentClick = _this$props5.shouldCloseOnDocumentClick,
+          shouldContainFocus = _this$props5.shouldContainFocus,
+          styles = _this$props5.styles,
+          props = _objectWithoutProperties(_this$props5, _excluded);
 
     return jsx(DrawerLayoutContext.Consumer, null, shouldOverlayTray => {
       var _this$props$styles;
 
       const portalOpen = this.state.portalOpen;
-      const needsPortal = shouldOverlayTray && mountNode; // we have to handle the shadow version here,
+      const needsPortal = shouldOverlayTray && !!mountNode; // we have to handle the shadow version here,
       // because passing and handling it in styles.js makes it
       // rerender the component during the transition, breaking it
 
@@ -237,24 +242,14 @@ let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
   }
 
 }, _class2.displayName = "DrawerTray", _class2.componentId = 'DrawerLayout.Tray', _class2.locatorAttribute = 'data-drawer-tray', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
-  children: null,
   shouldContainFocus: true,
   shouldCloseOnEscape: true,
   shouldCloseOnDocumentClick: true,
   shouldReturnFocus: true,
   open: false,
-  onOpen: () => {},
   shadow: true,
   border: true,
-  placement: 'start',
-  mountNode: null,
-  onEnter: () => {},
-  onEntering: () => {},
-  onEntered: () => {},
-  onExit: () => {},
-  onExiting: () => {},
-  onExited: () => {},
-  contentRef: node => {}
+  placement: 'start'
 }, _temp)) || _class) || _class) || _class);
 export default DrawerTray;
 export { DrawerTray };

package/es/DrawerLayout/DrawerTray/props.js

@@ -28,92 +28,22 @@ const propTypes = {
   label: PropTypes.string.isRequired,
   children: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
   render: PropTypes.func,
-
-  /**
-   * Placement of the `<DrawerLayout.Tray />`
-   */
   placement: PropTypes.oneOf(['start', 'end']),
-
-  /**
-   * If the tray is open or closed.
-   */
   open: PropTypes.bool,
-
-  /**
-   * Called when the `<DrawerLayout.Tray />` is opened
-   */
   onOpen: PropTypes.func,
-
-  /**
-   * Called when the `<DrawerLayout.Tray />` is closed
-   */
   onClose: PropTypes.func,
-
-  /**
-   * Should the `<DrawerLayout.Tray />` have a border
-   */
   border: PropTypes.bool,
-
-  /**
-   * Should the `<DrawerLayout.Tray />` have a shadow
-   */
   shadow: PropTypes.bool,
-
-  /**
-   * Callback fired when the `<DrawerLayout.Tray />` transitions in/out
-   */
   onTransition: PropTypes.func,
-
-  /**
-   * Callback fired before the `<DrawerLayout.Tray />` transitions in
-   */
   onEnter: PropTypes.func,
-
-  /**
-   * Callback fired as the `<DrawerLayout.Tray />` begins to transition in
-   */
   onEntering: PropTypes.func,
-
-  /**
-   * Callback fired after the `<DrawerLayout.Tray />` finishes transitioning in
-   */
   onEntered: PropTypes.func,
-
-  /**
-   * Callback fired right before the `<DrawerLayout.Tray />` transitions out
-   */
   onExit: PropTypes.func,
-
-  /**
-   * Callback fired as the `<DrawerLayout.Tray />` begins to transition out
-   */
   onExiting: PropTypes.func,
-
-  /**
-   * Callback fired after the `<DrawerLayout.Tray />` finishes transitioning out
-   */
   onExited: PropTypes.func,
-
-  /**
-   * Ref function for the `<DrawerLayout.Tray />` content
-   */
   contentRef: PropTypes.func,
-
-  /**
-   * An element or a function returning an element to use as the mount node
-   * for the `<DrawerLayout.Tray />` when tray is overlaying content
-   */
   mountNode: PropTypes.oneOfType([element, PropTypes.func]),
-
-  /**
-   * An element or a function returning an element to focus by default
-   */
   defaultFocusElement: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-
-  /**
-   * An element, function returning an element, or array of elements that will not be hidden from
-   * the screen reader when the `<DrawerLayout.Tray />` is open
-   */
   liveRegion: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element, PropTypes.func]),
   onDismiss: PropTypes.func,
   shouldContainFocus: PropTypes.bool,

package/es/DrawerLayout/__examples__/DrawerLayout.examples.js

@@ -30,7 +30,7 @@ export default {
   propValues: {
     dir: ['ltr']
   },
-  getComponentProps: props => {
+  getComponentProps: () => {
     return {
       children: [_DrawerLayout$Tray || (_DrawerLayout$Tray = /*#__PURE__*/React.createElement(DrawerLayout.Tray, {
         key: "0",
@@ -61,7 +61,7 @@ export default {
       }, "Drawer content"))))]
     };
   },
-  getExampleProps: props => {
+  getExampleProps: () => {
     return {
       as: 'div',
       borderWidth: 'small'

package/es/DrawerLayout/index.js

@@ -25,7 +25,7 @@ var _dec, _dec2, _dec3, _class, _class2, _temp;
  */
 
 /** @jsx jsx */
-import { Children, Component, createContext } from 'react';
+import React, { Children, Component, createContext } from 'react';
 import { textDirectionContextConsumer } from '@instructure/ui-i18n';
 import { matchComponentTypes, safeCloneElement } from '@instructure/ui-react-utils';
 import { getBoundingClientRect } from '@instructure/ui-dom-utils';
@@ -44,11 +44,14 @@ import { propTypes, allowedProps } from './props';
 ---
 category: components
 ---
+@tsProps
 **/
 let DrawerLayout = (_dec = withStyle(generateStyle, null), _dec2 = textDirectionContextConsumer(), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = class DrawerLayout extends Component {
   constructor(_props) {
     super(_props);
+    this._id = void 0;
     this._content = null;
+    this._tray = null;
     this.ref = null;
 
     this.handleRef = el => {
@@ -112,11 +115,15 @@ let DrawerLayout = (_dec = withStyle(generateStyle, null), _dec2 = textDirection
   }
 
   componentDidMount() {
-    this.props.makeStyles();
+    var _this$props$makeStyle, _this$props;
+
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    this.props.makeStyles();
+  componentDidUpdate() {
+    var _this$props$makeStyle2, _this$props2;
+
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
   get trayProps() {
@@ -190,11 +197,11 @@ let DrawerLayout = (_dec = withStyle(generateStyle, null), _dec2 = textDirection
   renderChildren() {
     let trayCount = 0;
     let contentCount = 0;
-    const shouldOverlayTray = this.shouldOverlayTray(this.props.minWidth, this.state.trayWidth, this.state.contentWidth, this.state.shouldOverlayTray);
-    const children = Children.map(this.props.children, (child, index) => {
+    const children = Children.map(this.props.children, (child, _index) => {
       if (matchComponentTypes(child, [DrawerTray])) {
         trayCount++;
         return safeCloneElement(child, {
+          label: child.props.label,
           key: child.props.label,
           [DrawerTray.locatorAttribute]: this._id,
           contentRef: this.handleTrayContentRef,
@@ -205,20 +212,21 @@ let DrawerLayout = (_dec = withStyle(generateStyle, null), _dec2 = textDirection
         contentCount++;
 
         const handleContentRef = el => {
+          const contentRef = child.props.contentRef;
           this._content = el;
 
-          if (typeof child.props.contentRef === 'function') {
-            child.props.contentRef(el);
+          if (typeof contentRef === 'function') {
+            contentRef(el);
           }
         };
 
         return this.state.trayWidth !== null ? safeCloneElement(child, {
+          label: child.props.label,
           key: child.props.label,
           [DrawerContent.locatorAttribute]: this._id,
           style: this.contentStyle,
           onSizeChange: createChainedFunction(this.handleContentSizeChange, child.props.onSizeChange),
-          contentRef: handleContentRef,
-          shouldTransition: !shouldOverlayTray
+          contentRef: handleContentRef
         }) : null;
       } else {
         return child;
@@ -244,9 +252,7 @@ let DrawerLayout = (_dec = withStyle(generateStyle, null), _dec2 = textDirection
   }
 
 }, _class2.displayName = "DrawerLayout", _class2.componentId = 'DrawerLayout', _class2.locatorAttribute = 'data-drawer-layout', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
-  children: null,
-  minWidth: '30rem',
-  onOverlayTrayChange: shouldOverlayTray => {}
+  minWidth: '30rem'
 }, _class2.Content = DrawerContent, _class2.Tray = DrawerTray, _temp)) || _class) || _class) || _class);
 export default DrawerLayout;
 export { DrawerLayout, DrawerContent, DrawerTray };

package/es/DrawerLayout/props.js

@@ -27,21 +27,8 @@ import { textDirectionContextConsumer } from '@instructure/ui-i18n';
 import { DrawerContent } from './DrawerContent';
 import { DrawerTray } from './DrawerTray';
 const propTypes = {
-  /**
-   * Exactly one of each of the following child types: `DrawerLayout.Content`, `DrawerLayout.Tray`
-   */
   children: ChildrenPropTypes.oneOfEach([DrawerContent, DrawerTray]),
-
-  /**
-   * Min width for the `<DrawerLayout.Content />`
-   */
   minWidth: PropTypes.string,
-
-  /**
-   * Function called when the `<DrawerLayout.Content />` is resized and hits the `minWidth` breakpoint
-   * Called with a boolean value, `true` if the tray is now overlaying the content or `false` if
-   * it is side by side
-   */
   onOverlayTrayChange: PropTypes.func,
   dir: PropTypes.oneOf(Object.values(textDirectionContextConsumer.DIRECTION))
 };

package/lib/DrawerLayout/DrawerContent/DrawerContentLocator.js

@@ -32,5 +32,6 @@ var _index = require("./index");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const DrawerContentLocator = (0, _locator.locator)(_index.DrawerContent.selector);
 exports.DrawerContentLocator = DrawerContentLocator;