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

package/Checkbox/CheckboxGroup.stories.js

@@ -1,60 +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_CheckboxGroup = _interopRequireDefault(require("./README_CheckboxGroup.md"));
-var _form = require("@webiny/form");
-var _ = require(".");
-var story = (0, _react2.storiesOf)("Components/Checkbox", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage - group", function () {
-  var disabled = (0, _addonKnobs.boolean)("Disabled", false);
-  var options = [{
-    id: "apple",
-    name: "Apple"
-  }, {
-    id: "pear",
-    name: "Pear"
-  }, {
-    id: "orange",
-    name: "Orange"
-  }];
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README_CheckboxGroup.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
-    title: "Simple checkbox with label and description"
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: {
-      fruits: ["pear"]
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "fruits"
-    }, /*#__PURE__*/_react.default.createElement(_.CheckboxGroup, {
-      label: "Fruits selection",
-      description: "Choose only fruits you like."
-    }, function (_ref2) {
-      var onChange = _ref2.onChange,
-        getValue = _ref2.getValue;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, options.map(function (_ref3) {
-        var id = _ref3.id,
-          name = _ref3.name;
-        return /*#__PURE__*/_react.default.createElement(_.Checkbox, {
-          disabled: disabled,
-          key: id,
-          label: name,
-          value: getValue(id),
-          onChange: onChange(id)
-        });
-      }));
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <CheckboxGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Checkbox\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </CheckboxGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [_.CheckboxGroup]
-  }
-});
-
-//# sourceMappingURL=CheckboxGroup.stories.js.map

package/Checkbox/CheckboxGroup.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README_CheckboxGroup","_form","_","story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","options","id","name","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","data","fruits","_ref","Bind","CheckboxGroup","label","description","_ref2","onChange","getValue","Fragment","map","_ref3","Checkbox","key","value","StorySandboxCode","info","propTables"],"sources":["CheckboxGroup.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_CheckboxGroup.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Checkbox, CheckboxGroup } from \".\";\n\nconst story = storiesOf(\"Components/Checkbox\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage - group\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        const options = [\n            { id: \"apple\", name: \"Apple\" },\n            { id: \"pear\", name: \"Pear\" },\n            { id: \"orange\", name: \"Orange\" }\n        ];\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple checkbox with label and description\"}>\n                        <Form data={{ fruits: [\"pear\"] }}>\n                            {({ Bind }) => (\n                                <Bind name=\"fruits\">\n                                    <CheckboxGroup\n                                        label=\"Fruits selection\"\n                                        description={\"Choose only fruits you like.\"}\n                                    >\n                                        {({ onChange, getValue }) => (\n                                            <React.Fragment>\n                                                {options.map(({ id, name }) => (\n                                                    <Checkbox\n                                                        disabled={disabled}\n                                                        key={id}\n                                                        label={name}\n                                                        value={getValue(id)}\n                                                        onChange={onChange(id)}\n                                                    />\n                                                ))}\n                                            </React.Fragment>\n                                        )}\n                                    </CheckboxGroup>\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <CheckboxGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Checkbox\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </CheckboxGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [CheckboxGroup] } }\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,qBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,CAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AACtDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,eAAe,EACf,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,IAAMC,OAAO,GAAG,CACZ;IAAEC,EAAE,EAAE,OAAO;IAAEC,IAAI,EAAE;EAAQ,CAAC,EAC9B;IAAED,EAAE,EAAE,MAAM;IAAEC,IAAI,EAAE;EAAO,CAAC,EAC5B;IAAED,EAAE,EAAE,QAAQ;IAAEC,IAAI,EAAE;EAAS,CAAC,CACnC;EAED,oBACInB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAkB,KAAK,qBACFtB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAmB,WAAW,QAAEC,6BAAoB,CAAC,eACnCxB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAqB,YAAY,qBACTzB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAsB,mBAAmB;IAACC,KAAK,EAAE;EAA6C,gBACrE3B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACd,KAAA,CAAAqB,IAAI;IAACC,IAAI,EAAE;MAAEC,MAAM,EAAE,CAAC,MAAM;IAAE;EAAE,GAC5B,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJhC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACW,IAAI;MAACb,IAAI,EAAC;IAAQ,gBACfnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAAyB,aAAa;MACVC,KAAK,EAAC,kBAAkB;MACxBC,WAAW,EAAE;IAA+B,GAE3C,UAAAC,KAAA;MAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;QAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;MAAA,oBAClBtC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACrB,MAAA,CAAAoB,OAAK,CAACmB,QAAQ,QACVtB,OAAO,CAACuB,GAAG,CAAC,UAAAC,KAAA;QAAA,IAAGvB,EAAE,GAAAuB,KAAA,CAAFvB,EAAE;UAAEC,IAAI,GAAAsB,KAAA,CAAJtB,IAAI;QAAA,oBACpBnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAAkC,QAAQ;UACL3B,QAAQ,EAAEA,QAAS;UACnB4B,GAAG,EAAEzB,EAAG;UACRgB,KAAK,EAAEf,IAAK;UACZyB,KAAK,EAAEN,QAAQ,CAACpB,EAAE,CAAE;UACpBmB,QAAQ,EAAEA,QAAQ,CAACnB,EAAE;QAAE,CAC1B,CAAC;MAAA,CACL,CACW,CAAC;IAAA,CAEV,CACb,CAAC;EAAA,CAET,CACW,CAAC,eACtBlB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAyC,gBAAgB,y1CA2BC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACd,eAAa;EAAE;AAAE,CAC5C,CAAC"}

package/Chips/Chips.stories.d.ts

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

package/Chips/Chips.stories.js

@@ -1,34 +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 _baselineDone24px = require("./icons/baseline-done-24px.svg");
-var _baselineEmail24px = require("./icons/baseline-email-24px.svg");
-var _index = require("./index");
-var story = (0, _react2.storiesOf)("Components/Chips", 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, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
-    title: "Simple chips with a label and description"
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_index.Chips, null, /*#__PURE__*/_react.default.createElement(_index.Chip, {
-    selected: true
-  }, "Cookies"), /*#__PURE__*/_react.default.createElement(_index.Chip, null, "Pizza"), /*#__PURE__*/_react.default.createElement(_index.Chip, null, "Icecream")), /*#__PURE__*/_react.default.createElement(_index.Chips, null, /*#__PURE__*/_react.default.createElement(_index.Chip, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineEmail24px.ReactComponent, null)
-  }, "Cookies"), /*#__PURE__*/_react.default.createElement(_index.Chip, {
-    trailingIcon: true,
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
-  }, "Cookies"), /*#__PURE__*/_react.default.createElement(_index.Chip, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineEmail24px.ReactComponent, null)
-  }, "Cookies"), /*#__PURE__*/_react.default.createElement(_index.Chip, {
-    trailingIcon: true,
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
-  }, "Cookies")))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                         <div>\n                            <Chips>\n                                <Chip selected>\n                                    Cookies\n                                </Chip>\n                                <Chip>\n                                    Pizza\n                                </Chip>\n                                <Chip>\n                                    Icecream\n                                </Chip>\n                            </Chips>\n                            <Chips>\n                                <Chip>\n                                    <ChipIcon leading icon={<BaselineEmailIcon />} />\n                                    Cookies\n                                    <ChipIcon trailing icon={<BaselineDoneIcon />} />\n                                </Chip>\n                            </Chips>\n                        </div>\n                    ")));
-}, {
-  info: {
-    propTables: [_index.Chip, _index.Chips]
-  }
-});
-
-//# sourceMappingURL=Chips.stories.js.map

package/Chips/Chips.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_baselineDone24px","_baselineEmail24px","_index","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Chips","Chip","selected","icon","ReactComponent","trailingIcon","StorySandboxCode","info","propTables"],"sources":["Chips.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\";\n\nimport { ReactComponent as BaselineDoneIcon } from \"./icons/baseline-done-24px.svg\";\nimport { ReactComponent as BaselineEmailIcon } from \"./icons/baseline-email-24px.svg\";\nimport { Chip, Chips } from \"./index\";\n\nconst story = storiesOf(\"Components/Chips\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple chips with a label and description\"}>\n                        <div>\n                            <Chips>\n                                <Chip selected>Cookies</Chip>\n                                <Chip>Pizza</Chip>\n                                <Chip>Icecream</Chip>\n                            </Chips>\n\n                            <Chips>\n                                <Chip icon={<BaselineEmailIcon />}>Cookies</Chip>\n                                <Chip trailingIcon icon={<BaselineDoneIcon />}>\n                                    Cookies\n                                </Chip>\n                                <Chip icon={<BaselineEmailIcon />}>Cookies</Chip>\n                                <Chip trailingIcon icon={<BaselineDoneIcon />}>\n                                    Cookies\n                                </Chip>\n                            </Chips>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                         <div>\n                            <Chips>\n                                <Chip selected>\n                                    Cookies\n                                </Chip>\n                                <Chip>\n                                    Pizza\n                                </Chip>\n                                <Chip>\n                                    Icecream\n                                </Chip>\n                            </Chips>\n                            <Chips>\n                                <Chip>\n                                    <ChipIcon leading icon={<BaselineEmailIcon />} />\n                                    Cookies\n                                    <ChipIcon trailing icon={<BaselineDoneIcon />} />\n                                </Chip>\n                            </Chips>\n                        </div>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Chip, Chips] } }\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;AAEA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,kBAAkB,EAAEC,MAAM,CAAC;AAEnDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAW,KAAK,qBACFf,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAY,WAAW,QAAEC,eAAoB,CAAC,eACnCjB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAc,YAAY,qBACTlB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAe,mBAAmB;IAACC,KAAK,EAAE;EAA4C,gBACpEpB,MAAA,CAAAa,OAAA,CAAAC,aAAA,2BACId,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAa,KAAK,qBACFrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI;IAACC,QAAQ;EAAA,GAAC,SAAa,CAAC,eAC7BvB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI,QAAC,OAAW,CAAC,eAClBtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI,QAAC,UAAc,CACjB,CAAC,eAERtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAa,KAAK,qBACFrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI;IAACE,IAAI,eAAExB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAkB,cAAiB,MAAE;EAAE,GAAC,SAAa,CAAC,eACjDzB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI;IAACI,YAAY;IAACF,IAAI,eAAExB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,iBAAA,CAAAmB,cAAgB,MAAE;EAAE,GAAC,SAEzC,CAAC,eACPzB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI;IAACE,IAAI,eAAExB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAkB,cAAiB,MAAE;EAAE,GAAC,SAAa,CAAC,eACjDzB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI;IAACI,YAAY;IAACF,IAAI,eAAExB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,iBAAA,CAAAmB,cAAgB,MAAE;EAAE,GAAC,SAEzC,CACH,CACN,CACY,CAAC,eACtBzB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAuB,gBAAgB,o6BAuBC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACP,WAAI,EAAED,YAAK;EAAE;AAAE,CAC1C,CAAC"}

package/CodeEditor/CodeEditor.stories.d.ts

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

package/CodeEditor/CodeEditor.stories.js

@@ -1,37 +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 _CodeEditor = require("./CodeEditor");
-require("brace/mode/json");
-require("brace/theme/github");
-var story = (0, _react2.storiesOf)("Components/CodeEditor", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage", function () {
-  var description = (0, _addonKnobs.text)("description", "Type your code here and see it in action.");
-  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: {
-      data: "{\"foo\": \"bar\"}"
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "data"
-    }, /*#__PURE__*/_react.default.createElement(_CodeEditor.CodeEditor, {
-      mode: "json",
-      theme: "github",
-      description: description
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                        <Form data={{ data: `{\"foo\": \"bar\"}` }}>\n                        {({ Bind }) => (\n                            <Bind name=\"data\">\n                                 <CodeEditor\n                                    mode=\"json\"\n                                    theme=\"github\"\n                                    description={\"".concat(description, "\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    "))));
-}, {
-  info: {
-    propTables: [_CodeEditor.CodeEditor]
-  }
-});
-
-//# sourceMappingURL=CodeEditor.stories.js.map

package/CodeEditor/CodeEditor.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_form","_CodeEditor","story","storiesOf","module","addDecorator","withKnobs","add","description","text","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","Form","data","_ref","Bind","name","CodeEditor","mode","theme","StorySandboxCode","concat","info","propTables"],"sources":["CodeEditor.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, text } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\nimport { Form } from \"@webiny/form\";\nimport { CodeEditor } from \"./CodeEditor\";\nimport \"brace/mode/json\";\nimport \"brace/theme/github\";\n\nconst story = storiesOf(\"Components/CodeEditor\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const description = text(\"description\", \"Type your code here and see it in action.\");\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <Form data={{ data: `{\"foo\": \"bar\"}` }}>\n                            {({ Bind }) => (\n                                <Bind name=\"data\">\n                                    <CodeEditor\n                                        mode=\"json\"\n                                        theme=\"github\"\n                                        description={description}\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Form data={{ data: \\`{\"foo\": \"bar\"}\\` }}>\n                        {({ Bind }) => (\n                            <Bind name=\"data\">\n                                 <CodeEditor\n                                    mode=\"json\"\n                                    theme=\"github\"\n                                    description={\"${description}\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [CodeEditor] } }\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,WAAA,GAAAN,OAAA;AACAA,OAAA;AACAA,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,uBAAuB,EAAEC,MAAM,CAAC;AACxDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,WAAW,GAAG,IAAAC,gBAAI,EAAC,aAAa,EAAE,2CAA2C,CAAC;EAEpF,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAe,KAAK,qBACFnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAgB,WAAW,QAAEC,eAAoB,CAAC,eACnCrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAkB,YAAY,qBACTtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAmB,mBAAmB,qBAChBvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAiB,IAAI;IAACC,IAAI,EAAE;MAAEA,IAAI;IAAmB;EAAE,GAClC,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACS,IAAI;MAACC,IAAI,EAAC;IAAM,gBACb5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,WAAA,CAAAqB,UAAU;MACPC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAC,QAAQ;MACdhB,WAAW,EAAEA;IAAY,CAC5B,CACC,CAAC;EAAA,CAET,CACW,CAAC,eACtBf,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAA4B,gBAAgB,yXAAAC,MAAA,CAQelB,WAAW,gKAMzB,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEmB,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACN,sBAAU;EAAE;AAAE,CACzC,CAAC"}

package/ColorPicker/ColorPicker.stories.d.ts

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

package/ColorPicker/ColorPicker.stories.js

@@ -1,35 +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("./../ColorPicker/README.md"));
-var _form = require("@webiny/form");
-var _addonKnobs = require("@storybook/addon-knobs");
-var _ColorPicker = require("./ColorPicker");
-var story = (0, _react2.storiesOf)("Components/ColorPicker", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage", function () {
-  var disable = (0, _addonKnobs.boolean)("disable", 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: {
-      color: "#80ff00"
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "color"
-    }, /*#__PURE__*/_react.default.createElement(_ColorPicker.ColorPicker, {
-      label: "Header background color",
-      disable: disable,
-      description: "A simple background color in the header section."
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                       <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"color\">\n                                <ColorPicker disable={".concat(disable, "} />\n                            </Bind>\n                        )}\n                    </Form>\n                    "))));
-}, {
-  info: {
-    propTables: [_ColorPicker.ColorPicker]
-  }
-});
-
-//# sourceMappingURL=ColorPicker.stories.js.map

package/ColorPicker/ColorPicker.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_form","_addonKnobs","_ColorPicker","story","storiesOf","module","addDecorator","withKnobs","add","disable","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","Form","data","color","_ref","Bind","name","ColorPicker","label","description","StorySandboxCode","concat","info","propTables"],"sources":["ColorPicker.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandbox,\n    StorySandboxCode,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../ColorPicker/README.md\";\nimport { Form } from \"@webiny/form\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport { ColorPicker } from \"./ColorPicker\";\n\nconst story = storiesOf(\"Components/ColorPicker\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disable = boolean(\"disable\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <Form data={{ color: \"#80ff00\" }}>\n                            {({ Bind }) => (\n                                <Bind name=\"color\">\n                                    <ColorPicker\n                                        label={\"Header background color\"}\n                                        disable={disable}\n                                        description={\n                                            \"A simple background color in the header section.\"\n                                        }\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                       <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"color\">\n                                <ColorPicker disable={${disable}} />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [ColorPicker] } }\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,KAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,wBAAwB,EAAEC,MAAM,CAAC;AACzDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,OAAO,GAAG,IAAAC,mBAAO,EAAC,SAAS,EAAE,KAAK,CAAC;EAEzC,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAe,KAAK,qBACFnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAgB,WAAW,QAAEC,eAAoB,CAAC,eACnCrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAkB,YAAY,qBACTtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAmB,mBAAmB,qBAChBvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAkB,IAAI;IAACC,IAAI,EAAE;MAAEC,KAAK,EAAE;IAAU;EAAE,GAC5B,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACU,IAAI;MAACC,IAAI,EAAC;IAAO,gBACd7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,YAAA,CAAAsB,WAAW;MACRC,KAAK,EAAE,yBAA0B;MACjChB,OAAO,EAAEA,OAAQ;MACjBiB,WAAW,EACP;IACH,CACJ,CACC,CAAC;EAAA,CAET,CACW,CAAC,eACtBhC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAA6B,gBAAgB,+LAAAC,MAAA,CAKmBnB,OAAO,6HAKzB,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEoB,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACN,wBAAW;EAAE;AAAE,CAC1C,CAAC"}

package/ConfirmationDialog/ConfirmationDialog.stories.d.ts

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

package/ConfirmationDialog/ConfirmationDialog.stories.js

@@ -1,35 +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("./../ConfirmationDialog/README.md"));
-var _Button = require("./../Button");
-var _ConfirmationDialog = require("./ConfirmationDialog");
-var story = (0, _react2.storiesOf)("Components/ConfirmationDialog", 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: "Icon with and without ConfirmationDialog"
-  }, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement(_ConfirmationDialog.ConfirmationDialog, {
-    title: "Pay Invoice",
-    message: "Are you sure you want pay this invoice?"
-  }, function (_ref) {
-    var showConfirmation = _ref.showConfirmation;
-    return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      onClick: function onClick() {
-        showConfirmation(function () {
-          return console.log("Confirm");
-        }, function () {
-          return console.log("Cancel");
-        });
-      }
-    }, "Pay Invoice");
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                     <ConfirmationDialog\n                        title=\"Pay Invoice\"\n                        message=\"Are you sure you want pay this invoice?\"\n                    >\n                        {({ showConfirmation }) => {\n                            return (\n                                <ButtonPrimary\n                                    onClick={() => {\n                                        showConfirmation(\n                                            () => console.log(\"Confirm\"),\n                                            () => console.log(\"Cancel\")\n                                        );\n                                    }}\n                                >\n                                    Pay Invoice\n                                </ButtonPrimary>\n                            );\n                        }}\n                    </ConfirmationDialog>\n                    ")));
-}, {
-  info: {
-    propTables: [_ConfirmationDialog.ConfirmationDialog]
-  }
-});
-
-//# sourceMappingURL=ConfirmationDialog.stories.js.map

package/ConfirmationDialog/ConfirmationDialog.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_Button","_ConfirmationDialog","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","StorySandboxExample","ConfirmationDialog","message","_ref","showConfirmation","ButtonPrimary","onClick","console","log","StorySandboxCode","info","propTables"],"sources":["ConfirmationDialog.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 \"./../ConfirmationDialog/README.md\";\nimport { ButtonPrimary } from \"./../Button\";\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\n\nconst story = storiesOf(\"Components/ConfirmationDialog\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Icon with and without ConfirmationDialog\"}>\n                    <StorySandboxExample>\n                        <ConfirmationDialog\n                            title=\"Pay Invoice\"\n                            message=\"Are you sure you want pay this invoice?\"\n                        >\n                            {({ showConfirmation }) => {\n                                return (\n                                    <ButtonPrimary\n                                        onClick={() => {\n                                            showConfirmation(\n                                                () => console.log(\"Confirm\"),\n                                                () => console.log(\"Cancel\")\n                                            );\n                                        }}\n                                    >\n                                        Pay Invoice\n                                    </ButtonPrimary>\n                                );\n                            }}\n                        </ConfirmationDialog>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <ConfirmationDialog\n                        title=\"Pay Invoice\"\n                        message=\"Are you sure you want pay this invoice?\"\n                    >\n                        {({ showConfirmation }) => {\n                            return (\n                                <ButtonPrimary\n                                    onClick={() => {\n                                        showConfirmation(\n                                            () => console.log(\"Confirm\"),\n                                            () => console.log(\"Cancel\")\n                                        );\n                                    }}\n                                >\n                                    Pay Invoice\n                                </ButtonPrimary>\n                            );\n                        }}\n                    </ConfirmationDialog>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [ConfirmationDialog] } }\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,OAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAEA,IAAMM,KAAK,GAAG,IAAAC,iBAAS,EAAC,+BAA+B,EAAEC,MAAM,CAAC;AAEhEF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAU,KAAK,qBACFd,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAW,WAAW,QAAEC,eAAoB,CAAC,eACnChB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAa,YAAY;IAACC,KAAK,EAAE;EAA2C,gBAC5DlB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAe,mBAAmB,qBAChBnB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,mBAAA,CAAAa,kBAAkB;IACfF,KAAK,EAAC,aAAa;IACnBG,OAAO,EAAC;EAAyC,GAEhD,UAAAC,IAAA,EAA0B;IAAA,IAAvBC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChB,oBACIvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAkB,aAAa;MACVC,OAAO,EAAE,SAAAA,QAAA,EAAM;QACXF,gBAAgB,CACZ;UAAA,OAAMG,OAAO,CAACC,GAAG,CAAC,SAAS,CAAC;QAAA,GAC5B;UAAA,OAAMD,OAAO,CAACC,GAAG,CAAC,QAAQ,CAAC;QAAA,CAC/B,CAAC;MACL;IAAE,GACL,aAEc,CAAC;EAExB,CACgB,CACH,CAAC,eACtB3B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAwB,gBAAgB,m7BAsBC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACV,sCAAkB;EAAE;AAAE,CACjD,CAAC"}

package/DataTable/DataTable.stories.d.ts

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

package/DataTable/DataTable.stories.js

@@ -1,76 +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("./../DataTable/README.md"));
-var _DataTable = require("./DataTable");
-var story = (0, _react2.storiesOf)("Components/DataTable", module);
-story.add("usage", function () {
-  var data = [{
-    id: "1",
-    name: "Page 1",
-    createdBy: "John Doe",
-    lastModified: "3 days ago",
-    status: "Draft"
-  }, {
-    id: "2",
-    name: "Page 2",
-    createdBy: "John Doe",
-    lastModified: "1 day ago",
-    status: "Published"
-  }, {
-    id: "3",
-    name: "Page 3",
-    createdBy: "John Doe",
-    lastModified: "1 hour ago",
-    status: "Published"
-  }];
-  var columns = {
-    name: {
-      header: "Title"
-    },
-    createdBy: {
-      header: "Author",
-      cell: function cell(row) {
-        return /*#__PURE__*/_react.default.createElement("em", null, row.createdBy.toUpperCase());
-      }
-    },
-    lastModified: {
-      header: "Last Modified"
-    },
-    status: {
-      header: "Status",
-      meta: {
-        alignEnd: true
-      }
-    }
-  };
-  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 DataTable."
-  }, /*#__PURE__*/_react.default.createElement(_DataTable.DataTable, {
-    data: data,
-    columns: columns
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "DataTable with selectable rows"
-  }, /*#__PURE__*/_react.default.createElement(_DataTable.DataTable, {
-    data: data,
-    columns: columns,
-    onSelectRow: function onSelectRow(row) {
-      return console.log("Do whatever you like with the selected row data", row);
-    }
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "DataTable at initial loading state"
-  }, /*#__PURE__*/_react.default.createElement(_DataTable.DataTable, {
-    data: data,
-    columns: columns,
-    loadingInitial: true
-  })));
-}, {
-  info: {
-    propTables: [_DataTable.DataTable]
-  }
-});
-
-//# sourceMappingURL=DataTable.stories.js.map

package/DataTable/DataTable.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_DataTable","story","storiesOf","module","add","data","id","name","createdBy","lastModified","status","columns","header","cell","row","default","createElement","toUpperCase","meta","alignEnd","Story","StoryReadme","readme","StorySandbox","title","DataTable","onSelectRow","console","log","loadingInitial","info","propTables"],"sources":["DataTable.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../DataTable/README.md\";\nimport { Columns, DataTable } from \"./DataTable\";\n\nconst story = storiesOf(\"Components/DataTable\", module);\n\ninterface Entry {\n    id: string;\n    name: string;\n    createdBy: string;\n    lastModified: string;\n    status: string;\n}\n\nstory.add(\n    \"usage\",\n    () => {\n        const data: Entry[] = [\n            {\n                id: \"1\",\n                name: \"Page 1\",\n                createdBy: \"John Doe\",\n                lastModified: \"3 days ago\",\n                status: \"Draft\"\n            },\n            {\n                id: \"2\",\n                name: \"Page 2\",\n                createdBy: \"John Doe\",\n                lastModified: \"1 day ago\",\n                status: \"Published\"\n            },\n            {\n                id: \"3\",\n                name: \"Page 3\",\n                createdBy: \"John Doe\",\n                lastModified: \"1 hour ago\",\n                status: \"Published\"\n            }\n        ];\n\n        const columns: Columns<Entry> = {\n            name: {\n                header: \"Title\"\n            },\n            createdBy: {\n                header: \"Author\",\n                cell: row => <em>{row.createdBy.toUpperCase()}</em>\n            },\n            lastModified: {\n                header: \"Last Modified\"\n            },\n            status: {\n                header: \"Status\",\n                meta: {\n                    alignEnd: true\n                }\n            }\n        };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple DataTable.\"}>\n                    <DataTable data={data} columns={columns} />\n                </StorySandbox>\n                <StorySandbox title={\"DataTable with selectable rows\"}>\n                    <DataTable\n                        data={data}\n                        columns={columns}\n                        onSelectRow={row =>\n                            console.log(\"Do whatever you like with the selected row data\", row)\n                        }\n                    />\n                </StorySandbox>\n                <StorySandbox title={\"DataTable at initial loading state\"}>\n                    <DataTable data={data} columns={columns} loadingInitial={true} />\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [DataTable]\n        }\n    }\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;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAMK,KAAK,GAAG,IAAAC,iBAAS,EAAC,sBAAsB,EAAEC,MAAM,CAAC;AAUvDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,IAAa,GAAG,CAClB;IACIC,EAAE,EAAE,GAAG;IACPC,IAAI,EAAE,QAAQ;IACdC,SAAS,EAAE,UAAU;IACrBC,YAAY,EAAE,YAAY;IAC1BC,MAAM,EAAE;EACZ,CAAC,EACD;IACIJ,EAAE,EAAE,GAAG;IACPC,IAAI,EAAE,QAAQ;IACdC,SAAS,EAAE,UAAU;IACrBC,YAAY,EAAE,WAAW;IACzBC,MAAM,EAAE;EACZ,CAAC,EACD;IACIJ,EAAE,EAAE,GAAG;IACPC,IAAI,EAAE,QAAQ;IACdC,SAAS,EAAE,UAAU;IACrBC,YAAY,EAAE,YAAY;IAC1BC,MAAM,EAAE;EACZ,CAAC,CACJ;EAED,IAAMC,OAAuB,GAAG;IAC5BJ,IAAI,EAAE;MACFK,MAAM,EAAE;IACZ,CAAC;IACDJ,SAAS,EAAE;MACPI,MAAM,EAAE,QAAQ;MAChBC,IAAI,EAAE,SAAAA,KAAAC,GAAG;QAAA,oBAAIpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,aAAKF,GAAG,CAACN,SAAS,CAACS,WAAW,CAAC,CAAM,CAAC;MAAA;IACvD,CAAC;IACDR,YAAY,EAAE;MACVG,MAAM,EAAE;IACZ,CAAC;IACDF,MAAM,EAAE;MACJE,MAAM,EAAE,QAAQ;MAChBM,IAAI,EAAE;QACFC,QAAQ,EAAE;MACd;IACJ;EACJ,CAAC;EAED,oBACIzB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,MAAA,CAAAsB,KAAK,qBACF1B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,MAAA,CAAAuB,WAAW,QAAEC,eAAoB,CAAC,eACnC5B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,MAAA,CAAAyB,YAAY;IAACC,KAAK,EAAE;EAAsB,gBACvC9B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,UAAA,CAAAyB,SAAS;IAACpB,IAAI,EAAEA,IAAK;IAACM,OAAO,EAAEA;EAAQ,CAAE,CAChC,CAAC,eACfjB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,MAAA,CAAAyB,YAAY;IAACC,KAAK,EAAE;EAAiC,gBAClD9B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,UAAA,CAAAyB,SAAS;IACNpB,IAAI,EAAEA,IAAK;IACXM,OAAO,EAAEA,OAAQ;IACjBe,WAAW,EAAE,SAAAA,YAAAZ,GAAG;MAAA,OACZa,OAAO,CAACC,GAAG,CAAC,iDAAiD,EAAEd,GAAG,CAAC;IAAA;EACtE,CACJ,CACS,CAAC,eACfpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,MAAA,CAAAyB,YAAY;IAACC,KAAK,EAAE;EAAqC,gBACtD9B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,UAAA,CAAAyB,SAAS;IAACpB,IAAI,EAAEA,IAAK;IAACM,OAAO,EAAEA,OAAQ;IAACkB,cAAc,EAAE;EAAK,CAAE,CACtD,CACX,CAAC;AAEhB,CAAC,EACD;EACIC,IAAI,EAAE;IACFC,UAAU,EAAE,CAACN,oBAAS;EAC1B;AACJ,CACJ,CAAC"}

package/Dialog/Dialog.stories.d.ts

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

package/Dialog/Dialog.stories.js

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

package/Dialog/Dialog.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_addonKnobs","_","story","storiesOf","module","addDecorator","withKnobs","add","open","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","title","StorySandboxExample","Dialog","DialogTitle","DialogContent","DialogActions","DialogCancel","onClick","console","log","DialogAccept","StorySandboxCode","concat","info","propTables","DialogButton"],"sources":["Dialog.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 \"./../Dialog/README.md\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\n\nimport {\n    Dialog,\n    DialogButton,\n    DialogAccept,\n    DialogCancel,\n    DialogActions,\n    DialogTitle,\n    DialogContent\n} from \".\";\n\nconst story = storiesOf(\"Components/Dialog\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const open = boolean(\"Open\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"dialog\"}>\n                    <StorySandboxExample title={\"A list with all possible options\"}>\n                        Toggle <code>open</code> prop via the bottom knobs.\n                        <br />\n                        <br />\n                        Note that instead of using <code>DialogFooter.Button</code> with{\" \"}\n                        <code>accept</code> or <code>cancel</code> prop, you can use a shorter{\" \"}\n                        <code>DialogAccept</code> and <code>DialogCancel</code> components\n                        respectively.\n                        <Dialog open={open}>\n                            <DialogTitle>Delete confirmation</DialogTitle>\n                            <DialogContent>Are you sure you want to delete?</DialogContent>\n                            <DialogActions>\n                                <DialogCancel onClick={() => console.log(\"Cancel\")}>\n                                    Cancel\n                                </DialogCancel>\n                                <DialogAccept onClick={() => console.log(\"Accept\")}>\n                                    OK\n                                </DialogAccept>\n                            </DialogActions>\n                        </Dialog>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Dialog open={${open}}>\n                        <DialogTitle>\n                            Delete confirmation\n                        </DialogTitle>\n                        <DialogBody>Are you sure you want to delete?</DialogBody>\n                        <DialogFooter>\n                            <DialogCancel onClick={() => console.log(\"Cancel\")}>Cancel</DialogCancel>\n                            <DialogAccept onClick={() => console.log(\"Accept\")}>OK</DialogAccept>\n                        </DialogFooter>\n                    </Dialog>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                Dialog,\n                DialogButton,\n                DialogAccept,\n                DialogCancel,\n                DialogActions,\n                DialogTitle,\n                DialogContent\n            ]\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,CAAA,GAAAL,OAAA;AAUA,IAAMM,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AACpDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,IAAI,GAAG,IAAAC,mBAAO,EAAC,MAAM,EAAE,KAAK,CAAC;EAEnC,oBACIf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,MAAA,CAAAc,KAAK,qBACFlB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,MAAA,CAAAe,WAAW,QAAEC,eAAoB,CAAC,eACnCpB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,MAAA,CAAAiB,YAAY;IAACC,KAAK,EAAE;EAAS,gBAC1BtB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,MAAA,CAAAmB,mBAAmB;IAACD,KAAK,EAAE;EAAmC,GAAC,SACrD,eAAAtB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,eAAM,MAAU,CAAC,+BACxB,eAAAjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,WAAK,CAAC,eACNjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,WAAK,CAAC,+BACqB,eAAAjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,eAAM,qBAAyB,CAAC,SAAK,EAAC,GAAG,eACpEjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,eAAM,QAAY,CAAC,QAAI,eAAAjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,eAAM,QAAY,CAAC,gCAA4B,EAAC,GAAG,eAC1EjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,eAAM,cAAkB,CAAC,SAAK,eAAAjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,eAAM,cAAkB,CAAC,6BAEvD,eAAAjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,CAAA,CAAAiB,MAAM;IAACV,IAAI,EAAEA;EAAK,gBACfd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,CAAA,CAAAkB,WAAW,QAAC,qBAAgC,CAAC,eAC9CzB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,CAAA,CAAAmB,aAAa,QAAC,kCAA+C,CAAC,eAC/D1B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,CAAA,CAAAoB,aAAa,qBACV3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,CAAA,CAAAqB,YAAY;IAACC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMC,OAAO,CAACC,GAAG,CAAC,QAAQ,CAAC;IAAA;EAAC,GAAC,QAEtC,CAAC,eACf/B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,CAAA,CAAAyB,YAAY;IAACH,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMC,OAAO,CAACC,GAAG,CAAC,QAAQ,CAAC;IAAA;EAAC,GAAC,IAEtC,CACH,CACX,CACS,CAAC,eACtB/B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,MAAA,CAAA6B,gBAAgB,+CAAAC,MAAA,CAEDpB,IAAI,8iBAWF,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EACIqB,IAAI,EAAE;IACFC,UAAU,EAAE,CACRZ,QAAM,EACNa,cAAY,EACZL,cAAY,EACZJ,cAAY,EACZD,eAAa,EACbF,aAAW,EACXC,eAAa;EAErB;AACJ,CACJ,CAAC"}

package/Drawer/Drawer.stories.d.ts

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

package/Drawer/Drawer.stories.js

@@ -1,28 +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 _List = require("./../List");
-var _README = _interopRequireDefault(require("./../Drawer/README.md"));
-var _addonKnobs = require("@storybook/addon-knobs");
-var _Drawer = require("./Drawer");
-var story = (0, _react2.storiesOf)("Components/Drawer", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage", function () {
-  var open = (0, _addonKnobs.boolean)("Open", true);
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "drawer"
-  }, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
-    title: "A list with all possible options"
-  }, /*#__PURE__*/_react.default.createElement(_Drawer.Drawer, {
-    open: open
-  }, /*#__PURE__*/_react.default.createElement(_Drawer.DrawerHeader, null, "Main Menu"), /*#__PURE__*/_react.default.createElement(_Drawer.DrawerContent, null, /*#__PURE__*/_react.default.createElement(_List.List, null, /*#__PURE__*/_react.default.createElement(_List.ListItem, null, "Users"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, "Companies"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, "Brands"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, "ACL"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, "Settings"))))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <Drawer>\n                        <DrawerHeader>Main Menu</DrawerHeader>\n                        <DrawerContent>\n                            <List>\n                                <ListItem>Users</ListItem>\n                                <ListItem>Companies</ListItem>\n                                <ListItem>Brands</ListItem>\n                                <ListItem>ACL</ListItem>\n                                <ListItem>Settings</ListItem>\n                            </List>\n                        </DrawerContent>\n                    </Drawer>\n                    ")));
-}, {
-  info: {
-    propTables: [_Drawer.Drawer, _Drawer.DrawerHeader, _Drawer.DrawerContent]
-  }
-});
-
-//# sourceMappingURL=Drawer.stories.js.map

package/Drawer/Drawer.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_List","_README","_addonKnobs","_Drawer","story","storiesOf","module","addDecorator","withKnobs","add","open","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","title","StorySandboxExample","Drawer","DrawerHeader","DrawerContent","List","ListItem","StorySandboxCode","info","propTables"],"sources":["Drawer.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 { List, ListItem } from \"./../List\";\n\nimport readme from \"./../Drawer/README.md\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport { Drawer, DrawerHeader, DrawerContent } from \"./Drawer\";\n\nconst story = storiesOf(\"Components/Drawer\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const open = boolean(\"Open\", true);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"drawer\"}>\n                    <StorySandboxExample title={\"A list with all possible options\"}>\n                        <Drawer open={open}>\n                            <DrawerHeader>Main Menu</DrawerHeader>\n                            <DrawerContent>\n                                <List>\n                                    <ListItem>Users</ListItem>\n                                    <ListItem>Companies</ListItem>\n                                    <ListItem>Brands</ListItem>\n                                    <ListItem>ACL</ListItem>\n                                    <ListItem>Settings</ListItem>\n                                </List>\n                            </DrawerContent>\n                        </Drawer>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Drawer>\n                        <DrawerHeader>Main Menu</DrawerHeader>\n                        <DrawerContent>\n                            <List>\n                                <ListItem>Users</ListItem>\n                                <ListItem>Companies</ListItem>\n                                <ListItem>Brands</ListItem>\n                                <ListItem>ACL</ListItem>\n                                <ListItem>Settings</ListItem>\n                            </List>\n                        </DrawerContent>\n                    </Drawer>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Drawer, DrawerHeader, DrawerContent] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AACpDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,IAAI,GAAG,IAAAC,mBAAO,EAAC,MAAM,EAAE,IAAI,CAAC;EAElC,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAe,KAAK,qBACFnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAgB,WAAW,QAAEC,eAAoB,CAAC,eACnCrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAkB,YAAY;IAACC,KAAK,EAAE;EAAS,gBAC1BvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAoB,mBAAmB;IAACD,KAAK,EAAE;EAAmC,gBAC3DvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAiB,MAAM;IAACV,IAAI,EAAEA;EAAK,gBACff,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAkB,YAAY,QAAC,WAAuB,CAAC,eACtC1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAmB,aAAa,qBACV3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAuB,IAAI,qBACD5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAwB,QAAQ,QAAC,OAAe,CAAC,eAC1B7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAwB,QAAQ,QAAC,WAAmB,CAAC,eAC9B7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAwB,QAAQ,QAAC,QAAgB,CAAC,eAC3B7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAwB,QAAQ,QAAC,KAAa,CAAC,eACxB7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAwB,QAAQ,QAAC,UAAkB,CAC1B,CACK,CACX,CACS,CAAC,eACtB7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAA0B,gBAAgB,2mBAeC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACP,cAAM,EAAEC,oBAAY,EAAEC,qBAAa;EAAE;AAAE,CAClE,CAAC"}

package/Elevation/Elevation.stories.d.ts

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

package/Elevation/Elevation.stories.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _Story = require("@webiny/storybook-utils/Story");
-var _README = _interopRequireDefault(require("./../Elevation/README.md"));
-var _addonKnobs = require("@storybook/addon-knobs");
-var _Elevation = require("./Elevation");
-var story = (0, _react2.storiesOf)("Components/Elevation", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage", function () {
-  var transition = (0, _addonKnobs.boolean)("Transition", true);
-  var z = (0, _addonKnobs.select)("Z (elevation height)", (0, _toConsumableArray2.default)(Array(25).keys()), 1);
-  var style = {
-    padding: 20,
-    backgroundColor: "white"
-  };
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "An area with applied elevation"
-  }, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
-    z: z,
-    transition: transition
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, "This is an elevated content."))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                        <Elevation z={".concat(z, "} transition={").concat(transition, "}>\n                            <div>This is an elevated content.</div>\n                        </Elevation>\n                    "))));
-}, {
-  info: {
-    propTables: [_Elevation.Elevation]
-  }
-});
-
-//# sourceMappingURL=Elevation.stories.js.map

package/Elevation/Elevation.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_addonKnobs","_Elevation","story","storiesOf","module","addDecorator","withKnobs","add","transition","boolean","z","select","_toConsumableArray2","default","Array","keys","style","padding","backgroundColor","createElement","Story","StoryReadme","readme","StorySandbox","title","StorySandboxExample","Elevation","StorySandboxCode","concat","info","propTables"],"sources":["Elevation.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 \"./../Elevation/README.md\";\nimport { withKnobs, boolean, select } from \"@storybook/addon-knobs\";\nimport { Elevation } from \"./Elevation\";\n\nconst story = storiesOf(\"Components/Elevation\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const transition = boolean(\"Transition\", true);\n        const z = select(\"Z (elevation height)\", [...Array(25).keys()], 1);\n\n        const style = {\n            padding: 20,\n            backgroundColor: \"white\"\n        };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"An area with applied elevation\"}>\n                    <StorySandboxExample>\n                        <Elevation z={z} transition={transition}>\n                            <div style={style}>This is an elevated content.</div>\n                        </Elevation>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Elevation z={${z}} transition={${transition}}>\n                            <div>This is an elevated content.</div>\n                        </Elevation>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Elevation] } }\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;AACA,IAAAK,UAAA,GAAAL,OAAA;AAEA,IAAMM,KAAK,GAAG,IAAAC,iBAAS,EAAC,sBAAsB,EAAEC,MAAM,CAAC;AACvDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,UAAU,GAAG,IAAAC,mBAAO,EAAC,YAAY,EAAE,IAAI,CAAC;EAC9C,IAAMC,CAAC,GAAG,IAAAC,kBAAM,EAAC,sBAAsB,MAAAC,mBAAA,CAAAC,OAAA,EAAMC,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;EAElE,IAAMC,KAAK,GAAG;IACVC,OAAO,EAAE,EAAE;IACXC,eAAe,EAAE;EACrB,CAAC;EAED,oBACIxB,MAAA,CAAAmB,OAAA,CAAAM,aAAA,CAACrB,MAAA,CAAAsB,KAAK,qBACF1B,MAAA,CAAAmB,OAAA,CAAAM,aAAA,CAACrB,MAAA,CAAAuB,WAAW,QAAEC,eAAoB,CAAC,eACnC5B,MAAA,CAAAmB,OAAA,CAAAM,aAAA,CAACrB,MAAA,CAAAyB,YAAY;IAACC,KAAK,EAAE;EAAiC,gBAClD9B,MAAA,CAAAmB,OAAA,CAAAM,aAAA,CAACrB,MAAA,CAAA2B,mBAAmB,qBAChB/B,MAAA,CAAAmB,OAAA,CAAAM,aAAA,CAAClB,UAAA,CAAAyB,SAAS;IAAChB,CAAC,EAAEA,CAAE;IAACF,UAAU,EAAEA;EAAW,gBACpCd,MAAA,CAAAmB,OAAA,CAAAM,aAAA;IAAKH,KAAK,EAAEA;EAAM,GAAC,8BAAiC,CAC7C,CACM,CAAC,eACtBtB,MAAA,CAAAmB,OAAA,CAAAM,aAAA,CAACrB,MAAA,CAAA6B,gBAAgB,mDAAAC,MAAA,CAEGlB,CAAC,oBAAAkB,MAAA,CAAiBpB,UAAU,wIAI9B,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEqB,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACJ,oBAAS;EAAE;AAAE,CACxC,CAAC"}

package/Grid/Grid.stories.d.ts

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

package/Grid/Grid.stories.js

@@ -1,36 +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("./../Grid/README.md"));
-var _Grid = require("./Grid");
-var story = (0, _react2.storiesOf)("Components/Grid", 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 grid."
-  }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 3,
-    tablet: 6,
-    phone: 12
-  }, "Apples"), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 3,
-    tablet: 6,
-    phone: 12
-  }, "Oranges"), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 3,
-    tablet: 6,
-    phone: 12
-  }, "Bananas"), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 3,
-    tablet: 6,
-    phone: 12
-  }, "Strawberries"))));
-}, {
-  info: {
-    propTables: [_Grid.Grid, _Grid.Cell]
-  }
-});
-
-//# sourceMappingURL=Grid.stories.js.map

package/Grid/Grid.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_Grid","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","Grid","Cell","span","tablet","phone","info","propTables"],"sources":["Grid.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Grid/README.md\";\nimport { Grid, Cell } from \"./Grid\";\n\nconst story = storiesOf(\"Components/Grid\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple grid.\"}>\n                    <Grid>\n                        <Cell span={3} tablet={6} phone={12}>\n                            Apples\n                        </Cell>\n                        <Cell span={3} tablet={6} phone={12}>\n                            Oranges\n                        </Cell>\n                        <Cell span={3} tablet={6} phone={12}>\n                            Bananas\n                        </Cell>\n                        <Cell span={3} tablet={6} phone={12}>\n                            Strawberries\n                        </Cell>\n                    </Grid>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Grid, Cell] } }\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;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAMK,KAAK,GAAG,IAAAC,iBAAS,EAAC,iBAAiB,EAAEC,MAAM,CAAC;AAElDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAS,KAAK,qBACFb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAU,WAAW,QAAEC,eAAoB,CAAC,eACnCf,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAY,YAAY;IAACC,KAAK,EAAE;EAAiB,gBAClCjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAY,IAAI,qBACDlB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAa,IAAI;IAACC,IAAI,EAAE,CAAE;IAACC,MAAM,EAAE,CAAE;IAACC,KAAK,EAAE;EAAG,GAAC,QAE/B,CAAC,eACPtB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAa,IAAI;IAACC,IAAI,EAAE,CAAE;IAACC,MAAM,EAAE,CAAE;IAACC,KAAK,EAAE;EAAG,GAAC,SAE/B,CAAC,eACPtB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAa,IAAI;IAACC,IAAI,EAAE,CAAE;IAACC,MAAM,EAAE,CAAE;IAACC,KAAK,EAAE;EAAG,GAAC,SAE/B,CAAC,eACPtB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAa,IAAI;IAACC,IAAI,EAAE,CAAE;IAACC,MAAM,EAAE,CAAE;IAACC,KAAK,EAAE;EAAG,GAAC,cAE/B,CACJ,CACI,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACN,UAAI,EAAEC,UAAI;EAAE;AAAE,CACzC,CAAC"}

package/Icon/Icon.stories.d.ts

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