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

package/es/Drilldown/__examples__/Drilldown.examples.js

@@ -23,16 +23,16 @@ var _Drilldown$Page, _Drilldown$Page2, _Drilldown$Page3, _Drilldown$Page4, _Dril
  * SOFTWARE.
  */
 
-import React from 'react';
 import { Drilldown } from '../index';
-const triggerButton = /*#__PURE__*/React.createElement("button", {
-  key: 1,
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const triggerButton = _jsx("button", {
   style: {
     marginLeft: '72px',
     position: 'absolute',
     top: '45%'
-  }
-}, "a drilldown trigger");
+  },
+  children: "a drilldown trigger"
+}, 1);
 export default {
   maxExamplesPerPage: 10,
   propValues: {
@@ -169,13 +169,13 @@ export default {
       height: '20rem'
     }, {
       text: 'with display="block" container',
-      trigger: /*#__PURE__*/React.createElement("button", {
-        key: 1,
+      trigger: _jsx("button", {
         style: {
           margin: '30px auto',
           width: '100%'
-        }
-      }, "a drilldown trigger"),
+        },
+        children: "a drilldown trigger"
+      }, 1),
       defaultShow: false,
       width: '20rem',
       height: '20rem',
@@ -225,89 +225,106 @@ export default {
 };
 function generateDrilldownChildren(props, variant) {
   if (variant == 'pageWithSubpages') {
-    return [_Drilldown$Page || (_Drilldown$Page = /*#__PURE__*/React.createElement(Drilldown.Page, {
+    return [_Drilldown$Page || (_Drilldown$Page = _jsxs(Drilldown.Page, {
       id: "page0",
-      key: "page0",
-      renderTitle: "pageWithSubpages"
-    }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-      id: "o1",
-      subPageId: "subpage"
-    }, "has subpage"), /*#__PURE__*/React.createElement(Drilldown.Separator, {
-      id: "s1"
-    }), /*#__PURE__*/React.createElement(Drilldown.Option, {
-      id: "o2"
-    }, "does not have subpage"), /*#__PURE__*/React.createElement(Drilldown.Option, {
-      id: "o3",
-      href: "#"
-    }, "this is a link"))), _Drilldown$Page2 || (_Drilldown$Page2 = /*#__PURE__*/React.createElement(Drilldown.Page, {
+      renderTitle: "pageWithSubpages",
+      children: [_jsx(Drilldown.Option, {
+        id: "o1",
+        subPageId: "subpage",
+        children: "has subpage"
+      }), _jsx(Drilldown.Separator, {
+        id: "s1"
+      }), _jsx(Drilldown.Option, {
+        id: "o2",
+        children: "does not have subpage"
+      }), _jsx(Drilldown.Option, {
+        id: "o3",
+        href: "#",
+        children: "this is a link"
+      })]
+    }, "page0")), _Drilldown$Page2 || (_Drilldown$Page2 = _jsx(Drilldown.Page, {
       id: "subpage",
       renderTitle: "aaa",
-      key: 1
-    }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-      id: "tmp"
-    }, "not shown")))];
+      children: _jsx(Drilldown.Option, {
+        id: "tmp",
+        children: "not shown"
+      })
+    }, 1))];
   } else if (variant == 'pageWithSubpages2') {
-    return [_Drilldown$Page3 || (_Drilldown$Page3 = /*#__PURE__*/React.createElement(Drilldown.Page, {
+    return [_Drilldown$Page3 || (_Drilldown$Page3 = _jsxs(Drilldown.Page, {
       id: "page0",
-      key: "page0",
       renderTitle: "pageWithSubpages2",
       renderActionLabel: "action label",
       withoutHeaderSeparator: true,
-      renderBackButtonLabel: "go back"
-    }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-      id: "o1",
-      subPageId: "subpage"
-    }, "has subpage"), /*#__PURE__*/React.createElement(Drilldown.Separator, {
-      id: "s1"
-    }), /*#__PURE__*/React.createElement(Drilldown.Option, {
-      id: "o2"
-    }, "does not have subpage"))), _Drilldown$Page4 || (_Drilldown$Page4 = /*#__PURE__*/React.createElement(Drilldown.Page, {
+      renderBackButtonLabel: "go back",
+      children: [_jsx(Drilldown.Option, {
+        id: "o1",
+        subPageId: "subpage",
+        children: "has subpage"
+      }), _jsx(Drilldown.Separator, {
+        id: "s1"
+      }), _jsx(Drilldown.Option, {
+        id: "o2",
+        children: "does not have subpage"
+      })]
+    }, "page0")), _Drilldown$Page4 || (_Drilldown$Page4 = _jsx(Drilldown.Page, {
       id: "subpage",
       renderTitle: "aaa",
-      key: 1
-    }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-      id: "tmp"
-    }, "subpage option")))];
+      children: _jsx(Drilldown.Option, {
+        id: "tmp",
+        children: "subpage option"
+      })
+    }, 1))];
   }
-  return [/*#__PURE__*/React.createElement(Drilldown.Page, {
+  return [_jsxs(Drilldown.Page, {
     id: "page0",
-    key: "page0"
-  }, /*#__PURE__*/React.createElement(Drilldown.Option, {
-    id: "otext"
-  }, props.customProps.text), /*#__PURE__*/React.createElement(Drilldown.Option, {
-    id: "o"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      whiteSpace: 'nowrap'
-    }
-  }, "this should be an option with very very super very very long label")), /*#__PURE__*/React.createElement(Drilldown.Group, {
-    id: "g1",
-    disabled: props.customProps.groupDisabled,
-    renderGroupTitle: props.customProps.renderGroupTitle,
-    withoutSeparators: props.customProps.separator,
-    selectableType: "multiple"
-  }, _Drilldown$Option || (_Drilldown$Option = /*#__PURE__*/React.createElement(Drilldown.Option, {
-    id: "o2",
-    renderLabelInfo: "li",
-    defaultSelected: true
-  }, "defaultSelected")), _Drilldown$Option2 || (_Drilldown$Option2 = /*#__PURE__*/React.createElement(Drilldown.Option, {
-    id: "o3"
-  }, "minimal"))), _Drilldown$Option3 || (_Drilldown$Option3 = /*#__PURE__*/React.createElement(Drilldown.Option, {
-    id: "o4",
-    disabled: true
-  }, "disabled")), _Drilldown$Option4 || (_Drilldown$Option4 = /*#__PURE__*/React.createElement(Drilldown.Option, {
-    id: "o5",
-    renderBeforeLabel: "be",
-    renderAfterLabel: "af",
-    renderLabelInfo: "li"
-  }, "extra labels")), /*#__PURE__*/React.createElement(Drilldown.Option, {
-    id: "o6",
-    beforeLabelContentVAlign: props.customProps.contentVAlign,
-    renderBeforeLabel: "bef",
-    afterLabelContentVAlign: props.customProps.contentVAlign,
-    renderAfterLabel: "after"
-  }, _br || (_br = /*#__PURE__*/React.createElement("br", null)), "valign settings", _br2 || (_br2 = /*#__PURE__*/React.createElement("br", null)), _br3 || (_br3 = /*#__PURE__*/React.createElement("br", null))), _Drilldown$Option5 || (_Drilldown$Option5 = /*#__PURE__*/React.createElement(Drilldown.Option, {
-    id: "o7",
-    description: "the description"
-  }, "has description")))];
+    children: [_jsx(Drilldown.Option, {
+      id: "otext",
+      children: props.customProps.text
+    }), _jsx(Drilldown.Option, {
+      id: "o",
+      children: _jsx("div", {
+        style: {
+          whiteSpace: 'nowrap'
+        },
+        children: "this should be an option with very very super very very long label"
+      })
+    }), _jsxs(Drilldown.Group, {
+      id: "g1",
+      disabled: props.customProps.groupDisabled,
+      renderGroupTitle: props.customProps.renderGroupTitle,
+      withoutSeparators: props.customProps.separator,
+      selectableType: "multiple",
+      children: [_Drilldown$Option || (_Drilldown$Option = _jsx(Drilldown.Option, {
+        id: "o2",
+        renderLabelInfo: "li",
+        defaultSelected: true,
+        children: "defaultSelected"
+      })), _Drilldown$Option2 || (_Drilldown$Option2 = _jsx(Drilldown.Option, {
+        id: "o3",
+        children: "minimal"
+      }))]
+    }), _Drilldown$Option3 || (_Drilldown$Option3 = _jsx(Drilldown.Option, {
+      id: "o4",
+      disabled: true,
+      children: "disabled"
+    })), _Drilldown$Option4 || (_Drilldown$Option4 = _jsx(Drilldown.Option, {
+      id: "o5",
+      renderBeforeLabel: "be",
+      renderAfterLabel: "af",
+      renderLabelInfo: "li",
+      children: "extra labels"
+    })), _jsxs(Drilldown.Option, {
+      id: "o6",
+      beforeLabelContentVAlign: props.customProps.contentVAlign,
+      renderBeforeLabel: "bef",
+      afterLabelContentVAlign: props.customProps.contentVAlign,
+      renderAfterLabel: "after",
+      children: [_br || (_br = _jsx("br", {})), "valign settings", _br2 || (_br2 = _jsx("br", {})), _br3 || (_br3 = _jsx("br", {}))]
+    }), _Drilldown$Option5 || (_Drilldown$Option5 = _jsx(Drilldown.Option, {
+      id: "o7",
+      description: "the description",
+      children: "has description"
+    }))]
+  }, "page0")];
 }