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

package/Input/Input.stories.js

@@ -1,104 +1,120 @@
-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 "./../Input/README.md";
-import { ReactComponent as AutoRenewIcon } from "@svgr/webpack!./svg/baseline-autorenew-24px.svg";
-import { ReactComponent as CloudDoneIcon } from "@svgr/webpack!./svg/baseline-cloud_done-24px.svg";
-import { ReactComponent as BaselineDeleteIcon } from "@svgr/webpack!./svg/baseline-delete-24px.svg";
-import { ReactComponent as BaselineDoneIcon } from "@svgr/webpack!./svg/baseline-done-24px.svg";
-import { Form } from "@webiny/form";
-import { Input } from "./Input";
-import { validation } from "@webiny/validation";
-var story = storiesOf("Components/Input", module);
-story.addDecorator(withKnobs);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@storybook/react");
+
+var _Story = require("@webiny/storybook-utils/Story");
+
+var _addonKnobs = require("@storybook/addon-knobs");
+
+var _README = _interopRequireDefault(require("./../Input/README.md"));
+
+var _baselineAutorenew24px = require("./svg/baseline-autorenew-24px.svg");
+
+var _baselineCloud_done24px = require("./svg/baseline-cloud_done-24px.svg");
+
+var _baselineDelete24px = require("./svg/baseline-delete-24px.svg");
+
+var _baselineDone24px = require("./svg/baseline-done-24px.svg");
+
+var _form = require("@webiny/form");
+
+var _Input = require("./Input");
+
+var _validation = require("@webiny/validation");
+
+var story = (0, _react2.storiesOf)("Components/Input", module);
+story.addDecorator(_addonKnobs.withKnobs);
 story.add("usage", function () {
   var bindProps = {
     name: "name",
-    validators: validation.create("required,minLength:3")
+    validators: _validation.validation.create("required,minLength:3")
   };
-  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, {
+  var disabled = (0, _addonKnobs.boolean)("Disabled", false);
+  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
     title: "Label, description and validation"
-  }, /*#__PURE__*/React.createElement(Form, null, function (_ref) {
+  }, /*#__PURE__*/_react.default.createElement(_form.Form, null, function (_ref) {
     var Bind = _ref.Bind;
-    return /*#__PURE__*/React.createElement(Bind, bindProps, /*#__PURE__*/React.createElement(Input, {
+    return /*#__PURE__*/_react.default.createElement(Bind, bindProps, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       label: "Your name",
       disabled: disabled,
       description: "This is your profile name"
     }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind\n                                name=\"name\"\n                                validators={validation.create(\"required,minLength:3\")}>\n                                <Input label={\"Your name\"} disabled={".concat(disabled, "} description={\"This is your profile name\"}/>\n                            </Bind>\n                        )}\n                    </Form>\n                    "))), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
+  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind\n                                name=\"name\"\n                                validators={validation.create(\"required,minLength:3\")}>\n                                <Input label={\"Your name\"} disabled={".concat(disabled, "} description={\"This is your profile name\"}/>\n                            </Bind>\n                        )}\n                    </Form>\n                    "))), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
     title: "With icon (box)"
-  }, /*#__PURE__*/React.createElement(Form, null, function (_ref2) {
+  }, /*#__PURE__*/_react.default.createElement(_form.Form, null, function (_ref2) {
     var Bind = _ref2.Bind;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Bind, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "phone"
-    }, /*#__PURE__*/React.createElement(Input, {
-      icon: /*#__PURE__*/React.createElement(AutoRenewIcon, null),
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      icon: /*#__PURE__*/_react.default.createElement(_baselineAutorenew24px.ReactComponent, null),
       label: "Your phone number",
       description: "Please enter a real number",
       disabled: disabled
-    })), /*#__PURE__*/React.createElement(Bind, {
+    })), /*#__PURE__*/_react.default.createElement(Bind, {
       name: "mobile"
-    }, /*#__PURE__*/React.createElement(Input, {
-      trailingIcon: /*#__PURE__*/React.createElement(CloudDoneIcon, null),
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      trailingIcon: /*#__PURE__*/_react.default.createElement(_baselineCloud_done24px.ReactComponent, null),
       label: "Your mobile number",
       description: "An SMS will be sent to this number",
       disabled: disabled
     })));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"phone\">\n                                    <Input\n                                        icon={<AutoRenewIcon />}\n                                        label={\"Your phone number\"}\n                                        description={\"Please enter a real number\"}\n                                        disabled={".concat(disabled, "}\n                                    />\n                                </Bind>\n                                <Bind name=\"mobile\">\n                                    <Input\n                                        trailingIcon={<CloudDoneIcon />}\n                                        label={\"Your mobile number\"}\n                                        description={\"An SMS will be sent to this number\"}\n                                        disabled={").concat(disabled, "}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    "))), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
+  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"phone\">\n                                    <Input\n                                        icon={<AutoRenewIcon />}\n                                        label={\"Your phone number\"}\n                                        description={\"Please enter a real number\"}\n                                        disabled={".concat(disabled, "}\n                                    />\n                                </Bind>\n                                <Bind name=\"mobile\">\n                                    <Input\n                                        trailingIcon={<CloudDoneIcon />}\n                                        label={\"Your mobile number\"}\n                                        description={\"An SMS will be sent to this number\"}\n                                        disabled={").concat(disabled, "}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    "))), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
     title: "With icon (outlined)"
-  }, /*#__PURE__*/React.createElement(Form, null, function (_ref3) {
+  }, /*#__PURE__*/_react.default.createElement(_form.Form, null, function (_ref3) {
     var Bind = _ref3.Bind;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Bind, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "phone"
-    }, /*#__PURE__*/React.createElement(Input, {
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       outlined: true,
-      icon: /*#__PURE__*/React.createElement(BaselineDeleteIcon, null),
+      icon: /*#__PURE__*/_react.default.createElement(_baselineDelete24px.ReactComponent, null),
       label: "Your phone number",
       description: "Please enter a real number",
       disabled: disabled
-    })), /*#__PURE__*/React.createElement(Bind, {
+    })), /*#__PURE__*/_react.default.createElement(Bind, {
       name: "mobile"
-    }, /*#__PURE__*/React.createElement(Input, {
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       outlined: true,
-      trailingIcon: /*#__PURE__*/React.createElement(BaselineDoneIcon, null),
+      trailingIcon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null),
       label: "Your mobile number",
       description: "An SMS will be sent to this number",
       disabled: disabled
     })));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"phone\">\n                                    <Input\n                                        outlined\n                                        icon={<BaselineDeleteIcon />}\n                                        label={\"Your phone number\"}\n                                        description={\"Please enter a real number\"}\n                                        disabled={".concat(disabled, "}\n                                    />\n                                </Bind>\n                                <Bind name=\"mobile\">\n                                    <Input\n                                        outlined\n                                        trailingIcon={<BaselineDoneIcon />}\n                                        label={\"Your mobile number\"}\n                                        description={\"An SMS will be sent to this number\"}\n                                        disabled={").concat(disabled, "}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    "))), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
+  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"phone\">\n                                    <Input\n                                        outlined\n                                        icon={<BaselineDeleteIcon />}\n                                        label={\"Your phone number\"}\n                                        description={\"Please enter a real number\"}\n                                        disabled={".concat(disabled, "}\n                                    />\n                                </Bind>\n                                <Bind name=\"mobile\">\n                                    <Input\n                                        outlined\n                                        trailingIcon={<BaselineDoneIcon />}\n                                        label={\"Your mobile number\"}\n                                        description={\"An SMS will be sent to this number\"}\n                                        disabled={").concat(disabled, "}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    "))), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
     title: "Full width"
-  }, /*#__PURE__*/React.createElement(Form, null, function (_ref4) {
+  }, /*#__PURE__*/_react.default.createElement(_form.Form, null, function (_ref4) {
     var Bind = _ref4.Bind;
-    return /*#__PURE__*/React.createElement(Bind, bindProps, /*#__PURE__*/React.createElement(Input, {
+    return /*#__PURE__*/_react.default.createElement(Bind, bindProps, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       placeholder: "Your name",
       fullwidth: true,
       disabled: disabled
     }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind\n                                name=\"name\"\n                                validators={validation.create(\"required,minLength:3\")}>\n                                <Input placeholder={\"Your name\"} fullwidth disabled={".concat(disabled, "}/>\n                            </Bind>\n                        )}\n                    </Form>\n                    "))), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
+  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind\n                                name=\"name\"\n                                validators={validation.create(\"required,minLength:3\")}>\n                                <Input placeholder={\"Your name\"} fullwidth disabled={".concat(disabled, "}/>\n                            </Bind>\n                        )}\n                    </Form>\n                    "))), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
     title: "Textarea"
-  }, /*#__PURE__*/React.createElement(Form, null, function (_ref5) {
+  }, /*#__PURE__*/_react.default.createElement(_form.Form, null, function (_ref5) {
     var Bind = _ref5.Bind;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Bind, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "info"
-    }, /*#__PURE__*/React.createElement(Input, {
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       rows: 6,
       placeholder: "Tell us something...",
       description: "Just a little bit about yourself.",
       disabled: disabled
-    })), /*#__PURE__*/React.createElement(Bind, {
+    })), /*#__PURE__*/_react.default.createElement(Bind, {
       name: "description"
-    }, /*#__PURE__*/React.createElement(Input, {
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       fullwidth: true,
       rows: 6,
       placeholder: "How's the weather today?",
       description: "We actually need to know.",
       disabled: disabled
     })));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"info\">\n                                    <Input\n                                        rows={6}\n                                        placeholder={\"Tell us something...\"}\n                                        description={\"Just a little bit about yourself.\"}\n                                        disabled={".concat(disabled, "}\n                                    />\n                                </Bind>\n                                <Bind name=\"description\">\n                                    <Input\n                                        fullwidth\n                                        rows={6}\n                                        placeholder={\"How's the weather today?\"}\n                                        description={\"We actually need to know.\"}\n                                        disabled={").concat(disabled, "}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    "))));
+  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"info\">\n                                    <Input\n                                        rows={6}\n                                        placeholder={\"Tell us something...\"}\n                                        description={\"Just a little bit about yourself.\"}\n                                        disabled={".concat(disabled, "}\n                                    />\n                                </Bind>\n                                <Bind name=\"description\">\n                                    <Input\n                                        fullwidth\n                                        rows={6}\n                                        placeholder={\"How's the weather today?\"}\n                                        description={\"We actually need to know.\"}\n                                        disabled={").concat(disabled, "}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    "))));
 }, {
   info: {
-    propTables: [Input]
+    propTables: [_Input.Input]
   }
 });

package/Input/Input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","bindProps","name","validators","validation","create","disabled","boolean","readme","Bind","info","propTables","Input"],"sources":["Input.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./../Input/README.md\";\nimport { ReactComponent as AutoRenewIcon } from \"./svg/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./svg/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as BaselineDeleteIcon } from \"./svg/baseline-delete-24px.svg\";\nimport { ReactComponent as BaselineDoneIcon } from \"./svg/baseline-done-24px.svg\";\n\nimport { Form } from \"@webiny/form\";\nimport { Input } from \"./Input\";\nimport { validation } from \"@webiny/validation\";\n\nconst story = storiesOf(\"Components/Input\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const bindProps = {\n            name: \"name\",\n            validators: validation.create(\"required,minLength:3\")\n        };\n\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Label, description and validation\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <Bind {...bindProps}>\n                                    <Input\n                                        label={\"Your name\"}\n                                        disabled={disabled}\n                                        description={\"This is your profile name\"}\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind\n                                name=\"name\"\n                                validators={validation.create(\"required,minLength:3\")}>\n                                <Input label={\"Your name\"} disabled={${disabled}} description={\"This is your profile name\"}/>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"With icon (box)\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <React.Fragment>\n                                    <Bind name=\"phone\">\n                                        <Input\n                                            icon={<AutoRenewIcon />}\n                                            label={\"Your phone number\"}\n                                            description={\"Please enter a real number\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                    <Bind name=\"mobile\">\n                                        <Input\n                                            trailingIcon={<CloudDoneIcon />}\n                                            label={\"Your mobile number\"}\n                                            description={\"An SMS will be sent to this number\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                </React.Fragment>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"phone\">\n                                    <Input\n                                        icon={<AutoRenewIcon />}\n                                        label={\"Your phone number\"}\n                                        description={\"Please enter a real number\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                                <Bind name=\"mobile\">\n                                    <Input\n                                        trailingIcon={<CloudDoneIcon />}\n                                        label={\"Your mobile number\"}\n                                        description={\"An SMS will be sent to this number\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"With icon (outlined)\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <React.Fragment>\n                                    <Bind name=\"phone\">\n                                        <Input\n                                            outlined\n                                            icon={<BaselineDeleteIcon />}\n                                            label={\"Your phone number\"}\n                                            description={\"Please enter a real number\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                    <Bind name=\"mobile\">\n                                        <Input\n                                            outlined\n                                            trailingIcon={<BaselineDoneIcon />}\n                                            label={\"Your mobile number\"}\n                                            description={\"An SMS will be sent to this number\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                </React.Fragment>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"phone\">\n                                    <Input\n                                        outlined\n                                        icon={<BaselineDeleteIcon />}\n                                        label={\"Your phone number\"}\n                                        description={\"Please enter a real number\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                                <Bind name=\"mobile\">\n                                    <Input\n                                        outlined\n                                        trailingIcon={<BaselineDoneIcon />}\n                                        label={\"Your mobile number\"}\n                                        description={\"An SMS will be sent to this number\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Full width\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <Bind {...bindProps}>\n                                    <Input\n                                        placeholder={\"Your name\"}\n                                        fullwidth\n                                        disabled={disabled}\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind\n                                name=\"name\"\n                                validators={validation.create(\"required,minLength:3\")}>\n                                <Input placeholder={\"Your name\"} fullwidth disabled={${disabled}}/>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Textarea\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <React.Fragment>\n                                    <Bind name=\"info\">\n                                        <Input\n                                            rows={6}\n                                            placeholder={\"Tell us something...\"}\n                                            description={\"Just a little bit about yourself.\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                    <Bind name=\"description\">\n                                        <Input\n                                            fullwidth\n                                            rows={6}\n                                            placeholder={\"How's the weather today?\"}\n                                            description={\"We actually need to know.\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                </React.Fragment>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"info\">\n                                    <Input\n                                        rows={6}\n                                        placeholder={\"Tell us something...\"}\n                                        description={\"Just a little bit about yourself.\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                                <Bind name=\"description\">\n                                    <Input\n                                        fullwidth\n                                        rows={6}\n                                        placeholder={\"How's the weather today?\"}\n                                        description={\"We actually need to know.\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Input] } }\n);\n"],"mappings":"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"}

package/Input/__tests__/Input.test.js

@@ -1,89 +1,86 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-// TODO remove
-// @ts-nocheck
-import React from "react"; // eslint-disable-next-line
-
-import { Input } from "../index";
-import "jest-dom/extend-expect";
-import { render, cleanup } from "react-testing-library";
-afterEach(cleanup);
-describe("Input tests", function () {
-  test("passes expected props to render prop", function () {
-    var _setup = setup(),
-        renderArg = _setup.renderArg;
+"use strict";
 
-    expect(renderArg).toContainKeys(["value", "validation", "onChange", "onBlur"]);
-  });
-  test("updates value via onChange", function () {
-    var _setup2 = setup(),
-        renderArg = _setup2.renderArg;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-    expect(renderArg.value).toBe("init-value");
-    renderArg.onChange("new-value");
-    expect(renderArg.value).toBe("new-value");
-    renderArg.onChange("third-value");
-    expect(renderArg.value).toBe("third-value");
-  });
-});
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = require("../index");
+
+require("jest-dom/extend-expect");
+
+var _react2 = require("@testing-library/react");
+
+afterEach(_react2.cleanup);
 
 function setup() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var renderArg = {};
+  var renderArg = {
+    // eslint-disable-next-line
+    onChange: function onChange(_) {},
+    value: null
+  };
   var renderProp = jest.fn(function (controllerArg) {
     Object.assign(renderArg, controllerArg);
     return null;
   });
+  var onChange = props.onChange ? props.onChange : function () {
+    return void 0;
+  };
 
   var Test = /*#__PURE__*/function (_React$Component) {
-    _inherits(Test, _React$Component);
+    (0, _inherits2.default)(Test, _React$Component);
 
-    var _super = _createSuper(Test);
+    var _super = (0, _createSuper2.default)(Test);
 
     function Test() {
       var _this;
 
-      _classCallCheck(this, Test);
+      (0, _classCallCheck2.default)(this, Test);
 
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
 
       _this = _super.call.apply(_super, [this].concat(args));
-
-      _defineProperty(_assertThisInitialized(_this), "state", {
+      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
         value: "init-value"
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onChange", function (value) {
+      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (value) {
         _this.setState({
           value: value
         });
       });
-
       return _this;
     }
 
-    _createClass(Test, [{
+    (0, _createClass2.default)(Test, [{
       key: "render",
       value: function render() {
-        return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
+        return /*#__PURE__*/_react.default.createElement(_index.Input, Object.assign({}, props, {
           value: this.state.value,
-          onChange: callAll(props.onChange, this.onChange)
+          onChange: callAll(onChange, this.onChange)
         }), renderProp);
       }
     }]);
-
     return Test;
-  }(React.Component);
+  }(_react.default.Component);
 
-  var utils = render( /*#__PURE__*/React.createElement(Test, null));
-  return _objectSpread({
+  var utils = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(Test, null));
+  return (0, _objectSpread2.default)({
     renderArg: renderArg
   }, utils);
 }
@@ -110,4 +107,24 @@ function callAll() {
       fn && fn.apply(void 0, args);
     });
   };
-}
+}
+
+describe("Input tests", function () {
+  test("passes expected props to render prop", function () {
+    var _setup = setup(),
+        renderArg = _setup.renderArg; // @ts-ignore
+
+
+    expect(renderArg).toContainKeys(["value", "validation", "onChange", "onBlur"]);
+  });
+  test("updates value via onChange", function () {
+    var _setup2 = setup(),
+        renderArg = _setup2.renderArg;
+
+    expect(renderArg.value).toBe("init-value");
+    renderArg.onChange("new-value");
+    expect(renderArg.value).toBe("new-value");
+    renderArg.onChange("third-value");
+    expect(renderArg.value).toBe("third-value");
+  });
+});

package/Input/__tests__/Input.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["afterEach","cleanup","setup","props","renderArg","onChange","_","value","renderProp","jest","fn","controllerArg","Object","assign","Test","setState","state","callAll","React","Component","utils","render","fns","args","forEach","describe","test","expect","toContainKeys","toBe"],"sources":["Input.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\nimport \"jest-dom/extend-expect\";\nimport { render, cleanup } from \"@testing-library/react\";\n\nafterEach(cleanup);\n\ninterface SetupProps {\n    onChange?: () => void;\n}\nfunction setup(props: SetupProps = {}) {\n    const renderArg = {\n        // eslint-disable-next-line\n        onChange: (_: string) => {},\n        value: null\n    };\n    const renderProp = jest.fn(controllerArg => {\n        Object.assign(renderArg, controllerArg);\n        return null;\n    });\n\n    const onChange = props.onChange\n        ? props.onChange\n        : () => {\n              return void 0;\n          };\n\n    class Test extends React.Component {\n        public override state = { value: \"init-value\" };\n\n        onChange = (value: string) => {\n            this.setState({ value });\n        };\n\n        public override render() {\n            return (\n                <Input\n                    {...props}\n                    value={this.state.value}\n                    onChange={callAll(onChange, this.onChange)}\n                >\n                    {renderProp}\n                </Input>\n            );\n        }\n    }\n\n    const utils = render(<Test />);\n\n    return { renderArg, ...utils };\n}\n\n/**\n * This return a function that will call all the given functions with\n * the arguments with which it's called. It does a null-check before\n * attempting to call the functions and can take any number of functions.\n * @param {...Function} fns the functions to call\n * @return {Function} the function that calls all the functions\n */\nfunction callAll(...fns: Function[]) {\n    return (...args: any) => {\n        fns.forEach(fn => {\n            fn && fn(...args);\n        });\n    };\n}\n\ndescribe(\"Input tests\", () => {\n    test(\"passes expected props to render prop\", () => {\n        const { renderArg } = setup();\n\n        // @ts-ignore\n        expect(renderArg).toContainKeys([\"value\", \"validation\", \"onChange\", \"onBlur\"]);\n    });\n\n    test(\"updates value via onChange\", () => {\n        const { renderArg } = setup();\n        expect(renderArg.value).toBe(\"init-value\");\n        renderArg.onChange(\"new-value\");\n        expect(renderArg.value).toBe(\"new-value\");\n        renderArg.onChange(\"third-value\");\n        expect(renderArg.value).toBe(\"third-value\");\n    });\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEAA,SAAS,CAACC,eAAD,CAAT;;AAKA,SAASC,KAAT,GAAuC;EAAA,IAAxBC,KAAwB,uEAAJ,EAAI;EACnC,IAAMC,SAAS,GAAG;IACd;IACAC,QAAQ,EAAE,kBAACC,CAAD,EAAe,CAAE,CAFb;IAGdC,KAAK,EAAE;EAHO,CAAlB;EAKA,IAAMC,UAAU,GAAGC,IAAI,CAACC,EAAL,CAAQ,UAAAC,aAAa,EAAI;IACxCC,MAAM,CAACC,MAAP,CAAcT,SAAd,EAAyBO,aAAzB;IACA,OAAO,IAAP;EACH,CAHkB,CAAnB;EAKA,IAAMN,QAAQ,GAAGF,KAAK,CAACE,QAAN,GACXF,KAAK,CAACE,QADK,GAEX,YAAM;IACF,OAAO,KAAK,CAAZ;EACH,CAJP;;EAXmC,IAiB7BS,IAjB6B;IAAA;;IAAA;;IAAA;MAAA;;MAAA;;MAAA;QAAA;MAAA;;MAAA;MAAA,oFAkBP;QAAEP,KAAK,EAAE;MAAT,CAlBO;MAAA,uFAoBpB,UAACA,KAAD,EAAmB;QAC1B,MAAKQ,QAAL,CAAc;UAAER,KAAK,EAALA;QAAF,CAAd;MACH,CAtB8B;MAAA;IAAA;;IAAA;MAAA;MAAA,OAwB/B,kBAAyB;QACrB,oBACI,6BAAC,YAAD,oBACQJ,KADR;UAEI,KAAK,EAAE,KAAKa,KAAL,CAAWT,KAFtB;UAGI,QAAQ,EAAEU,OAAO,CAACZ,QAAD,EAAW,KAAKA,QAAhB;QAHrB,IAKKG,UALL,CADJ;MASH;IAlC8B;IAAA;EAAA,EAiBhBU,cAAA,CAAMC,SAjBU;;EAqCnC,IAAMC,KAAK,GAAG,IAAAC,cAAA,gBAAO,6BAAC,IAAD,OAAP,CAAd;EAEA;IAASjB,SAAS,EAATA;EAAT,GAAuBgB,KAAvB;AACH;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASH,OAAT,GAAqC;EAAA,mCAAjBK,GAAiB;IAAjBA,GAAiB;EAAA;;EACjC,OAAO,YAAkB;IAAA,mCAAdC,IAAc;MAAdA,IAAc;IAAA;;IACrBD,GAAG,CAACE,OAAJ,CAAY,UAAAd,EAAE,EAAI;MACdA,EAAE,IAAIA,EAAE,MAAF,SAAMa,IAAN,CAAN;IACH,CAFD;EAGH,CAJD;AAKH;;AAEDE,QAAQ,CAAC,aAAD,EAAgB,YAAM;EAC1BC,IAAI,CAAC,sCAAD,EAAyC,YAAM;IAC/C,aAAsBxB,KAAK,EAA3B;IAAA,IAAQE,SAAR,UAAQA,SAAR,CAD+C,CAG/C;;;IACAuB,MAAM,CAACvB,SAAD,CAAN,CAAkBwB,aAAlB,CAAgC,CAAC,OAAD,EAAU,YAAV,EAAwB,UAAxB,EAAoC,QAApC,CAAhC;EACH,CALG,CAAJ;EAOAF,IAAI,CAAC,4BAAD,EAA+B,YAAM;IACrC,cAAsBxB,KAAK,EAA3B;IAAA,IAAQE,SAAR,WAAQA,SAAR;;IACAuB,MAAM,CAACvB,SAAS,CAACG,KAAX,CAAN,CAAwBsB,IAAxB,CAA6B,YAA7B;IACAzB,SAAS,CAACC,QAAV,CAAmB,WAAnB;IACAsB,MAAM,CAACvB,SAAS,CAACG,KAAX,CAAN,CAAwBsB,IAAxB,CAA6B,WAA7B;IACAzB,SAAS,CAACC,QAAV,CAAmB,aAAnB;IACAsB,MAAM,CAACvB,SAAS,CAACG,KAAX,CAAN,CAAwBsB,IAAxB,CAA6B,aAA7B;EACH,CAPG,CAAJ;AAQH,CAhBO,CAAR"}

package/Input/index.js

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

package/Input/index.js.map

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

package/List/CollapsibleList/CollapsibleList.stories.js

@@ -1,26 +1,37 @@
-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 { withKnobs } from "@storybook/addon-knobs";
-import { CollapsibleList } from "./index";
-import { SimpleListItem } from "./../List";
-var story = storiesOf("Components/List", module);
-story.addDecorator(withKnobs);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@storybook/react");
+
+var _Story = require("@webiny/storybook-utils/Story");
+
+var _README = _interopRequireDefault(require("./README.md"));
+
+var _addonKnobs = require("@storybook/addon-knobs");
+
+var _index = require("./index");
+
+var _List = require("./../List");
+
+var story = (0, _react2.storiesOf)("Components/List", module);
+story.addDecorator(_addonKnobs.withKnobs);
 story.add("collapsible list", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement(CollapsibleList, {
-    handle: /*#__PURE__*/React.createElement(SimpleListItem, {
+  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement(_index.CollapsibleList, {
+    handle: /*#__PURE__*/_react.default.createElement(_List.SimpleListItem, {
       text: "Fruits"
     })
-  }, /*#__PURE__*/React.createElement(SimpleListItem, {
+  }, /*#__PURE__*/_react.default.createElement(_List.SimpleListItem, {
     text: "Bananas"
-  }), /*#__PURE__*/React.createElement(SimpleListItem, {
+  }), /*#__PURE__*/_react.default.createElement(_List.SimpleListItem, {
     text: "Grapes"
-  }), /*#__PURE__*/React.createElement(SimpleListItem, {
+  }), /*#__PURE__*/_react.default.createElement(_List.SimpleListItem, {
     text: "Oranges"
-  }))), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                         <CollapsibleList handle={<SimpleListItem text=\"Fruits\" />}>\n                            <SimpleListItem text=\"Bananas\" />\n                            <SimpleListItem text=\"Grapes\" />\n                            <SimpleListItem text=\"Oranges\" />\n                        </CollapsibleList>\n                      ")));
+  }))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                         <CollapsibleList handle={<SimpleListItem text=\"Fruits\" />}>\n                            <SimpleListItem text=\"Bananas\" />\n                            <SimpleListItem text=\"Grapes\" />\n                            <SimpleListItem text=\"Oranges\" />\n                        </CollapsibleList>\n                      ")));
 }, {
   info: {
-    propTables: [CollapsibleList, SimpleListItem]
+    propTables: [_index.CollapsibleList, _List.SimpleListItem]
   }
 });

package/List/CollapsibleList/CollapsibleList.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","readme","info","propTables","CollapsibleList","SimpleListItem"],"sources":["CollapsibleList.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { withKnobs } from \"@storybook/addon-knobs\";\n\nimport { CollapsibleList } from \"./index\";\nimport { SimpleListItem } from \"./../List\";\n\nconst story = storiesOf(\"Components/List\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"collapsible list\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <CollapsibleList handle={<SimpleListItem text=\"Fruits\" />}>\n                            <SimpleListItem text=\"Bananas\" />\n                            <SimpleListItem text=\"Grapes\" />\n                            <SimpleListItem text=\"Oranges\" />\n                        </CollapsibleList>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                         <CollapsibleList handle={<SimpleListItem text=\"Fruits\" />}>\n                            <SimpleListItem text=\"Bananas\" />\n                            <SimpleListItem text=\"Grapes\" />\n                            <SimpleListItem text=\"Oranges\" />\n                        </CollapsibleList>\n                      `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [CollapsibleList, SimpleListItem]\n        }\n    }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,iBAAV,EAA6BC,MAA7B,CAAd;AACAF,KAAK,CAACG,YAAN,CAAmBC,qBAAnB;AAEAJ,KAAK,CAACK,GAAN,CACI,kBADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAGI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD,qBACI,6BAAC,sBAAD;IAAiB,MAAM,eAAE,6BAAC,oBAAD;MAAgB,IAAI,EAAC;IAArB;EAAzB,gBACI,6BAAC,oBAAD;IAAgB,IAAI,EAAC;EAArB,EADJ,eAEI,6BAAC,oBAAD;IAAgB,IAAI,EAAC;EAArB,EAFJ,eAGI,6BAAC,oBAAD;IAAgB,IAAI,EAAC;EAArB,EAHJ,CADJ,CADJ,eAQI,6BAAC,uBAAD,yWARJ,CAHJ,CADJ;AAwBH,CA3BL,EA4BI;EACIC,IAAI,EAAE;IACFC,UAAU,EAAE,CAACC,sBAAD,EAAkBC,oBAAlB;EADV;AADV,CA5BJ"}

package/List/CollapsibleList/index.d.ts

@@ -1,8 +1,8 @@
 import "./index.css";
-import * as React from "react";
+import React from "react";
 import { CollapsibleListProps as RmwcCollapsibleListProps } from "@rmwc/list";
 export declare type CollapsibleListProps = RmwcCollapsibleListProps & {
     children: React.ReactNode;
 };
-export declare const CollapsibleList: (props: CollapsibleListProps) => JSX.Element;
+export declare const CollapsibleList: React.FC<CollapsibleListProps>;
 export default CollapsibleList;

package/List/CollapsibleList/index.js

@@ -1,7 +1,22 @@
-import "./index.css";
-import * as React from "react";
-import { CollapsibleList as RmwcCollapsibleList } from "@rmwc/list";
-export var CollapsibleList = function CollapsibleList(props) {
-  return /*#__PURE__*/React.createElement(RmwcCollapsibleList, props);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CollapsibleList = void 0;
+
+require("./index.css");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _list = require("@rmwc/list");
+
+var CollapsibleList = function CollapsibleList(props) {
+  return /*#__PURE__*/_react.default.createElement(_list.CollapsibleList, props);
 };
-export default CollapsibleList;
+
+exports.CollapsibleList = CollapsibleList;
+var _default = CollapsibleList;
+exports.default = _default;

package/List/CollapsibleList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CollapsibleList","props"],"sources":["index.tsx"],"sourcesContent":["import \"./index.css\";\nimport React from \"react\";\nimport {\n    CollapsibleList as RmwcCollapsibleList,\n    CollapsibleListProps as RmwcCollapsibleListProps\n} from \"@rmwc/list\";\n\nexport type CollapsibleListProps = RmwcCollapsibleListProps & {\n    children: React.ReactNode;\n};\n\nexport const CollapsibleList: React.FC<CollapsibleListProps> = props => {\n    return <RmwcCollapsibleList {...props} />;\n};\n\nexport default CollapsibleList;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AASO,IAAMA,eAA+C,GAAG,SAAlDA,eAAkD,CAAAC,KAAK,EAAI;EACpE,oBAAO,6BAAC,qBAAD,EAAyBA,KAAzB,CAAP;AACH,CAFM;;;eAIQD,e"}