@webiny/ui 5.27.0 → 5.29.0-beta.0

package/List/DataList/icons/index.js

@@ -1,55 +1,100 @@
-import React from "react";
-import { IconButton } from "../../../Button";
-import { ReactComponent as AutoRenew } from "./baseline-autorenew-24px.svg";
-import { ReactComponent as Pen } from "./baseline-edit-24px.svg";
-import { ReactComponent as Delete } from "./baseline-delete-24px.svg";
-import { ReactComponent as Sort } from "./baseline-sort-24px.svg";
-import { ReactComponent as Filter } from "./filter_alt-24px.svg";
-import { ReactComponent as NavigateBefore } from "./baseline-navigate_before-24px.svg";
-import { ReactComponent as NavigateNext } from "./baseline-navigate_next-24px.svg";
-import { ReactComponent as TuneIcon } from "./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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["React","IconButton","ReactComponent","AutoRenew","Pen","Delete","Sort","Filter","NavigateBefore","NavigateNext","TuneIcon","RefreshIcon","props","DeleteIcon","CreateIcon","EditIcon","SortIcon","FilterIcon","PreviousPageIcon","NextPageIcon","OptionsIcon"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT;AACA,SAASC,cAAc,IAAIC,SAA3B;AACA,SAASD,cAAc,IAAIE,GAA3B;AACA,SAASF,cAAc,IAAIG,MAA3B;AACA,SAASH,cAAc,IAAII,IAA3B;AACA,SAASJ,cAAc,IAAIK,MAA3B;AACA,SAASL,cAAc,IAAIM,cAA3B;AACA,SAASN,cAAc,IAAIO,YAA3B;AACA,SAASP,cAAc,IAAIQ,QAA3B;AAMA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAA4B;AACnD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,SAAD;AAAlB,KAAqCA,KAArC,EAAP;AACH,CAFM;AAIP,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACD,KAAD,EAA4B;AAClD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,MAAD;AAAlB,KAAkCA,KAAlC,EAAP;AACH,CAFM;AAIP,OAAO,IAAME,UAAU,GAAG,SAAbA,UAAa,CAACF,KAAD,EAA4B;AAClD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,GAAD;AAAlB,KAA+BA,KAA/B,EAAP;AACH,CAFM;AAIP,OAAO,IAAMG,QAAQ,GAAG,SAAXA,QAAW,CAACH,KAAD,EAA4B;AAChD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,GAAD;AAAlB,KAA+BA,KAA/B,EAAP;AACH,CAFM;AAIP,OAAO,IAAMI,QAAQ,GAAG,SAAXA,QAAW,CAACJ,KAAD,EAA4B;AAChD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,IAAD;AAAlB,KAAgCA,KAAhC,EAAP;AACH,CAFM;AAIP,OAAO,IAAMK,UAAU,GAAG,SAAbA,UAAa,CAACL,KAAD,EAA4B;AAClD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,MAAD;AAAlB,KAAkCA,KAAlC,EAAP;AACH,CAFM;AAIP,OAAO,IAAMM,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACN,KAAD,EAA4B;AACxD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,cAAD;AAAlB,KAA0CA,KAA1C,EAAP;AACH,CAFM;AAIP,OAAO,IAAMO,YAAY,GAAG,SAAfA,YAAe,CAACP,KAAD,EAA4B;AACpD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,YAAD;AAAlB,KAAwCA,KAAxC,EAAP;AACH,CAFM;AAIP,OAAO,IAAMQ,WAAW,GAAG,SAAdA,WAAc,CAACR,KAAD,EAA4B;AACnD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,QAAD;AAAlB,KAAoCA,KAApC,EAAP;AACH,CAFM","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"]}
+{"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,WAAc,CAACC,KAAD,EAA4B;EACnD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,qCAAD;EAAlB,GAAqCA,KAArC,EAAP;AACH,CAFM;;;;AAIA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACD,KAAD,EAA4B;EAClD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,kCAAD;EAAlB,GAAkCA,KAAlC,EAAP;AACH,CAFM;;;;AAIA,IAAME,UAAU,GAAG,SAAbA,UAAa,CAACF,KAAD,EAA4B;EAClD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,gCAAD;EAAlB,GAA+BA,KAA/B,EAAP;AACH,CAFM;;;;AAIA,IAAMG,QAAQ,GAAG,SAAXA,QAAW,CAACH,KAAD,EAA4B;EAChD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,gCAAD;EAAlB,GAA+BA,KAA/B,EAAP;AACH,CAFM;;;;AAIA,IAAMI,QAAQ,GAAG,SAAXA,QAAW,CAACJ,KAAD,EAA4B;EAChD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,gCAAD;EAAlB,GAAgCA,KAAhC,EAAP;AACH,CAFM;;;;AAIA,IAAMK,UAAU,GAAG,SAAbA,UAAa,CAACL,KAAD,EAA4B;EAClD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,8BAAD;EAAlB,GAAkCA,KAAlC,EAAP;AACH,CAFM;;;;AAIA,IAAMM,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACN,KAAD,EAA4B;EACxD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,2CAAD;EAAlB,GAA0CA,KAA1C,EAAP;AACH,CAFM;;;;AAIA,IAAMO,YAAY,GAAG,SAAfA,YAAe,CAACP,KAAD,EAA4B;EACpD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,yCAAD;EAAlB,GAAwCA,KAAxC,EAAP;AACH,CAFM;;;;AAIA,IAAMQ,WAAW,GAAG,SAAdA,WAAc,CAACR,KAAD,EAA4B;EACnD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,gCAAD;EAAlB,GAAoCA,KAApC,EAAP;AACH,CAFM"}

package/List/DataList/index.js

@@ -1,3 +1,48 @@
-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,
+  NoData: true
+};
+Object.defineProperty(exports, "DataList", {
+  enumerable: true,
+  get: function get() {
+    return _DataList.DataList;
+  }
+});
+Object.defineProperty(exports, "NoData", {
+  enumerable: true,
+  get: function get() {
+    return _NoData.default;
+  }
+});
+Object.defineProperty(exports, "ScrollList", {
+  enumerable: true,
+  get: function get() {
+    return _DataList.ScrollList;
+  }
+});
+
+var _DataList = require("./DataList");
+
+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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["DataList","ScrollList","default","NoData"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,UAAnB;AACA,SAASC,OAAO,IAAIC,MAApB;AACA","sourcesContent":["export { DataList, ScrollList } from \"./DataList\";\nexport { default as NoData } from \"./NoData\";\nexport * from \"./DataListModalOverlay\";\n"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { DataList, ScrollList } from \"./DataList\";\nexport { default as NoData } from \"./NoData\";\nexport * from \"./DataListModalOverlay\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/List/DataList/types.js

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

package/List/DataList/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"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.js

@@ -1,12 +1,29 @@
-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 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.
@@ -14,33 +31,35 @@ import styled from "@emotion/styled";
  * @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 List = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(List, _React$Component);
 
-  var _super = _createSuper(List);
+  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.
@@ -48,101 +67,120 @@ export var List = /*#__PURE__*/function (_React$Component) {
  * @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"
 })({
@@ -159,9 +197,14 @@ var SelectBoxWrapper = /*#__PURE__*/styled("div", {
  * 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));
 };
-export var SimpleListItem = function SimpleListItem(props) {
-  return /*#__PURE__*/React.createElement(RmwcSimpleListItem, props);
-};
+
+exports.ListSelectBox = ListSelectBox;
+
+var SimpleListItem = function SimpleListItem(props) {
+  return /*#__PURE__*/_react.default.createElement(_list.SimpleListItem, props);
+};
+
+exports.SimpleListItem = SimpleListItem;

package/List/List.js.map

@@ -1 +1 @@
-{"version":3,"sources":["List.tsx"],"names":["React","List","RmwcList","ListItem","RmwcListItem","ListItemText","RmwcListItemText","ListItemPrimaryText","RmwcListItemPrimaryText","ListItemSecondaryText","RmwcListItemSecondaryText","SimpleListItem","RmwcSimpleListItem","Typography","classNames","styled","props","children","Component","ListItemTextPrimary","ListItemTextSecondary","ListItemGraphic","className","ListItemMeta","ListTopCaption","ListBottomCaption","ListTextOverline","ListActions","SelectBoxWrapper","overflow","width","height","display","position","alignItems","justifyContent","ListSelectBox"],"mappings":"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","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.SyntheticEvent<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"]}
+{"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.SyntheticEvent<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":"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"}