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

package/lib/Drilldown/__examples__/Drilldown.examples.js

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _index = require("../index");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _Drilldown$Page, _Drilldown$Page2, _Drilldown$Page3, _Drilldown$Page4, _Drilldown$Option, _Drilldown$Option2, _Drilldown$Option3, _Drilldown$Option4, _br, _br2, _br3, _Drilldown$Option5;
 /*
  * The MIT License (MIT)
@@ -31,14 +30,14 @@ var _Drilldown$Page, _Drilldown$Page2, _Drilldown$Page3, _Drilldown$Page4, _Dril
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-const triggerButton = /*#__PURE__*/_react.default.createElement("button", {
-  key: 1,
+const triggerButton = (0, _jsxRuntime.jsx)("button", {
   style: {
     marginLeft: '72px',
     position: 'absolute',
     top: '45%'
-  }
-}, "a drilldown trigger");
+  },
+  children: "a drilldown trigger"
+}, 1);
 var _default = exports.default = {
   maxExamplesPerPage: 10,
   propValues: {
@@ -175,13 +174,13 @@ var _default = exports.default = {
       height: '20rem'
     }, {
       text: 'with display="block" container',
-      trigger: /*#__PURE__*/_react.default.createElement("button", {
-        key: 1,
+      trigger: (0, _jsxRuntime.jsx)("button", {
         style: {
           margin: '30px auto',
           width: '100%'
-        }
-      }, "a drilldown trigger"),
+        },
+        children: "a drilldown trigger"
+      }, 1),
       defaultShow: false,
       width: '20rem',
       height: '20rem',
@@ -231,89 +230,106 @@ var _default = exports.default = {
 };
 function generateDrilldownChildren(props, variant) {
   if (variant == 'pageWithSubpages') {
-    return [_Drilldown$Page || (_Drilldown$Page = /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
+    return [_Drilldown$Page || (_Drilldown$Page = (0, _jsxRuntime.jsxs)(_index.Drilldown.Page, {
       id: "page0",
-      key: "page0",
-      renderTitle: "pageWithSubpages"
-    }, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-      id: "o1",
-      subPageId: "subpage"
-    }, "has subpage"), /*#__PURE__*/_react.default.createElement(_index.Drilldown.Separator, {
-      id: "s1"
-    }), /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-      id: "o2"
-    }, "does not have subpage"), /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-      id: "o3",
-      href: "#"
-    }, "this is a link"))), _Drilldown$Page2 || (_Drilldown$Page2 = /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
+      renderTitle: "pageWithSubpages",
+      children: [(0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+        id: "o1",
+        subPageId: "subpage",
+        children: "has subpage"
+      }), (0, _jsxRuntime.jsx)(_index.Drilldown.Separator, {
+        id: "s1"
+      }), (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+        id: "o2",
+        children: "does not have subpage"
+      }), (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+        id: "o3",
+        href: "#",
+        children: "this is a link"
+      })]
+    }, "page0")), _Drilldown$Page2 || (_Drilldown$Page2 = (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
       id: "subpage",
       renderTitle: "aaa",
-      key: 1
-    }, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-      id: "tmp"
-    }, "not shown")))];
+      children: (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+        id: "tmp",
+        children: "not shown"
+      })
+    }, 1))];
   } else if (variant == 'pageWithSubpages2') {
-    return [_Drilldown$Page3 || (_Drilldown$Page3 = /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
+    return [_Drilldown$Page3 || (_Drilldown$Page3 = (0, _jsxRuntime.jsxs)(_index.Drilldown.Page, {
       id: "page0",
-      key: "page0",
       renderTitle: "pageWithSubpages2",
       renderActionLabel: "action label",
       withoutHeaderSeparator: true,
-      renderBackButtonLabel: "go back"
-    }, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-      id: "o1",
-      subPageId: "subpage"
-    }, "has subpage"), /*#__PURE__*/_react.default.createElement(_index.Drilldown.Separator, {
-      id: "s1"
-    }), /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-      id: "o2"
-    }, "does not have subpage"))), _Drilldown$Page4 || (_Drilldown$Page4 = /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
+      renderBackButtonLabel: "go back",
+      children: [(0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+        id: "o1",
+        subPageId: "subpage",
+        children: "has subpage"
+      }), (0, _jsxRuntime.jsx)(_index.Drilldown.Separator, {
+        id: "s1"
+      }), (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+        id: "o2",
+        children: "does not have subpage"
+      })]
+    }, "page0")), _Drilldown$Page4 || (_Drilldown$Page4 = (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
       id: "subpage",
       renderTitle: "aaa",
-      key: 1
-    }, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-      id: "tmp"
-    }, "subpage option")))];
+      children: (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+        id: "tmp",
+        children: "subpage option"
+      })
+    }, 1))];
   }
-  return [/*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
+  return [(0, _jsxRuntime.jsxs)(_index.Drilldown.Page, {
     id: "page0",
-    key: "page0"
-  }, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-    id: "otext"
-  }, props.customProps.text), /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-    id: "o"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      whiteSpace: 'nowrap'
-    }
-  }, "this should be an option with very very super very very long label")), /*#__PURE__*/_react.default.createElement(_index.Drilldown.Group, {
-    id: "g1",
-    disabled: props.customProps.groupDisabled,
-    renderGroupTitle: props.customProps.renderGroupTitle,
-    withoutSeparators: props.customProps.separator,
-    selectableType: "multiple"
-  }, _Drilldown$Option || (_Drilldown$Option = /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-    id: "o2",
-    renderLabelInfo: "li",
-    defaultSelected: true
-  }, "defaultSelected")), _Drilldown$Option2 || (_Drilldown$Option2 = /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-    id: "o3"
-  }, "minimal"))), _Drilldown$Option3 || (_Drilldown$Option3 = /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-    id: "o4",
-    disabled: true
-  }, "disabled")), _Drilldown$Option4 || (_Drilldown$Option4 = /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-    id: "o5",
-    renderBeforeLabel: "be",
-    renderAfterLabel: "af",
-    renderLabelInfo: "li"
-  }, "extra labels")), /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-    id: "o6",
-    beforeLabelContentVAlign: props.customProps.contentVAlign,
-    renderBeforeLabel: "bef",
-    afterLabelContentVAlign: props.customProps.contentVAlign,
-    renderAfterLabel: "after"
-  }, _br || (_br = /*#__PURE__*/_react.default.createElement("br", null)), "valign settings", _br2 || (_br2 = /*#__PURE__*/_react.default.createElement("br", null)), _br3 || (_br3 = /*#__PURE__*/_react.default.createElement("br", null))), _Drilldown$Option5 || (_Drilldown$Option5 = /*#__PURE__*/_react.default.createElement(_index.Drilldown.Option, {
-    id: "o7",
-    description: "the description"
-  }, "has description")))];
+    children: [(0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+      id: "otext",
+      children: props.customProps.text
+    }), (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+      id: "o",
+      children: (0, _jsxRuntime.jsx)("div", {
+        style: {
+          whiteSpace: 'nowrap'
+        },
+        children: "this should be an option with very very super very very long label"
+      })
+    }), (0, _jsxRuntime.jsxs)(_index.Drilldown.Group, {
+      id: "g1",
+      disabled: props.customProps.groupDisabled,
+      renderGroupTitle: props.customProps.renderGroupTitle,
+      withoutSeparators: props.customProps.separator,
+      selectableType: "multiple",
+      children: [_Drilldown$Option || (_Drilldown$Option = (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+        id: "o2",
+        renderLabelInfo: "li",
+        defaultSelected: true,
+        children: "defaultSelected"
+      })), _Drilldown$Option2 || (_Drilldown$Option2 = (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+        id: "o3",
+        children: "minimal"
+      }))]
+    }), _Drilldown$Option3 || (_Drilldown$Option3 = (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+      id: "o4",
+      disabled: true,
+      children: "disabled"
+    })), _Drilldown$Option4 || (_Drilldown$Option4 = (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+      id: "o5",
+      renderBeforeLabel: "be",
+      renderAfterLabel: "af",
+      renderLabelInfo: "li",
+      children: "extra labels"
+    })), (0, _jsxRuntime.jsxs)(_index.Drilldown.Option, {
+      id: "o6",
+      beforeLabelContentVAlign: props.customProps.contentVAlign,
+      renderBeforeLabel: "bef",
+      afterLabelContentVAlign: props.customProps.contentVAlign,
+      renderAfterLabel: "after",
+      children: [_br || (_br = (0, _jsxRuntime.jsx)("br", {})), "valign settings", _br2 || (_br2 = (0, _jsxRuntime.jsx)("br", {})), _br3 || (_br3 = (0, _jsxRuntime.jsx)("br", {}))]
+    }), _Drilldown$Option5 || (_Drilldown$Option5 = (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
+      id: "o7",
+      description: "the description",
+      children: "has description"
+    }))]
+  }, "page0")];
 }