@webiny/ui 5.40.0-beta.1 → 5.40.0-beta.3

package/Icon/Icon.stories.js

@@ -1,32 +0,0 @@
-"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("./../Icon/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 _Icon = require("./Icon");
-var story = (0, _react2.storiesOf)("Components/Icon", module);
-story.add("usage", function () {
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "A simple icon"
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineAutorenew24px.ReactComponent, null)
-  }), "\xA0", /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineCloud_done24px.ReactComponent, null)
-  }), "\xA0", /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDelete24px.ReactComponent, null)
-  }), "\xA0", /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
-  }), "\xA0")));
-}, {
-  info: {
-    propTables: [_Icon.Icon]
-  }
-});
-
-//# sourceMappingURL=Icon.stories.js.map

package/Icon/Icon.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_baselineAutorenew24px","_baselineCloud_done24px","_baselineDelete24px","_baselineDone24px","_Icon","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","Icon","icon","ReactComponent","info","propTables"],"sources":["Icon.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Icon/README.md\";\n\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\";\nimport { Icon } from \"./Icon\";\n\nconst story = storiesOf(\"Components/Icon\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple icon\"}>\n                    <div>\n                        <Icon icon={<AutoRenewIcon />} />\n                        &nbsp;\n                        <Icon icon={<CloudDoneIcon />} />\n                        &nbsp;\n                        <Icon icon={<BaselineDeleteIcon />} />\n                        &nbsp;\n                        <Icon icon={<BaselineDoneIcon />} />\n                        &nbsp;\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Icon] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAEA,IAAMS,KAAK,GAAG,IAAAC,iBAAS,EAAC,iBAAiB,EAAEC,MAAM,CAAC;AAElDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACId,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAa,KAAK,qBACFjB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAc,WAAW,QAAEC,eAAoB,CAAC,eACnCnB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAgB,YAAY;IAACC,KAAK,EAAE;EAAgB,gBACjCrB,MAAA,CAAAe,OAAA,CAAAC,aAAA,2BACIhB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAY,IAAI;IAACC,IAAI,eAAEvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,sBAAA,CAAAkB,cAAa,MAAE;EAAE,CAAE,CAAC,QAEjC,eAAAxB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAY,IAAI;IAACC,IAAI,eAAEvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACT,uBAAA,CAAAiB,cAAa,MAAE;EAAE,CAAE,CAAC,QAEjC,eAAAxB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAY,IAAI;IAACC,IAAI,eAAEvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACR,mBAAA,CAAAgB,cAAkB,MAAE;EAAE,CAAE,CAAC,QAEtC,eAAAxB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAY,IAAI;IAACC,IAAI,eAAEvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAe,cAAgB,MAAE;EAAE,CAAE,CAAC,QAEnC,CACK,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACJ,UAAI;EAAE;AAAE,CACnC,CAAC"}

package/Image/Image.stories.d.ts

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

package/Image/Image.stories.js

@@ -1,26 +0,0 @@
-"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("./../Image/README.md"));
-var _addonKnobs = require("@storybook/addon-knobs");
-var _Image = require("./Image");
-var story = (0, _react2.storiesOf)("Components/Image", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage", function () {
-  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(_Image.Image, {
-    src: "http://i.pravatar.cc/150?img=49",
-    alt: "Nice image."
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, /*#__PURE__*/_react.default.createElement(_Image.Image, {
-    src: "http://i.pravatar.cc/150?img=49",
-    alt: "Nice image."
-  }))));
-}, {
-  info: {
-    propTables: [_Image.Image]
-  }
-});
-
-//# sourceMappingURL=Image.stories.js.map

package/Image/Image.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_addonKnobs","_Image","story","storiesOf","module","addDecorator","withKnobs","add","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","Image","src","alt","StorySandboxCode","info","propTables"],"sources":["Image.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\";\n\nimport readme from \"./../Image/README.md\";\nimport { withKnobs } from \"@storybook/addon-knobs\";\n\nimport { Image } from \"./Image\";\n\nconst story = storiesOf(\"Components/Image\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <Image src=\"http://i.pravatar.cc/150?img=49\" alt=\"Nice image.\" />\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <Image src=\"http://i.pravatar.cc/150?img=49\" alt=\"Nice image.\" />\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Image] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAQA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAMM,KAAK,GAAG,IAAAC,iBAAS,EAAC,kBAAkB,EAAEC,MAAM,CAAC;AACnDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACIb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAY,KAAK,qBACFhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAa,WAAW,QAAEC,eAAoB,CAAC,eACnClB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAe,YAAY,qBACTnB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAgB,mBAAmB,qBAChBpB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAc,KAAK;IAACC,GAAG,EAAC,iCAAiC;IAACC,GAAG,EAAC;EAAa,CAAE,CAC/C,CAAC,eACtBvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAoB,gBAAgB,qBACbxB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAc,KAAK;IAACC,GAAG,EAAC,iCAAiC;IAACC,GAAG,EAAC;EAAa,CAAE,CAClD,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEE,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACL,YAAK;EAAE;AAAE,CACpC,CAAC"}

package/ImageUpload/MultiImageUpload.stories.d.ts

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

package/ImageUpload/MultiImageUpload.stories.js

@@ -1,71 +0,0 @@
-"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("./README.md"));
-var _form = require("@webiny/form");
-var _MultiImageUpload = require("./MultiImageUpload");
-var story = (0, _react2.storiesOf)("Components/ImageUpload", module);
-story.addDecorator(_addonKnobs.withKnobs);
-var images = [{
-  id: 1,
-  name: "1st_image.jpg",
-  src: "http://i.pravatar.cc/150?img=49",
-  type: "image/jpeg",
-  size: 901611
-}, {
-  id: 2,
-  name: "2nd_image.jpg",
-  src: "http://i.pravatar.cc/150?img=63",
-  type: "image/jpeg",
-  size: 902612
-}, {
-  id: 3,
-  name: "3rd_image.jpg",
-  src: "http://i.pravatar.cc/150?img=24",
-  type: "image/jpeg",
-  size: 903613
-}, {
-  id: 4,
-  name: "4th_image.jpg",
-  src: "http://i.pravatar.cc/150?img=57",
-  type: "image/jpeg",
-  size: 904614
-}, {
-  id: 5,
-  name: "5th_image.jpg",
-  src: "http://i.pravatar.cc/150?img=31",
-  type: "image/jpeg",
-  size: 905615
-}];
-story.add("Multi Image Upload", function () {
-  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, null, /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: {
-      images: images
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "images"
-    }, /*#__PURE__*/_react.default.createElement(_MultiImageUpload.MultiImageUpload, {
-      label: "Your previously uploaded images:",
-      disabled: disabled,
-      description: "This list will not be shown to other users.",
-      cropper: {
-        aspectRatio: 1
-      }
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                        <Form data={".concat(JSON.stringify({
-    images: images
-  }), "}>\n                            {({ Bind }) => (\n                                <Bind name=\"images\">\n                                     <MultiImageUpload\n                                        label=\"Your previously uploaded images:\"\n                                        disabled={disabled}\n                                        description=\"This list will not be shown to other users.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    "))));
-}, {
-  info: {
-    propTables: [_MultiImageUpload.MultiImageUpload]
-  }
-});
-
-//# sourceMappingURL=MultiImageUpload.stories.js.map

package/ImageUpload/MultiImageUpload.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_form","_MultiImageUpload","story","storiesOf","module","addDecorator","withKnobs","images","id","name","src","type","size","add","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","Form","data","_ref","Bind","MultiImageUpload","label","description","cropper","aspectRatio","StorySandboxCode","concat","JSON","stringify","info","propTables"],"sources":["MultiImageUpload.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 \"./README.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { MultiImageUpload } from \"./MultiImageUpload\";\n\nconst story = storiesOf(\"Components/ImageUpload\", module);\nstory.addDecorator(withKnobs);\n\nconst images = [\n    {\n        id: 1,\n        name: \"1st_image.jpg\",\n        src: \"http://i.pravatar.cc/150?img=49\",\n        type: \"image/jpeg\",\n        size: 901611\n    },\n    {\n        id: 2,\n        name: \"2nd_image.jpg\",\n        src: \"http://i.pravatar.cc/150?img=63\",\n        type: \"image/jpeg\",\n        size: 902612\n    },\n    {\n        id: 3,\n        name: \"3rd_image.jpg\",\n        src: \"http://i.pravatar.cc/150?img=24\",\n        type: \"image/jpeg\",\n        size: 903613\n    },\n    {\n        id: 4,\n        name: \"4th_image.jpg\",\n        src: \"http://i.pravatar.cc/150?img=57\",\n        type: \"image/jpeg\",\n        size: 904614\n    },\n    {\n        id: 5,\n        name: \"5th_image.jpg\",\n        src: \"http://i.pravatar.cc/150?img=31\",\n        type: \"image/jpeg\",\n        size: 905615\n    }\n];\n\nstory.add(\n    \"Multi Image Upload\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <Form data={{ images }}>\n                            {({ Bind }) => (\n                                <Bind name=\"images\">\n                                    <MultiImageUpload\n                                        label=\"Your previously uploaded images:\"\n                                        disabled={disabled}\n                                        description=\"This list will not be shown to other users.\"\n                                        cropper={{\n                                            aspectRatio: 1\n                                        }}\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Form data={${JSON.stringify({ images: images })}}>\n                            {({ Bind }) => (\n                                <Bind name=\"images\">\n                                     <MultiImageUpload\n                                        label=\"Your previously uploaded images:\"\n                                        disabled={disabled}\n                                        description=\"This list will not be shown to other users.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [MultiImageUpload] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,wBAAwB,EAAEC,MAAM,CAAC;AACzDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7B,IAAMC,MAAM,GAAG,CACX;EACIC,EAAE,EAAE,CAAC;EACLC,IAAI,EAAE,eAAe;EACrBC,GAAG,EAAE,iCAAiC;EACtCC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAE;AACV,CAAC,EACD;EACIJ,EAAE,EAAE,CAAC;EACLC,IAAI,EAAE,eAAe;EACrBC,GAAG,EAAE,iCAAiC;EACtCC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAE;AACV,CAAC,EACD;EACIJ,EAAE,EAAE,CAAC;EACLC,IAAI,EAAE,eAAe;EACrBC,GAAG,EAAE,iCAAiC;EACtCC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAE;AACV,CAAC,EACD;EACIJ,EAAE,EAAE,CAAC;EACLC,IAAI,EAAE,eAAe;EACrBC,GAAG,EAAE,iCAAiC;EACtCC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAE;AACV,CAAC,EACD;EACIJ,EAAE,EAAE,CAAC;EACLC,IAAI,EAAE,eAAe;EACrBC,GAAG,EAAE,iCAAiC;EACtCC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAE;AACV,CAAC,CACJ;AAEDV,KAAK,CAACW,GAAG,CACL,oBAAoB,EACpB,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,oBACItB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,MAAA,CAAAqB,KAAK,qBACFzB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,MAAA,CAAAsB,WAAW,QAAEC,eAAoB,CAAC,eACnC3B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,MAAA,CAAAwB,YAAY,qBACT5B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,MAAA,CAAAyB,mBAAmB,qBAChB7B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACjB,KAAA,CAAAuB,IAAI;IAACC,IAAI,EAAE;MAAEjB,MAAM,EAANA;IAAO;EAAE,GAClB,UAAAkB,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJjC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACS,IAAI;MAACjB,IAAI,EAAC;IAAQ,gBACfhB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAChB,iBAAA,CAAA0B,gBAAgB;MACbC,KAAK,EAAC,kCAAkC;MACxCd,QAAQ,EAAEA,QAAS;MACnBe,WAAW,EAAC,6CAA6C;MACzDC,OAAO,EAAE;QACLC,WAAW,EAAE;MACjB;IAAE,CACL,CACC,CAAC;EAAA,CAET,CACW,CAAC,eACtBtC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,MAAA,CAAAmC,gBAAgB,iDAAAC,MAAA,CAECC,IAAI,CAACC,SAAS,CAAC;IAAE5B,MAAM,EAAEA;EAAO,CAAC,CAAC,mkBAYlC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAE6B,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACV,kCAAgB;EAAE;AAAE,CAC/C,CAAC"}

package/ImageUpload/SingleImageUpload.stories.d.ts

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

package/ImageUpload/SingleImageUpload.stories.js

@@ -1,48 +0,0 @@
-"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("./README.md"));
-var _form = require("@webiny/form");
-var _SingleImageUpload = require("./SingleImageUpload");
-var story = (0, _react2.storiesOf)("Components/ImageUpload", module);
-story.addDecorator(_addonKnobs.withKnobs);
-var image = {
-  id: 1,
-  name: "1st_image.jpg",
-  src: "http://i.pravatar.cc/150?img=49",
-  type: "image/jpeg",
-  size: 901611
-};
-story.add("Single Image Upload", function () {
-  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, null, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      maxWidth: 200
-    }
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: {
-      image: image
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "image"
-    }, /*#__PURE__*/_react.default.createElement(_SingleImageUpload.SingleImageUpload, {
-      label: "Your previously uploaded image:",
-      disabled: disabled,
-      description: "Image will be publicly visible."
-    }));
-  }))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                        <Form data={".concat(JSON.stringify({
-    image: image
-  }), "}>\n                            {({ Bind }) => (\n                                <Bind name=\"image\">\n                                     <SingleImageUpload\n                                        label=\"Your previously uploaded image:\"\n                                        disabled={disabled}\n                                        description=\"This list will not be shown to other users.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    "))));
-}, {
-  info: {
-    propTables: [_SingleImageUpload.SingleImageUpload]
-  }
-});
-
-//# sourceMappingURL=SingleImageUpload.stories.js.map

package/ImageUpload/SingleImageUpload.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_form","_SingleImageUpload","story","storiesOf","module","addDecorator","withKnobs","image","id","name","src","type","size","add","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","style","maxWidth","Form","data","_ref","Bind","SingleImageUpload","label","description","StorySandboxCode","concat","JSON","stringify","info","propTables"],"sources":["SingleImageUpload.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 \"./README.md\";\nimport { Form } from \"@webiny/form\";\nimport { SingleImageUpload } from \"./SingleImageUpload\";\n\nconst story = storiesOf(\"Components/ImageUpload\", module);\nstory.addDecorator(withKnobs);\n\nconst image = {\n    id: 1,\n    name: \"1st_image.jpg\",\n    src: \"http://i.pravatar.cc/150?img=49\",\n    type: \"image/jpeg\",\n    size: 901611\n};\n\nstory.add(\n    \"Single Image Upload\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <div style={{ maxWidth: 200 }}>\n                            <Form data={{ image }}>\n                                {({ Bind }) => (\n                                    <Bind name=\"image\">\n                                        <SingleImageUpload\n                                            label=\"Your previously uploaded image:\"\n                                            disabled={disabled}\n                                            description=\"Image will be publicly visible.\"\n                                        />\n                                    </Bind>\n                                )}\n                            </Form>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Form data={${JSON.stringify({ image: image })}}>\n                            {({ Bind }) => (\n                                <Bind name=\"image\">\n                                     <SingleImageUpload\n                                        label=\"Your previously uploaded image:\"\n                                        disabled={disabled}\n                                        description=\"This list will not be shown to other users.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [SingleImageUpload] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,wBAAwB,EAAEC,MAAM,CAAC;AACzDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7B,IAAMC,KAAK,GAAG;EACVC,EAAE,EAAE,CAAC;EACLC,IAAI,EAAE,eAAe;EACrBC,GAAG,EAAE,iCAAiC;EACtCC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAE;AACV,CAAC;AAEDV,KAAK,CAACW,GAAG,CACL,qBAAqB,EACrB,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,oBACItB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,MAAA,CAAAqB,KAAK,qBACFzB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,MAAA,CAAAsB,WAAW,QAAEC,eAAoB,CAAC,eACnC3B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,MAAA,CAAAwB,YAAY,qBACT5B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,MAAA,CAAAyB,mBAAmB,qBAChB7B,MAAA,CAAAuB,OAAA,CAAAC,aAAA;IAAKM,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAI;EAAE,gBAC1B/B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACjB,KAAA,CAAAyB,IAAI;IAACC,IAAI,EAAE;MAAEnB,KAAK,EAALA;IAAM;EAAE,GACjB,UAAAoB,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJnC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACW,IAAI;MAACnB,IAAI,EAAC;IAAO,gBACdhB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAChB,kBAAA,CAAA4B,iBAAiB;MACdC,KAAK,EAAC,iCAAiC;MACvChB,QAAQ,EAAEA,QAAS;MACnBiB,WAAW,EAAC;IAAiC,CAChD,CACC,CAAC;EAAA,CAET,CACL,CACY,CAAC,eACtBtC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,MAAA,CAAAmC,gBAAgB,iDAAAC,MAAA,CAECC,IAAI,CAACC,SAAS,CAAC;IAAE5B,KAAK,EAAEA;EAAM,CAAC,CAAC,kkBAYhC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAE6B,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACR,oCAAiB;EAAE;AAAE,CAChD,CAAC"}

package/Input/Input.stories.d.ts

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

package/Input/Input.stories.js

@@ -1,109 +0,0 @@
-"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.validation.create("required,minLength:3")
-  };
-  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.default.createElement(_form.Form, null, function (_ref) {
-    var Bind = _ref.Bind;
-    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.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.default.createElement(_form.Form, null, function (_ref2) {
-    var Bind = _ref2.Bind;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "phone"
-    }, /*#__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.default.createElement(Bind, {
-      name: "mobile"
-    }, /*#__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.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.default.createElement(_form.Form, null, function (_ref3) {
-    var Bind = _ref3.Bind;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "phone"
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      outlined: true,
-      icon: /*#__PURE__*/_react.default.createElement(_baselineDelete24px.ReactComponent, null),
-      label: "Your phone number",
-      description: "Please enter a real number",
-      disabled: disabled
-    })), /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "mobile"
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      outlined: true,
-      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.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.default.createElement(_form.Form, null, function (_ref4) {
-    var Bind = _ref4.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, bindProps, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      placeholder: "Your name",
-      fullwidth: true,
-      disabled: disabled
-    }));
-  })), /*#__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.default.createElement(_form.Form, null, function (_ref5) {
-    var Bind = _ref5.Bind;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "info"
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      rows: 6,
-      placeholder: "Tell us something...",
-      description: "Just a little bit about yourself.",
-      disabled: disabled
-    })), /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "description"
-    }, /*#__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.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.Input]
-  }
-});
-
-//# sourceMappingURL=Input.stories.js.map

package/Input/Input.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_baselineAutorenew24px","_baselineCloud_done24px","_baselineDelete24px","_baselineDone24px","_form","_Input","_validation","story","storiesOf","module","addDecorator","withKnobs","add","bindProps","name","validators","validation","create","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","_ref","Bind","Input","label","description","StorySandboxCode","concat","_ref2","Fragment","icon","ReactComponent","trailingIcon","_ref3","outlined","_ref4","placeholder","fullwidth","_ref5","rows","info","propTables"],"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":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,uBAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AAEA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AAEA,IAAMY,KAAK,GAAG,IAAAC,iBAAS,EAAC,kBAAkB,EAAEC,MAAM,CAAC;AACnDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,SAAS,GAAG;IACdC,IAAI,EAAE,MAAM;IACZC,UAAU,EAAEC,sBAAU,CAACC,MAAM,CAAC,sBAAsB;EACxD,CAAC;EAED,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,oBACI1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAAyB,KAAK,qBACF7B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAA0B,WAAW,QAAEC,eAAoB,CAAC,eACnC/B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAA4B,YAAY,qBACThC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAA6B,mBAAmB;IAACC,KAAK,EAAE;EAAoC,gBAC5DlC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACjB,KAAA,CAAAwB,IAAI,QACA,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACS,IAAI,EAAKjB,SAAS,eACfpB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAA0B,KAAK;MACFC,KAAK,EAAE,WAAY;MACnBd,QAAQ,EAAEA,QAAS;MACnBe,WAAW,EAAE;IAA4B,CAC5C,CACC,CAAC;EAAA,CAET,CACW,CAAC,eACtBxC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAAqC,gBAAgB,uUAAAC,MAAA,CAOkCjB,QAAQ,wKAKzC,CACR,CAAC,eACfzB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAA4B,YAAY,qBACThC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAA6B,mBAAmB;IAACC,KAAK,EAAE;EAAkB,gBAC1ClC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACjB,KAAA,CAAAwB,IAAI,QACA,UAAAQ,KAAA;IAAA,IAAGN,IAAI,GAAAM,KAAA,CAAJN,IAAI;IAAA,oBACJrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC5B,MAAA,CAAA2B,OAAK,CAACiB,QAAQ,qBACX5C,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACS,IAAI;MAAChB,IAAI,EAAC;IAAO,gBACdrB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAA0B,KAAK;MACFO,IAAI,eAAE7C,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACrB,sBAAA,CAAAuC,cAAa,MAAE,CAAE;MACxBP,KAAK,EAAE,mBAAoB;MAC3BC,WAAW,EAAE,4BAA6B;MAC1Cf,QAAQ,EAAEA;IAAS,CACtB,CACC,CAAC,eACPzB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACS,IAAI;MAAChB,IAAI,EAAC;IAAQ,gBACfrB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAA0B,KAAK;MACFS,YAAY,eAAE/C,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACpB,uBAAA,CAAAsC,cAAa,MAAE,CAAE;MAChCP,KAAK,EAAE,oBAAqB;MAC5BC,WAAW,EAAE,oCAAqC;MAClDf,QAAQ,EAAEA;IAAS,CACtB,CACC,CACM,CAAC;EAAA,CAEnB,CACW,CAAC,eACtBzB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAAqC,gBAAgB,qfAAAC,MAAA,CAUejB,QAAQ,geAAAiB,MAAA,CAQRjB,QAAQ,qNAOtB,CACR,CAAC,eACfzB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAA4B,YAAY,qBACThC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAA6B,mBAAmB;IAACC,KAAK,EAAE;EAAuB,gBAC/ClC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACjB,KAAA,CAAAwB,IAAI,QACA,UAAAa,KAAA;IAAA,IAAGX,IAAI,GAAAW,KAAA,CAAJX,IAAI;IAAA,oBACJrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC5B,MAAA,CAAA2B,OAAK,CAACiB,QAAQ,qBACX5C,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACS,IAAI;MAAChB,IAAI,EAAC;IAAO,gBACdrB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAA0B,KAAK;MACFW,QAAQ;MACRJ,IAAI,eAAE7C,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACnB,mBAAA,CAAAqC,cAAkB,MAAE,CAAE;MAC7BP,KAAK,EAAE,mBAAoB;MAC3BC,WAAW,EAAE,4BAA6B;MAC1Cf,QAAQ,EAAEA;IAAS,CACtB,CACC,CAAC,eACPzB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACS,IAAI;MAAChB,IAAI,EAAC;IAAQ,gBACfrB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAA0B,KAAK;MACFW,QAAQ;MACRF,YAAY,eAAE/C,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAClB,iBAAA,CAAAoC,cAAgB,MAAE,CAAE;MACnCP,KAAK,EAAE,oBAAqB;MAC5BC,WAAW,EAAE,oCAAqC;MAClDf,QAAQ,EAAEA;IAAS,CACtB,CACC,CACM,CAAC;EAAA,CAEnB,CACW,CAAC,eACtBzB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAAqC,gBAAgB,4iBAAAC,MAAA,CAWejB,QAAQ,qhBAAAiB,MAAA,CASRjB,QAAQ,qNAOtB,CACR,CAAC,eACfzB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAA4B,YAAY,qBACThC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAA6B,mBAAmB;IAACC,KAAK,EAAE;EAAa,gBACrClC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACjB,KAAA,CAAAwB,IAAI,QACA,UAAAe,KAAA;IAAA,IAAGb,IAAI,GAAAa,KAAA,CAAJb,IAAI;IAAA,oBACJrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACS,IAAI,EAAKjB,SAAS,eACfpB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAA0B,KAAK;MACFa,WAAW,EAAE,WAAY;MACzBC,SAAS;MACT3B,QAAQ,EAAEA;IAAS,CACtB,CACC,CAAC;EAAA,CAET,CACW,CAAC,eACtBzB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAAqC,gBAAgB,uVAAAC,MAAA,CAOkDjB,QAAQ,4HAKzD,CACR,CAAC,eACfzB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAA4B,YAAY,qBACThC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAA6B,mBAAmB;IAACC,KAAK,EAAE;EAAW,gBACnClC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACjB,KAAA,CAAAwB,IAAI,QACA,UAAAkB,KAAA;IAAA,IAAGhB,IAAI,GAAAgB,KAAA,CAAJhB,IAAI;IAAA,oBACJrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC5B,MAAA,CAAA2B,OAAK,CAACiB,QAAQ,qBACX5C,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACS,IAAI;MAAChB,IAAI,EAAC;IAAM,gBACbrB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAA0B,KAAK;MACFgB,IAAI,EAAE,CAAE;MACRH,WAAW,EAAE,sBAAuB;MACpCX,WAAW,EAAE,mCAAoC;MACjDf,QAAQ,EAAEA;IAAS,CACtB,CACC,CAAC,eACPzB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACS,IAAI;MAAChB,IAAI,EAAC;IAAa,gBACpBrB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAA0B,KAAK;MACFc,SAAS;MACTE,IAAI,EAAE,CAAE;MACRH,WAAW,EAAE,0BAA2B;MACxCX,WAAW,EAAE,2BAA4B;MACzCf,QAAQ,EAAEA;IAAS,CACtB,CACC,CACM,CAAC;EAAA,CAEnB,CACW,CAAC,eACtBzB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAAqC,gBAAgB,ofAAAC,MAAA,CAUejB,QAAQ,mgBAAAiB,MAAA,CASRjB,QAAQ,qNAOtB,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAE8B,IAAI,EAAE;IAAEC,UAAU,EAAE,CAAClB,YAAK;EAAE;AAAE,CACpC,CAAC"}

package/List/CollapsibleList/CollapsibleList.stories.d.ts

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

package/List/CollapsibleList/CollapsibleList.stories.js

@@ -1,31 +0,0 @@
-"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.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.default.createElement(_List.SimpleListItem, {
-    text: "Bananas"
-  }), /*#__PURE__*/_react.default.createElement(_List.SimpleListItem, {
-    text: "Grapes"
-  }), /*#__PURE__*/_react.default.createElement(_List.SimpleListItem, {
-    text: "Oranges"
-  }))), /*#__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: [_index.CollapsibleList, _List.SimpleListItem]
-  }
-});
-
-//# sourceMappingURL=CollapsibleList.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_addonKnobs","_index","_List","story","storiesOf","module","addDecorator","withKnobs","add","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","CollapsibleList","handle","SimpleListItem","text","StorySandboxCode","info","propTables"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,iBAAiB,EAAEC,MAAM,CAAC;AAClDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,kBAAkB,EAClB,YAAM;EACF,oBACId,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAa,KAAK,qBACFjB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAc,WAAW,QAAEC,eAAoB,CAAC,eAEnCnB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAgB,YAAY,qBACTpB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAiB,mBAAmB,qBAChBrB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAe,eAAe;IAACC,MAAM,eAAEvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAgB,cAAc;MAACC,IAAI,EAAC;IAAQ,CAAE;EAAE,gBACtDzB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAgB,cAAc;IAACC,IAAI,EAAC;EAAS,CAAE,CAAC,eACjCzB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAgB,cAAc;IAACC,IAAI,EAAC;EAAQ,CAAE,CAAC,eAChCzB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAgB,cAAc;IAACC,IAAI,EAAC;EAAS,CAAE,CACnB,CACA,CAAC,eACtBzB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAsB,gBAAgB,wWAQC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EACIC,IAAI,EAAE;IACFC,UAAU,EAAE,CAACN,sBAAe,EAAEE,oBAAc;EAChD;AACJ,CACJ,CAAC"}

package/List/DataList/DataList.stories.d.ts

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

package/List/DataList/DataList.stories.js

@@ -1,113 +0,0 @@
-"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("./../DataList/README.md"));
-var _addonKnobs = require("@storybook/addon-knobs");
-var _DataList = require("./DataList");
-var _icons = require("./icons");
-var _List = require("./../List");
-var story = (0, _react2.storiesOf)("Components/List", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("data list", function () {
-  var generalOptionsAndCallbacks = {
-    refresh: function refresh() {
-      console.log("Implement \"refresh\" method.");
-    },
-    loading: (0, _addonKnobs.boolean)("Loading", false, "Basic"),
-    title: (0, _addonKnobs.text)("Title", "A list of all users", "Basic"),
-    multiActions: (0, _addonKnobs.boolean)("Multi actions", false, "Basic"),
-    setNextPage: function setNextPage(cursor) {
-      console.log("Implement setNextPage method (selected ".concat(cursor, ")."));
-    },
-    setPreviousPage: function setPreviousPage(cursor) {
-      console.log("Implement setPreviousPage method (selected ".concat(cursor, ")."));
-    },
-    perPageOptions: (0, _addonKnobs.array)("perPageOptions", ["10", "25", "50"], ",", "Basic"),
-    setPerPage: function setPerPage(perPage) {
-      console.log("Implement setPerPage method (selected ".concat(perPage, ")."));
-    },
-    setSorters: function setSorters(sorter) {
-      console.log("Implement setSorters method (selected ".concat(JSON.stringify(sorter), ")."));
-    }
-  };
-  var dataProp = (0, _addonKnobs.object)("Data", [{
-    id: "A",
-    firstName: "John",
-    lastName: "Doe",
-    email: "john.doe@webiny.com"
-  }, {
-    id: "B",
-    firstName: "Jane",
-    lastName: "Doe",
-    email: "jane.doe@webiny.com"
-  }, {
-    id: "C",
-    firstName: "Foo",
-    lastName: "Bar",
-    email: "foo.bar@webiny.com"
-  }], "Data");
-  var metaProp = (0, _addonKnobs.object)("Meta", {
-    totalPages: 1,
-    totalCount: 3,
-    from: 1,
-    to: 3,
-    previousPage: null,
-    nextPage: null
-  }, "Meta");
-  var sortersProp = {
-    list: (0, _addonKnobs.object)("Sorters", [{
-      label: "Newest to oldest",
-      sorters: {
-        createdOn: -1
-      }
-    }, {
-      label: "Oldest to newest",
-      sorters: {
-        createdOn: 1
-      }
-    }, {
-      label: "Name A-Z",
-      sorters: {
-        name: 1
-      }
-    }, {
-      label: "Name Z-A",
-      sorters: {
-        name: -1
-      }
-    }], "Sorters")
-  };
-  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(_DataList.DataList, Object.assign({}, generalOptionsAndCallbacks, {
-    data: dataProp,
-    meta: metaProp
-    // @ts-expect-error
-    ,
-    sorters: sortersProp.list
-  }), function (_ref) {
-    var data = _ref.data;
-    return /*#__PURE__*/_react.default.createElement(_List.List, null, data.map(function (item) {
-      return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
-        key: item.id
-      }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement("img", {
-        src: "http://i.pravatar.cc/100?id=" + item.id
-      })), /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, item.firstName, " ", item.lastName, /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, item.email)), /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_icons.DeleteIcon, {
-        onClick: function onClick() {
-          console.log("Redirect user to form.");
-        }
-      }), /*#__PURE__*/_react.default.createElement(_icons.EditIcon, {
-        onClick: function onClick() {
-          console.log("Show confirmation dialog.");
-        }
-      })));
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                        <DataList\n                        {...generalOptionsAndCallbacks}\n                        data={".concat(JSON.stringify(dataProp, null, 2), "}\n                        meta={").concat(JSON.stringify(metaProp, null, 2), "}\n                        sorters={").concat(JSON.stringify(sortersProp.list, null, 2), "}\n                    >\n                      {({ data }) => (\n                            <List>\n                                {data.map(item => (\n                                    <ListItem key={item.id}>\n                                        <ListItemGraphic>\n                                            <img\n                                                src={\n                                                    \"//www.gravatar.com/avatar/\" +\n                                                    item.gravatar +\n                                                    \"?s=48\"\n                                                }\n                                            />\n                                        </ListItemGraphic>\n                                        <ListItemText>\n                                            {item.firstName} {item.lastName}\n                                            <ListItemTextSecondary>\n                                                {item.email}\n                                            </ListItemTextSecondary>\n                                        </ListItemText>\n                                        <ListItemMeta>\n                                                <DeleteIcon\n                                                    onClick={() => {\n                                                        console.log(\"Redirect user to form.\");\n                                                    }}\n                                                />\n                                                <EditIcon\n                                                    onClick={() => {\n                                                        console.log(\"Show confirmation dialog.\");\n                                                    }}\n                                                />\n                                        </ListItemMeta>\n                                    </ListItem>\n                                ))}\n                            </List>\n                        )}\n                    </DataList>\n                    "))));
-}, {
-  info: {
-    propTables: [_List.List, _List.ListItem, _List.ListItemText, _List.ListItemTextSecondary, _List.ListItemMeta, _List.ListItemGraphic]
-  }
-});
-
-//# sourceMappingURL=DataList.stories.js.map