@webiny/ui 0.0.0-mt-3 → 0.0.0-unstable.40876133bb

package/TopAppBar/TopAppBar.stories.js

@@ -1,15 +1,29 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
-import readme from "./../TopAppBar/README.md";
-import { withKnobs, text } from "@storybook/addon-knobs";
-import { ReactComponent as AutoRenewIcon } from "@svgr/webpack!./icons/baseline-autorenew-24px.svg";
-import { ReactComponent as CloudDoneIcon } from "@svgr/webpack!./icons/baseline-cloud_done-24px.svg";
-import { ReactComponent as EnvelopeIcon } from "@svgr/webpack!./icons/baseline-email-24px.svg";
-import { ReactComponent as MenuIcon } from "@svgr/webpack!./icons/baseline-menu-24px.svg";
-import { TopAppBar, TopAppBarSection, TopAppBarNavigationIcon, TopAppBarTitle, TopAppBarActionItem } from "./index";
-var story = storiesOf("Components/TopAppBar", module);
-story.addDecorator(withKnobs);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@storybook/react");
+
+var _Story = require("@webiny/storybook-utils/Story");
+
+var _README = _interopRequireDefault(require("./../TopAppBar/README.md"));
+
+var _addonKnobs = require("@storybook/addon-knobs");
+
+var _baselineAutorenew24px = require("./icons/baseline-autorenew-24px.svg");
+
+var _baselineCloud_done24px = require("./icons/baseline-cloud_done-24px.svg");
+
+var _baselineEmail24px = require("./icons/baseline-email-24px.svg");
+
+var _baselineMenu24px = require("./icons/baseline-menu-24px.svg");
+
+var _index = require("./index");
+
+var story = (0, _react2.storiesOf)("Components/TopAppBar", module);
+story.addDecorator(_addonKnobs.withKnobs);
 /**
  * Top app bar is by default rendered with "position: fixed", which then messes up the presentation.
  * For demonstration purposes, we had to switch to absolute positioning.
@@ -33,24 +47,24 @@ var appendCssOverrides = function appendCssOverrides() {
 
 story.add("usage", function () {
   appendCssOverrides();
-  var title = text("title", "Webiny");
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement("div", {
+  var title = (0, _addonKnobs.text)("title", "Webiny");
+  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "top-app-bar-storybook"
-  }, /*#__PURE__*/React.createElement(TopAppBar, null, /*#__PURE__*/React.createElement(TopAppBarSection, {
+  }, /*#__PURE__*/_react.default.createElement(_index.TopAppBar, null, /*#__PURE__*/_react.default.createElement(_index.TopAppBarSection, {
     alignStart: true
-  }, /*#__PURE__*/React.createElement(TopAppBarNavigationIcon, {
-    icon: /*#__PURE__*/React.createElement(MenuIcon, null)
-  }), /*#__PURE__*/React.createElement(TopAppBarTitle, null, title)), /*#__PURE__*/React.createElement(TopAppBarSection, {
+  }, /*#__PURE__*/_react.default.createElement(_index.TopAppBarNavigationIcon, {
+    icon: /*#__PURE__*/_react.default.createElement(_baselineMenu24px.ReactComponent, null)
+  }), /*#__PURE__*/_react.default.createElement(_index.TopAppBarTitle, null, title)), /*#__PURE__*/_react.default.createElement(_index.TopAppBarSection, {
     alignEnd: true
-  }, /*#__PURE__*/React.createElement(TopAppBarActionItem, {
-    icon: /*#__PURE__*/React.createElement(CloudDoneIcon, null)
-  }), /*#__PURE__*/React.createElement(TopAppBarActionItem, {
-    icon: /*#__PURE__*/React.createElement(AutoRenewIcon, null)
-  }), /*#__PURE__*/React.createElement(TopAppBarActionItem, {
-    icon: /*#__PURE__*/React.createElement(EnvelopeIcon, null)
+  }, /*#__PURE__*/_react.default.createElement(_index.TopAppBarActionItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_baselineCloud_done24px.ReactComponent, null)
+  }), /*#__PURE__*/_react.default.createElement(_index.TopAppBarActionItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_baselineAutorenew24px.ReactComponent, null)
+  }), /*#__PURE__*/_react.default.createElement(_index.TopAppBarActionItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_baselineEmail24px.ReactComponent, null)
   }))))));
 }, {
   info: {
-    propTables: [TopAppBar, TopAppBarSection, TopAppBarNavigationIcon, TopAppBarTitle, TopAppBarActionItem]
+    propTables: [_index.TopAppBar, _index.TopAppBarSection, _index.TopAppBarNavigationIcon, _index.TopAppBarTitle, _index.TopAppBarActionItem]
   }
 });

package/TopAppBar/TopAppBar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","appendedCssOverrides","appendCssOverrides","css","head","document","getElementsByTagName","style","createElement","type","appendChild","createTextNode","add","title","text","readme","info","propTables","TopAppBar","TopAppBarSection","TopAppBarNavigationIcon","TopAppBarTitle","TopAppBarActionItem"],"sources":["TopAppBar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../TopAppBar/README.md\";\nimport { withKnobs, text } from \"@storybook/addon-knobs\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./icons/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./icons/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as EnvelopeIcon } from \"./icons/baseline-email-24px.svg\";\nimport { ReactComponent as MenuIcon } from \"./icons/baseline-menu-24px.svg\";\n\nimport {\n    TopAppBar,\n    TopAppBarSection,\n    TopAppBarNavigationIcon,\n    TopAppBarTitle,\n    TopAppBarActionItem\n} from \"./index\";\n\nconst story = storiesOf(\"Components/TopAppBar\", module);\nstory.addDecorator(withKnobs);\n\n/**\n * Top app bar is by default rendered with \"position: fixed\", which then messes up the presentation.\n * For demonstration purposes, we had to switch to absolute positioning.\n */\n\nlet appendedCssOverrides = false;\nconst appendCssOverrides = () => {\n    if (appendedCssOverrides) {\n        return;\n    }\n\n    appendedCssOverrides = true;\n    const css = `.top-app-bar-storybook .mdc-top-app-bar { position: relative; top: 0 !important }\n                .top-app-bar-storybook .mdc-top-app-bar img { background: none; }`,\n        head = document.head || document.getElementsByTagName(\"head\")[0],\n        style = document.createElement(\"style\");\n\n    style.type = \"text/css\";\n    style.appendChild(document.createTextNode(css));\n    head.appendChild(style);\n};\n\nstory.add(\n    \"usage\",\n    () => {\n        appendCssOverrides();\n\n        const title = text(\"title\", \"Webiny\");\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <div className=\"top-app-bar-storybook\">\n                        <TopAppBar>\n                            <TopAppBarSection alignStart>\n                                <TopAppBarNavigationIcon icon={<MenuIcon />} />\n                                <TopAppBarTitle>{title}</TopAppBarTitle>\n                            </TopAppBarSection>\n                            <TopAppBarSection alignEnd>\n                                <TopAppBarActionItem icon={<CloudDoneIcon />} />\n                                <TopAppBarActionItem icon={<AutoRenewIcon />} />\n                                <TopAppBarActionItem icon={<EnvelopeIcon />} />\n                            </TopAppBarSection>\n                        </TopAppBar>\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                TopAppBar,\n                TopAppBarSection,\n                TopAppBarNavigationIcon,\n                TopAppBarTitle,\n                TopAppBarActionItem\n            ]\n        }\n    }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;AAQA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,sBAAV,EAAkCC,MAAlC,CAAd;AACAF,KAAK,CAACG,YAAN,CAAmBC,qBAAnB;AAEA;AACA;AACA;AACA;;AAEA,IAAIC,oBAAoB,GAAG,KAA3B;;AACA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;EAC7B,IAAID,oBAAJ,EAA0B;IACtB;EACH;;EAEDA,oBAAoB,GAAG,IAAvB;EACA,IAAME,GAAG,yKAAT;EAAA,IAEIC,IAAI,GAAGC,QAAQ,CAACD,IAAT,IAAiBC,QAAQ,CAACC,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAF5B;EAAA,IAGIC,KAAK,GAAGF,QAAQ,CAACG,aAAT,CAAuB,OAAvB,CAHZ;EAKAD,KAAK,CAACE,IAAN,GAAa,UAAb;EACAF,KAAK,CAACG,WAAN,CAAkBL,QAAQ,CAACM,cAAT,CAAwBR,GAAxB,CAAlB;EACAC,IAAI,CAACM,WAAL,CAAiBH,KAAjB;AACH,CAdD;;AAgBAX,KAAK,CAACgB,GAAN,CACI,OADJ,EAEI,YAAM;EACFV,kBAAkB;EAElB,IAAMW,KAAK,GAAG,IAAAC,gBAAA,EAAK,OAAL,EAAc,QAAd,CAAd;EACA,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,gBAAD,qBACI,6BAAC,uBAAD;IAAkB,UAAU;EAA5B,gBACI,6BAAC,8BAAD;IAAyB,IAAI,eAAE,6BAAC,gCAAD;EAA/B,EADJ,eAEI,6BAAC,qBAAD,QAAiBF,KAAjB,CAFJ,CADJ,eAKI,6BAAC,uBAAD;IAAkB,QAAQ;EAA1B,gBACI,6BAAC,0BAAD;IAAqB,IAAI,eAAE,6BAAC,sCAAD;EAA3B,EADJ,eAEI,6BAAC,0BAAD;IAAqB,IAAI,eAAE,6BAAC,qCAAD;EAA3B,EAFJ,eAGI,6BAAC,0BAAD;IAAqB,IAAI,eAAE,6BAAC,iCAAD;EAA3B,EAHJ,CALJ,CADJ,CADJ,CAFJ,CADJ;AAoBH,CA1BL,EA2BI;EACIG,IAAI,EAAE;IACFC,UAAU,EAAE,CACRC,gBADQ,EAERC,uBAFQ,EAGRC,8BAHQ,EAIRC,qBAJQ,EAKRC,0BALQ;EADV;AADV,CA3BJ"}

package/TopAppBar/TopAppBarActionItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TopAppBarActionItemProps as RmwcTopAppBarActionItemProps } from "@rmwc/top-app-bar";
-export declare type TopAppBarActionItemProps = RmwcTopAppBarActionItemProps;
+export declare type TopAppBarActionItemProps = Omit<RmwcTopAppBarActionItemProps, "onChange">;
 declare const TopAppBarActionItem: (props: TopAppBarActionItemProps) => JSX.Element;
 export { TopAppBarActionItem };

package/TopAppBar/TopAppBarActionItem.js

@@ -1,8 +1,18 @@
-import * as React from "react";
-import { TopAppBarActionItem as RmwcTopAppBarActionItem } from "@rmwc/top-app-bar";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarActionItem = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _topAppBar = require("@rmwc/top-app-bar");
 
 var TopAppBarActionItem = function TopAppBarActionItem(props) {
-  return /*#__PURE__*/React.createElement(RmwcTopAppBarActionItem, props);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarActionItem, props);
 };
 
-export { TopAppBarActionItem };
+exports.TopAppBarActionItem = TopAppBarActionItem;

package/TopAppBar/TopAppBarActionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopAppBarActionItem","props"],"sources":["TopAppBarActionItem.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarActionItem as RmwcTopAppBarActionItem,\n    TopAppBarActionItemProps as RmwcTopAppBarActionItemProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarActionItemProps = Omit<RmwcTopAppBarActionItemProps, \"onChange\">;\n\nconst TopAppBarActionItem = (props: TopAppBarActionItemProps) => {\n    return <RmwcTopAppBarActionItem {...props} />;\n};\n\nexport { TopAppBarActionItem };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAOA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAAqC;EAC7D,oBAAO,6BAAC,8BAAD,EAA6BA,KAA7B,CAAP;AACH,CAFD"}

package/TopAppBar/TopAppBarNavigationIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TopAppBarNavigationIconProps as RmwcTopAppBarNavigationIconProps } from "@rmwc/top-app-bar";
-export declare type TopAppBarNavigationIconProps = RmwcTopAppBarNavigationIconProps;
+export declare type TopAppBarNavigationIconProps = Omit<RmwcTopAppBarNavigationIconProps, "onChange">;
 declare const TopAppBarNavigationIcon: (props: TopAppBarNavigationIconProps) => JSX.Element;
 export { TopAppBarNavigationIcon };

package/TopAppBar/TopAppBarNavigationIcon.js

@@ -1,8 +1,18 @@
-import * as React from "react";
-import { TopAppBarNavigationIcon as RmwcTopAppBarNavigationIcon } from "@rmwc/top-app-bar";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarNavigationIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _topAppBar = require("@rmwc/top-app-bar");
 
 var TopAppBarNavigationIcon = function TopAppBarNavigationIcon(props) {
-  return /*#__PURE__*/React.createElement(RmwcTopAppBarNavigationIcon, props);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarNavigationIcon, props);
 };
 
-export { TopAppBarNavigationIcon };
+exports.TopAppBarNavigationIcon = TopAppBarNavigationIcon;

package/TopAppBar/TopAppBarNavigationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopAppBarNavigationIcon","props"],"sources":["TopAppBarNavigationIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n    TopAppBarNavigationIcon as RmwcTopAppBarNavigationIcon,\n    TopAppBarNavigationIconProps as RmwcTopAppBarNavigationIconProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarNavigationIconProps = Omit<RmwcTopAppBarNavigationIconProps, \"onChange\">;\n\nconst TopAppBarNavigationIcon = (props: TopAppBarNavigationIconProps) => {\n    return <RmwcTopAppBarNavigationIcon {...props} />;\n};\n\nexport { TopAppBarNavigationIcon };\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAOA,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAAyC;EACrE,oBAAO,6BAAC,kCAAD,EAAiCA,KAAjC,CAAP;AACH,CAFD"}

package/TopAppBar/TopAppBarPrimary.js

@@ -1,15 +1,26 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarPrimary = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TopAppBar = require("./TopAppBar");
+
 var _excluded = ["children"];
-import * as React from "react";
-import { TopAppBar } from "./TopAppBar";
 
 var TopAppBarPrimary = function TopAppBarPrimary(props) {
   var children = props.children,
-      other = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(TopAppBar, Object.assign({}, other, {
+      other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBar, Object.assign({}, other, {
     className: "primary"
   }), children);
 };
 
-export { TopAppBarPrimary };
+exports.TopAppBarPrimary = TopAppBarPrimary;

package/TopAppBar/TopAppBarPrimary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopAppBarPrimary","props","children","other"],"sources":["TopAppBarPrimary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarPrimaryProps = TopAppBarProps;\n\nconst TopAppBarPrimary = (props: TopAppBarPrimaryProps) => {\n    const { children, ...other } = props;\n    return (\n        <TopAppBar {...other} className={\"primary\"}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarPrimary };\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAkC;EACvD,IAAQC,QAAR,GAA+BD,KAA/B,CAAQC,QAAR;EAAA,IAAqBC,KAArB,0CAA+BF,KAA/B;EACA,oBACI,6BAAC,oBAAD,oBAAeE,KAAf;IAAsB,SAAS,EAAE;EAAjC,IACKD,QADL,CADJ;AAKH,CAPD"}

package/TopAppBar/TopAppBarSecondary.js

@@ -1,17 +1,28 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarSecondary = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TopAppBar = require("./TopAppBar");
+
 var _excluded = ["style", "children"];
-import * as React from "react";
-import { TopAppBar } from "./TopAppBar";
 
 var TopAppBarSecondary = function TopAppBarSecondary(props) {
   var _props$style = props.style,
       style = _props$style === void 0 ? {} : _props$style,
       children = props.children,
-      other = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(TopAppBar, Object.assign({}, other, {
+      other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBar, Object.assign({}, other, {
     style: style
   }), children);
 };
 
-export { TopAppBarSecondary };
+exports.TopAppBarSecondary = TopAppBarSecondary;

package/TopAppBar/TopAppBarSecondary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopAppBarSecondary","props","style","children","other"],"sources":["TopAppBarSecondary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarSecondaryProps = TopAppBarProps;\n\nconst TopAppBarSecondary = (props: TopAppBarSecondaryProps) => {\n    const { style = {}, children, ...other } = props;\n    return (\n        <TopAppBar {...other} style={style}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarSecondary };\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;AAIA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAoC;EAC3D,mBAA2CA,KAA3C,CAAQC,KAAR;EAAA,IAAQA,KAAR,6BAAgB,EAAhB;EAAA,IAAoBC,QAApB,GAA2CF,KAA3C,CAAoBE,QAApB;EAAA,IAAiCC,KAAjC,0CAA2CH,KAA3C;EACA,oBACI,6BAAC,oBAAD,oBAAeG,KAAf;IAAsB,KAAK,EAAEF;EAA7B,IACKC,QADL,CADJ;AAKH,CAPD"}

package/TopAppBar/TopAppBarSection.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { TopAppBarSectionProps as RmwcTopAppBarSectionProps } from "@rmwc/top-app-bar";
 export declare type TopAppBarSectionProps = RmwcTopAppBarSectionProps & {
     /**

package/TopAppBar/TopAppBarSection.js

@@ -1,13 +1,24 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarSection = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _topAppBar = require("@rmwc/top-app-bar");
+
 var _excluded = ["children"];
-import * as React from "react";
-import { TopAppBarSection as RmwcTopAppBarSection } from "@rmwc/top-app-bar";
 
 var TopAppBarSection = function TopAppBarSection(props) {
   var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(RmwcTopAppBarSection, rest, children);
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarSection, rest, children);
 };
 
-export { TopAppBarSection };
+exports.TopAppBarSection = TopAppBarSection;

package/TopAppBar/TopAppBarSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopAppBarSection","props","children","rest"],"sources":["TopAppBarSection.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarSection as RmwcTopAppBarSection,\n    TopAppBarSectionProps as RmwcTopAppBarSectionProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarSectionProps = RmwcTopAppBarSectionProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n\n    /**\n     * CSS class name.\n     */\n    className?: string;\n};\n\nconst TopAppBarSection = (props: TopAppBarSectionProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTopAppBarSection {...rest}>{children}</RmwcTopAppBarSection>;\n};\n\nexport { TopAppBarSection };\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;AAsBA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAkC;EACvD,IAAQC,QAAR,GAA8BD,KAA9B,CAAQC,QAAR;EAAA,IAAqBC,IAArB,0CAA8BF,KAA9B;EACA,oBAAO,6BAAC,2BAAD,EAA0BE,IAA1B,EAAiCD,QAAjC,CAAP;AACH,CAHD"}

package/TopAppBar/TopAppBarTitle.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { TopAppBarTitleProps as RmwcTopAppBarTitleProps } from "@rmwc/top-app-bar";
 export declare type TopAppBarTitleProps = RmwcTopAppBarTitleProps & {
     /**

package/TopAppBar/TopAppBarTitle.js

@@ -1,13 +1,24 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarTitle = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _topAppBar = require("@rmwc/top-app-bar");
+
 var _excluded = ["children"];
-import * as React from "react";
-import { TopAppBarTitle as RmwcTopAppBarTitle } from "@rmwc/top-app-bar";
 
 var TopAppBarTitle = function TopAppBarTitle(props) {
   var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(RmwcTopAppBarTitle, rest, children);
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarTitle, rest, children);
 };
 
-export { TopAppBarTitle };
+exports.TopAppBarTitle = TopAppBarTitle;

package/TopAppBar/TopAppBarTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopAppBarTitle","props","children","rest"],"sources":["TopAppBarTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarTitle as RmwcTopAppBarTitle,\n    TopAppBarTitleProps as RmwcTopAppBarTitleProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarTitleProps = RmwcTopAppBarTitleProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n};\n\nconst TopAppBarTitle = (props: TopAppBarTitleProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTopAppBarTitle {...rest}>{children}</RmwcTopAppBarTitle>;\n};\n\nexport { TopAppBarTitle };\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;AAYA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAgC;EACnD,IAAQC,QAAR,GAA8BD,KAA9B,CAAQC,QAAR;EAAA,IAAqBC,IAArB,0CAA8BF,KAA9B;EACA,oBAAO,6BAAC,yBAAD,EAAwBE,IAAxB,EAA+BD,QAA/B,CAAP;AACH,CAHD"}

package/TopAppBar/index.js

@@ -1,7 +1,96 @@
-export * from "./TopAppBar";
-export * from "./TopAppBarPrimary";
-export * from "./TopAppBarSecondary";
-export * from "./TopAppBarSection";
-export * from "./TopAppBarTitle";
-export * from "./TopAppBarNavigationIcon";
-export * from "./TopAppBarActionItem";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _TopAppBar = require("./TopAppBar");
+
+Object.keys(_TopAppBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBar[key];
+    }
+  });
+});
+
+var _TopAppBarPrimary = require("./TopAppBarPrimary");
+
+Object.keys(_TopAppBarPrimary).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarPrimary[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarPrimary[key];
+    }
+  });
+});
+
+var _TopAppBarSecondary = require("./TopAppBarSecondary");
+
+Object.keys(_TopAppBarSecondary).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarSecondary[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarSecondary[key];
+    }
+  });
+});
+
+var _TopAppBarSection = require("./TopAppBarSection");
+
+Object.keys(_TopAppBarSection).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarSection[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarSection[key];
+    }
+  });
+});
+
+var _TopAppBarTitle = require("./TopAppBarTitle");
+
+Object.keys(_TopAppBarTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarTitle[key];
+    }
+  });
+});
+
+var _TopAppBarNavigationIcon = require("./TopAppBarNavigationIcon");
+
+Object.keys(_TopAppBarNavigationIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarNavigationIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarNavigationIcon[key];
+    }
+  });
+});
+
+var _TopAppBarActionItem = require("./TopAppBarActionItem");
+
+Object.keys(_TopAppBarActionItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarActionItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarActionItem[key];
+    }
+  });
+});

package/TopAppBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./TopAppBar\";\nexport * from \"./TopAppBarPrimary\";\nexport * from \"./TopAppBarSecondary\";\nexport * from \"./TopAppBarSection\";\nexport * from \"./TopAppBarTitle\";\nexport * from \"./TopAppBarNavigationIcon\";\nexport * from \"./TopAppBarActionItem\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/TopProgressBar/TopProgressBar.d.ts

@@ -1,15 +1,15 @@
-import * as React from "react";
+import React from "react";
 import nprogress from "nprogress";
 import "./style.scss";
-export declare type TopProgressBarRender = {
+export interface TopProgressBarRender {
     start: () => void;
     finish: () => void;
-    nprogress: nprogress;
-};
-export declare type TopProgressBarProps = {
+    nprogress: typeof nprogress;
+}
+export interface TopProgressBarProps {
     /**
      * Elements that require top loading bar to be shown.
      */
     children: (params: TopProgressBarRender) => React.ReactElement;
-};
-export declare const TopProgressBar: (props: TopProgressBarProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
+}
+export declare const TopProgressBar: (props: TopProgressBarProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/TopProgressBar/TopProgressBar.js

@@ -1,9 +1,22 @@
-import nprogress from "nprogress";
-import "./style.scss";
-export var TopProgressBar = function TopProgressBar(props) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopProgressBar = void 0;
+
+var _nprogress = _interopRequireDefault(require("nprogress"));
+
+require("./style.scss");
+
+var TopProgressBar = function TopProgressBar(props) {
   return props.children({
-    start: nprogress.start,
-    finish: nprogress.done,
-    nprogress: nprogress
+    start: _nprogress.default.start,
+    finish: _nprogress.default.done,
+    nprogress: _nprogress.default
   });
-};
+};
+
+exports.TopProgressBar = TopProgressBar;

package/TopProgressBar/TopProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopProgressBar","props","children","start","nprogress","finish","done"],"sources":["TopProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport nprogress from \"nprogress\";\nimport \"./style.scss\";\n\nexport interface TopProgressBarRender {\n    start: () => void;\n    finish: () => void;\n    nprogress: typeof nprogress;\n}\n\nexport interface TopProgressBarProps {\n    /**\n     * Elements that require top loading bar to be shown.\n     */\n    children: (params: TopProgressBarRender) => React.ReactElement;\n}\n\nexport const TopProgressBar = (props: TopProgressBarProps) => {\n    return props.children({\n        start: nprogress.start,\n        finish: nprogress.done,\n        nprogress\n    });\n};\n"],"mappings":";;;;;;;;;AACA;;AACA;;AAeO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAgC;EAC1D,OAAOA,KAAK,CAACC,QAAN,CAAe;IAClBC,KAAK,EAAEC,kBAAA,CAAUD,KADC;IAElBE,MAAM,EAAED,kBAAA,CAAUE,IAFA;IAGlBF,SAAS,EAATA;EAHkB,CAAf,CAAP;AAKH,CANM"}

package/TopProgressBar/TopProgressBar.stories.js

@@ -1,22 +1,32 @@
-import * as React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./../TopProgressBar/README.md";
-import { ButtonPrimary } from "./../Button";
-import { TopProgressBar } from "./TopProgressBar";
-var story = storiesOf("Components/TopProgressBar", module);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@storybook/react");
+
+var _Story = require("@webiny/storybook-utils/Story");
+
+var _README = _interopRequireDefault(require("./../TopProgressBar/README.md"));
+
+var _Button = require("./../Button");
+
+var _TopProgressBar = require("./TopProgressBar");
+
+var story = (0, _react2.storiesOf)("Components/TopProgressBar", module);
 story.add("usage", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement(TopProgressBar, null, function (_ref) {
+  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement(_TopProgressBar.TopProgressBar, null, function (_ref) {
     var start = _ref.start,
         finish = _ref.finish;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       onClick: start
-    }, "Start"), "\xA0", /*#__PURE__*/React.createElement(ButtonPrimary, {
+    }, "Start"), "\xA0", /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       onClick: finish
     }, "Done"));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <TopProgressBar>\n                        {({start, done}) => (\n                            <React.Fragment>\n                                <ButtonPrimary onClick={start}>Start</ButtonPrimary>\n                                <ButtonPrimary onClick={done}>Done</ButtonPrimary>\n                            </React.Fragment>\n                        )}\n                    </TopProgressBar>\n                    ")));
+  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <TopProgressBar>\n                        {({start, done}) => (\n                            <React.Fragment>\n                                <ButtonPrimary onClick={start}>Start</ButtonPrimary>\n                                <ButtonPrimary onClick={done}>Done</ButtonPrimary>\n                            </React.Fragment>\n                        )}\n                    </TopProgressBar>\n                    ")));
 }, {
   info: {
-    propTables: [TopProgressBar]
+    propTables: [_TopProgressBar.TopProgressBar]
   }
 });

package/TopProgressBar/TopProgressBar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","storiesOf","module","add","readme","start","finish","info","propTables","TopProgressBar"],"sources":["TopProgressBar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../TopProgressBar/README.md\";\nimport { ButtonPrimary } from \"./../Button\";\nimport { TopProgressBar } from \"./TopProgressBar\";\n\nconst story = storiesOf(\"Components/TopProgressBar\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <TopProgressBar>\n                            {({ start, finish }) => (\n                                <React.Fragment>\n                                    <ButtonPrimary onClick={start}>Start</ButtonPrimary>\n                                    &nbsp;\n                                    <ButtonPrimary onClick={finish}>Done</ButtonPrimary>\n                                </React.Fragment>\n                            )}\n                        </TopProgressBar>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <TopProgressBar>\n                        {({start, done}) => (\n                            <React.Fragment>\n                                <ButtonPrimary onClick={start}>Start</ButtonPrimary>\n                                <ButtonPrimary onClick={done}>Done</ButtonPrimary>\n                            </React.Fragment>\n                        )}\n                    </TopProgressBar>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [TopProgressBar] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,2BAAV,EAAuCC,MAAvC,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD,qBACI,6BAAC,8BAAD,QACK;IAAA,IAAGC,KAAH,QAAGA,KAAH;IAAA,IAAUC,MAAV,QAAUA,MAAV;IAAA,oBACG,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,qBAAD;MAAe,OAAO,EAAED;IAAxB,WADJ,uBAGI,6BAAC,qBAAD;MAAe,OAAO,EAAEC;IAAxB,UAHJ,CADH;EAAA,CADL,CADJ,CADJ,eAYI,6BAAC,uBAAD,gcAZJ,CAFJ,CADJ;AA8BH,CAjCL,EAkCI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,8BAAD;EAAd;AAAR,CAlCJ"}

package/TopProgressBar/hoc/index.js

@@ -1 +1,15 @@
-export { default as withTopProgressBar } from "./withTopProgressBar";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "withTopProgressBar", {
+  enumerable: true,
+  get: function get() {
+    return _withTopProgressBar.default;
+  }
+});
+
+var _withTopProgressBar = _interopRequireDefault(require("./withTopProgressBar"));

package/TopProgressBar/hoc/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as withTopProgressBar } from \"./withTopProgressBar\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}

package/TopProgressBar/hoc/withTopProgressBar.d.ts

@@ -1,3 +1,3 @@
-import * as React from "react";
+import React from "react";
 declare const withTopProgressBar: () => (BaseComponent: React.ComponentType<any>) => (props: any) => JSX.Element;
 export default withTopProgressBar;

package/TopProgressBar/hoc/withTopProgressBar.js

@@ -1,14 +1,24 @@
-import * as React from "react";
-import { TopProgressBar } from "..";
+"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 _ = require("..");
 
 var withTopProgressBar = function withTopProgressBar() {
   return function (BaseComponent) {
     var WithTopProgressBar = function WithTopProgressBar(props) {
-      return /*#__PURE__*/React.createElement(TopProgressBar, null, function (_ref) {
+      return /*#__PURE__*/_react.default.createElement(_.TopProgressBar, null, function (_ref) {
         var start = _ref.start,
             finish = _ref.finish,
             nprogress = _ref.nprogress;
-        return /*#__PURE__*/React.createElement(BaseComponent, Object.assign({}, props, {
+        return /*#__PURE__*/_react.default.createElement(BaseComponent, Object.assign({}, props, {
           startTopProgressBar: start,
           finishTopProgressBar: finish,
           nprogress: nprogress
@@ -20,4 +30,5 @@ var withTopProgressBar = function withTopProgressBar() {
   };
 };
 
-export default withTopProgressBar;
+var _default = withTopProgressBar;
+exports.default = _default;