@webiny/ui 0.0.0-mt-3 → 0.0.0-unstable.085ff6572f

package/List/DataList/icons/index.js

@@ -1,55 +1,71 @@
-import * as React from "react";
-import { IconButton } from "../../../Button";
-import { ReactComponent as AutoRenew } from "@svgr/webpack!./baseline-autorenew-24px.svg";
-import { ReactComponent as Pen } from "@svgr/webpack!./baseline-edit-24px.svg";
-import { ReactComponent as Delete } from "@svgr/webpack!./baseline-delete-24px.svg";
-import { ReactComponent as Sort } from "@svgr/webpack!./baseline-sort-24px.svg";
-import { ReactComponent as Filter } from "@svgr/webpack!./filter_alt-24px.svg";
-import { ReactComponent as NavigateBefore } from "@svgr/webpack!./baseline-navigate_before-24px.svg";
-import { ReactComponent as NavigateNext } from "@svgr/webpack!./baseline-navigate_next-24px.svg";
-import { ReactComponent as TuneIcon } from "@svgr/webpack!./baseline-tune-24px.svg";
-export var RefreshIcon = function RefreshIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(AutoRenew, null)
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SortIcon = exports.RefreshIcon = exports.PreviousPageIcon = exports.OptionsIcon = exports.NextPageIcon = exports.FilterIcon = exports.EditIcon = exports.DeleteIcon = exports.CreateIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Button = require("../../../Button");
+var _baselineAutorenew24px = require("./baseline-autorenew-24px.svg");
+var _baselineEdit24px = require("./baseline-edit-24px.svg");
+var _baselineDelete24px = require("./baseline-delete-24px.svg");
+var _baselineSort24px = require("./baseline-sort-24px.svg");
+var _filter_alt24px = require("./filter_alt-24px.svg");
+var _baselineNavigate_before24px = require("./baseline-navigate_before-24px.svg");
+var _baselineNavigate_next24px = require("./baseline-navigate_next-24px.svg");
+var _baselineTune24px = require("./baseline-tune-24px.svg");
+var RefreshIcon = function RefreshIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
+    icon: /*#__PURE__*/_react.default.createElement(_baselineAutorenew24px.ReactComponent, null)
   }, props));
 };
-export var DeleteIcon = function DeleteIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(Delete, null)
+exports.RefreshIcon = RefreshIcon;
+var DeleteIcon = function DeleteIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
+    icon: /*#__PURE__*/_react.default.createElement(_baselineDelete24px.ReactComponent, null)
   }, props));
 };
-export var CreateIcon = function CreateIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(Pen, null)
+exports.DeleteIcon = DeleteIcon;
+var CreateIcon = function CreateIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
+    icon: /*#__PURE__*/_react.default.createElement(_baselineEdit24px.ReactComponent, null)
   }, props));
 };
-export var EditIcon = function EditIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(Pen, null)
+exports.CreateIcon = CreateIcon;
+var EditIcon = function EditIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
+    icon: /*#__PURE__*/_react.default.createElement(_baselineEdit24px.ReactComponent, null)
   }, props));
 };
-export var SortIcon = function SortIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(Sort, null)
+exports.EditIcon = EditIcon;
+var SortIcon = function SortIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
+    icon: /*#__PURE__*/_react.default.createElement(_baselineSort24px.ReactComponent, null)
   }, props));
 };
-export var FilterIcon = function FilterIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(Filter, null)
+exports.SortIcon = SortIcon;
+var FilterIcon = function FilterIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
+    icon: /*#__PURE__*/_react.default.createElement(_filter_alt24px.ReactComponent, null)
   }, props));
 };
-export var PreviousPageIcon = function PreviousPageIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(NavigateBefore, null)
+exports.FilterIcon = FilterIcon;
+var PreviousPageIcon = function PreviousPageIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
+    icon: /*#__PURE__*/_react.default.createElement(_baselineNavigate_before24px.ReactComponent, null)
   }, props));
 };
-export var NextPageIcon = function NextPageIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(NavigateNext, null)
+exports.PreviousPageIcon = PreviousPageIcon;
+var NextPageIcon = function NextPageIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
+    icon: /*#__PURE__*/_react.default.createElement(_baselineNavigate_next24px.ReactComponent, null)
   }, props));
 };
-export var OptionsIcon = function OptionsIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(TuneIcon, null)
+exports.NextPageIcon = NextPageIcon;
+var OptionsIcon = function OptionsIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
+    icon: /*#__PURE__*/_react.default.createElement(_baselineTune24px.ReactComponent, null)
   }, props));
-};
+};
+exports.OptionsIcon = OptionsIcon;

package/List/DataList/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RefreshIcon","props","DeleteIcon","CreateIcon","EditIcon","SortIcon","FilterIcon","PreviousPageIcon","NextPageIcon","OptionsIcon"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, IconButtonProps as BaseIconProps } from \"../../../Button\";\nimport { ReactComponent as AutoRenew } from \"./baseline-autorenew-24px.svg\";\nimport { ReactComponent as Pen } from \"./baseline-edit-24px.svg\";\nimport { ReactComponent as Delete } from \"./baseline-delete-24px.svg\";\nimport { ReactComponent as Sort } from \"./baseline-sort-24px.svg\";\nimport { ReactComponent as Filter } from \"./filter_alt-24px.svg\";\nimport { ReactComponent as NavigateBefore } from \"./baseline-navigate_before-24px.svg\";\nimport { ReactComponent as NavigateNext } from \"./baseline-navigate_next-24px.svg\";\nimport { ReactComponent as TuneIcon } from \"./baseline-tune-24px.svg\";\n\ntype IconButtonProps = Omit<BaseIconProps, \"icon\"> & {\n    icon?: React.ReactElement<any>;\n};\n\nexport const RefreshIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<AutoRenew />} {...props} />;\n};\n\nexport const DeleteIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Delete />} {...props} />;\n};\n\nexport const CreateIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Pen />} {...props} />;\n};\n\nexport const EditIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Pen />} {...props} />;\n};\n\nexport const SortIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Sort />} {...props} />;\n};\n\nexport const FilterIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Filter />} {...props} />;\n};\n\nexport const PreviousPageIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<NavigateBefore />} {...props} />;\n};\n\nexport const NextPageIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<NavigateNext />} {...props} />;\n};\n\nexport const OptionsIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<TuneIcon />} {...props} />;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMO,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAsB,EAAK;EACnD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,qCAAS;EAAI,GAAKA,KAAK,EAAI;AACzD,CAAC;AAAC;AAEK,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAID,KAAsB,EAAK;EAClD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,kCAAM;EAAI,GAAKA,KAAK,EAAI;AACtD,CAAC;AAAC;AAEK,IAAME,UAAU,GAAG,SAAbA,UAAU,CAAIF,KAAsB,EAAK;EAClD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,gCAAG;EAAI,GAAKA,KAAK,EAAI;AACnD,CAAC;AAAC;AAEK,IAAMG,QAAQ,GAAG,SAAXA,QAAQ,CAAIH,KAAsB,EAAK;EAChD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,gCAAG;EAAI,GAAKA,KAAK,EAAI;AACnD,CAAC;AAAC;AAEK,IAAMI,QAAQ,GAAG,SAAXA,QAAQ,CAAIJ,KAAsB,EAAK;EAChD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,gCAAI;EAAI,GAAKA,KAAK,EAAI;AACpD,CAAC;AAAC;AAEK,IAAMK,UAAU,GAAG,SAAbA,UAAU,CAAIL,KAAsB,EAAK;EAClD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,8BAAM;EAAI,GAAKA,KAAK,EAAI;AACtD,CAAC;AAAC;AAEK,IAAMM,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIN,KAAsB,EAAK;EACxD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,2CAAc;EAAI,GAAKA,KAAK,EAAI;AAC9D,CAAC;AAAC;AAEK,IAAMO,YAAY,GAAG,SAAfA,YAAY,CAAIP,KAAsB,EAAK;EACpD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,yCAAY;EAAI,GAAKA,KAAK,EAAI;AAC5D,CAAC;AAAC;AAEK,IAAMQ,WAAW,GAAG,SAAdA,WAAW,CAAIR,KAAsB,EAAK;EACnD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,gCAAQ;EAAI,GAAKA,KAAK,EAAI;AACxD,CAAC;AAAC"}

package/List/DataList/index.d.ts

@@ -1,3 +1,4 @@
 export { DataList, ScrollList } from "./DataList";
+export { DataListWithSections, ScrollListWithSections } from "./DataListWithSections";
 export { default as NoData } from "./NoData";
 export * from "./DataListModalOverlay";

package/List/DataList/index.js

@@ -1,3 +1,58 @@
-export { DataList, ScrollList } from "./DataList";
-export { default as NoData } from "./NoData";
-export * from "./DataListModalOverlay";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  DataList: true,
+  ScrollList: true,
+  DataListWithSections: true,
+  ScrollListWithSections: true,
+  NoData: true
+};
+Object.defineProperty(exports, "DataList", {
+  enumerable: true,
+  get: function get() {
+    return _DataList.DataList;
+  }
+});
+Object.defineProperty(exports, "DataListWithSections", {
+  enumerable: true,
+  get: function get() {
+    return _DataListWithSections.DataListWithSections;
+  }
+});
+Object.defineProperty(exports, "NoData", {
+  enumerable: true,
+  get: function get() {
+    return _NoData.default;
+  }
+});
+Object.defineProperty(exports, "ScrollList", {
+  enumerable: true,
+  get: function get() {
+    return _DataList.ScrollList;
+  }
+});
+Object.defineProperty(exports, "ScrollListWithSections", {
+  enumerable: true,
+  get: function get() {
+    return _DataListWithSections.ScrollListWithSections;
+  }
+});
+var _DataList = require("./DataList");
+var _DataListWithSections = require("./DataListWithSections");
+var _NoData = _interopRequireDefault(require("./NoData"));
+var _DataListModalOverlay = require("./DataListModalOverlay");
+Object.keys(_DataListModalOverlay).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DataListModalOverlay[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DataListModalOverlay[key];
+    }
+  });
+});

package/List/DataList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { DataList, ScrollList } from \"./DataList\";\nexport { DataListWithSections, ScrollListWithSections } from \"./DataListWithSections\";\nexport { default as NoData } from \"./NoData\";\nexport * from \"./DataListModalOverlay\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/List/DataList/types.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 export declare type PaginationProp = {
     setPage?: (page: number) => void;
     setPreviousPage?: () => void;

package/List/DataList/types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/List/DataList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from \"react\";\n\nexport type PaginationProp = {\n    // Triggered when a page is about to be changed.\n    setPage?: (page: number) => void;\n\n    // Triggered when previous page is requested.\n    setPreviousPage?: () => void;\n\n    // Triggered when next page is requested.\n    setNextPage?: () => void;\n\n    // Triggered internally when in need to determine if there is a next page and apply UI changes accordingly.\n    hasNextPage?: boolean;\n\n    // Triggered internally when in need to determine if there is a previous page and apply UI changes accordingly.\n    hasPreviousPage?: boolean;\n\n    // Triggered when number of entries per page has been changed.\n    setPerPage?: (amount: number) => void;\n\n    // By default, users can choose from 10, 25 or 50 entries per page.\n    perPageOptions?: number[];\n};\n\nexport type SortersProp = Array<{ label: string; value: any }>;\n\nexport type Props = {\n    // Pass a function to take full control of list render.\n    children?: Function;\n\n    // A title of paginated list.\n    title?: React.ReactNode;\n\n    // FormData that needs to be shown in the list.\n    data?: Object[];\n\n    // A callback that must refresh current view by repeating the previous query.\n    refresh?: Function;\n\n    // If true, Loader component will be shown, disallowing any interaction.\n    loading?: boolean;\n\n    // Provide a custom loader. Shown while the content is being loaded.\n    loader?: React.ReactNode;\n\n    // Provide all pagination data, options and callbacks here.\n    pagination?: PaginationProp;\n\n    // Triggered once the page has been selected.\n    setPage?: Function;\n\n    // Triggered once a sorter has been selected.\n    setSorters?: Function;\n\n    // Triggered once selected filters are submitted.\n    setFilters?: Function;\n\n    // Provide all sorters options and callbacks here.\n    sorters?: SortersProp;\n\n    multiActions?: any[]; // TODO: define\n};\n"],"mappings":""}

package/List/List.d.ts

@@ -1,4 +1,5 @@
-import * as React from "react";
+/// <reference types="web" />
+import React from "react";
 import { ListProps as RmwcListProps, ListItemProps as RmwcListItemProps, ListItemTextProps as RmwcListItemTextProps, SimpleListItemProps as RmwcSimpleListItemProps } from "@rmwc/list";
 export declare type ListItemProps = RmwcListItemProps & {
     children: React.ReactNode;
@@ -27,7 +28,7 @@ export declare class List extends React.Component<ListProps> {
 export declare type ListItemTextProps = RmwcListItemTextProps & {
     children: React.ReactNode;
     className?: string;
-    onClick?: (e: React.SyntheticEvent<MouseEvent>) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 };
 /**
  * Used to show regular text in list items.

package/List/List.js

@@ -1,148 +1,151 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import * as React from "react";
-import { List as RmwcList, ListItem as RmwcListItem, ListItemText as RmwcListItemText, ListItemPrimaryText as RmwcListItemPrimaryText, ListItemSecondaryText as RmwcListItemSecondaryText, SimpleListItem as RmwcSimpleListItem } from "@rmwc/list";
-import { Typography } from "../Typography";
-import classNames from "classnames";
-import styled from "@emotion/styled";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SimpleListItem = exports.ListTopCaption = exports.ListTextOverline = exports.ListSelectBox = exports.ListItemTextSecondary = exports.ListItemTextPrimary = exports.ListItemText = exports.ListItemMeta = exports.ListItemGraphic = exports.ListItem = exports.ListBottomCaption = exports.ListActions = exports.List = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _react = _interopRequireDefault(require("react"));
+var _list = require("@rmwc/list");
+var _Typography = require("../Typography");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 /**
  * ListItem components are placed as direct children to List component.
  * @param props
  * @returns {*}
  * @constructor
  */
-export var ListItem = function ListItem(props) {
-  return /*#__PURE__*/React.createElement(RmwcListItem, props);
+var ListItem = function ListItem(props) {
+  return /*#__PURE__*/_react.default.createElement(_list.ListItem, props);
 };
-
+exports.ListItem = ListItem;
 /**
  * Use List component to display data and offer additional actions if needed.
  */
-export var List = /*#__PURE__*/function (_React$Component) {
-  _inherits(List, _React$Component);
-
-  var _super = _createSuper(List);
-
+var List = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(List, _React$Component);
+  var _super = (0, _createSuper2.default)(List);
   function List() {
-    _classCallCheck(this, List);
-
+    (0, _classCallCheck2.default)(this, List);
     return _super.apply(this, arguments);
   }
-
-  _createClass(List, [{
+  (0, _createClass2.default)(List, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(RmwcList, this.props, this.props.children);
+      return /*#__PURE__*/_react.default.createElement(_list.List, this.props, this.props.children);
     }
   }]);
-
   return List;
-}(React.Component);
-
+}(_react.default.Component);
+exports.List = List;
 /**
  * Used to show regular text in list items.
  * @param props
  * @returns {*}
  * @constructor
  */
-export var ListItemText = function ListItemText(props) {
-  return /*#__PURE__*/React.createElement(RmwcListItemText, props, props.children);
+var ListItemText = function ListItemText(props) {
+  return /*#__PURE__*/_react.default.createElement(_list.ListItemText, props, props.children);
 };
-export var ListItemTextPrimary = function ListItemTextPrimary(props) {
-  return /*#__PURE__*/React.createElement(RmwcListItemPrimaryText, null, props.children);
+exports.ListItemText = ListItemText;
+var ListItemTextPrimary = function ListItemTextPrimary(props) {
+  return /*#__PURE__*/_react.default.createElement(_list.ListItemPrimaryText, null, props.children);
 };
-
+exports.ListItemTextPrimary = ListItemTextPrimary;
 /**
  * Used to show secondary text in list items.
  * @param props
  * @returns {*}
  * @constructor
  */
-export var ListItemTextSecondary = function ListItemTextSecondary(props) {
-  return /*#__PURE__*/React.createElement(RmwcListItemSecondaryText, null, props.children);
+var ListItemTextSecondary = function ListItemTextSecondary(props) {
+  return /*#__PURE__*/_react.default.createElement(_list.ListItemSecondaryText, null, props.children);
 };
-
+exports.ListItemTextSecondary = ListItemTextSecondary;
 /**
  * Can be used to show an icon or any other custom element. Rendered on the left side.
  * @param props
  * @returns {*}
  * @constructor
  */
-export var ListItemGraphic = function ListItemGraphic(props) {
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: classNames("mdc-list-item__graphic", props.className)
+var ListItemGraphic = function ListItemGraphic(props) {
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, props, {
+    className: (0, _classnames.default)("mdc-list-item__graphic", props.className)
   }), props.children);
 };
-
+exports.ListItemGraphic = ListItemGraphic;
 /**
  * Can be used to show an icon or any other custom element. Rendered on the right side.
  * @param props
  * @returns {*}
  * @constructor
  */
-export var ListItemMeta = function ListItemMeta(props) {
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, props, {
-    className: classNames("mdc-list-item__meta", props.className)
+var ListItemMeta = function ListItemMeta(props) {
+  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, props, {
+    className: (0, _classnames.default)("mdc-list-item__meta", props.className)
   }), props.children);
 };
-
+exports.ListItemMeta = ListItemMeta;
 /**
  * Can be used to show a top caption inside ListItemMeta component.
  * @param props
  * @returns {*}
  * @constructor
  */
-export var ListTopCaption = function ListTopCaption(props) {
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, props, {
+var ListTopCaption = function ListTopCaption(props) {
+  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, props, {
     className: "webiny-list-top-caption"
-  }), /*#__PURE__*/React.createElement(Typography, {
+  }), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "overline"
   }, props.children));
 };
-
+exports.ListTopCaption = ListTopCaption;
 /**
  * Can be used to show a bottom caption inside ListItemMeta component.
  * @param props
  * @returns {*}
  * @constructor
  */
-export var ListBottomCaption = function ListBottomCaption(props) {
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, props, {
+var ListBottomCaption = function ListBottomCaption(props) {
+  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, props, {
     className: "webiny-list-bottom-caption"
-  }), /*#__PURE__*/React.createElement(Typography, {
+  }), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "overline"
   }, props.children));
 };
-
+exports.ListBottomCaption = ListBottomCaption;
 /**
  * Can be used to show an overline text inside ListItem component.
  * @param props
  * @returns {*}
  * @constructor
  */
-export var ListTextOverline = function ListTextOverline(props) {
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, props, {
+var ListTextOverline = function ListTextOverline(props) {
+  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, props, {
     className: "webiny-list-text-overline"
-  }), /*#__PURE__*/React.createElement(Typography, {
+  }), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "overline"
   }, props.children));
 };
-
+exports.ListTextOverline = ListTextOverline;
 /**
  * Used to contain the actions inside ListItemMate component.
  * @param props
  * @returns {*}
  * @constructor
  */
-export var ListActions = function ListActions(props) {
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, props, {
+var ListActions = function ListActions(props) {
+  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, props, {
     className: "webiny-list-actions"
   }), props.children);
 };
-var SelectBoxWrapper = /*#__PURE__*/styled("div", {
+exports.ListActions = ListActions;
+var SelectBoxWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "entzw6n0",
   label: "SelectBoxWrapper"
 })({
@@ -154,14 +157,15 @@ var SelectBoxWrapper = /*#__PURE__*/styled("div", {
   alignItems: "center",
   justifyContent: "center"
 });
-
 /**
  * Used to hold the Checkbox element for multi-select options.
  * @param {*} props
  */
-export var ListSelectBox = function ListSelectBox(props) {
-  return /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(SelectBoxWrapper, null, props.children));
+var ListSelectBox = function ListSelectBox(props) {
+  return /*#__PURE__*/_react.default.createElement(ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(SelectBoxWrapper, null, props.children));
+};
+exports.ListSelectBox = ListSelectBox;
+var SimpleListItem = function SimpleListItem(props) {
+  return /*#__PURE__*/_react.default.createElement(_list.SimpleListItem, props);
 };
-export var SimpleListItem = function SimpleListItem(props) {
-  return /*#__PURE__*/React.createElement(RmwcSimpleListItem, props);
-};
+exports.SimpleListItem = SimpleListItem;

package/List/List.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ListItem","props","List","children","React","Component","ListItemText","ListItemTextPrimary","ListItemTextSecondary","ListItemGraphic","classNames","className","ListItemMeta","ListTopCaption","ListBottomCaption","ListTextOverline","ListActions","SelectBoxWrapper","styled","overflow","width","height","display","position","alignItems","justifyContent","ListSelectBox","SimpleListItem"],"sources":["List.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    List as RmwcList,\n    ListProps as RmwcListProps,\n    ListItem as RmwcListItem,\n    ListItemProps as RmwcListItemProps,\n    ListItemText as RmwcListItemText,\n    ListItemTextProps as RmwcListItemTextProps,\n    ListItemPrimaryText as RmwcListItemPrimaryText,\n    ListItemSecondaryText as RmwcListItemSecondaryText,\n    SimpleListItem as RmwcSimpleListItem,\n    SimpleListItemProps as RmwcSimpleListItemProps\n} from \"@rmwc/list\";\nimport { Typography } from \"~/Typography\";\nimport classNames from \"classnames\";\nimport styled from \"@emotion/styled\";\n\nexport type ListItemProps = RmwcListItemProps & {\n    children: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    onClick?: (e: React.MouseEvent) => void;\n};\n\n/**\n * ListItem components are placed as direct children to List component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItem = (props: ListItemProps) => {\n    return <RmwcListItem {...props} />;\n};\n\nexport type ListProps = RmwcListProps & {\n    children?: any;\n\n    className?: string;\n\n    style?: React.CSSProperties;\n};\n\n/**\n * Use List component to display data and offer additional actions if needed.\n */\nexport class List extends React.Component<ListProps> {\n    public override render() {\n        return <RmwcList {...this.props}>{this.props.children}</RmwcList>;\n    }\n}\n\nexport type ListItemTextProps = RmwcListItemTextProps & {\n    children: React.ReactNode;\n    className?: string;\n    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n};\n\n/**\n * Used to show regular text in list items.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItemText = (props: ListItemTextProps) => {\n    return <RmwcListItemText {...props}>{props.children}</RmwcListItemText>;\n};\n\nexport type ListItemTextPrimaryProps = {\n    /**\n     * Text content\n     */\n    children: React.ReactNode;\n};\n\nexport const ListItemTextPrimary = (props: ListItemTextPrimaryProps) => {\n    return <RmwcListItemPrimaryText>{props.children}</RmwcListItemPrimaryText>;\n};\n\nexport type ListItemTextSecondaryProps = {\n    /**\n     * Text content\n     */\n    children: React.ReactNode;\n};\n\n/**\n * Used to show secondary text in list items.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItemTextSecondary = (props: ListItemTextSecondaryProps) => {\n    return <RmwcListItemSecondaryText>{props.children}</RmwcListItemSecondaryText>;\n};\n\nexport type ListItemGraphicProps = { children: React.ReactNode; className?: string };\n\n/**\n * Can be used to show an icon or any other custom element. Rendered on the left side.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItemGraphic = (props: ListItemGraphicProps) => {\n    return (\n        <div {...props} className={classNames(\"mdc-list-item__graphic\", props.className)}>\n            {props.children}\n        </div>\n    );\n};\n\nexport type ListItemMetaProps = { children: React.ReactNode; className?: string };\n\n/**\n * Can be used to show an icon or any other custom element. Rendered on the right side.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItemMeta = (props: ListItemMetaProps) => {\n    return (\n        <span {...props} className={classNames(\"mdc-list-item__meta\", props.className)}>\n            {props.children}\n        </span>\n    );\n};\n\nexport type ListTopCaptionProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Can be used to show a top caption inside ListItemMeta component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListTopCaption = (props: ListTopCaptionProps) => {\n    return (\n        <span {...props} className={\"webiny-list-top-caption\"}>\n            <Typography use=\"overline\">{props.children}</Typography>\n        </span>\n    );\n};\n\nexport type ListBottomCaptionProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Can be used to show a bottom caption inside ListItemMeta component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListBottomCaption = (props: ListBottomCaptionProps) => {\n    return (\n        <span {...props} className={\"webiny-list-bottom-caption\"}>\n            <Typography use=\"overline\">{props.children}</Typography>\n        </span>\n    );\n};\n\nexport type ListTextOverlineProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Can be used to show an overline text inside ListItem component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListTextOverline = (props: ListTextOverlineProps) => {\n    return (\n        <span {...props} className={\"webiny-list-text-overline\"}>\n            <Typography use=\"overline\">{props.children}</Typography>\n        </span>\n    );\n};\n\nexport type ListActionsProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Used to contain the actions inside ListItemMate component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListActions = (props: ListActionsProps) => {\n    return (\n        <span {...props} className={\"webiny-list-actions\"}>\n            {props.children}\n        </span>\n    );\n};\n\nconst SelectBoxWrapper = styled(\"div\")({\n    overflow: \"hidden\",\n    width: 25,\n    height: 25,\n    display: \"flex\",\n    position: \"relative\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n});\n\nexport type ListSelectBoxProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Used to hold the Checkbox element for multi-select options.\n * @param {*} props\n */\nexport const ListSelectBox = (props: ListSelectBoxProps) => {\n    return (\n        <ListItemGraphic>\n            <SelectBoxWrapper>{props.children}</SelectBoxWrapper>\n        </ListItemGraphic>\n    );\n};\n\nexport const SimpleListItem = (props: RmwcSimpleListItemProps & { onClick?: any }) => {\n    return <RmwcSimpleListItem {...props} />;\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAYA;AACA;AACA;AASA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,KAAoB,EAAK;EAC9C,oBAAO,6BAAC,cAAY,EAAKA,KAAK,CAAI;AACtC,CAAC;AAAC;AAUF;AACA;AACA;AAFA,IAGaC,IAAI;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACb,kBAAyB;MACrB,oBAAO,6BAAC,UAAQ,EAAK,IAAI,CAACD,KAAK,EAAG,IAAI,CAACA,KAAK,CAACE,QAAQ,CAAY;IACrE;EAAC;EAAA;AAAA,EAHqBC,cAAK,CAACC,SAAS;AAAA;AAYzC;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIL,KAAwB,EAAK;EACtD,oBAAO,6BAAC,kBAAgB,EAAKA,KAAK,EAAGA,KAAK,CAACE,QAAQ,CAAoB;AAC3E,CAAC;AAAC;AASK,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIN,KAA+B,EAAK;EACpE,oBAAO,6BAAC,yBAAuB,QAAEA,KAAK,CAACE,QAAQ,CAA2B;AAC9E,CAAC;AAAC;AASF;AACA;AACA;AACA;AACA;AACA;AACO,IAAMK,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAIP,KAAiC,EAAK;EACxE,oBAAO,6BAAC,2BAAyB,QAAEA,KAAK,CAACE,QAAQ,CAA6B;AAClF,CAAC;AAAC;AAIF;AACA;AACA;AACA;AACA;AACA;AACO,IAAMM,eAAe,GAAG,SAAlBA,eAAe,CAAIR,KAA2B,EAAK;EAC5D,oBACI,sDAASA,KAAK;IAAE,SAAS,EAAE,IAAAS,mBAAU,EAAC,wBAAwB,EAAET,KAAK,CAACU,SAAS;EAAE,IAC5EV,KAAK,CAACE,QAAQ,CACb;AAEd,CAAC;AAAC;AAIF;AACA;AACA;AACA;AACA;AACA;AACO,IAAMS,YAAY,GAAG,SAAfA,YAAY,CAAIX,KAAwB,EAAK;EACtD,oBACI,uDAAUA,KAAK;IAAE,SAAS,EAAE,IAAAS,mBAAU,EAAC,qBAAqB,EAAET,KAAK,CAACU,SAAS;EAAE,IAC1EV,KAAK,CAACE,QAAQ,CACZ;AAEf,CAAC;AAAC;AAMF;AACA;AACA;AACA;AACA;AACA;AACO,IAAMU,cAAc,GAAG,SAAjBA,cAAc,CAAIZ,KAA0B,EAAK;EAC1D,oBACI,uDAAUA,KAAK;IAAE,SAAS,EAAE;EAA0B,iBAClD,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAU,GAAEA,KAAK,CAACE,QAAQ,CAAc,CACrD;AAEf,CAAC;AAAC;AAMF;AACA;AACA;AACA;AACA;AACA;AACO,IAAMW,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIb,KAA6B,EAAK;EAChE,oBACI,uDAAUA,KAAK;IAAE,SAAS,EAAE;EAA6B,iBACrD,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAU,GAAEA,KAAK,CAACE,QAAQ,CAAc,CACrD;AAEf,CAAC;AAAC;AAMF;AACA;AACA;AACA;AACA;AACA;AACO,IAAMY,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAId,KAA4B,EAAK;EAC9D,oBACI,uDAAUA,KAAK;IAAE,SAAS,EAAE;EAA4B,iBACpD,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAU,GAAEA,KAAK,CAACE,QAAQ,CAAc,CACrD;AAEf,CAAC;AAAC;AAMF;AACA;AACA;AACA;AACA;AACA;AACO,IAAMa,WAAW,GAAG,SAAdA,WAAW,CAAIf,KAAuB,EAAK;EACpD,oBACI,uDAAUA,KAAK;IAAE,SAAS,EAAE;EAAsB,IAC7CA,KAAK,CAACE,QAAQ,CACZ;AAEf,CAAC;AAAC;AAEF,IAAMc,gBAAgB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACnCC,QAAQ,EAAE,QAAQ;EAClBC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,UAAU;EACpBC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE;AACpB,CAAC,CAAC;AAMF;AACA;AACA;AACA;AACO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CAAIzB,KAAyB,EAAK;EACxD,oBACI,6BAAC,eAAe,qBACZ,6BAAC,gBAAgB,QAAEA,KAAK,CAACE,QAAQ,CAAoB,CACvC;AAE1B,CAAC;AAAC;AAEK,IAAMwB,cAAc,GAAG,SAAjBA,cAAc,CAAI1B,KAAkD,EAAK;EAClF,oBAAO,6BAAC,oBAAkB,EAAKA,KAAK,CAAI;AAC5C,CAAC;AAAC"}