@webiny/ui 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/ui",
-	"version": "0.0.0-mt-2",
+	"version": "0.0.0-unstable.06b2ede40f",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,108 +14,37 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@babel/runtime": "7.15.4",
-		"@editorjs/editorjs": "2.22.3",
-		"@emotion/core": "10.1.1",
-		"@emotion/styled": "10.0.27",
-		"@material/base": "3.1.0",
-		"@material/textfield": "3.2.0",
-		"@rmwc/base": "5.7.2",
-		"@rmwc/button": "5.7.2",
-		"@rmwc/checkbox": "5.7.2",
-		"@rmwc/chip": "5.7.2",
-		"@rmwc/dialog": "5.7.2",
-		"@rmwc/drawer": "5.7.2",
-		"@rmwc/elevation": "5.7.2",
-		"@rmwc/fab": "5.7.2",
-		"@rmwc/floating-label": "5.7.2",
-		"@rmwc/grid": "5.7.2",
-		"@rmwc/icon": "5.7.2",
-		"@rmwc/icon-button": "5.7.2",
-		"@rmwc/line-ripple": "5.7.2",
-		"@rmwc/list": "5.7.2",
-		"@rmwc/menu": "5.7.2",
-		"@rmwc/notched-outline": "5.7.2",
-		"@rmwc/radio": "5.7.2",
-		"@rmwc/ripple": "5.7.2",
-		"@rmwc/select": "5.7.2",
-		"@rmwc/slider": "5.7.2",
-		"@rmwc/snackbar": "5.7.2",
-		"@rmwc/switch": "5.7.2",
-		"@rmwc/tabs": "5.7.2",
-		"@rmwc/textfield": "file:./rmwc/textfield",
-		"@rmwc/top-app-bar": "5.7.2",
-		"@rmwc/types": "5.6.0",
-		"@rmwc/typography": "5.7.2",
-		"@svgr/webpack": "4.3.3",
-		"brace": "0.11.1",
-		"classnames": "2.3.1",
-		"cropperjs": "1.5.12",
-		"dot-prop-immutable": "2.1.1",
-		"downshift": "2.2.3",
-		"emotion": "10.0.17",
-		"keycode": "2.2.0",
-		"load-script": "1.0.0",
-		"lodash": "4.17.21",
-		"material-components-web": "3.2.0",
-		"nprogress": "0.2.0",
-		"nuka-carousel": "4.7.1",
-		"rc-tooltip": "3.7.3",
-		"react-ace": "6.6.0",
-		"react-butterfiles": "1.3.3",
-		"react-color": "2.19.3",
-		"react-columned": "1.1.3",
-		"react-custom-scrollbars": "4.2.1",
-		"react-loading-skeleton": "0.5.0",
-		"react-spinner-material": "1.1.4",
-		"react-transition-group": "4.4.2",
-		"shortid": "2.2.16"
+		"@svgr/webpack": "6.5.1",
+		"@webiny/admin-ui": "0.0.0-unstable.06b2ede40f",
+		"@webiny/utils": "0.0.0-unstable.06b2ede40f",
+		"classnames": "2.5.1",
+		"lodash": "4.17.21"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.5.5",
-		"@babel/core": "^7.5.5",
-		"@babel/plugin-proposal-class-properties": "^7.5.5",
-		"@babel/preset-env": "^7.5.5",
-		"@babel/preset-typescript": "^7.8.3",
-		"@storybook/addon-info": "^5.2.8",
-		"@storybook/addon-knobs": "^5.0.5",
-		"@storybook/addon-links": "^5.0.5",
-		"@storybook/react": "^5.2.8",
-		"@webiny/cli": "^0.0.0-mt-2",
-		"@webiny/form": "^0.0.0-mt-2",
-		"@webiny/project-utils": "^0.0.0-mt-2",
-		"@webiny/storybook-utils": "^0.0.0-mt-2",
-		"@webiny/validation": "^0.0.0-mt-2",
-		"babel-loader": "^8.0.0-beta.6",
-		"babel-plugin-emotion": "^9.2.8",
-		"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
-		"execa": "^5.0.0",
-		"jest-dom": "^3.0.0",
-		"ncp": "^2.0.0",
-		"raw-loader": "^0.5.1",
-		"react-docgen": "^5.0.0",
-		"react-docgen-typescript-loader": "^3.6.0",
-		"react-testing-library": "^8.0.1",
-		"regenerator-runtime": "^0.13.2",
-		"rimraf": "^3.0.2",
-		"sass": "^1.38.0",
-		"sass-loader": "^12.1.0",
-		"typescript": "^4.1.3",
-		"webpack": "^4.46.0"
+		"@emotion/babel-plugin": "11.11.0",
+		"@testing-library/react": "15.0.7",
+		"@webiny/cli": "0.0.0-unstable.06b2ede40f",
+		"@webiny/project-utils": "0.0.0-unstable.06b2ede40f",
+		"@webiny/validation": "0.0.0-unstable.06b2ede40f",
+		"babel-loader": "9.2.1",
+		"execa": "5.1.1",
+		"ncp": "2.0.0",
+		"raw-loader": "4.0.2",
+		"rimraf": "6.0.1",
+		"typescript": "5.3.3"
 	},
 	"peerDependencies": {
-		"react": "16.14.0",
-		"react-dom": "16.14.0"
+		"minimatch": "^5.1.6",
+		"react": "18.2.0",
+		"react-dom": "18.2.0"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
 	"scripts": {
-		"build": "yarn webiny run build",
-		"watch": "yarn webiny run watch",
-		"storybook": "start-storybook -p 6006",
-		"build-storybook": "build-storybook -c .storybook -o ${OUT:-.out}"
+		"build": "node ../cli/bin.js run build",
+		"watch": "node ../cli/bin.js run watch"
 	},
 	"jest": {
 		"transform": {
@@ -123,20 +52,12 @@
 		},
 		"setupTestFrameworkScriptFile": "jest-extended"
 	},
-	"svgo": {
-		"plugins": {
-			"removeViewBox": false
-		}
-	},
 	"adio": {
 		"ignore": {
 			"dependencies": [
-				"@svgr/webpack",
-				"material-components-web",
-				"@emotion/core",
-				"@rmwc/base"
+				"@svgr/webpack"
 			]
 		}
 	},
-	"gitHead": "3c0dcfb3c22c9f83107fdb97b25014cd03d9db7d"
+	"gitHead": "06b2ede40fc2212a70eeafd74afd50b56fb0ce82"
 }

package/styles.scss

@@ -1,44 +1,17 @@
-// webiny light theme
-$webiny-theme-light-primary: #fa5723 !default;
-$webiny-theme-light-secondary: #00ccb0 !default;
-$webiny-theme-light-background: #f2f2f2 !default;
-$webiny-theme-light-surface: #fff !default;
-$webiny-theme-light-on-primary: #ffffff !default;
-$webiny-theme-light-on-secondary: #ffffff !default;
-$webiny-theme-light-on-surface: #000000 !default;
-$webiny-theme-light-on-background: rgba(212, 212, 212, 0.5) !default;
-$webiny-theme-light-text-primary-on-background: rgba(0, 0, 0, 0.87);
-$webiny-theme-light-text-secondary-on-background: rgba(0, 0, 0, 0.54);
-$webiny-theme-light-text-hint-on-dark: rgba(255, 255, 255, 0.5);
-$webiny-theme-light-caret-down: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
+// ⚠️ DEPRECATED STYLESHEET ⚠️
+// We no longer rely on @material or RMWC for theming or component styling.
+// We still need to support these variables for backward compatibility.
+// Refer to the updated design system and theming approach from @webiny/admin-ui for current styling practices.
 
-// webiny typography
-$webiny-theme-typography-font-family: "Source Sans Pro" !default;
-
-$mdc-theme-primary: $webiny-theme-light-primary;
-$mdc-theme-on-primary: $webiny-theme-light-on-primary;
-$mdc-theme-secondary: $webiny-theme-light-secondary;
-$mdc-theme-on-secondary: $webiny-theme-light-on-secondary;
-$mdc-theme-surface: $webiny-theme-light-surface;
-$mdc-theme-on-surface: $webiny-theme-light-on-surface;
-$mdc-theme-background: $webiny-theme-light-background;
-$mdc-theme-on-background: $webiny-theme-light-on-background;
-$mdc-theme-text-primary-on-background: $webiny-theme-light-text-primary-on-background !global;
-$mdc-theme-text-secondary-on-background: $webiny-theme-light-text-secondary-on-background;
-$mdc-theme-text-hint-on-dark: $webiny-theme-light-text-hint-on-dark;
-$mdc-typography-font-family: $webiny-theme-typography-font-family;
-
-@import "~material-components-web/material-components-web.scss";
-@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");
-
-/*
-Fix for select box appearance. For some reason browser prefix css attributes are striped away.
- */
-.mdc-select__native-control {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-}
-
-.mdc-select--box .mdc-select__native-control {
-  padding-top: 10px;
+:root {
+  --mdc-theme-primary: hsl(var(--color-primary-500));
+  --mdc-theme-on-primary: hsl(var(--color-neutral-0));
+  --mdc-theme-secondary: hsl(var(--color-secondary-500));
+  --mdc-theme-on-secondary: hsl(var(--color-neutral-0));
+  --mdc-theme-surface: hsl(var(--color-neutral-0));
+  --mdc-theme-on-surface: hsl(var(--color-neutral-900));
+  --mdc-theme-background: hsl(var(--color-neutral-200));
+  --mdc-theme-on-background: hsl(var(--color-neutral-300));
+  --mdc-theme-text-primary-on-background: hsl(var(--color-neutral-700));
+  --mdc-theme-text-secondary-on-background: hsl(var(--color-neutral-500));
 }

package/types.d.ts

@@ -1,12 +1,12 @@
-export declare type FormComponentProps = {
+export interface FormComponentProps<TValue = any> {
     validation?: {
-        isValid: boolean;
-        message: string;
+        isValid: boolean | null;
+        message?: string;
         results?: {
             [key: string]: any;
         };
     };
     validate?: () => Promise<boolean | any>;
-    value?: any;
-    onChange?: (value: any) => void;
-};
+    value?: TValue;
+    onChange?: (value: TValue) => void;
+}

package/types.js

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

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface FormComponentProps<TValue = any> {\n    validation?: {\n        /* Is form element's value valid? */\n        isValid: boolean | null;\n        /* Error message if value is not valid. */\n        message?: string;\n        /* Any validation result returned by the validator. */\n        results?: { [key: string]: any };\n    };\n\n    /* Provided by <Form> component to perform validation when value has changed. */\n    validate?: () => Promise<boolean | any>;\n\n    /* Form component's value. */\n    value?: TValue;\n\n    /* A callback that is executed each time a value is changed. */\n    onChange?: (value: TValue) => void;\n}\n"],"mappings":"","ignoreList":[]}

package/Accordion/Accordion.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/Accordion/Accordion.stories.js

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

package/Accordion/README.md

@@ -1,11 +0,0 @@
-# Accordion
-
-### Description
-
-Use `Accordion` component to display a set of `AccordionItems`.
-
-### Import
-
-```js
-import { Accordion, AccordionItem } from "@webiny/ui/Accordion";
-```

package/Accordion/icons/round-keyboard_arrow_down-24px.svg

@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
-	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g id="Bounding_Boxes" display="none">
-	<g id="ui_x5F_spec_x5F_header_copy_3" display="inline">
-	</g>
-	<path display="inline" fill="none" d="M0,0h24v24H0V0z"/>
-</g>
-<g id="Rounded">
-	<g id="ui_x5F_spec_x5F_header_copy_6">
-	</g>
-	<path fill="currentColor" d="M8.12,9.29L12,13.17l3.88-3.88c0.39-0.39,1.02-0.39,1.41,0l0,0c0.39,0.39,0.39,1.02,0,1.41l-4.59,4.59
-		c-0.39,0.39-1.02,0.39-1.41,0l-4.59-4.59c-0.39-0.39-0.39-1.02,0-1.41l0,0C7.09,8.91,7.73,8.9,8.12,9.29z"/>
-</g>
-</svg>

package/Accordion/icons/round-keyboard_arrow_up-24px.svg

@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
-	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g id="Bounding_Boxes" display="none">
-	<g id="ui_x5F_spec_x5F_header_copy_3" display="inline">
-	</g>
-	<path display="inline" fill="none" d="M0,0h24v24H0V0z"/>
-</g>
-<g id="Rounded">
-	<g id="ui_x5F_spec_x5F_header_copy_6">
-	</g>
-	<path fill="currentColor" d="M8.12,14.71L12,10.83l3.88,3.88c0.39,0.39,1.02,0.39,1.41,0l0,0c0.39-0.39,0.39-1.02,0-1.41l-4.59-4.59
-		c-0.39-0.39-1.02-0.39-1.41,0l-4.59,4.59c-0.39,0.39-0.39,1.02,0,1.41l0,0C7.09,15.09,7.73,15.1,8.12,14.71z"/>
-</g>
-</svg>

package/Accordion/icons/round-settings-24px.svg

@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
-    <title>round-settings-24px (2)</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Webiny---Site-Manager" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Site-Settings" transform="translate(-291.000000, -161.000000)">
-            <g id="General-settings" transform="translate(264.000000, 151.000000)">
-                <g id="round-settings-24px-(2)" transform="translate(25.000000, 8.000000)">
-                    <g id="Bounding_Boxes">
-                        <polygon id="Shape" points="0 0 24 0 24 24 0 24"></polygon>
-                    </g>
-                    <g id="Rounded" transform="translate(2.000000, 2.000000)" fill="#4A4A4A" fill-rule="nonzero">
-                        <path d="M17.43,10.98 C17.47,10.66 17.5,10.34 17.5,10 C17.5,9.66 17.47,9.34 17.43,9.02 L19.54,7.37 C19.73,7.22 19.78,6.95 19.66,6.73 L17.66,3.27 C17.54,3.05 17.27,2.97 17.05,3.05 L14.56,4.05 C14.04,3.65 13.48,3.32 12.87,3.07 L12.49,0.42 C12.46,0.18 12.25,0 12,0 L8,0 C7.75,0 7.54,0.18 7.51,0.42 L7.13,3.07 C6.52,3.32 5.96,3.66 5.44,4.05 L2.95,3.05 C2.72,2.96 2.46,3.05 2.34,3.27 L0.34,6.73 C0.21,6.95 0.27,7.22 0.46,7.37 L2.57,9.02 C2.53,9.34 2.5,9.67 2.5,10 C2.5,10.33 2.53,10.66 2.57,10.98 L0.46,12.63 C0.27,12.78 0.22,13.05 0.34,13.27 L2.34,16.73 C2.46,16.95 2.73,17.03 2.95,16.95 L5.44,15.95 C5.96,16.35 6.52,16.68 7.13,16.93 L7.51,19.58 C7.54,19.82 7.75,20 8,20 L12,20 C12.25,20 12.46,19.82 12.49,19.58 L12.87,16.93 C13.48,16.68 14.04,16.34 14.56,15.95 L17.05,16.95 C17.28,17.04 17.54,16.95 17.66,16.73 L19.66,13.27 C19.78,13.05 19.73,12.78 19.54,12.63 L17.43,10.98 Z M10,13.5 C8.07,13.5 6.5,11.93 6.5,10 C6.5,8.07 8.07,6.5 10,6.5 C11.93,6.5 13.5,8.07 13.5,10 C13.5,11.93 11.93,13.5 10,13.5 Z" id="Shape"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/Alert/Alert.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/Alert/Alert.stories.js

@@ -1,29 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./README.md";
-import { Alert } from "./Alert";
-var story = storiesOf("Components/Alert", module);
-story.add("usage", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Info"
-  }, /*#__PURE__*/React.createElement(Alert, {
-    title: "Something went wrong!",
-    type: "info"
-  }, "We failed to fetch your data.")), /*#__PURE__*/React.createElement(StorySandboxCode, null, /*#__PURE__*/React.createElement(Alert, {
-    title: "Something went wrong!",
-    type: "info"
-  }, "We failed to fetch your data."))), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Danger"
-  }, /*#__PURE__*/React.createElement(Alert, {
-    title: "Something went wrong!",
-    type: "danger"
-  }, "Please contact support!")), /*#__PURE__*/React.createElement(StorySandboxCode, null, /*#__PURE__*/React.createElement(Alert, {
-    title: "Something went wrong!",
-    type: "danger"
-  }, "Please contact support!"))));
-}, {
-  info: {
-    propTables: [Alert]
-  }
-});

package/Alert/README.md

@@ -1,11 +0,0 @@
-# Alert
-
-### Description
-
-Use `Alert` component to display inline messages.
-
-### Import
-
-```js
-import { Alert } from "@webiny/ui/Alert";
-```

package/AutoComplete/AutoComplete.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/AutoComplete/AutoComplete.stories.js

@@ -1,76 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./AutoCompleteReadme.md";
-import { Form } from "@webiny/form";
-import { AutoComplete } from "./AutoComplete";
-var story = storiesOf("Components/AutoComplete", module);
-var options = [{
-  name: "France",
-  id: "france"
-}, {
-  name: "Germany",
-  id: "germany"
-}, {
-  name: "Italy",
-  id: "italy"
-}, {
-  name: "Spain",
-  id: "spain"
-}, {
-  name: "UK",
-  id: "uk"
-}, {
-  name: "US",
-  id: "us"
-}, {
-  name: "Norway",
-  id: "norway"
-}, {
-  name: "Finland",
-  id: "finland"
-}, {
-  name: "Czech Republic",
-  id: "czech-republic"
-}];
-story.add("AutoComplete", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Single value"
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: {
-      country: {
-        id: "italy",
-        name: "Italy"
-      }
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "country"
-    }, /*#__PURE__*/React.createElement(AutoComplete, {
-      options: options,
-      label: "Country",
-      description: "Choose your country"
-    }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                             <Bind name=\"country\">\n                                <AutoComplete\n                                    options={".concat(JSON.stringify(options), "}\n                                    label=\"Country\"\n                                    description=\"Choose your country.\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    "))), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Single value - use simple strings"
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: {
-      country: "Germany"
-    }
-  }, function (_ref2) {
-    var Bind = _ref2.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "country"
-    }, /*#__PURE__*/React.createElement(AutoComplete, {
-      useSimpleValues: true,
-      options: ["France", "Germany", "Italy", "Spain"],
-      label: "Country",
-      description: "Choose your country"
-    }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\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                    ")));
-}, {
-  info: {
-    propTables: [AutoComplete]
-  }
-});

package/AutoComplete/AutoCompleteReadme.md

@@ -1,11 +0,0 @@
-# AutoComplete
-
-### Description
-
-`AutoComplete` component lets users select a value from a list of suggestions (created based on their input).
-
-### Import
-
-```js
-import { AutoComplete } from "@webiny/ui/AutoComplete";
-```

package/AutoComplete/MultiAutoComplete.stories.d.ts

@@ -1 +0,0 @@
-export {};