@instructure/ui-drilldown 10.16.1-snapshot-0 → 10.16.1

package/es/Drilldown/DrilldownOption/index.js

@@ -23,7 +23,6 @@ var _dec, _class, _DrilldownOption;
  * SOFTWARE.
  */
 
-/** @jsx jsx */
 import { Component } from 'react';
 import { withStyle } from '@instructure/emotion';
 import { optionsItemThemeGenerator } from '@instructure/ui-options';

package/es/Drilldown/DrilldownPage/__new-tests__/DrilldownPage.test.js

@@ -23,12 +23,12 @@ var _Drilldown, _Drilldown2, _Drilldown$Option, _Drilldown$Option2, _Drilldown3,
  * SOFTWARE.
  */
 
-import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
 import { vi } from 'vitest';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { Drilldown } from '../../index';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 describe('<Drilldown.Page />', () => {
   let consoleWarningMock;
   let consoleErrorMock;
@@ -42,26 +42,32 @@ describe('<Drilldown.Page />', () => {
     consoleErrorMock.mockRestore();
   });
   it("shouldn't render non-DrilldownPage children", async () => {
-    render(_Drilldown || (_Drilldown = /*#__PURE__*/React.createElement(Drilldown, {
-      rootPageId: "page0"
-    }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-      id: "page0"
-    }, /*#__PURE__*/React.createElement("div", {
-      id: "testDiv"
-    }, "Div")))));
+    render(_Drilldown || (_Drilldown = _jsx(Drilldown, {
+      rootPageId: "page0",
+      children: _jsx(Drilldown.Page, {
+        id: "page0",
+        children: _jsx("div", {
+          id: "testDiv",
+          children: "Div"
+        })
+      })
+    })));
     const nonPageChild = screen.queryByText('DIV');
     expect(nonPageChild).not.toBeInTheDocument();
   });
   describe('header title', () => {
     it('should be displayed in the header', async () => {
-      const _render = render(_Drilldown2 || (_Drilldown2 = /*#__PURE__*/React.createElement(Drilldown, {
-          rootPageId: "page0"
-        }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-          id: "page0",
-          renderTitle: "HeaderTitleString"
-        }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-          id: "option1"
-        }, "Option"))))),
+      const _render = render(_Drilldown2 || (_Drilldown2 = _jsx(Drilldown, {
+          rootPageId: "page0",
+          children: _jsx(Drilldown.Page, {
+            id: "page0",
+            renderTitle: "HeaderTitleString",
+            children: _jsx(Drilldown.Option, {
+              id: "option1",
+              children: "Option"
+            })
+          })
+        }))),
         container = _render.container;
       const titleContainer = container.querySelector('[id^="DrilldownHeader-Title-Label_"]');
       const title = screen.queryByText('HeaderTitleString');
@@ -69,26 +75,32 @@ describe('<Drilldown.Page />', () => {
       expect(title).toBeInTheDocument();
     });
     it('should be displayed when function is passed', async () => {
-      render(/*#__PURE__*/React.createElement(Drilldown, {
-        rootPageId: "page0"
-      }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-        id: "page0",
-        renderTitle: () => 'HeaderTitleFunction'
-      }, _Drilldown$Option || (_Drilldown$Option = /*#__PURE__*/React.createElement(Drilldown.Option, {
-        id: "option1"
-      }, "Option")))));
+      render(_jsx(Drilldown, {
+        rootPageId: "page0",
+        children: _jsx(Drilldown.Page, {
+          id: "page0",
+          renderTitle: () => 'HeaderTitleFunction',
+          children: _Drilldown$Option || (_Drilldown$Option = _jsx(Drilldown.Option, {
+            id: "option1",
+            children: "Option"
+          }))
+        })
+      }));
       const title = screen.queryByText('HeaderTitleFunction');
       expect(title).toBeInTheDocument();
     });
     it("shouldn't be displayed when function has no return value", async () => {
-      const _render2 = render(/*#__PURE__*/React.createElement(Drilldown, {
-          rootPageId: "page0"
-        }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-          id: "page0",
-          renderTitle: () => null
-        }, _Drilldown$Option2 || (_Drilldown$Option2 = /*#__PURE__*/React.createElement(Drilldown.Option, {
-          id: "option1"
-        }, "Option"))))),
+      const _render2 = render(_jsx(Drilldown, {
+          rootPageId: "page0",
+          children: _jsx(Drilldown.Page, {
+            id: "page0",
+            renderTitle: () => null,
+            children: _Drilldown$Option2 || (_Drilldown$Option2 = _jsx(Drilldown.Option, {
+              id: "option1",
+              children: "Option"
+            }))
+          })
+        })),
         container = _render2.container;
       const title = container.querySelector('[id^="DrilldownHeader-Title-Label_"]');
       const listItem = container.querySelector('li');
@@ -98,38 +110,47 @@ describe('<Drilldown.Page />', () => {
   });
   describe('header action label', () => {
     it('should be displayed in the header', async () => {
-      render(_Drilldown3 || (_Drilldown3 = /*#__PURE__*/React.createElement(Drilldown, {
-        rootPageId: "page0"
-      }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-        id: "page0",
-        renderActionLabel: "HeaderActionLabelString"
-      }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-        id: "option1"
-      }, "Option")))));
+      render(_Drilldown3 || (_Drilldown3 = _jsx(Drilldown, {
+        rootPageId: "page0",
+        children: _jsx(Drilldown.Page, {
+          id: "page0",
+          renderActionLabel: "HeaderActionLabelString",
+          children: _jsx(Drilldown.Option, {
+            id: "option1",
+            children: "Option"
+          })
+        })
+      })));
       const actionLabel = screen.queryByText('HeaderActionLabelString');
       expect(actionLabel).toBeInTheDocument();
     });
     it('should be displayed when function is passed', async () => {
-      render(/*#__PURE__*/React.createElement(Drilldown, {
-        rootPageId: "page0"
-      }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-        id: "page0",
-        renderActionLabel: () => 'HeaderActionLabelFunction'
-      }, _Drilldown$Option3 || (_Drilldown$Option3 = /*#__PURE__*/React.createElement(Drilldown.Option, {
-        id: "option1"
-      }, "Option")))));
+      render(_jsx(Drilldown, {
+        rootPageId: "page0",
+        children: _jsx(Drilldown.Page, {
+          id: "page0",
+          renderActionLabel: () => 'HeaderActionLabelFunction',
+          children: _Drilldown$Option3 || (_Drilldown$Option3 = _jsx(Drilldown.Option, {
+            id: "option1",
+            children: "Option"
+          }))
+        })
+      }));
       const actionLabel = screen.queryByText('HeaderActionLabelFunction');
       expect(actionLabel).toBeInTheDocument();
     });
     it("shouldn't be displayed when function has no return value", async () => {
-      const _render3 = render(/*#__PURE__*/React.createElement(Drilldown, {
-          rootPageId: "page0"
-        }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-          id: "page0",
-          renderActionLabel: () => null
-        }, _Drilldown$Option4 || (_Drilldown$Option4 = /*#__PURE__*/React.createElement(Drilldown.Option, {
-          id: "option1"
-        }, "Option"))))),
+      const _render3 = render(_jsx(Drilldown, {
+          rootPageId: "page0",
+          children: _jsx(Drilldown.Page, {
+            id: "page0",
+            renderActionLabel: () => null,
+            children: _Drilldown$Option4 || (_Drilldown$Option4 = _jsx(Drilldown.Option, {
+              id: "option1",
+              children: "Option"
+            }))
+          })
+        })),
         container = _render3.container;
       const listItem = container.querySelector('li');
       const title = container.querySelector('[id^="DrilldownHeader-Title-Label_"]');
@@ -138,15 +159,18 @@ describe('<Drilldown.Page />', () => {
     });
     it('should fire header action callback', async () => {
       const actionCallback = vi.fn();
-      render(/*#__PURE__*/React.createElement(Drilldown, {
-        rootPageId: "page0"
-      }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-        id: "page0",
-        renderActionLabel: "ActionWithCallback",
-        onHeaderActionClicked: actionCallback
-      }, _Drilldown$Option5 || (_Drilldown$Option5 = /*#__PURE__*/React.createElement(Drilldown.Option, {
-        id: "option1"
-      }, "Option")))));
+      render(_jsx(Drilldown, {
+        rootPageId: "page0",
+        children: _jsx(Drilldown.Page, {
+          id: "page0",
+          renderActionLabel: "ActionWithCallback",
+          onHeaderActionClicked: actionCallback,
+          children: _Drilldown$Option5 || (_Drilldown$Option5 = _jsx(Drilldown.Option, {
+            id: "option1",
+            children: "Option"
+          }))
+        })
+      }));
       const actionLabel = screen.getByText('ActionWithCallback');
       await userEvent.click(actionLabel);
       await waitFor(() => {
@@ -156,31 +180,39 @@ describe('<Drilldown.Page />', () => {
   });
   describe('header back navigation', () => {
     it('should not be displayed on root page', async () => {
-      render(_Drilldown4 || (_Drilldown4 = /*#__PURE__*/React.createElement(Drilldown, {
-        rootPageId: "page0"
-      }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-        id: "page0",
-        renderBackButtonLabel: "HeaderBackString"
-      }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-        id: "option1"
-      }, "Option")))));
+      render(_Drilldown4 || (_Drilldown4 = _jsx(Drilldown, {
+        rootPageId: "page0",
+        children: _jsx(Drilldown.Page, {
+          id: "page0",
+          renderBackButtonLabel: "HeaderBackString",
+          children: _jsx(Drilldown.Option, {
+            id: "option1",
+            children: "Option"
+          })
+        })
+      })));
       const label = screen.queryByText('HeaderBackString');
       expect(label).not.toBeInTheDocument();
     });
     it('should be displayed on subpages', async () => {
-      render(_Drilldown5 || (_Drilldown5 = /*#__PURE__*/React.createElement(Drilldown, {
-        rootPageId: "page0"
-      }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-        id: "page0"
-      }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-        id: "option1",
-        subPageId: "page2"
-      }, "Option")), /*#__PURE__*/React.createElement(Drilldown.Page, {
-        id: "page2",
-        renderBackButtonLabel: "HeaderBackString"
-      }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-        id: "option2"
-      }, "Option")))));
+      render(_Drilldown5 || (_Drilldown5 = _jsxs(Drilldown, {
+        rootPageId: "page0",
+        children: [_jsx(Drilldown.Page, {
+          id: "page0",
+          children: _jsx(Drilldown.Option, {
+            id: "option1",
+            subPageId: "page2",
+            children: "Option"
+          })
+        }), _jsx(Drilldown.Page, {
+          id: "page2",
+          renderBackButtonLabel: "HeaderBackString",
+          children: _jsx(Drilldown.Option, {
+            id: "option2",
+            children: "Option"
+          })
+        })]
+      })));
       const option = screen.getByText('Option');
       await userEvent.click(option);
       await waitFor(() => {
@@ -190,20 +222,25 @@ describe('<Drilldown.Page />', () => {
     });
     it('should be displayed when function is passed, and can use former page title', async () => {
       const pageTitle = 'Page Title';
-      render(/*#__PURE__*/React.createElement(Drilldown, {
-        rootPageId: "page0"
-      }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-        id: "page0",
-        renderTitle: pageTitle
-      }, _Drilldown$Option6 || (_Drilldown$Option6 = /*#__PURE__*/React.createElement(Drilldown.Option, {
-        id: "option1",
-        subPageId: "page2"
-      }, "Option"))), /*#__PURE__*/React.createElement(Drilldown.Page, {
-        id: "page2",
-        renderBackButtonLabel: prevPageTitle => `Back to ${prevPageTitle}`
-      }, _Drilldown$Option7 || (_Drilldown$Option7 = /*#__PURE__*/React.createElement(Drilldown.Option, {
-        id: "option2"
-      }, "Option")))));
+      render(_jsxs(Drilldown, {
+        rootPageId: "page0",
+        children: [_jsx(Drilldown.Page, {
+          id: "page0",
+          renderTitle: pageTitle,
+          children: _Drilldown$Option6 || (_Drilldown$Option6 = _jsx(Drilldown.Option, {
+            id: "option1",
+            subPageId: "page2",
+            children: "Option"
+          }))
+        }), _jsx(Drilldown.Page, {
+          id: "page2",
+          renderBackButtonLabel: prevPageTitle => `Back to ${prevPageTitle}`,
+          children: _Drilldown$Option7 || (_Drilldown$Option7 = _jsx(Drilldown.Option, {
+            id: "option2",
+            children: "Option"
+          }))
+        })]
+      }));
       const option = screen.getByText('Option');
       await userEvent.click(option);
       await waitFor(() => {
@@ -214,40 +251,49 @@ describe('<Drilldown.Page />', () => {
   });
   describe('header separator', () => {
     it('should not be displayed, if no item is on the header', async () => {
-      const _render4 = render(_Drilldown6 || (_Drilldown6 = /*#__PURE__*/React.createElement(Drilldown, {
-          rootPageId: "page0"
-        }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-          id: "page0"
-        }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-          id: "option1"
-        }, "Option"))))),
+      const _render4 = render(_Drilldown6 || (_Drilldown6 = _jsx(Drilldown, {
+          rootPageId: "page0",
+          children: _jsx(Drilldown.Page, {
+            id: "page0",
+            children: _jsx(Drilldown.Option, {
+              id: "option1",
+              children: "Option"
+            })
+          })
+        }))),
         container = _render4.container;
       const separator = container.querySelector('[id^="DrilldownHeader-Separator_"]');
       expect(separator).not.toBeInTheDocument();
     });
     it('should be displayed, if there are items in the header', async () => {
-      const _render5 = render(_Drilldown7 || (_Drilldown7 = /*#__PURE__*/React.createElement(Drilldown, {
-          rootPageId: "page0"
-        }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-          id: "page0",
-          renderTitle: "Title"
-        }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-          id: "option1"
-        }, "Option"))))),
+      const _render5 = render(_Drilldown7 || (_Drilldown7 = _jsx(Drilldown, {
+          rootPageId: "page0",
+          children: _jsx(Drilldown.Page, {
+            id: "page0",
+            renderTitle: "Title",
+            children: _jsx(Drilldown.Option, {
+              id: "option1",
+              children: "Option"
+            })
+          })
+        }))),
         container = _render5.container;
       const separator = container.querySelector('[id^="DrilldownHeader-Separator_"]');
       expect(separator).toBeInTheDocument();
     });
     it('should not be displayed, if withoutHeaderSeparator is set', async () => {
-      const _render6 = render(_Drilldown8 || (_Drilldown8 = /*#__PURE__*/React.createElement(Drilldown, {
-          rootPageId: "page0"
-        }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-          id: "page0",
-          renderTitle: "Title",
-          withoutHeaderSeparator: true
-        }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-          id: "option1"
-        }, "Option"))))),
+      const _render6 = render(_Drilldown8 || (_Drilldown8 = _jsx(Drilldown, {
+          rootPageId: "page0",
+          children: _jsx(Drilldown.Page, {
+            id: "page0",
+            renderTitle: "Title",
+            withoutHeaderSeparator: true,
+            children: _jsx(Drilldown.Option, {
+              id: "option1",
+              children: "Option"
+            })
+          })
+        }))),
         container = _render6.container;
       const separator = container.querySelector('[id^="DrilldownHeader-Separator_"]');
       expect(separator).not.toBeInTheDocument();
@@ -255,35 +301,43 @@ describe('<Drilldown.Page />', () => {
   });
   describe('disabled prop', () => {
     it('should make all options disabled', async () => {
-      render(_Drilldown9 || (_Drilldown9 = /*#__PURE__*/React.createElement(Drilldown, {
-        rootPageId: "page0"
-      }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-        id: "page0",
-        renderActionLabel: "Action Label",
-        disabled: true
-      }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-        id: "option1"
-      }, "Option")))));
+      render(_Drilldown9 || (_Drilldown9 = _jsx(Drilldown, {
+        rootPageId: "page0",
+        children: _jsx(Drilldown.Page, {
+          id: "page0",
+          renderActionLabel: "Action Label",
+          disabled: true,
+          children: _jsx(Drilldown.Option, {
+            id: "option1",
+            children: "Option"
+          })
+        })
+      })));
       const allOptions = screen.getAllByRole('menuitem');
       allOptions.forEach(option => {
         expect(option).toHaveAttribute('aria-disabled', 'true');
       });
     });
     it("shouldn't make header Back options disabled", async () => {
-      render(_Drilldown10 || (_Drilldown10 = /*#__PURE__*/React.createElement(Drilldown, {
-        rootPageId: "page0"
-      }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-        id: "page0"
-      }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-        id: "option1",
-        subPageId: "page2"
-      }, "Option1")), /*#__PURE__*/React.createElement(Drilldown.Page, {
-        id: "page2",
-        disabled: true,
-        renderBackButtonLabel: "HeaderBackString"
-      }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-        id: "option2"
-      }, "Option2")))));
+      render(_Drilldown10 || (_Drilldown10 = _jsxs(Drilldown, {
+        rootPageId: "page0",
+        children: [_jsx(Drilldown.Page, {
+          id: "page0",
+          children: _jsx(Drilldown.Option, {
+            id: "option1",
+            subPageId: "page2",
+            children: "Option1"
+          })
+        }), _jsx(Drilldown.Page, {
+          id: "page2",
+          disabled: true,
+          renderBackButtonLabel: "HeaderBackString",
+          children: _jsx(Drilldown.Option, {
+            id: "option2",
+            children: "Option2"
+          })
+        })]
+      })));
       const subPageOption = screen.getByText('Option1');
       await userEvent.click(subPageOption);
       await waitFor(() => {

package/es/Drilldown/DrilldownPage/index.js

@@ -22,7 +22,6 @@
  * SOFTWARE.
  */
 
-/** @jsx jsx */
 import { Component } from 'react';
 import { propTypes, allowedProps } from './props';
 /**

package/es/Drilldown/DrilldownSeparator/__new-tests__/DrilldownSeparator.test.js

@@ -23,33 +23,38 @@ var _Drilldown, _Drilldown2;
  * SOFTWARE.
  */
 
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { Drilldown } from '../../index';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 describe('<Drilldown.Separator />', () => {
   it('should render', async () => {
-    render(_Drilldown || (_Drilldown = /*#__PURE__*/React.createElement(Drilldown, {
-      rootPageId: "page0"
-    }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-      id: "page0"
-    }, /*#__PURE__*/React.createElement(Drilldown.Separator, {
-      id: "sep1",
-      "data-testid": "separator1"
-    })))));
+    render(_Drilldown || (_Drilldown = _jsx(Drilldown, {
+      rootPageId: "page0",
+      children: _jsx(Drilldown.Page, {
+        id: "page0",
+        children: _jsx(Drilldown.Separator, {
+          id: "sep1",
+          "data-testid": "separator1"
+        })
+      })
+    })));
     const separator = screen.getByTestId('separator1');
     expect(separator).toBeVisible();
     expect(separator.getAttribute('class')).toContain('-separator');
   });
   it('should not render children', async () => {
-    render(_Drilldown2 || (_Drilldown2 = /*#__PURE__*/React.createElement(Drilldown, {
-      rootPageId: "page0"
-    }, /*#__PURE__*/React.createElement(Drilldown.Page, {
-      id: "page0"
-    }, /*#__PURE__*/React.createElement(Drilldown.Separator, {
-      id: "sep1",
-      "data-testid": "separator1"
-    }, "Children")))));
+    render(_Drilldown2 || (_Drilldown2 = _jsx(Drilldown, {
+      rootPageId: "page0",
+      children: _jsx(Drilldown.Page, {
+        id: "page0",
+        children: _jsx(Drilldown.Separator, {
+          id: "sep1",
+          "data-testid": "separator1",
+          children: "Children"
+        })
+      })
+    })));
     const separatorChild = screen.queryByText('Children');
     expect(separatorChild).not.toBeInTheDocument();
   });

package/es/Drilldown/DrilldownSeparator/index.js

@@ -23,7 +23,6 @@ var _dec, _class, _DrilldownSeparator;
  * SOFTWARE.
  */
 
-/** @jsx jsx */
 import { Component } from 'react';
 import { withStyle } from '@instructure/emotion';
 import { optionsSeparatorThemeGenerator } from '@instructure/ui-options';