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

package/Accordion/Accordion.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
+import React from "react";
 import { ListItem } from "../List";
 import { AccordionItem } from "./AccordionItem";
-export declare type AccordionProps = {
+export interface AccordionProps {
     /**
      * Element displayed when accordion is expanded.
      */
@@ -14,6 +14,6 @@ export declare type AccordionProps = {
      * Append a class name
      */
     className?: string;
-};
-declare const Accordion: (props: AccordionProps) => JSX.Element;
+}
+declare const Accordion: React.FC<AccordionProps>;
 export { Accordion };

package/Accordion/Accordion.js

@@ -1,11 +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.Accordion = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _List = require("../List");
+
+var _Elevation = require("../Elevation");
+
+var _emotion = require("emotion");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _excluded = ["children", "elevation", "className"];
-import * as React from "react";
-import { List } from "../List";
-import { Elevation } from "../Elevation";
-import { css } from "emotion";
-import classNames from "classnames";
-var listStyle = /*#__PURE__*/css({
+var listStyle = /*#__PURE__*/(0, _emotion.css)({
   "&.mdc-list": {
     padding: 0
   }
@@ -16,15 +31,14 @@ var Accordion = function Accordion(props) {
       _props$elevation = props.elevation,
       elevation = _props$elevation === void 0 ? 2 : _props$elevation,
       className = props.className,
-      other = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(Elevation, {
+      other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
     z: elevation,
-    className: classNames("webiny-ui-accordion", className)
-  }, /*#__PURE__*/React.createElement(List, Object.assign({
+    className: (0, _classnames.default)("webiny-ui-accordion", className)
+  }, /*#__PURE__*/_react.default.createElement(_List.List, Object.assign({
     twoLine: true,
     className: listStyle
   }, other), children));
 };
 
-export { Accordion };
+exports.Accordion = Accordion;

package/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["listStyle","css","padding","Accordion","props","children","elevation","className","other","classNames"],"sources":["Accordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, ListItem } from \"../List\";\nimport { AccordionItem } from \"./AccordionItem\";\nimport { Elevation } from \"../Elevation\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\nexport interface AccordionProps {\n    /**\n     * Element displayed when accordion is expanded.\n     */\n    children: React.ReactElement<typeof ListItem>[] | React.ReactElement<typeof AccordionItem>[];\n\n    /**\n     * Elevation number, default set to 2\n     */\n    elevation?: number;\n\n    /**\n     * Append a class name\n     */\n    className?: string;\n}\n\nconst listStyle = css({\n    \"&.mdc-list\": {\n        padding: 0\n    }\n});\n\nconst Accordion: React.FC<AccordionProps> = props => {\n    const { children, elevation = 2, className, ...other } = props;\n    return (\n        <Elevation z={elevation} className={classNames(\"webiny-ui-accordion\", className)}>\n            <List twoLine className={listStyle} {...other}>\n                {children}\n            </List>\n        </Elevation>\n    );\n};\n\nexport { Accordion };\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;AAmBA,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EAClB,cAAc;IACVC,OAAO,EAAE;EADC;AADI,CAAJ,qBAAlB;;AAMA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,CAAAC,KAAK,EAAI;EACjD,IAAQC,QAAR,GAAyDD,KAAzD,CAAQC,QAAR;EAAA,uBAAyDD,KAAzD,CAAkBE,SAAlB;EAAA,IAAkBA,SAAlB,iCAA8B,CAA9B;EAAA,IAAiCC,SAAjC,GAAyDH,KAAzD,CAAiCG,SAAjC;EAAA,IAA+CC,KAA/C,0CAAyDJ,KAAzD;EACA,oBACI,6BAAC,oBAAD;IAAW,CAAC,EAAEE,SAAd;IAAyB,SAAS,EAAE,IAAAG,mBAAA,EAAW,qBAAX,EAAkCF,SAAlC;EAApC,gBACI,6BAAC,UAAD;IAAM,OAAO,MAAb;IAAc,SAAS,EAAEP;EAAzB,GAAwCQ,KAAxC,GACKH,QADL,CADJ,CADJ;AAOH,CATD"}

package/Accordion/Accordion.stories.js

@@ -1,43 +1,54 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./README.md";
-import { Accordion } from "./Accordion";
-import { AccordionItem } from "./AccordionItem";
-import { ReactComponent as SettingsIcon } from "@svgr/webpack!./icons/round-settings-24px.svg";
-var story = storiesOf("Components/Accordion", 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("./README.md"));
+
+var _Accordion = require("./Accordion");
+
+var _AccordionItem = require("./AccordionItem");
+
+var _roundSettings24px = require("./icons/round-settings-24px.svg");
+
+var story = (0, _react2.storiesOf)("Components/Accordion", module);
 story.add("usage", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
+  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
     title: "Accordion"
-  }, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionItem, {
-    icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+  }, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_AccordionItem.AccordionItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_roundSettings24px.ReactComponent, null),
     title: "Settings 1",
     description: "Settings description",
     open: true
-  }, /*#__PURE__*/React.createElement("div", null, "Inner child 1")), /*#__PURE__*/React.createElement(AccordionItem, {
-    icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+  }, /*#__PURE__*/_react.default.createElement("div", null, "Inner child 1")), /*#__PURE__*/_react.default.createElement(_AccordionItem.AccordionItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_roundSettings24px.ReactComponent, null),
     title: "Settings 2",
     description: "Settings description"
-  }, /*#__PURE__*/React.createElement("div", null, "Inner child 2")), /*#__PURE__*/React.createElement(AccordionItem, {
-    icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+  }, /*#__PURE__*/_react.default.createElement("div", null, "Inner child 2")), /*#__PURE__*/_react.default.createElement(_AccordionItem.AccordionItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_roundSettings24px.ReactComponent, null),
     title: "Settings 3",
     description: "Settings description"
-  }, /*#__PURE__*/React.createElement("div", null, "Inner child 3")))), /*#__PURE__*/React.createElement(StorySandboxCode, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionItem, {
-    icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+  }, /*#__PURE__*/_react.default.createElement("div", null, "Inner child 3")))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_AccordionItem.AccordionItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_roundSettings24px.ReactComponent, null),
     title: "Settings 1",
     description: "Settings description",
     open: true
-  }, /*#__PURE__*/React.createElement("div", null, "Inner child 1")), /*#__PURE__*/React.createElement(AccordionItem, {
-    icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+  }, /*#__PURE__*/_react.default.createElement("div", null, "Inner child 1")), /*#__PURE__*/_react.default.createElement(_AccordionItem.AccordionItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_roundSettings24px.ReactComponent, null),
     title: "Settings 2",
     description: "Settings description"
-  }, /*#__PURE__*/React.createElement("div", null, "Inner child 2")), /*#__PURE__*/React.createElement(AccordionItem, {
-    icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+  }, /*#__PURE__*/_react.default.createElement("div", null, "Inner child 2")), /*#__PURE__*/_react.default.createElement(_AccordionItem.AccordionItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_roundSettings24px.ReactComponent, null),
     title: "Settings 3",
     description: "Settings description"
-  }, /*#__PURE__*/React.createElement("div", null, "Inner child 3")))))));
+  }, /*#__PURE__*/_react.default.createElement("div", null, "Inner child 3")))))));
 }, {
   info: {
-    propTables: [Accordion, AccordionItem]
+    propTables: [_Accordion.Accordion, _AccordionItem.AccordionItem]
   }
 });

package/Accordion/Accordion.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Accordion","AccordionItem"],"sources":["Accordion.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 \"./README.md\";\nimport { Accordion } from \"./Accordion\";\nimport { AccordionItem } from \"./AccordionItem\";\nimport { ReactComponent as SettingsIcon } from \"./icons/round-settings-24px.svg\";\n\nconst story = storiesOf(\"Components/Accordion\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Accordion\"}>\n                    <StorySandboxExample>\n                        <Accordion>\n                            <AccordionItem\n                                icon={<SettingsIcon />}\n                                title=\"Settings 1\"\n                                description=\"Settings description\"\n                                open\n                            >\n                                <div>Inner child 1</div>\n                            </AccordionItem>\n                            <AccordionItem\n                                icon={<SettingsIcon />}\n                                title=\"Settings 2\"\n                                description=\"Settings description\"\n                            >\n                                <div>Inner child 2</div>\n                            </AccordionItem>\n                            <AccordionItem\n                                icon={<SettingsIcon />}\n                                title=\"Settings 3\"\n                                description=\"Settings description\"\n                            >\n                                <div>Inner child 3</div>\n                            </AccordionItem>\n                        </Accordion>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <div>\n                            <Accordion>\n                                <AccordionItem\n                                    icon={<SettingsIcon />}\n                                    title=\"Settings 1\"\n                                    description=\"Settings description\"\n                                    open\n                                >\n                                    <div>Inner child 1</div>\n                                </AccordionItem>\n                                <AccordionItem\n                                    icon={<SettingsIcon />}\n                                    title=\"Settings 2\"\n                                    description=\"Settings description\"\n                                >\n                                    <div>Inner child 2</div>\n                                </AccordionItem>\n                                <AccordionItem\n                                    icon={<SettingsIcon />}\n                                    title=\"Settings 3\"\n                                    description=\"Settings description\"\n                                >\n                                    <div>Inner child 3</div>\n                                </AccordionItem>\n                            </Accordion>\n                        </div>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Accordion, AccordionItem] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,sBAAV,EAAkCC,MAAlC,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,0BAAD,qBACI,6BAAC,oBAAD,qBACI,6BAAC,4BAAD;IACI,IAAI,eAAE,6BAAC,iCAAD,OADV;IAEI,KAAK,EAAC,YAFV;IAGI,WAAW,EAAC,sBAHhB;IAII,IAAI;EAJR,gBAMI,0DANJ,CADJ,eASI,6BAAC,4BAAD;IACI,IAAI,eAAE,6BAAC,iCAAD,OADV;IAEI,KAAK,EAAC,YAFV;IAGI,WAAW,EAAC;EAHhB,gBAKI,0DALJ,CATJ,eAgBI,6BAAC,4BAAD;IACI,IAAI,eAAE,6BAAC,iCAAD,OADV;IAEI,KAAK,EAAC,YAFV;IAGI,WAAW,EAAC;EAHhB,gBAKI,0DALJ,CAhBJ,CADJ,CADJ,eA2BI,6BAAC,uBAAD,qBACI,uDACI,6BAAC,oBAAD,qBACI,6BAAC,4BAAD;IACI,IAAI,eAAE,6BAAC,iCAAD,OADV;IAEI,KAAK,EAAC,YAFV;IAGI,WAAW,EAAC,sBAHhB;IAII,IAAI;EAJR,gBAMI,0DANJ,CADJ,eASI,6BAAC,4BAAD;IACI,IAAI,eAAE,6BAAC,iCAAD,OADV;IAEI,KAAK,EAAC,YAFV;IAGI,WAAW,EAAC;EAHhB,gBAKI,0DALJ,CATJ,eAgBI,6BAAC,4BAAD;IACI,IAAI,eAAE,6BAAC,iCAAD,OADV;IAEI,KAAK,EAAC,YAFV;IAGI,WAAW,EAAC;EAHhB,gBAKI,0DALJ,CAhBJ,CADJ,CADJ,CA3BJ,CAFJ,CADJ;AA6DH,CAhEL,EAiEI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,oBAAD,EAAYC,4BAAZ;EAAd;AAAR,CAjEJ"}

package/Accordion/AccordionItem.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-export declare type AccordionItemProps = {
+export interface AccordionItemProps {
     /**
      * Left side icon
      */
-    icon: React.ReactElement;
+    icon?: React.ReactElement | null;
     /**
      * Accordion title
      */
@@ -12,10 +12,6 @@ export declare type AccordionItemProps = {
      * Optional description
      */
     description?: string;
-    /**
-     * Element displayed when accordion is expanded
-     */
-    children?: React.ReactNode;
     /**
      * Append a class name
      */
@@ -28,6 +24,10 @@ export declare type AccordionItemProps = {
      * For testing purpose
      */
     "data-testid"?: string;
-};
-declare const AccordionItem: (props: AccordionItemProps) => JSX.Element;
+    /**
+     * Append a class name to Icon
+     */
+    iconClassName?: string;
+}
+declare const AccordionItem: React.FC<AccordionItemProps>;
 export { AccordionItem };

package/Accordion/AccordionItem.js

@@ -1,17 +1,41 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState, useCallback, useEffect } from "react";
-import { ListItem, ListItemGraphic, ListItemMeta } from "../List";
-import Transition from "react-transition-group/Transition";
-import { Icon } from "../Icon";
-import styled from "@emotion/styled";
-import { css } from "emotion";
-import { Typography } from "../Typography";
-import { ReactComponent as UpArrow } from "@svgr/webpack!./icons/round-keyboard_arrow_up-24px.svg";
-import { ReactComponent as DownArrow } from "@svgr/webpack!./icons/round-keyboard_arrow_down-24px.svg";
-import classNames from "classnames";
-var Content = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionItem = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _List = require("../List");
+
+var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
+
+var _Icon = require("../Icon");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _emotion = require("emotion");
+
+var _Typography = require("../Typography");
+
+var _roundKeyboard_arrow_up24px = require("./icons/round-keyboard_arrow_up-24px.svg");
+
+var _roundKeyboard_arrow_down24px = require("./icons/round-keyboard_arrow_down-24px.svg");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var Content = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eypjd5u0",
   label: "Content"
 })({
@@ -21,7 +45,7 @@ var Content = /*#__PURE__*/styled("div", {
   borderLeft: "1px solid var(--mdc-theme-background)",
   boxSizing: "border-box"
 });
-var listItem = /*#__PURE__*/css({
+var listItem = /*#__PURE__*/(0, _emotion.css)({
   padding: "15px 20px",
   cursor: "pointer",
   borderBottom: "1px solid var(--mdc-theme-background)",
@@ -32,25 +56,25 @@ var listItem = /*#__PURE__*/css({
     marginRight: 20
   }
 }, "label:listItem;");
-var ListItemTitle = /*#__PURE__*/styled("div", {
+var ListItemTitle = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eypjd5u1",
   label: "ListItemTitle"
 })({
   fontWeight: 600,
   marginBottom: 5
 });
-var ListItemDescription = /*#__PURE__*/styled("div", {
+var ListItemDescription = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eypjd5u2",
   label: "ListItemDescription"
 })({});
-var TitleContent = /*#__PURE__*/styled("div", {
+var TitleContent = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eypjd5u3",
   label: "TitleContent"
 })({
   display: "flex",
   flexDirection: "column"
 });
-var openedState = /*#__PURE__*/css({
+var openedState = /*#__PURE__*/(0, _emotion.css)({
   backgroundColor: "var(--mdc-theme-on-background)"
 }, "label:openedState;");
 var duration = 150;
@@ -61,6 +85,10 @@ var defaultStyle = {
   pointerEvents: "none",
   overflow: "hidden"
 };
+
+/**
+ * We are casting pointerEvents as any because csstype does not have PointerEvents exported. Or at least, that is the error.
+ */
 var transitionStyles = {
   entering: {
     opacity: 0,
@@ -85,40 +113,41 @@ var transitionStyles = {
 };
 
 var AccordionItem = function AccordionItem(props) {
-  var _useState = useState(props.open ? props.open : false),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(props.open ? props.open : false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       open = _useState2[0],
       setState = _useState2[1];
 
-  var toggleState = useCallback(function () {
+  var toggleState = (0, _react.useCallback)(function () {
     setState(!open);
   }, [open]);
-  useEffect(function () {
-    setState(props.open);
+  (0, _react.useEffect)(function () {
+    setState(props.open ? true : false);
   }, [props.open]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("webiny-ui-accordion-item", props.className)
-  }, /*#__PURE__*/React.createElement(ListItem, {
-    className: classNames(listItem, _defineProperty({}, openedState, open), "webiny-ui-accordion-item__list-item"),
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("webiny-ui-accordion-item", props.className)
+  }, /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+    className: (0, _classnames.default)(listItem, (0, _defineProperty2.default)({}, openedState, open), "webiny-ui-accordion-item__list-item"),
     onClick: toggleState,
     "data-testid": props["data-testid"]
-  }, props.icon && /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: props.icon
-  })), /*#__PURE__*/React.createElement(TitleContent, {
+  }, props.icon && /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: props.icon,
+    className: props.iconClassName
+  })), /*#__PURE__*/_react.default.createElement(TitleContent, {
     className: "webiny-ui-accordion-item__title"
-  }, /*#__PURE__*/React.createElement(ListItemTitle, null, props.title), props.description && /*#__PURE__*/React.createElement(ListItemDescription, null, /*#__PURE__*/React.createElement(Typography, {
-    use: "subtitle2"
-  }, props.description))), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: !open ? /*#__PURE__*/React.createElement(DownArrow, null) : /*#__PURE__*/React.createElement(UpArrow, null)
-  }))), /*#__PURE__*/React.createElement(Transition, {
+  }, /*#__PURE__*/_react.default.createElement(ListItemTitle, null, props.title), props.description && /*#__PURE__*/_react.default.createElement(ListItemDescription, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "body2"
+  }, props.description))), /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: !open ? /*#__PURE__*/_react.default.createElement(_roundKeyboard_arrow_down24px.ReactComponent, null) : /*#__PURE__*/_react.default.createElement(_roundKeyboard_arrow_up24px.ReactComponent, null)
+  }))), /*#__PURE__*/_react.default.createElement(_Transition.default, {
     in: open,
     timeout: duration
   }, function (state) {
-    return /*#__PURE__*/React.createElement(Content, {
-      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state]),
+    return /*#__PURE__*/_react.default.createElement(Content, {
+      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultStyle), transitionStyles[state]),
       className: "webiny-ui-accordion-item__content"
     }, props.children);
   }));
 };
 
-export { AccordionItem };
+exports.AccordionItem = AccordionItem;

package/Accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Content","styled","width","borderRight","borderBottom","borderLeft","boxSizing","listItem","css","padding","cursor","marginRight","ListItemTitle","fontWeight","marginBottom","ListItemDescription","TitleContent","display","flexDirection","openedState","backgroundColor","duration","defaultStyle","transition","opacity","height","pointerEvents","overflow","transitionStyles","entering","entered","exiting","AccordionItem","props","useState","open","setState","toggleState","useCallback","useEffect","classNames","className","icon","iconClassName","title","description","state","children"],"sources":["AccordionItem.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport { ListItem, ListItemGraphic, ListItemMeta } from \"../List\";\nimport Transition from \"react-transition-group/Transition\";\nimport { Icon } from \"~/Icon\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { Typography } from \"~/Typography\";\n\nimport { ReactComponent as UpArrow } from \"./icons/round-keyboard_arrow_up-24px.svg\";\nimport { ReactComponent as DownArrow } from \"./icons/round-keyboard_arrow_down-24px.svg\";\nimport classNames from \"classnames\";\n\nconst Content = styled(\"div\")({\n    width: \"100%\",\n    borderRight: \"1px solid var(--mdc-theme-background)\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    borderLeft: \"1px solid var(--mdc-theme-background)\",\n    boxSizing: \"border-box\"\n});\n\nconst listItem = css({\n    padding: \"15px 20px\",\n    cursor: \"pointer\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    \"&:last-child\": {\n        borderBottom: \"none\"\n    },\n    \".mdc-list-item__graphic\": {\n        marginRight: 20\n    }\n});\n\nconst ListItemTitle = styled(\"div\")({\n    fontWeight: 600,\n    marginBottom: 5\n});\n\nconst ListItemDescription = styled(\"div\")({});\n\nconst TitleContent = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n\nconst openedState = css({\n    backgroundColor: \"var(--mdc-theme-on-background)\"\n});\n\nconst duration = 150;\nconst defaultStyle = {\n    transition: `all ${duration}ms ease-in-out`,\n    opacity: 0,\n    height: 0,\n    pointerEvents: \"none\",\n    overflow: \"hidden\"\n};\n\ntype TransitionStylesState = \"entering\" | \"entered\" | \"exiting\";\n\n/**\n * We are casting pointerEvents as any because csstype does not have PointerEvents exported. Or at least, that is the error.\n */\nconst transitionStyles = {\n    entering: {\n        opacity: 0,\n        height: 0,\n        padding: \"20px 20px 20px 65px\",\n        pointerEvents: \"auto\" as any,\n        overflow: \"initial\"\n    },\n    entered: {\n        opacity: 1,\n        height: \"auto\",\n        padding: \"20px 20px 20px 65px\",\n        pointerEvents: \"auto\" as any,\n        overflow: \"initial\"\n    },\n    exiting: {\n        height: \"auto\",\n        padding: \"20px 20px 20px 65px\",\n        pointerEvents: \"auto\" as any,\n        overflow: \"initial\"\n    }\n};\n\nexport interface AccordionItemProps {\n    /**\n     * Left side icon\n     */\n    icon?: React.ReactElement | null;\n\n    /**\n     * Accordion title\n     */\n    title?: React.ReactNode;\n\n    /**\n     * Optional description\n     */\n    description?: string;\n\n    /**\n     * Append a class name\n     */\n    className?: string;\n\n    /**\n     * Render item opened by default\n     */\n    open?: boolean;\n    /**\n     * For testing purpose\n     */\n    \"data-testid\"?: string;\n    /**\n     * Append a class name to Icon\n     */\n    iconClassName?: string;\n}\n\nconst AccordionItem: React.FC<AccordionItemProps> = props => {\n    const [open, setState] = useState<boolean>(props.open ? props.open : false);\n\n    const toggleState = useCallback(() => {\n        setState(!open);\n    }, [open]);\n\n    useEffect(() => {\n        setState(props.open ? true : false);\n    }, [props.open]);\n\n    return (\n        <div className={classNames(\"webiny-ui-accordion-item\", props.className)}>\n            <ListItem\n                className={classNames(\n                    listItem,\n                    { [openedState]: open },\n                    \"webiny-ui-accordion-item__list-item\"\n                )}\n                onClick={toggleState}\n                data-testid={props[\"data-testid\"]}\n            >\n                {props.icon && (\n                    <ListItemGraphic>\n                        <Icon icon={props.icon} className={props.iconClassName} />\n                    </ListItemGraphic>\n                )}\n\n                <TitleContent className=\"webiny-ui-accordion-item__title\">\n                    <ListItemTitle>{props.title}</ListItemTitle>\n                    {props.description && (\n                        <ListItemDescription>\n                            <Typography use={\"body2\"}>{props.description}</Typography>\n                        </ListItemDescription>\n                    )}\n                </TitleContent>\n                <ListItemMeta>\n                    <Icon icon={!open ? <DownArrow /> : <UpArrow />} />\n                </ListItemMeta>\n            </ListItem>\n            <Transition in={open} timeout={duration}>\n                {(state: TransitionStylesState) => (\n                    <Content\n                        style={{ ...defaultStyle, ...transitionStyles[state] }}\n                        className=\"webiny-ui-accordion-item__content\"\n                    >\n                        {props.children}\n                    </Content>\n                )}\n            </Transition>\n        </div>\n    );\n};\n\nexport { AccordionItem };\n"],"mappings":"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"}

package/Accordion/index.js

@@ -1,2 +1,31 @@
-export * from "./Accordion";
-export * from "./AccordionItem";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Accordion = require("./Accordion");
+
+Object.keys(_Accordion).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Accordion[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Accordion[key];
+    }
+  });
+});
+
+var _AccordionItem = require("./AccordionItem");
+
+Object.keys(_AccordionItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AccordionItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AccordionItem[key];
+    }
+  });
+});

package/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./AccordionItem\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/Alert/Alert.d.ts

@@ -1,14 +1,14 @@
-import * as React from "react";
+import React from "react";
 export declare type AlertType = "success" | "info" | "warning" | "danger";
-declare type AlertProps = {
+interface AlertProps {
     title: string;
     type: AlertType;
     children?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
-};
+}
 /**
  * Use Alert component to display user's avatar.
  */
-declare const Alert: (props: AlertProps) => JSX.Element;
+declare const Alert: React.FC<AlertProps>;
 export { Alert };

package/Alert/Alert.js

@@ -1,8 +1,20 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Alert = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _emotion = require("emotion");
+
 var _excluded = ["title", "type", "children"];
-import * as React from "react";
-import { css } from "emotion";
-var alertStyles = /*#__PURE__*/css({
+var alertStyles = /*#__PURE__*/(0, _emotion.css)({
   borderLeft: "3px solid red",
   margin: "5px 0 15px 0",
   padding: "2px 0 2px 10px",
@@ -38,15 +50,14 @@ var Alert = function Alert(props) {
   var title = props.title,
       type = props.type,
       children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, rest, {
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, rest, {
     className: alertStyles + " webiny-ui-alert webiny-ui-alert--" + type
-  }), /*#__PURE__*/React.createElement("p", {
+  }), /*#__PURE__*/_react.default.createElement("p", {
     className: "webiny-ui-alert__title"
-  }, title), /*#__PURE__*/React.createElement("p", {
+  }, title), /*#__PURE__*/_react.default.createElement("p", {
     className: "webiny-ui-alert__message"
   }, children));
 };
 
-export { Alert };
+exports.Alert = Alert;

package/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["alertStyles","css","borderLeft","margin","padding","fontWeight","lineHeight","color","marginBottom","fontSize","borderColor","Alert","props","title","type","children","rest"],"sources":["Alert.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\n\nconst alertStyles = css({\n    borderLeft: \"3px solid red\",\n    margin: \"5px 0 15px 0\",\n    padding: \"2px 0 2px 10px\",\n    \".webiny-ui-alert__title\": {\n        fontWeight: 600,\n        lineHeight: \"150%\",\n        color: \"var(--mdc-theme-on-surface)\",\n        marginBottom: 5\n    },\n    \".webiny-ui-alert__message\": {\n        lineHeight: \"100%\",\n        fontSize: 14,\n        color: \"var(--mdc-theme-on-surface)\"\n    },\n    \"&.webiny-ui-alert--success\": {\n        borderColor: \"#21CEAF\"\n    },\n    \"&.webiny-ui-alert--info\": {\n        borderColor: \"#29A9DB\"\n    },\n    \"&.webiny-ui-alert--warning\": {\n        borderColor: \"#F45C3C\"\n    },\n    \"&.webiny-ui-alert--danger\": {\n        borderColor: \"#E4495C\"\n    }\n});\n\nexport type AlertType = \"success\" | \"info\" | \"warning\" | \"danger\";\n\ninterface AlertProps {\n    // Alert title.\n    title: string;\n\n    // Alert type.\n    type: AlertType;\n\n    // Alert message.\n    children?: React.ReactNode;\n\n    // CSS class name\n    className?: string;\n\n    // Style object\n    style?: React.CSSProperties;\n}\n\n/**\n * Use Alert component to display user's avatar.\n */\nconst Alert: React.FC<AlertProps> = props => {\n    const { title, type, children, ...rest } = props;\n\n    return (\n        <div {...rest} className={alertStyles + \" webiny-ui-alert webiny-ui-alert--\" + type}>\n            <p className={\"webiny-ui-alert__title\"}>{title}</p>\n            <p className={\"webiny-ui-alert__message\"}>{children}</p>\n        </div>\n    );\n};\n\nexport { Alert };\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;AAEA,IAAMA,WAAW,gBAAG,IAAAC,YAAA,EAAI;EACpBC,UAAU,EAAE,eADQ;EAEpBC,MAAM,EAAE,cAFY;EAGpBC,OAAO,EAAE,gBAHW;EAIpB,2BAA2B;IACvBC,UAAU,EAAE,GADW;IAEvBC,UAAU,EAAE,MAFW;IAGvBC,KAAK,EAAE,6BAHgB;IAIvBC,YAAY,EAAE;EAJS,CAJP;EAUpB,6BAA6B;IACzBF,UAAU,EAAE,MADa;IAEzBG,QAAQ,EAAE,EAFe;IAGzBF,KAAK,EAAE;EAHkB,CAVT;EAepB,8BAA8B;IAC1BG,WAAW,EAAE;EADa,CAfV;EAkBpB,2BAA2B;IACvBA,WAAW,EAAE;EADU,CAlBP;EAqBpB,8BAA8B;IAC1BA,WAAW,EAAE;EADa,CArBV;EAwBpB,6BAA6B;IACzBA,WAAW,EAAE;EADY;AAxBT,CAAJ,uBAApB;;AAgDA;AACA;AACA;AACA,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,CAAAC,KAAK,EAAI;EACzC,IAAQC,KAAR,GAA2CD,KAA3C,CAAQC,KAAR;EAAA,IAAeC,IAAf,GAA2CF,KAA3C,CAAeE,IAAf;EAAA,IAAqBC,QAArB,GAA2CH,KAA3C,CAAqBG,QAArB;EAAA,IAAkCC,IAAlC,0CAA2CJ,KAA3C;EAEA,oBACI,sDAASI,IAAT;IAAe,SAAS,EAAEhB,WAAW,GAAG,oCAAd,GAAqDc;EAA/E,iBACI;IAAG,SAAS,EAAE;EAAd,GAAyCD,KAAzC,CADJ,eAEI;IAAG,SAAS,EAAE;EAAd,GAA2CE,QAA3C,CAFJ,CADJ;AAMH,CATD"}

package/Alert/Alert.stories.js

@@ -1,29 +1,38 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./README.md";
-import { Alert } from "./Alert";
-var story = storiesOf("Components/Alert", 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("./README.md"));
+
+var _Alert = require("./Alert");
+
+var story = (0, _react2.storiesOf)("Components/Alert", 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, {
+  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, {
     title: "Info"
-  }, /*#__PURE__*/React.createElement(Alert, {
+  }, /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
     title: "Something went wrong!",
     type: "info"
-  }, "We failed to fetch your data.")), /*#__PURE__*/React.createElement(StorySandboxCode, null, /*#__PURE__*/React.createElement(Alert, {
+  }, "We failed to fetch your data.")), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
     title: "Something went wrong!",
     type: "info"
-  }, "We failed to fetch your data."))), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
+  }, "We failed to fetch your data."))), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
     title: "Danger"
-  }, /*#__PURE__*/React.createElement(Alert, {
+  }, /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
     title: "Something went wrong!",
     type: "danger"
-  }, "Please contact support!")), /*#__PURE__*/React.createElement(StorySandboxCode, null, /*#__PURE__*/React.createElement(Alert, {
+  }, "Please contact support!")), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
     title: "Something went wrong!",
     type: "danger"
   }, "Please contact support!"))));
 }, {
   info: {
-    propTables: [Alert]
+    propTables: [_Alert.Alert]
   }
 });

package/Alert/Alert.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Alert"],"sources":["Alert.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 \"./README.md\";\n\nimport { Alert } from \"./Alert\";\n\nconst story = storiesOf(\"Components/Alert\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Info\"}>\n                        <Alert title={\"Something went wrong!\"} type={\"info\"}>\n                            We failed to fetch your data.\n                        </Alert>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <Alert title={\"Something went wrong!\"} type={\"info\"}>\n                            We failed to fetch your data.\n                        </Alert>\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Danger\"}>\n                        <Alert title={\"Something went wrong!\"} type={\"danger\"}>\n                            Please contact support!\n                        </Alert>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <Alert title={\"Something went wrong!\"} type={\"danger\"}>\n                            Please contact support!\n                        </Alert>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Alert] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AAEA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,kBAAV,EAA8BC,MAA9B,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;IAAqB,KAAK,EAAE;EAA5B,gBACI,6BAAC,YAAD;IAAO,KAAK,EAAE,uBAAd;IAAuC,IAAI,EAAE;EAA7C,mCADJ,CADJ,eAMI,6BAAC,uBAAD,qBACI,6BAAC,YAAD;IAAO,KAAK,EAAE,uBAAd;IAAuC,IAAI,EAAE;EAA7C,mCADJ,CANJ,CAFJ,eAcI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD;IAAqB,KAAK,EAAE;EAA5B,gBACI,6BAAC,YAAD;IAAO,KAAK,EAAE,uBAAd;IAAuC,IAAI,EAAE;EAA7C,6BADJ,CADJ,eAMI,6BAAC,uBAAD,qBACI,6BAAC,YAAD;IAAO,KAAK,EAAE,uBAAd;IAAuC,IAAI,EAAE;EAA7C,6BADJ,CANJ,CAdJ,CADJ;AA6BH,CAhCL,EAiCI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,YAAD;EAAd;AAAR,CAjCJ"}

package/Alert/index.js

@@ -1 +1,18 @@
-export * from "./Alert";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Alert = require("./Alert");
+
+Object.keys(_Alert).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Alert[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Alert[key];
+    }
+  });
+});

package/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Alert\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}