@webiny/ui 5.17.4 → 5.18.0-beta.3

package/Tags/Tags.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { FormComponentProps } from "./../types";
+import { FormComponentProps } from "../types";
 declare type Props = FormComponentProps & {
     /**
      * Component label.

package/Tags/Tags.js

@@ -145,5 +145,4 @@ _defineProperty(Tags, "defaultProps", {
   }
 });
 
-export default Tags;
-//# sourceMappingURL=Tags.js.map
+export default Tags;

package/Tags/Tags.stories.js

@@ -29,5 +29,4 @@ story.add("usage", function () {
   info: {
     propTables: [Tags]
   }
-});
-//# sourceMappingURL=Tags.stories.js.map
+});

package/Tags/index.js

@@ -1,2 +1 @@
-export * from "./Tags";
-//# sourceMappingURL=index.js.map
+export * from "./Tags";

package/Tooltip/Tooltip.js

@@ -57,5 +57,4 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
   return Tooltip;
 }(React.Component);
 
-export { Tooltip };
-//# sourceMappingURL=Tooltip.js.map
+export { Tooltip };

package/Tooltip/Tooltip.stories.js

@@ -14,5 +14,4 @@ story.add("usage", function () {
   info: {
     propTables: [Tooltip]
   }
-});
-//# sourceMappingURL=Tooltip.stories.js.map
+});

package/Tooltip/index.js

@@ -1,2 +1 @@
-export * from "./Tooltip";
-//# sourceMappingURL=index.js.map
+export * from "./Tooltip";

package/TopAppBar/TopAppBar.js

@@ -10,5 +10,4 @@ var TopAppBar = function TopAppBar(props) {
   return /*#__PURE__*/React.createElement(RmwcTopAppBar, rest, /*#__PURE__*/React.createElement(TopAppBarRow, null, children));
 };
 
-export { TopAppBar };
-//# sourceMappingURL=TopAppBar.js.map
+export { TopAppBar };

package/TopAppBar/TopAppBar.stories.js

@@ -53,5 +53,4 @@ story.add("usage", function () {
   info: {
     propTables: [TopAppBar, TopAppBarSection, TopAppBarNavigationIcon, TopAppBarTitle, TopAppBarActionItem]
   }
-});
-//# sourceMappingURL=TopAppBar.stories.js.map
+});

package/TopAppBar/TopAppBarActionItem.js

@@ -5,5 +5,4 @@ var TopAppBarActionItem = function TopAppBarActionItem(props) {
   return /*#__PURE__*/React.createElement(RmwcTopAppBarActionItem, props);
 };
 
-export { TopAppBarActionItem };
-//# sourceMappingURL=TopAppBarActionItem.js.map
+export { TopAppBarActionItem };

package/TopAppBar/TopAppBarNavigationIcon.js

@@ -5,5 +5,4 @@ var TopAppBarNavigationIcon = function TopAppBarNavigationIcon(props) {
   return /*#__PURE__*/React.createElement(RmwcTopAppBarNavigationIcon, props);
 };
 
-export { TopAppBarNavigationIcon };
-//# sourceMappingURL=TopAppBarNavigationIcon.js.map
+export { TopAppBarNavigationIcon };

package/TopAppBar/TopAppBarPrimary.js

@@ -12,5 +12,4 @@ var TopAppBarPrimary = function TopAppBarPrimary(props) {
   }), children);
 };
 
-export { TopAppBarPrimary };
-//# sourceMappingURL=TopAppBarPrimary.js.map
+export { TopAppBarPrimary };

package/TopAppBar/TopAppBarSecondary.js

@@ -14,5 +14,4 @@ var TopAppBarSecondary = function TopAppBarSecondary(props) {
   }), children);
 };
 
-export { TopAppBarSecondary };
-//# sourceMappingURL=TopAppBarSecondary.js.map
+export { TopAppBarSecondary };

package/TopAppBar/TopAppBarSection.js

@@ -10,5 +10,4 @@ var TopAppBarSection = function TopAppBarSection(props) {
   return /*#__PURE__*/React.createElement(RmwcTopAppBarSection, rest, children);
 };
 
-export { TopAppBarSection };
-//# sourceMappingURL=TopAppBarSection.js.map
+export { TopAppBarSection };

package/TopAppBar/TopAppBarTitle.js

@@ -10,5 +10,4 @@ var TopAppBarTitle = function TopAppBarTitle(props) {
   return /*#__PURE__*/React.createElement(RmwcTopAppBarTitle, rest, children);
 };
 
-export { TopAppBarTitle };
-//# sourceMappingURL=TopAppBarTitle.js.map
+export { TopAppBarTitle };

package/TopAppBar/index.js

@@ -4,5 +4,4 @@ export * from "./TopAppBarSecondary";
 export * from "./TopAppBarSection";
 export * from "./TopAppBarTitle";
 export * from "./TopAppBarNavigationIcon";
-export * from "./TopAppBarActionItem";
-//# sourceMappingURL=index.js.map
+export * from "./TopAppBarActionItem";

package/TopProgressBar/TopProgressBar.js

@@ -6,5 +6,4 @@ export var TopProgressBar = function TopProgressBar(props) {
     finish: nprogress.done,
     nprogress: nprogress
   });
-};
-//# sourceMappingURL=TopProgressBar.js.map
+};

package/TopProgressBar/TopProgressBar.stories.js

@@ -19,5 +19,4 @@ story.add("usage", function () {
   info: {
     propTables: [TopProgressBar]
   }
-});
-//# sourceMappingURL=TopProgressBar.stories.js.map
+});

package/TopProgressBar/hoc/index.js

@@ -1,2 +1 @@
-export { default as withTopProgressBar } from "./withTopProgressBar";
-//# sourceMappingURL=index.js.map
+export { default as withTopProgressBar } from "./withTopProgressBar";

package/TopProgressBar/hoc/withTopProgressBar.js

@@ -20,5 +20,4 @@ var withTopProgressBar = function withTopProgressBar() {
   };
 };
 
-export default withTopProgressBar;
-//# sourceMappingURL=withTopProgressBar.js.map
+export default withTopProgressBar;

package/TopProgressBar/index.js

@@ -1,2 +1 @@
-export * from "./TopProgressBar";
-//# sourceMappingURL=index.js.map
+export * from "./TopProgressBar";

package/Typography/Typography.js

@@ -8,5 +8,4 @@ var Typography = function Typography(props) {
   return /*#__PURE__*/React.createElement(RwmcTypography, props, props.children);
 };
 
-export { Typography };
-//# sourceMappingURL=Typography.js.map
+export { Typography };

package/Typography/Typography.stories.js

@@ -64,5 +64,4 @@ story.add("usage", function () {
   info: {
     propTables: [Typography]
   }
-});
-//# sourceMappingURL=Typography.stories.js.map
+});

package/Typography/index.js

@@ -1,2 +1 @@
-export * from "./Typography";
-//# sourceMappingURL=index.js.map
+export * from "./Typography";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/ui",
-	"version": "5.17.4",
+	"version": "5.18.0-beta.3",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -54,7 +54,7 @@
 		"dot-prop-immutable": "2.1.1",
 		"downshift": "2.2.3",
 		"emotion": "10.0.17",
-		"keycode": "2.2.0",
+		"keycode": "2.2.1",
 		"load-script": "1.0.0",
 		"lodash": "4.17.21",
 		"material-components-web": "3.2.0",
@@ -81,11 +81,11 @@
 		"@storybook/addon-knobs": "^5.0.5",
 		"@storybook/addon-links": "^5.0.5",
 		"@storybook/react": "^5.2.8",
-		"@webiny/cli": "^5.17.4",
-		"@webiny/form": "^5.17.4",
-		"@webiny/project-utils": "^5.17.4",
-		"@webiny/storybook-utils": "^5.17.4",
-		"@webiny/validation": "^5.17.4",
+		"@webiny/cli": "^5.18.0-beta.3",
+		"@webiny/form": "^5.18.0-beta.3",
+		"@webiny/project-utils": "^5.18.0-beta.3",
+		"@webiny/storybook-utils": "^5.18.0-beta.3",
+		"@webiny/validation": "^5.18.0-beta.3",
 		"babel-loader": "^8.0.0-beta.6",
 		"babel-plugin-emotion": "^9.2.8",
 		"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
@@ -138,5 +138,5 @@
 			]
 		}
 	},
-	"gitHead": "bdfaa377704bf7f51d73561b4c6129f682bf24d2"
+	"gitHead": "9c86670476a62348ce391b091bf768e425ab6ee9"
 }

package/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+export {};

package/Accordion/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Accordion/Accordion.tsx"],"names":["React","List","Elevation","css","classNames","listStyle","padding","Accordion","props","children","elevation","className","other"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT;AAEA,SAASC,SAAT;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAmBA,IAAMC,SAAS,gBAAGF,GAAG,CAAC;AAClB,gBAAc;AACVG,IAAAA,OAAO,EAAE;AADC;AADI,CAAD,qBAArB;;AAMA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA2B;AACzC,MAAQC,QAAR,GAAyDD,KAAzD,CAAQC,QAAR;AAAA,yBAAyDD,KAAzD,CAAkBE,SAAlB;AAAA,MAAkBA,SAAlB,iCAA8B,CAA9B;AAAA,MAAiCC,SAAjC,GAAyDH,KAAzD,CAAiCG,SAAjC;AAAA,MAA+CC,KAA/C,4BAAyDJ,KAAzD;;AACA,sBACI,oBAAC,SAAD;AAAW,IAAA,CAAC,EAAEE,SAAd;AAAyB,IAAA,SAAS,EAAEN,UAAU,CAAC,qBAAD,EAAwBO,SAAxB;AAA9C,kBACI,oBAAC,IAAD;AAAM,IAAA,OAAO,MAAb;AAAc,IAAA,SAAS,EAAEN;AAAzB,KAAwCO,KAAxC,GACKH,QADL,CADJ,CADJ;AAOH,CATD;;AAWA,SAASF,SAAT","sourcesContent":["import * as 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 type 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 = (props: AccordionProps) => {\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"],"file":"Accordion.js"}

package/Accordion/Accordion.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Accordion/Accordion.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","Accordion","AccordionItem","story","module","add","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,OAAOC,MAAP;AACA,SAASC,SAAT;AACA,SAASC,aAAT;;AAGA,IAAMC,KAAK,GAAGT,SAAS,CAAC,sBAAD,EAAyBU,MAAzB,CAAvB;AAEAD,KAAK,CAACE,GAAN,CACI,OADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcL,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,mBAAD,qBACI,oBAAC,SAAD,qBACI,oBAAC,aAAD;AACI,IAAA,IAAI,eAAE,oBAAC,YAAD,OADV;AAEI,IAAA,KAAK,EAAC,YAFV;AAGI,IAAA,WAAW,EAAC,sBAHhB;AAII,IAAA,IAAI;AAJR,kBAMI,iDANJ,CADJ,eASI,oBAAC,aAAD;AACI,IAAA,IAAI,eAAE,oBAAC,YAAD,OADV;AAEI,IAAA,KAAK,EAAC,YAFV;AAGI,IAAA,WAAW,EAAC;AAHhB,kBAKI,iDALJ,CATJ,eAgBI,oBAAC,aAAD;AACI,IAAA,IAAI,eAAE,oBAAC,YAAD,OADV;AAEI,IAAA,KAAK,EAAC,YAFV;AAGI,IAAA,WAAW,EAAC;AAHhB,kBAKI,iDALJ,CAhBJ,CADJ,CADJ,eA2BI,oBAAC,gBAAD,qBACI,8CACI,oBAAC,SAAD,qBACI,oBAAC,aAAD;AACI,IAAA,IAAI,eAAE,oBAAC,YAAD,OADV;AAEI,IAAA,KAAK,EAAC,YAFV;AAGI,IAAA,WAAW,EAAC,sBAHhB;AAII,IAAA,IAAI;AAJR,kBAMI,iDANJ,CADJ,eASI,oBAAC,aAAD;AACI,IAAA,IAAI,eAAE,oBAAC,YAAD,OADV;AAEI,IAAA,KAAK,EAAC,YAFV;AAGI,IAAA,WAAW,EAAC;AAHhB,kBAKI,iDALJ,CATJ,eAgBI,oBAAC,aAAD;AACI,IAAA,IAAI,eAAE,oBAAC,YAAD,OADV;AAEI,IAAA,KAAK,EAAC,YAFV;AAGI,IAAA,WAAW,EAAC;AAHhB,kBAKI,iDALJ,CAhBJ,CADJ,CADJ,CA3BJ,CAFJ,CADJ;AA6DH,CAhEL,EAiEI;AAAEM,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACN,SAAD,EAAYC,aAAZ;AAAd;AAAR,CAjEJ","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"],"file":"Accordion.stories.js"}

package/Accordion/AccordionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Accordion/AccordionItem.tsx"],"names":["React","useState","useCallback","useEffect","ListItem","ListItemGraphic","ListItemMeta","Transition","Icon","styled","css","Typography","classNames","Content","width","borderRight","borderBottom","borderLeft","boxSizing","listItem","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","open","setState","toggleState","className","icon","title","description","state","children"],"mappings":"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","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\nconst transitionStyles = {\n    entering: {\n        opacity: 0,\n        height: 0,\n        padding: \"20px 20px 20px 65px\",\n        pointerEvents: \"auto\",\n        overflow: \"initial\"\n    },\n    entered: {\n        opacity: 1,\n        height: \"auto\",\n        padding: \"20px 20px 20px 65px\",\n        pointerEvents: \"auto\",\n        overflow: \"initial\"\n    },\n    exiting: {\n        height: \"auto\",\n        padding: \"20px 20px 20px 65px\",\n        pointerEvents: \"auto\",\n        overflow: \"initial\"\n    }\n};\n\nexport type AccordionItemProps = {\n    /**\n     * Left side icon\n     */\n    icon: React.ReactElement;\n\n    /**\n     * Accordion title\n     */\n    title?: React.ReactNode;\n\n    /**\n     * Optional description\n     */\n    description?: string;\n\n    /**\n     * Element displayed when accordion is expanded\n     */\n    children?: React.ReactNode;\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\nconst AccordionItem = (props: AccordionItemProps) => {\n    const [open, setState] = useState(props.open ? props.open : false);\n\n    const toggleState = useCallback(() => {\n        setState(!open);\n    }, [open]);\n\n    useEffect(() => {\n        setState(props.open);\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} />\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={\"subtitle2\"}>{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 => (\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"],"file":"AccordionItem.js"}

package/Accordion/index.js.map

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

package/Alert/Alert.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Alert/Alert.tsx"],"names":["React","css","alertStyles","borderLeft","margin","padding","fontWeight","lineHeight","color","marginBottom","fontSize","borderColor","Alert","props","title","type","children","rest"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT,QAAoB,SAApB;AAEA,IAAMC,WAAW,gBAAGD,GAAG,CAAC;AACpBE,EAAAA,UAAU,EAAE,eADQ;AAEpBC,EAAAA,MAAM,EAAE,cAFY;AAGpBC,EAAAA,OAAO,EAAE,gBAHW;AAIpB,6BAA2B;AACvBC,IAAAA,UAAU,EAAE,GADW;AAEvBC,IAAAA,UAAU,EAAE,MAFW;AAGvBC,IAAAA,KAAK,EAAE,6BAHgB;AAIvBC,IAAAA,YAAY,EAAE;AAJS,GAJP;AAUpB,+BAA6B;AACzBF,IAAAA,UAAU,EAAE,MADa;AAEzBG,IAAAA,QAAQ,EAAE,EAFe;AAGzBF,IAAAA,KAAK,EAAE;AAHkB,GAVT;AAepB,gCAA8B;AAC1BG,IAAAA,WAAW,EAAE;AADa,GAfV;AAkBpB,6BAA2B;AACvBA,IAAAA,WAAW,EAAE;AADU,GAlBP;AAqBpB,gCAA8B;AAC1BA,IAAAA,WAAW,EAAE;AADa,GArBV;AAwBpB,+BAA6B;AACzBA,IAAAA,WAAW,EAAE;AADY;AAxBT,CAAD,uBAAvB;;AAgDA;AACA;AACA;AACA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAuB;AACjC,MAAQC,KAAR,GAA2CD,KAA3C,CAAQC,KAAR;AAAA,MAAeC,IAAf,GAA2CF,KAA3C,CAAeE,IAAf;AAAA,MAAqBC,QAArB,GAA2CH,KAA3C,CAAqBG,QAArB;AAAA,MAAkCC,IAAlC,4BAA2CJ,KAA3C;;AAEA,sBACI,6CAASI,IAAT;AAAe,IAAA,SAAS,EAAEf,WAAW,GAAG,oCAAd,GAAqDa;AAA/E,mBACI;AAAG,IAAA,SAAS,EAAE;AAAd,KAAyCD,KAAzC,CADJ,eAEI;AAAG,IAAA,SAAS,EAAE;AAAd,KAA2CE,QAA3C,CAFJ,CADJ;AAMH,CATD;;AAWA,SAASJ,KAAT","sourcesContent":["import * as 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\ntype 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 = (props: AlertProps) => {\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"],"file":"Alert.js"}

package/Alert/Alert.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Alert/Alert.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","Alert","story","module","add","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,OAAOC,MAAP;AAEA,SAASC,KAAT;AAEA,IAAMC,KAAK,GAAGR,SAAS,CAAC,kBAAD,EAAqBS,MAArB,CAAvB;AAEAD,KAAK,CAACE,GAAN,CACI,OADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcJ,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD;AAAqB,IAAA,KAAK,EAAE;AAA5B,kBACI,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE,uBAAd;AAAuC,IAAA,IAAI,EAAE;AAA7C,qCADJ,CADJ,eAMI,oBAAC,gBAAD,qBACI,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE,uBAAd;AAAuC,IAAA,IAAI,EAAE;AAA7C,qCADJ,CANJ,CAFJ,eAcI,oBAAC,YAAD,qBACI,oBAAC,mBAAD;AAAqB,IAAA,KAAK,EAAE;AAA5B,kBACI,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE,uBAAd;AAAuC,IAAA,IAAI,EAAE;AAA7C,+BADJ,CADJ,eAMI,oBAAC,gBAAD,qBACI,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE,uBAAd;AAAuC,IAAA,IAAI,EAAE;AAA7C,+BADJ,CANJ,CAdJ,CADJ;AA6BH,CAhCL,EAiCI;AAAEK,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACL,KAAD;AAAd;AAAR,CAjCJ","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"],"file":"Alert.stories.js"}

package/Alert/index.js.map

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

package/AutoComplete/AutoComplete.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AutoComplete/AutoComplete.tsx"],"names":["React","Downshift","Input","classNames","Elevation","Typography","keycode","autoCompleteStyle","suggestionList","getOptionValue","getOptionText","findInAliases","MaterialSpinner","css","menuStyles","top","bottom","listStyles","listStyle","paddingLeft","margin","Placement","Spinner","AutoComplete","inputValue","createRef","previousProps","props","value","options","previousValue","item","find","option","downshift","current","selectItem","isOpen","highlightedIndex","selectedItem","getMenuProps","getItemProps","placement","renderItem","filtered","filter","state","aliases","toLowerCase","includes","length","map","index","itemValue","itemClassNames","selected","className","call","onChange","valueProp","textProp","onInput","validation","isValid","otherInputProps","downshiftProps","itemToString","defaultSelectedItem","selection","setState","getInputProps","openMenu","rest","trailingIcon","loading","rawOnChange","ev","onBlur","onFocus","onKeyDown","keyCode","setTimeout","onKeyUp","target","currentTarget","disabled","readOnly","renderOptions","Component"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport Downshift from \"downshift\";\nimport { Input } from \"../Input\";\nimport classNames from \"classnames\";\nimport { Elevation } from \"../Elevation\";\nimport { Typography } from \"../Typography\";\nimport keycode from \"keycode\";\nimport { autoCompleteStyle, suggestionList } from \"./styles\";\nimport { AutoCompleteBaseProps } from \"./types\";\nimport { getOptionValue, getOptionText, findInAliases } from \"./utils\";\nimport { isEqual } from \"lodash\";\nimport MaterialSpinner from \"react-spinner-material\";\nimport { css } from \"emotion\";\n\nconst menuStyles = css({\n    top: \"unset !important\",\n    bottom: 75\n});\n\nconst listStyles = css({\n    \"&.autocomplete__options-list\": {\n        listStyle: \"none\",\n        paddingLeft: 0,\n        \"& li\": {\n            margin: 0\n        }\n    }\n});\n\nexport enum Placement {\n    top = \"top\",\n    bottom = \"bottom\"\n}\n\nexport type Props = AutoCompleteBaseProps & {\n    /* Placement position of dropdown menu, can be either `top` or `bottom`. */\n    placement?: Placement;\n\n    /* A callback that is executed each time a value is changed. */\n    onChange?: (value: any, selection: any) => void;\n\n    /* If true, will show a loading spinner on the right side of the input. */\n    loading?: boolean;\n};\n\ntype State = {\n    inputValue: string;\n};\n\nfunction Spinner() {\n    return <MaterialSpinner size={24} spinnerColor={\"#fa5723\"} spinnerWidth={2} visible />;\n}\n\nclass AutoComplete extends React.Component<Props, State> {\n    static defaultProps = {\n        valueProp: \"id\",\n        textProp: \"name\",\n        options: [],\n        placement: Placement.bottom,\n        renderItem(item: any) {\n            return <Typography use={\"body2\"}>{getOptionText(item, this.props)}</Typography>;\n        }\n    };\n\n    state = {\n        inputValue: \"\"\n    };\n\n    /**\n     * Helps us trigger some of the downshift's methods (eg. clearSelection) and helps us to avoid adding state.\n     */\n    downshift: any = React.createRef();\n\n    componentDidUpdate(previousProps: any) {\n        const { value, options } = this.props;\n        const { value: previousValue } = previousProps;\n\n        if (!isEqual(value, previousValue)) {\n            let item = null;\n\n            if (value) {\n                if (typeof value === \"object\") {\n                    item = value;\n                } else {\n                    item =\n                        options.find(option => {\n                            return value === getOptionValue(option, this.props);\n                        }) || null;\n                }\n            }\n\n            const { current: downshift } = this.downshift;\n            downshift && downshift.selectItem(item);\n        }\n    }\n\n    /**\n     * Renders options - based on user's input. It will try to match input text with available options.\n     */\n    renderOptions({\n        options,\n        isOpen,\n        highlightedIndex,\n        selectedItem,\n        getMenuProps,\n        getItemProps,\n        placement\n    }: any) {\n        if (!isOpen) {\n            return null;\n        }\n\n        const { renderItem } = this.props;\n\n        const filtered = options.filter(item => {\n            // 2) At the end, we want to show only options that are matched by typed text.\n            if (!this.state.inputValue) {\n                return true;\n            }\n\n            if (item.aliases) {\n                return findInAliases(item, this.state.inputValue);\n            }\n\n            return getOptionText(item, this.props)\n                .toLowerCase()\n                .includes(this.state.inputValue.toLowerCase());\n        });\n\n        if (!filtered.length) {\n            return (\n                <Elevation\n                    z={1}\n                    className={classNames({\n                        [menuStyles]: placement === Placement.top\n                    })}\n                >\n                    <ul\n                        className={classNames(\"autocomplete__options-list\", listStyles)}\n                        {...getMenuProps()}\n                    >\n                        <li>\n                            <Typography use={\"body2\"}>No results.</Typography>\n                        </li>\n                    </ul>\n                </Elevation>\n            );\n        }\n\n        return (\n            <Elevation z={1} className={classNames({ [menuStyles]: placement === Placement.top })}>\n                <ul\n                    className={classNames(\"autocomplete__options-list\", listStyles)}\n                    {...getMenuProps()}\n                >\n                    {filtered.map((item, index) => {\n                        const itemValue = getOptionValue(item, this.props);\n\n                        // Base classes.\n                        const itemClassNames = {\n                            [suggestionList]: true,\n                            highlighted: highlightedIndex === index,\n                            selected: false\n                        };\n\n                        // Add \"selected\" class if the item is selected.\n                        if (\n                            selectedItem &&\n                            getOptionValue(selectedItem, this.props) === itemValue\n                        ) {\n                            itemClassNames.selected = true;\n                        }\n\n                        // Render the item.\n                        return (\n                            <li\n                                key={itemValue}\n                                {...getItemProps({\n                                    index,\n                                    item,\n                                    className: classNames(itemClassNames)\n                                })}\n                            >\n                                {renderItem.call(this, item, index)}\n                            </li>\n                        );\n                    })}\n                </ul>\n            </Elevation>\n        );\n    }\n\n    render() {\n        const {\n            className,\n            options,\n            onChange,\n            value, // eslint-disable-line\n            valueProp, // eslint-disable-line\n            textProp, // eslint-disable-line\n            onInput,\n            validation = { isValid: null },\n            placement,\n            ...otherInputProps\n        } = this.props;\n\n        // Downshift related props.\n        const downshiftProps = {\n            className: autoCompleteStyle,\n            itemToString: item => getOptionText(item, this.props),\n            defaultSelectedItem: value,\n            onChange: selection => {\n                if (!selection || !onChange) {\n                    return;\n                }\n                onChange(getOptionValue(selection, this.props), selection);\n                this.setState(state => ({\n                    ...state,\n                    inputValue: \"\"\n                }));\n            }\n        };\n\n        return (\n            <div className={classNames(autoCompleteStyle, className)}>\n                <Downshift {...downshiftProps} ref={this.downshift}>\n                    {({ getInputProps, openMenu, ...rest }) => (\n                        <div>\n                            <Input\n                                {...getInputProps({\n                                    // This prop is above `otherInputProps` since it can be overridden by the user.\n                                    trailingIcon: this.props.loading && <Spinner />,\n                                    ...otherInputProps,\n                                    // @ts-ignore\n                                    validation,\n                                    rawOnChange: true,\n                                    onChange: ev => ev,\n                                    onBlur: ev => ev,\n                                    onFocus: ev => {\n                                        openMenu();\n                                        otherInputProps.onFocus && otherInputProps.onFocus(ev);\n                                    },\n                                    onKeyDown: (ev: React.KeyboardEvent<HTMLInputElement>) => {\n                                        const keyCode: string = keycode(ev as unknown as Event);\n\n                                        if (keyCode === \"backspace\") {\n                                            onChange(null);\n                                            setTimeout(() => openMenu(), 50);\n                                        }\n                                    },\n                                    onKeyUp: (ev: React.KeyboardEvent<HTMLInputElement>) => {\n                                        const keyCode: string = keycode(ev as unknown as Event);\n\n                                        const target = ev.currentTarget;\n                                        const inputValue = target.value || \"\";\n\n                                        // If user pressed 'esc', 'enter' or similar...\n                                        if (\n                                            keyCode &&\n                                            keyCode.length > 1 &&\n                                            keyCode !== \"backspace\"\n                                        ) {\n                                            return;\n                                        }\n\n                                        // If values are the same, exit, do not update current search term.\n                                        if (inputValue === this.state.inputValue) {\n                                            return;\n                                        }\n\n                                        this.setState(\n                                            state => ({\n                                                ...state,\n                                                inputValue\n                                            }),\n                                            () => {\n                                                onInput && onInput(inputValue);\n                                            }\n                                        );\n                                    }\n                                })}\n                            />\n                            {!otherInputProps.disabled &&\n                                !otherInputProps.readOnly &&\n                                this.renderOptions({ ...rest, options, placement })}\n                        </div>\n                    )}\n                </Downshift>\n            </div>\n        );\n    }\n}\n\nexport { AutoComplete };\n"],"file":"AutoComplete.js"}

package/AutoComplete/AutoComplete.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AutoComplete/AutoComplete.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","Form","AutoComplete","story","module","options","name","id","add","country","Bind","JSON","stringify","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,OAAOC,MAAP;AAEA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,YAAT;AAEA,IAAMC,KAAK,GAAGT,SAAS,CAAC,yBAAD,EAA4BU,MAA5B,CAAvB;AAEA,IAAMC,OAAO,GAAG,CACZ;AAAEC,EAAAA,IAAI,EAAE,QAAR;AAAkBC,EAAAA,EAAE,EAAE;AAAtB,CADY,EAEZ;AAAED,EAAAA,IAAI,EAAE,SAAR;AAAmBC,EAAAA,EAAE,EAAE;AAAvB,CAFY,EAGZ;AAAED,EAAAA,IAAI,EAAE,OAAR;AAAiBC,EAAAA,EAAE,EAAE;AAArB,CAHY,EAIZ;AAAED,EAAAA,IAAI,EAAE,OAAR;AAAiBC,EAAAA,EAAE,EAAE;AAArB,CAJY,EAKZ;AAAED,EAAAA,IAAI,EAAE,IAAR;AAAcC,EAAAA,EAAE,EAAE;AAAlB,CALY,EAMZ;AAAED,EAAAA,IAAI,EAAE,IAAR;AAAcC,EAAAA,EAAE,EAAE;AAAlB,CANY,EAOZ;AAAED,EAAAA,IAAI,EAAE,QAAR;AAAkBC,EAAAA,EAAE,EAAE;AAAtB,CAPY,EAQZ;AAAED,EAAAA,IAAI,EAAE,SAAR;AAAmBC,EAAAA,EAAE,EAAE;AAAvB,CARY,EASZ;AAAED,EAAAA,IAAI,EAAE,gBAAR;AAA0BC,EAAAA,EAAE,EAAE;AAA9B,CATY,CAAhB;AAYAJ,KAAK,CAACK,GAAN,CACI,cADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcR,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD;AAAqB,IAAA,KAAK,EAAE;AAA5B,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAES,MAAAA,OAAO,EAAE;AAAEF,QAAAA,EAAE,EAAE,OAAN;AAAeD,QAAAA,IAAI,EAAE;AAArB;AAAX;AAAZ,KACK;AAAA,QAAGI,IAAH,QAAGA,IAAH;AAAA,wBACG,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAC;AAAX,oBACI,oBAAC,YAAD;AACI,MAAA,OAAO,EAAEL,OADb;AAEI,MAAA,KAAK,EAAC,SAFV;AAGI,MAAA,WAAW,EAAC;AAHhB,MADJ,CADH;AAAA,GADL,CADJ,CADJ,eAcI,oBAAC,gBAAD,4OAM2BM,IAAI,CAACC,SAAL,CAAeP,OAAf,CAN3B,gSAdJ,CAFJ,eAiCI,oBAAC,YAAD,qBACI,oBAAC,mBAAD;AAAqB,IAAA,KAAK,EAAE;AAA5B,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAEI,MAAAA,OAAO,EAAE;AAAX;AAAZ,KACK;AAAA,QAAGC,IAAH,SAAGA,IAAH;AAAA,wBACG,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAC;AAAX,oBACI,oBAAC,YAAD;AACI,MAAA,eAAe,MADnB;AAEI,MAAA,OAAO,EAAE,CAAC,QAAD,EAAW,SAAX,EAAsB,OAAtB,EAA+B,OAA/B,CAFb;AAGI,MAAA,KAAK,EAAC,SAHV;AAII,MAAA,WAAW,EAAC;AAJhB,MADJ,CADH;AAAA,GADL,CADJ,CADJ,eAeI,oBAAC,gBAAD,ioBAfJ,CAjCJ,CADJ;AAoEH,CAvEL,EAwEI;AAAEG,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACZ,YAAD;AAAd;AAAR,CAxEJ","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 \"./AutoCompleteReadme.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { AutoComplete } from \"./AutoComplete\";\n\nconst story = storiesOf(\"Components/AutoComplete\", module);\n\nconst options = [\n    { name: \"France\", id: \"france\" },\n    { name: \"Germany\", id: \"germany\" },\n    { name: \"Italy\", id: \"italy\" },\n    { name: \"Spain\", id: \"spain\" },\n    { name: \"UK\", id: \"uk\" },\n    { name: \"US\", id: \"us\" },\n    { name: \"Norway\", id: \"norway\" },\n    { name: \"Finland\", id: \"finland\" },\n    { name: \"Czech Republic\", id: \"czech-republic\" }\n];\n\nstory.add(\n    \"AutoComplete\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Single value\"}>\n                        <Form data={{ country: { id: \"italy\", name: \"Italy\" } }}>\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <AutoComplete\n                                        options={options}\n                                        label=\"Country\"\n                                        description=\"Choose your country\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                             <Bind name=\"country\">\n                                <AutoComplete\n                                    options={${JSON.stringify(options)}}\n                                    label=\"Country\"\n                                    description=\"Choose your country.\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Single value - use simple strings\"}>\n                        <Form data={{ country: \"Germany\" }}>\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <AutoComplete\n                                        useSimpleValues\n                                        options={[\"France\", \"Germany\", \"Italy\", \"Spain\"]}\n                                        label=\"Country\"\n                                        description=\"Choose your country\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form data={{ country: \"Germany\" }}>\n                        {({ Bind }) => (\n                            <Bind name=\"country\">\n                                <AutoComplete\n                                    useSimpleValues\n                                    options={[\"France\", \"Germany\", \"Italy\", \"Spain\"]}\n                                    label=\"Country\"\n                                    description=\"Choose your country\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [AutoComplete] } }\n);\n"],"file":"AutoComplete.stories.js"}

package/AutoComplete/MultiAutoComplete.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AutoComplete/MultiAutoComplete.tsx"],"names":["React","Downshift","MaterialSpinner","Input","Chips","Chip","getOptionValue","getOptionText","findInAliases","List","ListItem","ListItemMeta","IconButton","classNames","Elevation","Typography","autoCompleteStyle","suggestionList","FormElementMessage","css","ListItemGraphic","style","pagination","bar","display","justifyContent","alignItems","borderBottom","padding","pages","searchInput","height","list","secondaryText","color","listStyles","listStyle","paddingLeft","margin","Spinner","DEFAULT_PER_PAGE","paginateMultipleSelection","multipleSelection","limit","page","search","data","Array","isArray","map","item","index","filter","name","toLowerCase","includes","lastPage","Math","ceil","length","totalCount","slice","from","to","meta","hasData","hasPrevious","hasNext","MultiAutoComplete","inputValue","multipleSelectionPage","multipleSelectionSearch","reorderFormVisible","reorderFormValue","createRef","set","selection","setState","props","unique","value","allowFreeInput","useSimpleValues","options","filtered","values","find","state","aliases","existingValue","unshift","textProp","isOpen","highlightedIndex","getMenuProps","getItemProps","renderItem","itemValue","itemClassNames","className","call","onChange","disabled","useMultipleSelectionList","description","renderListItemLabel","setMultipleSelectionSearch","setMultipleSelectionPage","key","e","newValue","splice","target","marginRight","minWidth","hasItems","rawOptions","valueProp","onInput","validation","isValid","otherInputProps","getOptions","downshift","assignedValueAfterClearing","current","clearSelection","getInputProps","openMenu","rest","rawOnChange","trailingIcon","loading","onBlur","onKeyUp","onFocus","renderOptions","renderMultipleSelection","Component"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport Downshift from \"downshift\";\nimport MaterialSpinner from \"react-spinner-material\";\nimport { Input } from \"../Input\";\nimport { Chips, Chip } from \"../Chips\";\nimport { getOptionValue, getOptionText, findInAliases } from \"./utils\";\nimport { List, ListItem, ListItemMeta } from \"@webiny/ui/List\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport classNames from \"classnames\";\nimport { Elevation } from \"../Elevation\";\nimport { Typography } from \"../Typography\";\nimport { autoCompleteStyle, suggestionList } from \"./styles\";\nimport { AutoCompleteBaseProps } from \"./types\";\nimport { FormElementMessage } from \"../FormElementMessage\";\n\nimport { ReactComponent as BaselineCloseIcon } from \"./icons/baseline-close-24px.svg\";\nimport { ReactComponent as PrevIcon } from \"./icons/navigate_before-24px.svg\";\nimport { ReactComponent as NextIcon } from \"./icons/navigate_next-24px.svg\";\nimport { ReactComponent as PrevAllIcon } from \"./icons/skip_previous-24px.svg\";\nimport { ReactComponent as NextAllIcon } from \"./icons/skip_next-24px.svg\";\nimport { ReactComponent as DeleteIcon } from \"./icons/baseline-close-24px.svg\";\nimport { ReactComponent as ReorderIcon } from \"./icons/reorder_black_24dp.svg\";\n\nimport { css } from \"emotion\";\nimport { ListItemGraphic } from \"../List\";\nconst style = {\n    pagination: {\n        bar: css({\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n            borderBottom: \"2px solid #fa5723\",\n            padding: \"6px 0\"\n        }),\n        pages: css({\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\"\n        }),\n        searchInput: css({\n            height: \"42px !important\"\n        }),\n        list: css({\n            padding: \"0 0 5px 0 !important\",\n            \".mdc-list-item\": {\n                borderBottom: \"1px solid var(--mdc-theme-on-background)\"\n            }\n        }),\n        secondaryText: css({\n            color: \"var(--mdc-theme-text-secondary-on-background)\"\n        })\n    }\n};\nconst listStyles = css({\n    \"&.multi-autocomplete__options-list\": {\n        listStyle: \"none\",\n        paddingLeft: 0,\n        \"& li\": {\n            margin: 0\n        }\n    }\n});\n\nexport type MultiAutoCompleteProps = AutoCompleteBaseProps & {\n    /**\n     * Prevents adding the same item to the list twice.\n     */\n    unique: boolean;\n\n    /**\n     * Set if custom values (not from list of suggestions) are allowed.\n     */\n    allowFreeInput?: boolean;\n\n    /**\n     *  If true, will show a loading spinner on the right side of the input.\n     */\n    loading?: boolean;\n\n    /**\n     * Use data list instead of default Chips component. Useful when expecting a lot of data.\n     */\n    useMultipleSelectionList?: boolean;\n\n    /**\n     * Render list item when `useMultipleSelectionList` is used.\n     */\n    renderListItemLabel?: Function;\n};\n\ntype State = {\n    inputValue: string;\n    multipleSelectionPage: number;\n    multipleSelectionSearch: string;\n    reorderFormVisible: string;\n    reorderFormValue: string;\n};\n\nfunction Spinner() {\n    return <MaterialSpinner size={24} spinnerColor={\"#fa5723\"} spinnerWidth={2} visible />;\n}\n\nconst DEFAULT_PER_PAGE = 10;\nfunction paginateMultipleSelection(multipleSelection, limit, page, search) {\n    // Assign a real index, so that later when we press delete, we know what is the actual index we're deleting.\n    let data = Array.isArray(multipleSelection)\n        ? multipleSelection.map((item, index) => ({ ...item, index }))\n        : [];\n\n    if (typeof search === \"string\" && search) {\n        data = data.filter(item => {\n            return (\n                typeof item.name === \"string\" &&\n                item.name.toLowerCase().includes(search.toLowerCase())\n            );\n        });\n    }\n\n    const lastPage = Math.ceil(data.length / limit);\n    const totalCount = data.length;\n\n    page = page || lastPage;\n    data = data.slice((page - 1) * limit, page * limit);\n\n    let from = 0;\n    let to = 0;\n    if (data.length) {\n        from = (page - 1) * limit + 1;\n        to = from + (data.length - 1);\n    }\n\n    const meta = {\n        hasData: data.length > 0,\n        totalCount,\n        from,\n        to,\n        page: page,\n        lastPage,\n        limit,\n        hasPrevious: page > 1,\n        hasNext: page < lastPage\n    };\n\n    return { data, meta };\n}\n\nexport class MultiAutoComplete extends React.Component<MultiAutoCompleteProps, State> {\n    static defaultProps = {\n        valueProp: \"id\",\n        textProp: \"name\",\n        unique: true,\n        options: [],\n        useSimpleValues: false,\n        useMultipleSelectionList: false,\n        renderItem(item: any) {\n            return <Typography use={\"body2\"}>{getOptionText(item, this.props)}</Typography>;\n        },\n        renderListItemLabel(item: any) {\n            return getOptionText(item, this.props);\n        }\n    };\n\n    state = {\n        inputValue: \"\",\n        multipleSelectionPage: 0,\n        multipleSelectionSearch: \"\",\n        reorderFormVisible: \"\",\n        reorderFormValue: \"\"\n    };\n\n    /**\n     * Helps us trigger some of the downshift's methods (eg. clearSelection) and helps us to avoid adding state.\n     */\n    downshift: any = React.createRef();\n\n    assignedValueAfterClearing = {\n        set: false,\n        selection: null\n    };\n\n    setMultipleSelectionPage = multipleSelectionPage => {\n        this.setState({ multipleSelectionPage });\n    };\n\n    setMultipleSelectionSearch = multipleSelectionSearch => {\n        this.setState({ multipleSelectionSearch });\n    };\n\n    getOptions() {\n        const { unique, value, allowFreeInput, useSimpleValues, options } = this.props;\n\n        const filtered = options.filter(item => {\n            // We need to filter received options.\n            // 1) If \"unique\" prop was passed, we don't want to show already picked options again.\n            if (unique) {\n                const values = value;\n                if (Array.isArray(values)) {\n                    if (\n                        values.find(\n                            value =>\n                                getOptionValue(value, this.props) ===\n                                getOptionValue(item, this.props)\n                        )\n                    ) {\n                        return false;\n                    }\n                }\n            }\n\n            // 2) At the end, we want to show only options that are matched by typed text.\n            if (!this.state.inputValue) {\n                return true;\n            }\n\n            if (item.aliases) {\n                return findInAliases(item, this.state.inputValue);\n            }\n\n            return getOptionText(item, this.props)\n                .toLowerCase()\n                .includes(this.state.inputValue.toLowerCase());\n        });\n\n        // If free input is allowed, prepend typed value to the list.\n        if (allowFreeInput && this.state.inputValue) {\n            if (useSimpleValues) {\n                const existingValue = filtered.includes(this.state.inputValue);\n                if (!existingValue) {\n                    filtered.unshift(this.state.inputValue);\n                }\n            } else {\n                const existingValue = filtered.find(\n                    item => this.state.inputValue === getOptionText(item, this.props)\n                );\n                if (!existingValue) {\n                    filtered.unshift({ [this.props.textProp]: this.state.inputValue });\n                }\n            }\n        }\n\n        return filtered;\n    }\n\n    /**\n     * Renders options - based on user's input. It will try to match input text with available options.\n     * @param options\n     * @param isOpen\n     * @param highlightedIndex\n     * @param selectedItem\n     * @param getMenuProps\n     * @param getItemProps\n     * @returns {*}\n     */\n    renderOptions({ options, isOpen, highlightedIndex, getMenuProps, getItemProps }: any) {\n        if (!isOpen) {\n            return null;\n        }\n\n        if (!options.length) {\n            return (\n                <Elevation z={1}>\n                    <ul\n                        className={classNames(\"multi-autocomplete__options-list\", listStyles)}\n                        {...getMenuProps()}\n                    >\n                        <li>\n                            <Typography use={\"body2\"}>No results.</Typography>\n                        </li>\n                    </ul>\n                </Elevation>\n            );\n        }\n\n        const { renderItem } = this.props;\n        return (\n            <Elevation z={1}>\n                <ul\n                    className={classNames(\"multi-autocomplete__options-list\", listStyles)}\n                    {...getMenuProps()}\n                >\n                    {options.map((item, index) => {\n                        const itemValue = getOptionValue(item, this.props);\n\n                        // Base classes.\n                        const itemClassNames = {\n                            [suggestionList]: true,\n                            highlighted: highlightedIndex === index,\n                            selected: false\n                        };\n\n                        // Render the item.\n                        return (\n                            <li\n                                key={itemValue + index}\n                                {...getItemProps({\n                                    index,\n                                    item,\n                                    className: classNames(itemClassNames)\n                                })}\n                            >\n                                {renderItem.call(this, item, index)}\n                            </li>\n                        );\n                    })}\n                </ul>\n            </Elevation>\n        );\n    }\n\n    /**\n     * Once added, items can also be removed by clicking on the ✕ icon. This is the method that is responsible for\n     * rendering selected items (we are using already existing \"Chips\" component).\n     * @returns {*}\n     */\n    renderMultipleSelection() {\n        const {\n            value,\n            onChange,\n            disabled,\n            useMultipleSelectionList,\n            description,\n            renderListItemLabel\n        } = this.props;\n\n        if (useMultipleSelectionList) {\n            const { data, meta } = paginateMultipleSelection(\n                value,\n                DEFAULT_PER_PAGE,\n                this.state.multipleSelectionPage,\n                this.state.multipleSelectionSearch\n            );\n\n            return (\n                <>\n                    <div className={style.pagination.bar}>\n                        <div>\n                            <Input\n                                className={style.pagination.searchInput}\n                                placeholder={\"Search selected...\"}\n                                value={this.state.multipleSelectionSearch}\n                                onChange={value => {\n                                    this.setMultipleSelectionSearch(value);\n                                    this.setMultipleSelectionPage(value ? 1 : 0);\n                                }}\n                            />\n                        </div>\n\n                        <div className={style.pagination.pages}>\n                            <div className={meta.hasData ? \"\" : style.pagination.secondaryText}>\n                                {meta.from} - {meta.to} of {meta.totalCount}\n                            </div>\n                            <div>\n                                <IconButton\n                                    icon={<PrevAllIcon />}\n                                    disabled={!meta.hasData || meta.page === 1}\n                                    onClick={() => this.setMultipleSelectionPage(1)}\n                                />\n                                <IconButton\n                                    icon={<PrevIcon />}\n                                    disabled={!meta.hasData || !meta.hasPrevious}\n                                    onClick={() => this.setMultipleSelectionPage(meta.page - 1)}\n                                />\n                                <IconButton\n                                    icon={<NextIcon />}\n                                    disabled={!meta.hasData || !meta.hasNext}\n                                    onClick={() => this.setMultipleSelectionPage(meta.page + 1)}\n                                />\n                                <IconButton\n                                    icon={<NextAllIcon />}\n                                    disabled={!meta.hasData || meta.page === meta.lastPage}\n                                    onClick={() => this.setMultipleSelectionPage(meta.lastPage)}\n                                />\n                            </div>\n                        </div>\n                    </div>\n\n                    <List className={style.pagination.list}>\n                        {meta.hasData ? (\n                            data.map((item, index) => {\n                                const key = `${getOptionValue(item, this.props)}-${index}`;\n                                if (this.state.reorderFormVisible === key) {\n                                    return (\n                                        <ListItem key={key}>\n                                            <ListItemGraphic>\n                                                <IconButton disabled icon={<ReorderIcon />} />\n                                            </ListItemGraphic>\n                                            <Input\n                                                value={this.state.reorderFormValue}\n                                                onKeyDown={(e: any) => {\n                                                    const key = e.key;\n                                                    if (key !== \"Escape\" && key !== \"Enter\") {\n                                                        return;\n                                                    }\n\n                                                    if (key === \"Enter\") {\n                                                        // Reorder the item.\n                                                        const newValue = [...value];\n                                                        newValue.splice(\n                                                            e.target.value - 1,\n                                                            0,\n                                                            newValue.splice(item.index, 1)[0]\n                                                        );\n\n                                                        onChange(newValue);\n                                                    }\n\n                                                    this.setState({\n                                                        reorderFormVisible: \"\",\n                                                        reorderFormValue: \"\"\n                                                    });\n                                                }}\n                                                onChange={value =>\n                                                    this.setState({ reorderFormValue: value })\n                                                }\n                                                type={\"number\"}\n                                                autoFocus\n                                                className={style.pagination.searchInput}\n                                                placeholder={\n                                                    \"Type a new order number and press Enter, or press Esc to cancel.\"\n                                                }\n                                            />\n                                            <ListItemMeta>\n                                                <IconButton icon={<DeleteIcon />} disabled />\n                                            </ListItemMeta>\n                                        </ListItem>\n                                    );\n                                }\n\n                                return (\n                                    <ListItem key={key}>\n                                        <ListItemGraphic>\n                                            <IconButton\n                                                icon={<ReorderIcon />}\n                                                onClick={() => {\n                                                    this.setState({ reorderFormVisible: key });\n                                                }}\n                                            />\n                                        </ListItemGraphic>\n                                        <div\n                                            style={{\n                                                color: \"var(--mdc-theme-text-secondary-on-background)\",\n                                                marginRight: 8,\n                                                minWidth: 32\n                                            }}\n                                        >\n                                            {item.index + 1}.\n                                        </div>{\" \"}\n                                        {renderListItemLabel.call(this, item)}\n                                        <ListItemMeta>\n                                            <IconButton\n                                                icon={<DeleteIcon />}\n                                                onClick={() => {\n                                                    if (onChange) {\n                                                        onChange([\n                                                            ...value.slice(0, item.index),\n                                                            ...value.slice(item.index + 1)\n                                                        ]);\n                                                    }\n                                                }}\n                                            />\n                                        </ListItemMeta>\n                                    </ListItem>\n                                );\n                            })\n                        ) : (\n                            <ListItem>\n                                <span className={style.pagination.secondaryText}>\n                                    Nothing to show.\n                                </span>\n                            </ListItem>\n                        )}\n                    </List>\n                    <div>\n                        <FormElementMessage>{description}</FormElementMessage>\n                    </div>\n                </>\n            );\n        }\n\n        const hasItems = Array.isArray(value) && value.length;\n        if (!hasItems) {\n            return null;\n        }\n\n        return (\n            <Chips disabled={disabled}>\n                {value.map((item, index) => (\n                    <Chip\n                        label={getOptionText(item, this.props)}\n                        key={`${getOptionValue(item, this.props)}-${index}`}\n                        trailingIcon={<BaselineCloseIcon />}\n                        onRemove={() => {\n                            if (onChange) {\n                                onChange([...value.slice(0, index), ...value.slice(index + 1)]);\n                            }\n                        }}\n                    />\n                ))}\n            </Chips>\n        );\n    }\n\n    render() {\n        const {\n            props,\n            props: {\n                options: rawOptions, // eslint-disable-line\n                allowFreeInput, // eslint-disable-line\n                useSimpleValues, // eslint-disable-line\n                unique,\n                value,\n                onChange,\n                valueProp, // eslint-disable-line\n                textProp, // eslint-disable-line\n                onInput,\n                validation = { isValid: null },\n                useMultipleSelectionList,\n                description,\n                ...otherInputProps\n            }\n        } = this;\n\n        const options = this.getOptions();\n\n        return (\n            <div className={classNames(autoCompleteStyle, props.className)}>\n                <Downshift\n                    defaultSelectedItem={null}\n                    // @ts-ignore\n                    className={autoCompleteStyle}\n                    itemToString={item => item && getOptionText(item, props)}\n                    ref={this.downshift}\n                    onChange={selection => {\n                        if (!this.assignedValueAfterClearing.set) {\n                            this.assignedValueAfterClearing = {\n                                set: true,\n                                selection\n                            };\n                            this.downshift.current.clearSelection();\n                            this.setMultipleSelectionPage(0);\n                            return;\n                        }\n\n                        if (this.assignedValueAfterClearing.set) {\n                            this.setState({ inputValue: \"\" });\n                            this.assignedValueAfterClearing.set = false;\n                            if (Array.isArray(value)) {\n                                onChange &&\n                                    onChange([...value, this.assignedValueAfterClearing.selection]);\n                            } else {\n                                onChange && onChange([this.assignedValueAfterClearing.selection]);\n                            }\n                        }\n                    }}\n                >\n                    {/* \"getInputProps\" and \"openMenu\" are not needed in renderOptions method. */}\n                    {({ getInputProps, openMenu, ...rest }) => (\n                        <div>\n                            <Input\n                                {...getInputProps({\n                                    ...otherInputProps,\n                                    // @ts-ignore\n                                    validation,\n\n                                    // Only pass description if not using \"useMultipleSelectionList\".\n                                    description: useMultipleSelectionList ? null : description,\n                                    rawOnChange: true,\n                                    trailingIcon: this.props.loading && <Spinner />,\n                                    onChange: e => e,\n                                    onBlur: e => e,\n                                    onKeyUp: (e: any) => {\n                                        const inputValue = e.target.value || \"\";\n\n                                        // Set current input value into state and trigger onInput if different.\n                                        if (inputValue !== this.state.inputValue) {\n                                            this.setState({ inputValue }, () => {\n                                                onInput && onInput(inputValue);\n                                            });\n                                        }\n                                    },\n                                    onFocus: e => {\n                                        openMenu();\n                                        otherInputProps.onFocus && otherInputProps.onFocus(e);\n                                    }\n                                })}\n                            />\n                            {this.renderOptions({ ...rest, unique, options })}\n                            {this.renderMultipleSelection()}\n                        </div>\n                    )}\n                </Downshift>\n            </div>\n        );\n    }\n}\n"],"file":"MultiAutoComplete.js"}

package/AutoComplete/MultiAutoComplete.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AutoComplete/MultiAutoComplete.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","withKnobs","boolean","readme","Form","MultiAutoComplete","story","module","addDecorator","options","name","id","add","disabled","country","Bind","JSON","stringify","map","item","info","propTables"],"mappings":"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","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 { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./MultiAutoCompleteReadme.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { MultiAutoComplete } from \"./MultiAutoComplete\";\n\nconst story = storiesOf(\"Components/AutoComplete\", module);\nstory.addDecorator(withKnobs);\n\nconst options = [\n    { name: \"France\", id: \"france\" },\n    { name: \"Germany\", id: \"germany\" },\n    { name: \"Italy\", id: \"italy\" },\n    { name: \"Spain\", id: \"spain\" },\n    { name: \"UK\", id: \"uk\" },\n    { name: \"US\", id: \"us\" },\n    { name: \"Norway\", id: \"norway\" },\n    { name: \"Finland\", id: \"finland\" },\n    { name: \"Czech Republic\", id: \"czech-republic\" }\n];\n\nstory.add(\n    \"MultiAutoComplete\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Values as objects\"}>\n                        <Form\n                            data={{\n                                country: [\n                                    { id: \"uk\", name: \"UK\" },\n                                    { id: \"italy\", name: \"Italy\" }\n                                ]\n                            }}\n                        >\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        options={options}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Form>\n                            {({ Bind }) => (\n                                 <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        options={${JSON.stringify(options)}}\n                                        label=\"Country\"\n                                        disabled={${disabled}}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Values as strings\"}>\n                        <Form data={{ country: [\"Italy\", \"France\"] }}>\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        useSimpleValues\n                                        options={options.map(item => item.name)}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Form>\n                            {({ Bind }) => (\n                                 <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        useSimpleValues\n                                        options={${JSON.stringify(options)}}\n                                        label=\"Country\"\n                                        disabled={${disabled}}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Allow free input\"}>\n                        <Form\n                            data={{\n                                country: [\n                                    { id: \"anotherCountry\", name: \"Another Country\" },\n                                    { id: \"nowhere\", name: \"Nowhere\" },\n                                    { id: \"france\", name: \"France\" }\n                                ]\n                            }}\n                        >\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        allowFreeInput\n                                        options={options}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose your country\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form data={{ country: { id: \"anotherCountry\", name: \"Another Country\" } }}>\n                        {({ Bind }) => (\n                            <Bind name=\"country\">\n                                <MultiAutoComplete\n                                    useSimpleValues\n                                    options={${JSON.stringify(options)}}\n                                    label=\"Country\"\n                                    disabled={disabled}\n                                    description=\"Choose your country\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Allow free input (values as strings)\"}>\n                        <Form\n                            data={{\n                                country: [\"Another Country\", \"Nowhere\", \"France\"]\n                            }}\n                        >\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        useSimpleValues\n                                        allowFreeInput\n                                        options={options.map(item => item.name)}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose your country\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                  <Form\n                        data={{\n                            country: [\"Another Country\", \"Nowhere\", \"France\"]\n                        }}\n                    >\n                        {({ Bind }) => (\n                            <Bind name=\"country\">\n                                <MultiAutoComplete\n                                    useSimpleValues\n                                    allowFreeInput\n                                    options={options.map(item => item.name)}\n                                    label=\"Country\"\n                                    disabled={disabled}\n                                    description=\"Choose your country\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [MultiAutoComplete] } }\n);\n"],"file":"MultiAutoComplete.stories.js"}

package/AutoComplete/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AutoComplete/index.ts"],"names":[],"mappings":"AAAA;AACA","sourcesContent":["export * from \"./AutoComplete\";\nexport * from \"./MultiAutoComplete\";\n"],"file":"index.js"}

package/AutoComplete/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AutoComplete/styles.ts"],"names":["css","autoCompleteStyle","position","width","left","top","zIndex","maxHeight","overflowY","backgroundColor","ul","listStyle","padding","li","span","color","suggestionList","fontWeight","transition"],"mappings":"AAAA,SAASA,GAAT,QAAoB,SAApB;AAEA,OAAO,IAAMC,iBAAiB,gBAAGD,GAAG,CAAC;AACjCE,EAAAA,QAAQ,EAAE,UADuB;AAEjC,wBAAsB;AAClBA,IAAAA,QAAQ,EAAE,UADQ;AAElBC,IAAAA,KAAK,EAAE,kBAFW;AAGlBC,IAAAA,IAAI,EAAE,CAHY;AAIlBC,IAAAA,GAAG,EAAE,EAJa;AAKlBC,IAAAA,MAAM,EAAE,EALU;AAMlBC,IAAAA,SAAS,EAAE,GANO;AAOlBC,IAAAA,SAAS,EAAE,QAPO;AAQlBC,IAAAA,eAAe,EAAE;AARC,GAFW;AAYjCC,EAAAA,EAAE,EAAE;AACAC,IAAAA,SAAS,EAAE,MADX;AAEAR,IAAAA,KAAK,EAAE,MAFP;AAGAS,IAAAA,OAAO,EAAE,CAHT;AAIAC,IAAAA,EAAE,EAAE;AACAD,MAAAA,OAAO,EAAE,EADT;AAEAE,MAAAA,IAAI,EAAE;AACFC,QAAAA,KAAK,EAAE;AADL;AAFN;AAJJ;AAZ6B,CAAD,6BAA7B;AAyBP,OAAO,IAAMC,cAAc,gBAAGhB,GAAG,CAAC;AAC9BiB,EAAAA,UAAU,EAAE,QADkB;AAE9BR,EAAAA,eAAe,EAAE,0BAFa;AAG9BS,EAAAA,UAAU,EAAE,uBAHkB;AAI9BH,EAAAA,KAAK,EAAE,6CAJuB;AAK9B,gBAAc;AACVE,IAAAA,UAAU,EAAE;AADF,GALgB;AAQ9B,mBAAiB;AACbR,IAAAA,eAAe,EAAE;AADJ;AARa,CAAD,0BAA1B","sourcesContent":["import { css } from \"emotion\";\n\nexport const autoCompleteStyle = css({\n    position: \"relative\",\n    \".mdc-elevation--z1\": {\n        position: \"absolute\",\n        width: \"calc(100% - 2px)\",\n        left: 1,\n        top: 56,\n        zIndex: 10,\n        maxHeight: 200,\n        overflowY: \"scroll\",\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    },\n    ul: {\n        listStyle: \"none\",\n        width: \"100%\",\n        padding: 0,\n        li: {\n            padding: 10,\n            span: {\n                color: \"var(--mdc-theme-on-surface)\"\n            }\n        }\n    }\n});\n\nexport const suggestionList = css({\n    fontWeight: \"normal\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    transition: \"background-color 0.2s\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    \"&.selected\": {\n        fontWeight: \"bold\"\n    },\n    \"&.highlighted\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    }\n});\n"],"file":"styles.js"}

package/AutoComplete/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}

package/AutoComplete/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AutoComplete/utils.ts"],"names":["getOptionValue","option","props","useSimpleValues","valueProp","getOptionText","textProp","findInAliases","search","aliases","some","alias","toLowerCase","includes"],"mappings":"AAMA,OAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,MAAD,EAAcC,KAAd,EAA+B;AACzD,MAAID,MAAJ,EAAY;AACR,WAAOC,KAAK,CAACC,eAAN,GAAwBF,MAAxB,GAAiCA,MAAM,CAACC,KAAK,CAACE,SAAP,CAA9C;AACH;;AAED,SAAOH,MAAP;AACH,CANM;AAQP,OAAO,IAAMI,aAAa,GAAG,SAAhBA,aAAgB,CAACJ,MAAD,EAAcC,KAAd,EAA+B;AACxD,MAAID,MAAJ,EAAY;AACR,WAAOC,KAAK,CAACC,eAAN,GAAwBF,MAAxB,GAAiCA,MAAM,CAACC,KAAK,CAACI,QAAP,CAA9C;AACH;;AAED,SAAOL,MAAP;AACH,CANM;AAQP,OAAO,IAAMM,aAAa,GAAG,SAAhBA,aAAgB,CAACN,MAAD,EAAcO,MAAd,EAAkC;AAC3D,SAAOP,MAAM,CAACQ,OAAP,CAAeC,IAAf,CAAoB,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,WAAN,GAAoBC,QAApB,CAA6BL,MAAM,CAACI,WAAP,EAA7B,CAAJ;AAAA,GAAzB,CAAP;AACH,CAFM","sourcesContent":["type Props = {\n    useSimpleValues?: boolean;\n    valueProp?: string;\n    textProp?: string;\n};\n\nexport const getOptionValue = (option: any, props: Props) => {\n    if (option) {\n        return props.useSimpleValues ? option : option[props.valueProp];\n    }\n\n    return option;\n};\n\nexport const getOptionText = (option: any, props: Props) => {\n    if (option) {\n        return props.useSimpleValues ? option : option[props.textProp];\n    }\n\n    return option;\n};\n\nexport const findInAliases = (option: any, search?: string) => {\n    return option.aliases.some(alias => alias.toLowerCase().includes(search.toLowerCase()));\n};\n"],"file":"utils.js"}

package/Avatar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Avatar/Avatar.tsx"],"names":["React","css","classNames","avatar","borderRadius","display","width","height","position","top","right","overflow","background","color","div","textAlign","alignContent","justifyContent","flexDirection","fontSize","span","paddingBottom","img","objectFit","Avatar","props","className","src","alt","fallbackText","renderImage","rest","renderedImage","imageProps","style","split","map","word","charAt","join","toUpperCase","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nconst avatar = css({\n    borderRadius: \"50%\",\n    display: \"block\",\n    //alignItems: \"center\",\n    //justifyContent: \"center\",\n    width: 38,\n    height: 38,\n    position: \"relative\",\n    top: -7,\n    right: 7,\n    overflow: \"hidden\",\n    background: \"var(--mdc-theme-background)\",\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    div: {\n        textAlign: \"center\",\n        display: \"flex\",\n        alignContent: \"center\",\n        justifyContent: \"center\",\n        flexDirection: \"column\",\n        width: 38,\n        height: 38,\n        fontSize: \"1rem\",\n        span: {\n            paddingBottom: 2\n        }\n    },\n    img: {\n        width: \"100% !important\",\n        height: \"100% !important\",\n        objectFit: \"cover\"\n    }\n});\n\nexport type AvatarProps = {\n    /**\n     * CSS class name.\n     */\n    className?: string;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n\n    /**\n     * Avatar image source.\n     */\n    src: string;\n\n    /**\n     * \"alt\" text.\n     */\n    alt?: string;\n\n    /**\n     * Width.\n     */\n    width?: number;\n\n    /**\n     * Height.\n     */\n    height?: number;\n\n    /**\n     * Pass a custom image component to be rendered instead of a simple <img> element.\n     * @param props\n     */\n    renderImage?: (props: { src: string; alt?: string }) => React.ReactElement;\n\n    /**\n     * Text that will be shown when there is no image (usually user's initials).\n     */\n    fallbackText: string;\n};\n\n/**\n * Use Avatar component to display user's avatar.\n */\nexport const Avatar = (props: AvatarProps) => {\n    const { className, width, height, src, alt, fallbackText, renderImage, ...rest } = props;\n\n    let renderedImage;\n    const imageProps = { src, alt };\n    if (typeof renderImage === \"function\") {\n        renderedImage = renderImage(imageProps);\n    } else {\n        renderedImage = <img {...imageProps} alt={alt} />;\n    }\n\n    return (\n        <div\n            {...rest}\n            className={classNames(avatar, className)}\n            style={{ ...props.style, width, height }}\n        >\n            {props.src ? (\n                renderedImage\n            ) : (\n                <div>\n                    <span>\n                        {fallbackText\n                            .split(\" \")\n                            .map(word => word.charAt(0))\n                            .join(\"\")\n                            .toUpperCase()}\n                    </span>\n                </div>\n            )}\n        </div>\n    );\n};\n\nAvatar.defaultProps = {\n    width: 38,\n    height: 38\n};\n"],"file":"Avatar.js"}

package/Avatar/Avatar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Avatar/Avatar.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandbox","readme","Avatar","story","module","add","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SAASC,KAAT,EAAgBC,WAAhB,EAA6BC,YAA7B,QAAiD,+BAAjD;AACA,OAAOC,MAAP;AACA,SAASC,MAAT;AAEA,IAAMC,KAAK,GAAGN,SAAS,CAAC,mBAAD,EAAsBO,MAAtB,CAAvB;AAEAD,KAAK,CAACE,GAAN,CACI,OADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcJ,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,8CACI,oBAAC,MAAD;AACI,IAAA,KAAK,EAAE,EADX;AAEI,IAAA,MAAM,EAAE,EAFZ;AAGI,IAAA,GAAG,EAAC,WAHR;AAII,IAAA,YAAY,EAAC,GAJjB;AAKI,IAAA,GAAG,EAAC;AALR,IADJ,eASI,+BATJ,eAUI,+BAVJ,eAYI,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,EAAf;AAAmB,IAAA,MAAM,EAAE,EAA3B;AAA+B,IAAA,GAAG,EAAC,WAAnC;AAA+C,IAAA,YAAY,EAAC,GAA5D;AAAgE,IAAA,GAAG,EAAE;AAArE,IAZJ,CADJ,CAFJ,CADJ;AAqBH,CAxBL,EAyBI;AAAEK,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACL,MAAD;AAAd;AAAR,CAzBJ","sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Avatar/README.md\";\nimport { Avatar } from \"./Avatar\";\n\nconst story = storiesOf(\"Components/Avatar\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple avatar\"}>\n                    <div>\n                        <Avatar\n                            width={48}\n                            height={48}\n                            alt=\"Test alt.\"\n                            fallbackText=\"T\"\n                            src=\"http://i.pravatar.cc/150?img=49\"\n                        />\n\n                        <br />\n                        <br />\n\n                        <Avatar width={64} height={64} alt=\"Test alt.\" fallbackText=\"T\" src={\"\"} />\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Avatar] } }\n);\n"],"file":"Avatar.stories.js"}

package/Avatar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./Avatar\";\n"],"file":"index.js"}

package/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Button/Button.tsx"],"names":["React","R","Fab","Icon","classNames","ButtonDefault","props","disabled","onClick","children","small","ripple","className","style","ButtonPrimary","flat","ButtonSecondary","ButtonFloating","icon","label","rest","ButtonIcon"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport * as R from \"@rmwc/button\";\nimport { Fab, FabProps } from \"@rmwc/fab\";\nimport { Icon, IconProps } from \"../Icon/Icon\";\nimport classNames from \"classnames\";\nimport { SyntheticEvent } from \"react\";\n\nexport type ButtonProps = {\n    // Make button flat (only applicable to Primary button).\n    flat?: boolean;\n\n    // Make button smaller.\n    small?: boolean;\n\n    // onClick handler.\n    onClick?: (event: React.MouseEvent<any, MouseEvent>) => void | null;\n\n    // Label and optionally an icon (using Button.Icon component).\n    children?: React.ReactNode;\n\n    // Show ripple effect on button click. Default: true\n    ripple?: boolean;\n\n    className?: string;\n\n    disabled?: boolean;\n\n    style?: { [key: string]: any };\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n};\n\n/**\n * Shows a default button, used typically when action is not of high priority.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ButtonDefault = (props: ButtonProps) => {\n    const { disabled, onClick, children, small, ripple = true, className = \"\", style } = props;\n\n    return (\n        <R.Button\n            style={style}\n            disabled={disabled}\n            dense={small}\n            onClick={onClick}\n            ripple={ripple}\n            className={classNames(\"webiny-ui-button\", className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </R.Button>\n    );\n};\n\n/**\n * Shows primary button, eg. for submitting forms.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ButtonPrimary = (props: ButtonProps) => {\n    const {\n        disabled,\n        onClick,\n        children,\n        small = false,\n        flat = false,\n        ripple = true,\n        style = null,\n        className = null\n    } = props;\n    return (\n        <R.Button\n            raised={!flat}\n            dense={small}\n            disabled={disabled}\n            unelevated={flat}\n            ripple={ripple}\n            onClick={onClick}\n            style={style}\n            className={classNames(\"webiny-ui-button webiny-ui-button--primary\", className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </R.Button>\n    );\n};\n\n/**\n * Shows a secondary button - eg. for doing a reset on a form.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ButtonSecondary = (props: ButtonProps) => {\n    const {\n        disabled,\n        onClick,\n        children,\n        small = false,\n        ripple = true,\n        className = null,\n        style = null\n    } = props;\n\n    return (\n        <R.Button\n            disabled={disabled}\n            outlined\n            dense={small}\n            ripple={ripple}\n            onClick={onClick}\n            style={style}\n            className={classNames(\"webiny-ui-button webiny-ui-button--secondary\", className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </R.Button>\n    );\n};\n\nexport type ButtonFloatingProps = ButtonProps &\n    FabProps & {\n        label?: React.ReactNode;\n        icon?: React.ReactNode;\n        onMouseDown?: (e: SyntheticEvent) => void;\n        onMouseUp?: (e: SyntheticEvent) => void;\n    };\n\n/**\n * A floating button, shown on the side of the screen, typically used for creating new content or accessing settings.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ButtonFloating = (props: ButtonFloatingProps) => {\n    const {\n        disabled,\n        icon,\n        onClick,\n        small = false,\n        label = false,\n        ripple = true,\n        className = null,\n        ...rest\n    } = props;\n    return (\n        <Fab\n            data-testid={props[\"data-testid\"]}\n            disabled={disabled}\n            mini={small}\n            onClick={onClick}\n            label={label}\n            ripple={ripple}\n            icon={icon}\n            className={classNames(\"webiny-ui-button--floating\", className)}\n            {...rest}\n        />\n    );\n};\n\n/**\n * Shows an icon, suitable to be shown inside of a button.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ButtonIcon = (props: IconProps) => <Icon {...props} />;\n"],"file":"Button.js"}