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

package/Carousel/README.md

@@ -1,15 +0,0 @@
-# Carousel
-
-### Additional information
-
-<a href="https://www.npmjs.com/package/nuka-carousel" target="_blank">https://www.npmjs.com/package/nuka-carousel</a>
-
-### Description
-
-Use `Carousel` component to display two or more items, in a carousel.
-
-### Import
-
-```js
-import { Carousel } from "@webiny/ui/Carousel";
-```

package/Checkbox/Checkbox.stories.d.ts

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

package/Checkbox/Checkbox.stories.js

@@ -1,28 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import { withKnobs, boolean } from "@storybook/addon-knobs";
-import readme from "./README_Checkbox.md";
-import { Form } from "@webiny/form";
-import Checkbox from "./Checkbox";
-var story = storiesOf("Components/Checkbox", module);
-story.addDecorator(withKnobs);
-story.add("usage - single", function () {
-  var disabled = boolean("Disabled", false);
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Simple checkbox with a label and description"
-  }, /*#__PURE__*/React.createElement(Form, null, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "rememberMe"
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      label: "Remember me",
-      disabled: disabled,
-      description: "You won't be logged out after you leave the app."
-    }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"rememberMe\">\n                                  <Checkbox\n                                    label={\"Remember me\"}\n                                    disabled={disabled}\n                                    description={\"You won't be logged out after you leave the app.\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [Checkbox]
-  }
-});

package/Checkbox/Checkbox.styles.d.ts

@@ -1,6 +0,0 @@
-/**
- * Controls the helper text below the checkbox.
- * @type {string}
- */
-declare const webinyCheckboxTitle: string;
-export { webinyCheckboxTitle };

package/Checkbox/Checkbox.styles.js

@@ -1,15 +0,0 @@
-import { css } from "emotion";
-/**
- * Controls the helper text below the checkbox.
- * @type {string}
- */
-
-var webinyCheckboxTitle = /*#__PURE__*/css({}, {
-  "&.mdc-text-field-helper-text": {
-    //paddingLeft: 10,
-    textTransform: "uppercase",
-    fontWeight: "bold",
-    marginBottom: "5px"
-  }
-}, "label:webinyCheckboxTitle;");
-export { webinyCheckboxTitle };

package/Checkbox/CheckboxGroup.stories.d.ts

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

package/Checkbox/CheckboxGroup.stories.js

@@ -1,55 +0,0 @@
-import * as React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import { withKnobs, boolean } from "@storybook/addon-knobs";
-import readme from "./README_CheckboxGroup.md";
-import { Form } from "@webiny/form";
-import { Checkbox, CheckboxGroup } from ".";
-var story = storiesOf("Components/Checkbox", module);
-story.addDecorator(withKnobs);
-story.add("usage - group", function () {
-  var disabled = boolean("Disabled", false);
-  var options = [{
-    id: "apple",
-    name: "Apple"
-  }, {
-    id: "pear",
-    name: "Pear"
-  }, {
-    id: "orange",
-    name: "Orange"
-  }];
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Simple checkbox with label and description"
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: {
-      fruits: ["pear"]
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "fruits"
-    }, /*#__PURE__*/React.createElement(CheckboxGroup, {
-      label: "Fruits selection",
-      description: "Choose only fruits you like."
-    }, function (_ref2) {
-      var onChange = _ref2.onChange,
-          getValue = _ref2.getValue;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (_ref3) {
-        var id = _ref3.id,
-            name = _ref3.name;
-        return /*#__PURE__*/React.createElement(Checkbox, {
-          disabled: disabled,
-          key: id,
-          label: name,
-          value: getValue(id),
-          onChange: onChange(id)
-        });
-      }));
-    }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <CheckboxGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Checkbox\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </CheckboxGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [CheckboxGroup]
-  }
-});

package/Checkbox/README_Checkbox.md

@@ -1,15 +0,0 @@
-# Checkbox
-
-### Design
-
-<a href="https://material.io/design/components/selection-controls.html#checkboxes" target="_blank">https://material.io/design/components/selection-controls.html#checkboxes</a>
-
-### Description
-
-Single `Checkbox` component can be used to store simple boolean values.
-
-### Import
-
-```js
-import { Checkbox } from "@webiny/ui/Checkbox";
-```

package/Checkbox/README_CheckboxGroup.md

@@ -1,19 +0,0 @@
-# Group
-
-### Design
-
-<a href="https://material.io/design/components/selection-controls.html#checkboxes" target="_blank">https://material.io/design/components/selection-controls.html#checkboxes</a>
-
-### Description
-
-Unlike single `Checkbox` which is used to store simple boolean values, grouping multiple `Checkbox` components
-with `CheckboxGroup` will allow you to store an array of selected values.
-
-Each `Checkbox` component must receive `value` and `onChange` callback via props.
-
-### Import
-To use, import base `Checkbox` component.
-
-```js
-import { CheckboxGroup, Checkbox } from "@webiny/ui/Checkbox";
-```

package/Chips/ChipIcon.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ChipIconProps as RmwcChipIconProps } from "@rmwc/chip";
-export declare type ChipIconProps = RmwcChipIconProps;
-export declare const ChipIcon: (props: ChipIconProps) => JSX.Element;

package/Chips/ChipIcon.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { ChipIcon as RmwcChipIcon } from "@rmwc/chip";
-import { chipIconWrapper } from "./styles";
-export var ChipIcon = function ChipIcon(props) {
-  return /*#__PURE__*/React.createElement(RmwcChipIcon, Object.assign({
-    className: chipIconWrapper
-  }, props));
-};

package/Chips/Chips.stories.d.ts

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

package/Chips/Chips.stories.js

@@ -1,25 +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 { ReactComponent as BaselineDoneIcon } from "@svgr/webpack!./icons/baseline-done-24px.svg";
-import { ReactComponent as BaselineEmailIcon } from "@svgr/webpack!./icons/baseline-email-24px.svg";
-import { Chip, ChipIcon, Chips } from "./index";
-var story = storiesOf("Components/Chips", 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: "Simple chips with a label and description"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Chips, null, /*#__PURE__*/React.createElement(Chip, {
-    selected: true
-  }, "Cookies"), /*#__PURE__*/React.createElement(Chip, null, "Pizza"), /*#__PURE__*/React.createElement(Chip, null, "Icecream")), /*#__PURE__*/React.createElement(Chips, null, /*#__PURE__*/React.createElement(Chip, null, /*#__PURE__*/React.createElement(ChipIcon, {
-    leading: true,
-    icon: /*#__PURE__*/React.createElement(BaselineEmailIcon, null)
-  }), "Cookies"), /*#__PURE__*/React.createElement(Chip, null, "Cookies", /*#__PURE__*/React.createElement(ChipIcon, {
-    trailing: true,
-    icon: /*#__PURE__*/React.createElement(BaselineDoneIcon, null)
-  }))))), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                         <div>\n                            <Chips>\n                                <Chip selected>\n                                    Cookies\n                                </Chip>\n                                <Chip>\n                                    Pizza\n                                </Chip>\n                                <Chip>\n                                    Icecream\n                                </Chip>\n                            </Chips>\n                            <Chips>\n                                <Chip>\n                                    <ChipIcon leading icon={<BaselineEmailIcon />} />\n                                    Cookies\n                                    <ChipIcon trailing icon={<BaselineDoneIcon />} />\n                                </Chip>\n                            </Chips>\n                        </div>\n                    ")));
-}, {
-  info: {
-    propTables: [Chip, ChipIcon, Chips]
-  }
-});

package/Chips/README.md

@@ -1,15 +0,0 @@
-# Chips
-
-### Design
-
-<a href="https://material.io/design/components/chips.html" target="_blank">https://material.io/design/components/chips.html</a>
-
-### Description
-
-`Chips` allow users to enter information, make selections, filter content, or trigger actions.
-
-### Import
-
-```js
-import { Chips, Chip, ChipText, ChipIcon } from "@webiny/ui/Chips";
-```

package/Chips/icons/baseline-done-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="none" d="M0 0h24v24H0z"/>
-    <path fill="currentColor" d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
-</svg>

package/Chips/icons/baseline-email-24px.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
-</svg>

package/Chips/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const chipIconWrapper: string;
-export declare const disabledChips: string;

package/Chips/styles.js

@@ -1,17 +0,0 @@
-import { css } from "emotion";
-export var chipIconWrapper = /*#__PURE__*/css({
-  ".mdc-chip__icon": {
-    svg: {
-      width: 18,
-      height: 18,
-      "&.mdc-chip__icon--trailing": {
-        boxSizing: "border-box",
-        display: "flex"
-      }
-    }
-  }
-}, "label:chipIconWrapper;");
-export var disabledChips = /*#__PURE__*/css({
-  opacity: 0.75,
-  pointerEvents: "none"
-}, "label:disabledChips;");

package/CodeEditor/CodeEditor.stories.d.ts

@@ -1,2 +0,0 @@
-import "brace/mode/json";
-import "brace/theme/github";

package/CodeEditor/CodeEditor.stories.js

@@ -1,32 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import { withKnobs, text } from "@storybook/addon-knobs";
-import readme from "./README.md";
-import { Form } from "@webiny/form";
-import { CodeEditor } from "./CodeEditor";
-import "brace/mode/json";
-import "brace/theme/github";
-var story = storiesOf("Components/CodeEditor", module);
-story.addDecorator(withKnobs);
-story.add("usage", function () {
-  var description = text("description", "Type your code here and see it in action.");
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement(Form, {
-    data: {
-      data: "{\"foo\": \"bar\"}"
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "data"
-    }, /*#__PURE__*/React.createElement(CodeEditor, {
-      mode: "json",
-      theme: "github",
-      description: description
-    }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                        <Form data={{ data: `{\"foo\": \"bar\"}` }}>\n                        {({ Bind }) => (\n                            <Bind name=\"data\">\n                                 <CodeEditor\n                                    mode=\"json\"\n                                    theme=\"github\"\n                                    description={\"".concat(description, "\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    "))));
-}, {
-  info: {
-    propTables: [CodeEditor]
-  }
-});

package/CodeEditor/README.md

@@ -1,21 +0,0 @@
-# CodeEditor
-
-### Additional information
-
-<a href="https://github.com/securingsincity/react-ace" target="_blank">https://github.com/securingsincity/react-ace</a>
-
-### Description
-
-`CodeEditor` is a wrapper around one of the most popular code editors called `Ace` editor. Have in mind that you still
-have to import `brace` as a dependency (after importing `CodeEditor`) for different code formats and editor types.
-
-### Import
-
-```js
-import brace from "brace";
-import { CodeEditor } from "@webiny/ui/CodeEditor";
-
-// Make sure to import this after CodeEditor. Check official docs for available modes and themes.
-import "brace/mode/json";
-import "brace/theme/github";
-```

package/ColorPicker/ColorPicker.stories.d.ts

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

package/ColorPicker/ColorPicker.stories.js

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandbox, StorySandboxCode, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./../ColorPicker/README.md";
-import { Form } from "@webiny/form";
-import { withKnobs, boolean } from "@storybook/addon-knobs";
-import { ColorPicker } from "./ColorPicker";
-var story = storiesOf("Components/ColorPicker", module);
-story.addDecorator(withKnobs);
-story.add("usage", function () {
-  var disable = boolean("disable", false);
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement(Form, {
-    data: {
-      color: "#80ff00"
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "color"
-    }, /*#__PURE__*/React.createElement(ColorPicker, {
-      label: "Header background color",
-      disable: disable,
-      description: "A simple background color in the header section."
-    }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                       <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"color\">\n                                <ColorPicker disable={".concat(disable, "} />\n                            </Bind>\n                        )}\n                    </Form>\n                    "))));
-}, {
-  info: {
-    propTables: [ColorPicker]
-  }
-});

package/ColorPicker/README.md

@@ -1,11 +0,0 @@
-# ColorPicker
-
-### Description
-
-`ColorPicker` component is used to pick a color, eg. for font or background color.
-
-### Import
-
-```js
-import { ColorPicker } from "@webiny/ui/ColorPicker";
-```

package/ConfirmationDialog/ConfirmationDialog.stories.d.ts

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

package/ConfirmationDialog/ConfirmationDialog.stories.js

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./../ConfirmationDialog/README.md";
-import { ButtonPrimary } from "./../Button";
-import { ConfirmationDialog } from "./ConfirmationDialog";
-var story = storiesOf("Components/ConfirmationDialog", module);
-story.add("usage", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Icon with and without ConfirmationDialog"
-  }, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement(ConfirmationDialog, {
-    title: "Pay Invoice",
-    message: "Are you sure you want pay this invoice?"
-  }, function (_ref) {
-    var showConfirmation = _ref.showConfirmation;
-    return /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: function onClick() {
-        showConfirmation(function () {
-          return console.log("Confirm");
-        }, function () {
-          return console.log("Cancel");
-        });
-      }
-    }, "Pay Invoice");
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                     <ConfirmationDialog\n                        title=\"Pay Invoice\"\n                        message=\"Are you sure you want pay this invoice?\"\n                    >\n                        {({ showConfirmation }) => {\n                            return (\n                                <ButtonPrimary\n                                    onClick={() => {\n                                        showConfirmation(\n                                            () => console.log(\"Confirm\"),\n                                            () => console.log(\"Cancel\")\n                                        );\n                                    }}\n                                >\n                                    Pay Invoice\n                                </ButtonPrimary>\n                            );\n                        }}\n                    </ConfirmationDialog>\n                    ")));
-}, {
-  info: {
-    propTables: [ConfirmationDialog]
-  }
-});

package/ConfirmationDialog/README.md

@@ -1,11 +0,0 @@
-# ConfirmationDialog
-
-### Description
-
-`ConfirmationDialog` component is used to represent interactive surfaces.
-
-### Import
-
-```js
-import { ConfirmationDialog } from "@webiny/ui/ConfirmationDialog";
-```

package/Dialog/Dialog.stories.d.ts

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

package/Dialog/Dialog.stories.js

@@ -1,30 +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 "./../Dialog/README.md";
-import { withKnobs, boolean } from "@storybook/addon-knobs";
-import { Dialog, DialogButton, DialogAccept, DialogCancel, DialogActions, DialogTitle, DialogContent } from ".";
-var story = storiesOf("Components/Dialog", module);
-story.addDecorator(withKnobs);
-story.add("usage", function () {
-  var open = boolean("Open", false);
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "dialog"
-  }, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "A list with all possible options"
-  }, "Toggle ", /*#__PURE__*/React.createElement("code", null, "open"), " prop via the bottom knobs.", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Note that instead of using ", /*#__PURE__*/React.createElement("code", null, "DialogFooter.Button"), " with", " ", /*#__PURE__*/React.createElement("code", null, "accept"), " or ", /*#__PURE__*/React.createElement("code", null, "cancel"), " prop, you can use a shorter", " ", /*#__PURE__*/React.createElement("code", null, "DialogAccept"), " and ", /*#__PURE__*/React.createElement("code", null, "DialogCancel"), " components respectively.", /*#__PURE__*/React.createElement(Dialog, {
-    open: open
-  }, /*#__PURE__*/React.createElement(DialogTitle, null, "Delete confirmation"), /*#__PURE__*/React.createElement(DialogContent, null, "Are you sure you want to delete?"), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(DialogCancel, {
-    onClick: function onClick() {
-      return console.log("Cancel");
-    }
-  }, "Cancel"), /*#__PURE__*/React.createElement(DialogAccept, {
-    onClick: function onClick() {
-      return console.log("Accept");
-    }
-  }, "OK")))), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <Dialog open={".concat(open, "}>\n                        <DialogTitle>\n                            Delete confirmation\n                        </DialogTitle>\n                        <DialogBody>Are you sure you want to delete?</DialogBody>\n                        <DialogFooter>\n                            <DialogCancel onClick={() => console.log(\"Cancel\")}>Cancel</DialogCancel>\n                            <DialogAccept onClick={() => console.log(\"Accept\")}>OK</DialogAccept>\n                        </DialogFooter>\n                    </Dialog>\n                    "))));
-}, {
-  info: {
-    propTables: [Dialog, DialogButton, DialogAccept, DialogCancel, DialogActions, DialogTitle, DialogContent]
-  }
-});

package/Dialog/README.md

@@ -1,23 +0,0 @@
-# Dialog
-
-### Design
-
-<a href="https://material.io/design/components/dialogs.html" target="_blank">https://material.io/design/components/dialogs.html</a>
-
-### Description
-
-Use `Dialog` component to display an informative or alert message and allow users to act upon it.
-
-### Import
-
-```js
-import {
-  Dialog,
-  DialogAccept,
-  DialogCancel,
-  DialogFooter,
-  DialogHeader,
-  DialogHeaderTitle,
-  DialogBody
-} from "@webiny/ui/Dialog";
-```

package/Drawer/Drawer.stories.d.ts

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

package/Drawer/Drawer.stories.js

@@ -1,23 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import { List, ListItem } from "./../List";
-import readme from "./../Drawer/README.md";
-import { withKnobs, boolean } from "@storybook/addon-knobs";
-import { Drawer, DrawerHeader, DrawerContent } from "./Drawer";
-var story = storiesOf("Components/Drawer", module);
-story.addDecorator(withKnobs);
-story.add("usage", function () {
-  var open = boolean("Open", true);
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "drawer"
-  }, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "A list with all possible options"
-  }, /*#__PURE__*/React.createElement(Drawer, {
-    open: open
-  }, /*#__PURE__*/React.createElement(DrawerHeader, null, "Main Menu"), /*#__PURE__*/React.createElement(DrawerContent, null, /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, "Users"), /*#__PURE__*/React.createElement(ListItem, null, "Companies"), /*#__PURE__*/React.createElement(ListItem, null, "Brands"), /*#__PURE__*/React.createElement(ListItem, null, "ACL"), /*#__PURE__*/React.createElement(ListItem, null, "Settings"))))), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <Drawer>\n                        <DrawerHeader>Main Menu</DrawerHeader>\n                        <DrawerContent>\n                            <List>\n                                <ListItem>Users</ListItem>\n                                <ListItem>Companies</ListItem>\n                                <ListItem>Brands</ListItem>\n                                <ListItem>ACL</ListItem>\n                                <ListItem>Settings</ListItem>\n                            </List>\n                        </DrawerContent>\n                    </Drawer>\n                    ")));
-}, {
-  info: {
-    propTables: [Drawer, DrawerHeader, DrawerContent]
-  }
-});

package/Drawer/README.md

@@ -1,15 +0,0 @@
-# Drawer
-
-### Design
-
-<a href="https://material.io/design/components/navigation-drawer.html" target="_blank">https://material.io/design/components/navigation-drawer.html</a>
-
-### Description
-
-Use `Drawer` component to display navigation for the whole app or just a small section of it.
-
-### Import
-
-```js
-import { Drawer } from "@webiny/ui/Drawer";
-```

package/DynamicFieldset/Fieldset.d.ts

@@ -1,41 +0,0 @@
-import * as React from "react";
-interface ChildrenRenderProp {
-    actions: {
-        add: Function;
-        remove: Function;
-    };
-    header: Function;
-    row: Function;
-    empty: Function;
-}
-declare type FieldsetProps = {
-    value?: Array<Object>;
-    description?: string;
-    validation?: {
-        isValid: null | boolean;
-        message?: string;
-    };
-    onChange?: Function;
-    children: (props: ChildrenRenderProp) => React.ReactNode;
-};
-declare class Fieldset extends React.Component<FieldsetProps> {
-    static defaultProps: {
-        value: any[];
-        description: any;
-    };
-    header: React.ReactNode;
-    rows: React.ReactNode;
-    empty: React.ReactNode;
-    actions: {
-        add: (index?: number) => () => void;
-        remove: (index?: number) => () => void;
-    };
-    removeData: (index: number) => void;
-    addData: (index?: number) => void;
-    renderHeader: (cb: () => React.ReactNode) => void;
-    renderRow: (cb: (params: Object) => React.ReactNode) => void;
-    renderEmpty: (cb: () => React.ReactNode) => void;
-    renderComponent(): {};
-    render(): JSX.Element;
-}
-export default Fieldset;