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

package/Input/__tests__/Input.test.js

@@ -1,113 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-// TODO remove
-// @ts-nocheck
-import React from "react"; // eslint-disable-next-line
-
-import { Input } from "../index";
-import "jest-dom/extend-expect";
-import { render, cleanup } from "react-testing-library";
-afterEach(cleanup);
-describe("Input tests", function () {
-  test("passes expected props to render prop", function () {
-    var _setup = setup(),
-        renderArg = _setup.renderArg;
-
-    expect(renderArg).toContainKeys(["value", "validation", "onChange", "onBlur"]);
-  });
-  test("updates value via onChange", function () {
-    var _setup2 = setup(),
-        renderArg = _setup2.renderArg;
-
-    expect(renderArg.value).toBe("init-value");
-    renderArg.onChange("new-value");
-    expect(renderArg.value).toBe("new-value");
-    renderArg.onChange("third-value");
-    expect(renderArg.value).toBe("third-value");
-  });
-});
-
-function setup() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var renderArg = {};
-  var renderProp = jest.fn(function (controllerArg) {
-    Object.assign(renderArg, controllerArg);
-    return null;
-  });
-
-  var Test = /*#__PURE__*/function (_React$Component) {
-    _inherits(Test, _React$Component);
-
-    var _super = _createSuper(Test);
-
-    function Test() {
-      var _this;
-
-      _classCallCheck(this, Test);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this = _super.call.apply(_super, [this].concat(args));
-
-      _defineProperty(_assertThisInitialized(_this), "state", {
-        value: "init-value"
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "onChange", function (value) {
-        _this.setState({
-          value: value
-        });
-      });
-
-      return _this;
-    }
-
-    _createClass(Test, [{
-      key: "render",
-      value: function render() {
-        return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
-          value: this.state.value,
-          onChange: callAll(props.onChange, this.onChange)
-        }), renderProp);
-      }
-    }]);
-
-    return Test;
-  }(React.Component);
-
-  var utils = render( /*#__PURE__*/React.createElement(Test, null));
-  return _objectSpread({
-    renderArg: renderArg
-  }, utils);
-}
-/**
- * This return a function that will call all the given functions with
- * the arguments with which it's called. It does a null-check before
- * attempting to call the functions and can take any number of functions.
- * @param {...Function} fns the functions to call
- * @return {Function} the function that calls all the functions
- */
-
-
-function callAll() {
-  for (var _len2 = arguments.length, fns = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    fns[_key2] = arguments[_key2];
-  }
-
-  return function () {
-    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      args[_key3] = arguments[_key3];
-    }
-
-    fns.forEach(function (fn) {
-      fn && fn.apply(void 0, args);
-    });
-  };
-}

package/Input/svg/baseline-autorenew-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/Input/svg/baseline-cloud_done-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM10 17l-3.5-3.5 1.41-1.41L10 14.17 15.18 9l1.41 1.41L10 17z"/>
-</svg>

package/Input/svg/baseline-delete-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/Input/svg/baseline-done-24px.svg

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

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

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

package/List/CollapsibleList/CollapsibleList.stories.js

@@ -1,26 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./README.md";
-import { withKnobs } from "@storybook/addon-knobs";
-import { CollapsibleList } from "./index";
-import { SimpleListItem } from "./../List";
-var story = storiesOf("Components/List", module);
-story.addDecorator(withKnobs);
-story.add("collapsible list", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement(CollapsibleList, {
-    handle: /*#__PURE__*/React.createElement(SimpleListItem, {
-      text: "Fruits"
-    })
-  }, /*#__PURE__*/React.createElement(SimpleListItem, {
-    text: "Bananas"
-  }), /*#__PURE__*/React.createElement(SimpleListItem, {
-    text: "Grapes"
-  }), /*#__PURE__*/React.createElement(SimpleListItem, {
-    text: "Oranges"
-  }))), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                         <CollapsibleList handle={<SimpleListItem text=\"Fruits\" />}>\n                            <SimpleListItem text=\"Bananas\" />\n                            <SimpleListItem text=\"Grapes\" />\n                            <SimpleListItem text=\"Oranges\" />\n                        </CollapsibleList>\n                      ")));
-}, {
-  info: {
-    propTables: [CollapsibleList, SimpleListItem]
-  }
-});

package/List/CollapsibleList/README.md

@@ -1,11 +0,0 @@
-# CollapsibleList
-
-### Description
-
-Use `CollapsibleList` to display a list of items that are made visible when you click the assigned `handle` element.
-
-### Import
-
-```js
-import { CollapsibleList, SimpleListItem } from "@webiny/ui/List";
-```

package/List/CollapsibleList/index.css

@@ -1,31 +0,0 @@
-.rmwc-collapsible-list {
-  width: 100%;
-}
-
-.rmwc-collapsible-list__children {
-  overflow: hidden;
-  max-height: 0;
-  transition: max-height 0.3s, opacity 0.3s;
-  opacity: 0;
-}
-
-.rmwc-collapsible-list--open > .rmwc-collapsible-list__children {
-  opacity: 1;
-}
-
-.rmwc-collapsible-list__handle .mdc-list-item__meta {
-  transition: transform 0.3s;
-  user-select: none;
-}
-
-.rmwc-collapsible-list--open > .rmwc-collapsible-list__handle .mdc-list-item__meta {
-  transform: rotate(90deg);
-}
-
-.rmwc-collapsible-list__children .mdc-list-item {
-  padding-left: 2rem;
-}
-
-.rmwc-collapsible-list__children-inner {
-  overflow: auto;
-}

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

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

package/List/DataList/DataList.stories.js

@@ -1,107 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./../DataList/README.md";
-import { withKnobs, boolean, text, object, array } from "@storybook/addon-knobs";
-import { DataList } from "./DataList";
-import { DeleteIcon, EditIcon } from "./icons";
-import { List, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListItemGraphic } from "./../List";
-var story = storiesOf("Components/List", module);
-story.addDecorator(withKnobs);
-story.add("data list", function () {
-  var generalOptionsAndCallbacks = {
-    refresh: function refresh() {
-      console.log("Implement \"refresh\" method.");
-    },
-    loading: boolean("Loading", false, "Basic"),
-    title: text("Title", "A list of all users", "Basic"),
-    multiActions: 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: 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 = 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 = object("Meta", {
-    totalPages: 1,
-    totalCount: 3,
-    from: 1,
-    to: 3,
-    previousPage: null,
-    nextPage: null
-  }, "Meta");
-  var sortersProp = {
-    list: 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.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement(DataList, Object.assign({}, generalOptionsAndCallbacks, {
-    data: dataProp,
-    meta: metaProp // @ts-ignore
-    ,
-    sorters: sortersProp.list
-  }), function (_ref) {
-    var data = _ref.data;
-    return /*#__PURE__*/React.createElement(List, null, data.map(function (item) {
-      return /*#__PURE__*/React.createElement(ListItem, {
-        key: item.id
-      }, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement("img", {
-        src: "http://i.pravatar.cc/100?id=" + item.id
-      })), /*#__PURE__*/React.createElement(ListItemText, null, item.firstName, " ", item.lastName, /*#__PURE__*/React.createElement(ListItemTextSecondary, null, item.email)), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(DeleteIcon, {
-        onClick: function onClick() {
-          console.log("Redirect user to form.");
-        }
-      }), /*#__PURE__*/React.createElement(EditIcon, {
-        onClick: function onClick() {
-          console.log("Show confirmation dialog.");
-        }
-      })));
-    }));
-  })), /*#__PURE__*/React.createElement(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, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListItemGraphic]
-  }
-});

package/List/DataList/DataListModalOverlay/DataListModalOverlay.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-export declare type SimpleOverlayProps = {
-    showOverlay: boolean;
-};
-export declare const SimpleOverlay: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & SimpleOverlayProps, "onError" | "className" | "style" | "title" | "children" | "onBlur" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onAuxClick" | "onDoubleClick" | "onDragEnd" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onInvalid" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onPaste" | "onPause" | "onPlay" | "onPointerCancel" | "onPointerDown" | "onPointerUp" | "onRateChange" | "onReset" | "onSeeked" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchStart" | "onVolumeChange" | "onAbort" | "onAnimationEnd" | "onAnimationIteration" | "onAnimationStart" | "onCanPlay" | "onCanPlayThrough" | "onDrag" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onGotPointerCapture" | "onLoad" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onLostPointerCapture" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onPlaying" | "onPointerMove" | "onPointerOut" | "onPointerOver" | "onProgress" | "onScroll" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onTouchMove" | "onTransitionEnd" | "onWaiting" | "onWheel" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onChange" | "onSelect" | "onBeforeInput" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEndCapture" | "onCompositionStartCapture" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onResetCapture" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbortCapture" | "onCanPlayCapture" | "onCanPlayThroughCapture" | "onDurationChangeCapture" | "onEmptiedCapture" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedDataCapture" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPauseCapture" | "onPlayCapture" | "onPlayingCapture" | "onProgressCapture" | "onRateChangeCapture" | "onSeekedCapture" | "onSeekingCapture" | "onStalledCapture" | "onSuspendCapture" | "onTimeUpdateCapture" | "onVolumeChangeCapture" | "onWaitingCapture" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMoveCapture" | "onPointerUpCapture" | "onPointerCancelCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerOverCapture" | "onPointerOutCapture" | "onGotPointerCaptureCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIterationCapture" | "onTransitionEndCapture" | "translate" | "css" | "showOverlay"> & {
-    theme: object;
-}, object>;
-export declare type DataListModalWrapperProps = {
-    showOverlay: boolean;
-};
-export declare const DataListModalWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataListModalWrapperProps, "onError" | "className" | "style" | "title" | "children" | "onBlur" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onAuxClick" | "onDoubleClick" | "onDragEnd" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onInvalid" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onPaste" | "onPause" | "onPlay" | "onPointerCancel" | "onPointerDown" | "onPointerUp" | "onRateChange" | "onReset" | "onSeeked" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchStart" | "onVolumeChange" | "onAbort" | "onAnimationEnd" | "onAnimationIteration" | "onAnimationStart" | "onCanPlay" | "onCanPlayThrough" | "onDrag" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onGotPointerCapture" | "onLoad" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onLostPointerCapture" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onPlaying" | "onPointerMove" | "onPointerOut" | "onPointerOver" | "onProgress" | "onScroll" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onTouchMove" | "onTransitionEnd" | "onWaiting" | "onWheel" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onChange" | "onSelect" | "onBeforeInput" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEndCapture" | "onCompositionStartCapture" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onResetCapture" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbortCapture" | "onCanPlayCapture" | "onCanPlayThroughCapture" | "onDurationChangeCapture" | "onEmptiedCapture" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedDataCapture" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPauseCapture" | "onPlayCapture" | "onPlayingCapture" | "onProgressCapture" | "onRateChangeCapture" | "onSeekedCapture" | "onSeekingCapture" | "onStalledCapture" | "onSuspendCapture" | "onTimeUpdateCapture" | "onVolumeChangeCapture" | "onWaitingCapture" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMoveCapture" | "onPointerUpCapture" | "onPointerCancelCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerOverCapture" | "onPointerOutCapture" | "onGotPointerCaptureCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIterationCapture" | "onTransitionEndCapture" | "translate" | "css" | "showOverlay"> & {
-    theme: object;
-}, object>;
-export declare type DataListModalOverlayProps = {
-    onDismiss?: (event?: React.SyntheticEvent) => void;
-    children: React.ReactNode;
-};
-export declare const DataListModalOverlay: ({ onDismiss, children }: DataListModalOverlayProps) => JSX.Element;

package/List/DataList/DataListModalOverlay/DataListModalOverlay.js

@@ -1,87 +0,0 @@
-import React, { useContext } from "react";
-import styled from "@emotion/styled";
-import { DataListModalOverlayContext } from "./DataListModalOverlayContext";
-export var SimpleOverlay = /*#__PURE__*/styled("div", {
-  target: "e1dhql4g0",
-  label: "SimpleOverlay"
-})(function (_ref) {
-  var showOverlay = _ref.showOverlay;
-  return {
-    width: "100%",
-    height: "100%",
-    position: "absolute",
-    top: 0,
-    left: 0,
-    backgroundColor: showOverlay ? "rgba(0, 0, 0, 0.32)" : "transparent",
-    transition: "150ms all ease-in-out",
-    pointerEvents: showOverlay ? "auto" : "none",
-    zIndex: showOverlay ? 5 : -1,
-    opacity: showOverlay ? 1 : 0
-  };
-});
-export var DataListModalWrapper = /*#__PURE__*/styled("div", {
-  target: "e1dhql4g1",
-  label: "DataListModalWrapper"
-})(function (_ref2) {
-  var showOverlay = _ref2.showOverlay;
-  return {
-    position: "absolute",
-    top: "0px",
-    left: "50%",
-    width: "90%",
-    height: "auto",
-    maxWidth: "426px",
-    maxHeight: "520px",
-    overflow: "auto",
-    backgroundColor: "var(--mdc-theme-surface)",
-    boxShadow: "0px 1px 5px rgba(0, 0, 0, 0.12)",
-    borderRadius: "0px 0px 4px 4px",
-    transition: "150ms opacity ease-in-out",
-    pointerEvents: showOverlay ? "auto" : "none",
-    zIndex: showOverlay ? 5 : -1,
-    opacity: showOverlay ? 1 : 0,
-    transform: showOverlay ? "translateX(-50%)" : "translateX(-1000px)",
-    "& .input-wrapper": {
-      paddingBottom: "16px"
-    },
-    "& .datalist-modal__footer": {
-      padding: "24px",
-      display: "flex",
-      justifyContent: "space-between",
-      "& .mdc-button": {
-        borderRadius: 4,
-        padding: "0px 32px"
-      },
-      "& .datalist-modal__footer__action--secondary": {
-        color: "var(--mdc-theme-text-primary-on-background)",
-        border: "1px solid var(--mdc-theme-on-background)"
-      },
-      "& .datalist-modal__footer__action--primary": {
-        backgroundColor: "var(--mdc-theme-secondary)"
-      }
-    }
-  };
-});
-export var DataListModalOverlay = function DataListModalOverlay(_ref3) {
-  var onDismiss = _ref3.onDismiss,
-      children = _ref3.children;
-
-  var _useContext = useContext(DataListModalOverlayContext),
-      isOpen = _useContext.isOpen,
-      setIsOpen = _useContext.setIsOpen;
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SimpleOverlay, {
-    onClick: function onClick(e) {
-      e.stopPropagation(); // Close the modal.
-
-      setIsOpen(false);
-
-      if (typeof onDismiss === "function") {
-        onDismiss();
-      }
-    },
-    showOverlay: isOpen
-  }), /*#__PURE__*/React.createElement(DataListModalWrapper, {
-    showOverlay: isOpen
-  }, children));
-};

package/List/DataList/DataListModalOverlay/DataListModalOverlayAction.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare type DataListModalOverlayActionProps = {
-    icon: React.ReactNode;
-    "data-testid"?: string;
-};
-export declare const DataListModalOverlayAction: ({ icon, ...rest }: DataListModalOverlayActionProps) => JSX.Element;

package/List/DataList/DataListModalOverlay/DataListModalOverlayAction.js

@@ -1,21 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["icon"];
-import React, { useContext } from "react";
-import { IconButton } from "../../../Button";
-import { DataListModalOverlayContext } from "./DataListModalOverlayContext";
-export var DataListModalOverlayAction = function DataListModalOverlayAction(_ref) {
-  var icon = _ref.icon,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _useContext = useContext(DataListModalOverlayContext),
-      isOpen = _useContext.isOpen,
-      setIsOpen = _useContext.setIsOpen;
-
-  return /*#__PURE__*/React.createElement(IconButton, {
-    "data-testid": rest["data-testid"],
-    icon: icon,
-    onClick: function onClick() {
-      return setIsOpen(!isOpen);
-    }
-  });
-};

package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare const DataListModalOverlayContext: React.Context<any>;
-export declare type DataListModalOverlayProviderProps = {
-    children?: React.ReactChild | React.ReactChild[];
-};
-export declare const DataListModalOverlayProvider: ({ children }: DataListModalOverlayProviderProps) => JSX.Element;

package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.js

@@ -1,18 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React from "react";
-export var DataListModalOverlayContext = /*#__PURE__*/React.createContext(null);
-export var DataListModalOverlayProvider = function DataListModalOverlayProvider(_ref) {
-  var children = _ref.children;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isOpen = _React$useState2[0],
-      setIsOpen = _React$useState2[1];
-
-  return /*#__PURE__*/React.createElement(DataListModalOverlayContext.Provider, {
-    value: {
-      isOpen: isOpen,
-      setIsOpen: setIsOpen
-    }
-  }, children);
-};

package/List/DataList/Loader.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Loader: () => JSX.Element;
-export default Loader;

package/List/DataList/Loader.js

@@ -1,57 +0,0 @@
-import * as React from "react";
-import styled from "@emotion/styled";
-import Skeleton from "react-loading-skeleton";
-var LoaderUl = /*#__PURE__*/styled("ul", {
-  target: "e1nb7uzc0",
-  label: "LoaderUl"
-})({
-  listStyle: "none",
-  padding: "10px 20px",
-  "li > div": {
-    display: "inline-block",
-    verticalAlign: "middle",
-    ".react-loading-skeleton": {
-      backgroundColor: "var(--mdc-theme-background)",
-      backgroundImage: "linear-gradient(90deg, var(--mdc-theme-background), var(--mdc-theme-surface), var(--mdc-theme-background))"
-    }
-  },
-  ".graphic": {
-    fontSize: 36,
-    width: 36
-  },
-  ".data": {
-    width: "calc(-36px + 75%)",
-    marginLeft: 10
-  },
-  ".actions": {
-    width: "calc(-36px + 25%)",
-    marginLeft: 10,
-    textAlign: "right",
-    "> div": {
-      display: "inline-block",
-      fontSize: 24,
-      marginLeft: 10,
-      width: 24
-    }
-  }
-});
-
-var Loader = function Loader() {
-  return /*#__PURE__*/React.createElement(LoaderUl, {
-    "data-testid": "default-data-list.loading"
-  }, [1, 2, 3, 4, 5].map(function (item) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: "list-" + item
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "graphic"
-    }, /*#__PURE__*/React.createElement(Skeleton, null)), /*#__PURE__*/React.createElement("div", {
-      className: "data"
-    }, /*#__PURE__*/React.createElement(Skeleton, {
-      count: 2
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "actions"
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Skeleton, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Skeleton, null))));
-  }));
-};
-
-export default Loader;

package/List/DataList/NoData.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const NoData: () => JSX.Element;
-export default NoData;

package/List/DataList/NoData.js

@@ -1,19 +0,0 @@
-import * as React from "react";
-import { Typography } from "../../Typography";
-import styled from "@emotion/styled";
-var NoDataWrapper = /*#__PURE__*/styled("div", {
-  target: "enkc7l50",
-  label: "NoDataWrapper"
-})({
-  textAlign: "center",
-  padding: 100,
-  color: "var(--mdc-theme-on-surface)"
-});
-
-var NoData = function NoData() {
-  return /*#__PURE__*/React.createElement(NoDataWrapper, null, /*#__PURE__*/React.createElement(Typography, {
-    use: "overline"
-  }, "No records found."));
-};
-
-export default NoData;

package/List/DataList/README.md

@@ -1,17 +0,0 @@
-# DataList
-
-### Description
-
-Use `DataList` component to display paginated data and provide actions for switching pages, filters, and sorters.
-
-### Import
-
-```js
-import { DataList } from "@webiny/ui/DataList";
-```
-
-Also note, before using `DeleteIcon` and `EditIcon` components, import them with following statement:
-
-```js
-import { DeleteIcon, EditIcon } from "@webiny/ui/DataList/icons";
-```

package/List/DataList/icons/baseline-autorenew-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/List/DataList/icons/baseline-delete-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/List/DataList/icons/baseline-edit-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/List/DataList/icons/baseline-navigate_before-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>