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

package/List/CollapsibleList/index.js

@@ -1,7 +1,12 @@
-import "./index.css";
-import * as React from "react";
-import { CollapsibleList as RmwcCollapsibleList } from "@rmwc/list";
-export var CollapsibleList = function CollapsibleList(props) {
-  return /*#__PURE__*/React.createElement(RmwcCollapsibleList, props);
+import React from "react";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `List` component from the `@webiny/admin-ui` package instead.
+ */
+export const CollapsibleList = props => {
+  console.warn("The `CollapsibleList` component is deprecated and will be removed in future releases. Please refer to the documentation for the recommended alternative.");
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
 };
-export default CollapsibleList;
+export default CollapsibleList;
+
+//# sourceMappingURL=index.js.map

package/List/CollapsibleList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","CollapsibleList","props","console","warn","createElement","Fragment","children"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface CollapsibleListProps {\n    /** The handle that opens and closes the collapsible section. Usually a ListItem. */\n    handle: React.ReactElement<any>;\n    /** Starts the collapsible list as open. */\n    defaultOpen?: boolean;\n    /** Callback for when the collapsible list opens. */\n    onOpen?: () => void;\n    /** Callback for when the collapsible list closes. */\n    onClose?: () => void;\n\n    /** CollapsibleState */\n    open: boolean;\n    childrenStyle: React.CSSProperties;\n\n    /** Component props */\n    children: React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `List` component from the `@webiny/admin-ui` package instead.\n */\nexport const CollapsibleList = (props: CollapsibleListProps) => {\n    console.warn(\n        \"The `CollapsibleList` component is deprecated and will be removed in future releases. Please refer to the documentation for the recommended alternative.\"\n    );\n    return <>{props.children}</>;\n};\n\nexport default CollapsibleList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAoBzB;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EAC5DC,OAAO,CAACC,IAAI,CACR,0JACJ,CAAC;EACD,oBAAOJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,QAAGJ,KAAK,CAACK,QAAW,CAAC;AAChC,CAAC;AAED,eAAeN,eAAe","ignoreList":[]}

package/List/DataList/DataList.d.ts

@@ -1,61 +1,16 @@
-import * as React from "react";
-import { ListItem, ListProps } from "..";
-import { PaginationProp, SortersProp } from "./types";
-declare type Props = {
-    children?: Function;
-    title?: React.ReactNode;
-    data?: Object[];
-    refresh?: Function;
-    loading?: boolean;
-    loader?: React.ReactNode;
-    noData?: React.ReactNode;
-    pagination?: PaginationProp;
-    setSorters?: Function;
-    sorters?: SortersProp;
-    actions?: React.ReactNode;
-    filters?: React.ReactNode;
-    multiSelectActions?: React.ReactNode;
-    multiSelectAll?: (value: boolean, data: Object[]) => void;
-    isAllMultiSelected?: (data: Object[]) => boolean;
-    isNoneMultiSelected?: (data: Object[]) => boolean;
-    showOptions?: {
-        [key: string]: any;
-    };
-    search?: React.ReactElement;
-    modalOverlay?: React.ReactElement;
-    modalOverlayAction?: React.ReactElement;
-};
-export declare const DataList: {
-    (props: Props): JSX.Element;
-    defaultProps: {
-        children: any;
-        title: any;
-        data: any;
-        meta: any;
-        loading: boolean;
-        refresh: any;
-        setPage: any;
-        setPerPage: any;
-        perPageOptions: number[];
-        filters: any;
-        sorters: any;
-        setSorters: any;
-        actions: any;
-        multiSelectAll: any;
-        isAllMultiSelected: () => boolean;
-        isNoneMultiSelected: () => boolean;
-        loader: JSX.Element;
-        noData: JSX.Element;
-        showOptions: {
-            refresh: boolean;
-            pagination: boolean;
-            sorters: boolean;
-            filters: boolean;
-        };
-    };
-};
-export declare type ScrollListProps = ListProps & {
-    children: React.ReactElement<typeof ListItem>[];
-};
-export declare const ScrollList: (props: ScrollListProps) => JSX.Element;
-export {};
+import React from "react";
+import type { ListProps, ListItemProps } from "../List";
+import type { DataListProps } from "@webiny/admin-ui/DataList/types";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DataList` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const DataList: (props: DataListProps<Record<string, any>>) => React.JSX.Element;
+export interface ScrollListProps extends ListProps {
+    children: React.ReactElement<ListItemProps>[];
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `List` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const ScrollList: (props: ScrollListProps) => React.JSX.Element;

package/List/DataList/DataList.js

@@ -1,312 +1,18 @@
-import * as React from "react";
-import styled from "@emotion/styled";
-import classNames from "classnames";
-import Loader from "./Loader";
-import NoData from "./NoData";
-import { Typography } from "../../Typography";
-import { css } from "emotion";
-import noop from "lodash/noop";
-import isEmpty from "lodash/isEmpty";
-import { Checkbox } from "../../Checkbox";
-import { Menu, MenuItem } from "../../Menu";
-import { Grid, Cell } from "../../Grid";
-import { RefreshIcon, SortIcon, FilterIcon, PreviousPageIcon, NextPageIcon, OptionsIcon } from "./icons";
-import { List } from "..";
-import { DataListModalOverlayProvider } from "./DataListModalOverlay";
-var ListContainer = /*#__PURE__*/styled("div", {
-  target: "e14cccao0",
-  label: "ListContainer"
-})({
-  position: "relative",
-  height: "100%",
-  ".mdc-list": {
-    paddingBottom: 0,
-    paddingTop: 0
-  },
-  ".mdc-list-item": {
-    borderBottom: "1px solid var(--mdc-theme-on-background)",
-    padding: "10px 20px 10px 20px",
-    height: "auto",
-    minHeight: 40,
-    ".mdc-list-item__text, .mdc-list-item__secondary-text, .webiny-list-text-overline": {
-      display: "block"
-    },
-    ".mdc-list-item__graphic": {
-      marginRight: 20
-    },
-    ".mdc-list-item__text": {
-      width: "100%",
-      margin: "-20px 0",
-      padding: "20px 0"
-    },
-    ".mdc-list-item__meta": {
-      alignItems: "center",
-      display: "flex",
-      justifyContent: "space-between",
-      flexDirection: "column",
-      position: "relative",
-      padding: "5px 0",
-      boxSizing: "border-box",
-      height: "100%",
-      whiteSpace: "nowrap",
-      marginTop: -10,
-      marginBottom: -10,
-      ".webiny-list-actions": {
-        display: "none"
-      },
-      ".webiny-list-top-caption, .webiny-list-bottom-caption": {
-        //position: 'absolute',
-        width: "100%",
-        textAlign: "right"
-      },
-      ".webiny-list-top-caption": {
-        marginBottom: 20
-      }
-    },
-    "&:hover": {
-      ".mdc-list-item__meta": {
-        ".webiny-list-top-caption, .webiny-list-bottom-caption": {
-          display: "none"
-        },
-        ".webiny-list-actions": {
-          display: "flex",
-          height: "100%",
-          alignItems: "center"
-        }
-      }
-    }
-  }
-});
-var listHeader = /*#__PURE__*/css({
-  borderBottom: "1px solid var(--mdc-theme-on-background)",
-  color: "var(--mdc-theme-text-primary-on-background)",
-  width: "100%"
-}, "label:listHeader;");
-var listSubHeader = /*#__PURE__*/css({
-  width: "100%",
-  "&.mdc-layout-grid": {
-    borderBottom: "1px solid var(--mdc-theme-on-background)",
-    padding: "10px 24px 10px 12px",
-    color: "var(--mdc-theme-text-primary-on-background)"
-  }
-}, "label:listSubHeader;");
-var ListHeaderItem = /*#__PURE__*/styled("div", {
-  target: "e14cccao1",
-  label: "ListHeaderItem"
-})({
-  display: "inline-block",
-  verticalAlign: "middle",
-  "&.disabled": {
-    opacity: 0.5,
-    pointerEvents: "none"
-  }
-});
-var listTitle = /*#__PURE__*/css({
-  display: "flex",
-  alignItems: "center"
-}, "label:listTitle;");
-var listActions = /*#__PURE__*/css({
-  textAlign: "right"
-}, "label:listActions;");
-var scrollList = /*#__PURE__*/css({
-  overflow: "auto",
-  height: "calc(100vh - 235px)"
-}, "label:scrollList;");
-var dataListContent = /*#__PURE__*/css({
-  position: "relative",
-  height: "100%",
-  overflow: "auto"
-}, "label:dataListContent;"); // This was copied from "./types" so that it can be outputted in docs.
-
-var MultiSelectAll = function MultiSelectAll(props) {
-  var multiSelectActions = props.multiSelectActions;
-
-  if (!multiSelectActions) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, typeof props.multiSelectAll === "function" && /*#__PURE__*/React.createElement(ListHeaderItem, null, /*#__PURE__*/React.createElement(Checkbox, {
-    indeterminate: !props.isAllMultiSelected(props.data) && !props.isNoneMultiSelected(props.data),
-    value: props.isAllMultiSelected(props.data),
-    onClick: function onClick() {
-      props.multiSelectAll(!props.isAllMultiSelected(props.data), props.data);
-    }
-  })));
-};
-
-var MultiSelectActions = function MultiSelectActions(props) {
-  var multiSelectActions = props.multiSelectActions;
-
-  if (!multiSelectActions) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(ListHeaderItem, null, multiSelectActions);
-};
-
-var RefreshButton = function RefreshButton(props) {
-  var refresh = props.refresh;
-
-  if (!refresh) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(ListHeaderItem, null, /*#__PURE__*/React.createElement(RefreshIcon, {
-    onClick: function onClick() {
-      return refresh();
-    }
-  }));
-};
-
-var Sorters = function Sorters(props) {
-  var sorters = props.sorters;
-
-  if (!sorters) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(ListHeaderItem, null, /*#__PURE__*/React.createElement(Menu, {
-    handle: /*#__PURE__*/React.createElement(SortIcon, null)
-  }, sorters.map(function (sorter) {
-    return /*#__PURE__*/React.createElement(MenuItem, {
-      key: sorter.label,
-      onClick: function onClick() {
-        if (sorters && props.setSorters) {
-          props.setSorters(sorter.value);
-        }
-      }
-    }, sorter.label);
-  })));
-};
-
-var Filters = function Filters(props) {
-  var filters = props.filters;
-
-  if (!filters) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(ListHeaderItem, null, /*#__PURE__*/React.createElement(Menu, {
-    handle: /*#__PURE__*/React.createElement(FilterIcon, null)
-  }, filters));
-};
-
-var Pagination = function Pagination(props) {
-  var pagination = props.pagination;
-
-  if (!pagination) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, pagination.setNextPage && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ListHeaderItem, {
-    className: classNames({
-      disabled: !pagination.hasPreviousPage
-    })
-  }, /*#__PURE__*/React.createElement(PreviousPageIcon, {
-    onClick: function onClick() {
-      if (pagination.setPreviousPage && pagination.hasPreviousPage) {
-        pagination.setPreviousPage();
-      }
-    }
-  })), /*#__PURE__*/React.createElement(ListHeaderItem, {
-    className: classNames({
-      disabled: !pagination.hasNextPage
-    })
-  }, /*#__PURE__*/React.createElement(NextPageIcon, {
-    onClick: function onClick() {
-      if (pagination.setNextPage && pagination.hasNextPage) {
-        pagination.setNextPage();
-      }
-    }
-  }))), Array.isArray(pagination.perPageOptions) && pagination.setPerPage && /*#__PURE__*/React.createElement(ListHeaderItem, null, /*#__PURE__*/React.createElement(Menu, {
-    handle: /*#__PURE__*/React.createElement(OptionsIcon, null)
-  }, pagination.setPerPage && pagination.perPageOptions.map(function (perPage) {
-    return /*#__PURE__*/React.createElement(MenuItem, {
-      key: perPage,
-      onClick: function onClick() {
-        return pagination.setPerPage && pagination.setPerPage(perPage);
-      }
-    }, perPage);
-  }))));
-};
-
-var Search = function Search(props) {
-  if (!props.search) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(Cell, {
-    span: 7
-  }, /*#__PURE__*/React.cloneElement(props.search, props));
-};
-
-export var DataList = function DataList(props) {
-  var render = null;
-
-  if (props.loading) {
-    render = props.loader;
-  } else if (isEmpty(props.data)) {
-    render = props.noData;
-  } else {
-    render = typeof props.children === "function" ? props.children(props) : null;
-  }
-
-  return /*#__PURE__*/React.createElement(DataListModalOverlayProvider, null, /*#__PURE__*/React.createElement(ListContainer, {
-    className: "webiny-data-list",
-    "data-testid": "ui.list.data-list"
-  }, (props.title || props.actions) && /*#__PURE__*/React.createElement(Grid, {
-    className: listHeader
-  }, /*#__PURE__*/React.createElement(Cell, {
-    span: 5,
-    className: listTitle
-  }, /*#__PURE__*/React.createElement(Typography, {
-    use: "headline5"
-  }, props.title)), /*#__PURE__*/React.createElement(Cell, {
-    span: 7,
-    className: listActions
-  }, props.actions)), Object.keys(props.showOptions).length > 0 && /*#__PURE__*/React.createElement(Grid, {
-    className: listSubHeader
-  }, /*#__PURE__*/React.createElement(Search, props), /*#__PURE__*/React.createElement(Cell, {
-    span: props.search ? 5 : 12,
-    style: {
-      justifySelf: "end"
-    }
-  }, /*#__PURE__*/React.createElement(MultiSelectAll, props), props.showOptions.refresh && /*#__PURE__*/React.createElement(RefreshButton, props), props.showOptions.pagination && /*#__PURE__*/React.createElement(Pagination, props), props.showOptions.sorters && /*#__PURE__*/React.createElement(Sorters, props), props.showOptions.filters && /*#__PURE__*/React.createElement(Filters, props), props.modalOverlayAction ? /*#__PURE__*/React.createElement(ListHeaderItem, null, props.modalOverlayAction) : null, /*#__PURE__*/React.createElement(MultiSelectActions, props))), /*#__PURE__*/React.createElement("div", {
-    className: classNames(dataListContent, "webiny-data-list__content")
-  }, render, props.modalOverlay)));
-};
-DataList.defaultProps = {
-  children: null,
-  title: null,
-  data: null,
-  meta: null,
-  loading: false,
-  refresh: null,
-  setPage: null,
-  setPerPage: null,
-  perPageOptions: [10, 25, 50],
-  filters: null,
-  sorters: null,
-  setSorters: null,
-  actions: null,
-  multiSelectAll: noop,
-  isAllMultiSelected: function isAllMultiSelected() {
-    return false;
-  },
-  isNoneMultiSelected: function isNoneMultiSelected() {
-    return false;
-  },
-  loader: /*#__PURE__*/React.createElement(Loader, null),
-  noData: /*#__PURE__*/React.createElement(NoData, null),
-  showOptions: {
-    refresh: true,
-    pagination: true,
-    sorters: true,
-    filters: true
-  }
-};
-export var ScrollList = function ScrollList(props) {
-  return /*#__PURE__*/React.createElement(List, Object.assign({}, props, {
-    className: scrollList
-  }), props.children);
-};
+import React from "react";
+import { DataList as AdminDatalist, List } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DataList` component from the `@webiny/admin-ui` package instead.
+ */
+export const DataList = props => {
+  return /*#__PURE__*/React.createElement(AdminDatalist, props);
+};
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `List` component from the `@webiny/admin-ui` package instead.
+ */
+export const ScrollList = props => {
+  return /*#__PURE__*/React.createElement(List, props);
+};
+
+//# sourceMappingURL=DataList.js.map

package/List/DataList/DataList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","DataList","AdminDatalist","List","props","createElement","ScrollList"],"sources":["DataList.tsx"],"sourcesContent":["import React from \"react\";\nimport { DataList as AdminDatalist, List } from \"@webiny/admin-ui\";\nimport type { ListProps, ListItemProps } from \"../List\";\nimport type { DataListProps } from \"@webiny/admin-ui/DataList/types\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `DataList` component from the `@webiny/admin-ui` package instead.\n */\nexport const DataList = (props: DataListProps<Record<string, any>>) => {\n    return <AdminDatalist {...props} />;\n};\n\nexport interface ScrollListProps extends ListProps {\n    children: React.ReactElement<ListItemProps>[];\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `List` component from the `@webiny/admin-ui` package instead.\n */\nexport const ScrollList = (props: ScrollListProps) => {\n    return <List {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,IAAIC,aAAa,EAAEC,IAAI,QAAQ,kBAAkB;AAIlE;AACA;AACA;AACA;AACA,OAAO,MAAMF,QAAQ,GAAIG,KAAyC,IAAK;EACnE,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,aAAa,EAAKE,KAAQ,CAAC;AACvC,CAAC;AAMD;AACA;AACA;AACA;AACA,OAAO,MAAME,UAAU,GAAIF,KAAsB,IAAK;EAClD,oBAAOJ,KAAA,CAAAK,aAAA,CAACF,IAAI,EAAKC,KAAQ,CAAC;AAC9B,CAAC","ignoreList":[]}

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

@@ -1,3 +1,12 @@
-export { DataListModalOverlay } from "./DataListModalOverlay";
-export { DataListModalOverlayAction } from "./DataListModalOverlayAction";
-export { DataListModalOverlayContext, DataListModalOverlayProvider } from "./DataListModalOverlayContext";
+/// <reference types="react" />
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DataListModal.Content` component from the `@webiny/admin-ui` package instead.
+ */
+declare const DataListModalOverlay: ({ children }: import("@webiny/admin-ui/DataList/DataListModal").DataListModalContentProps) => import("react").JSX.Element;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DataListModal.Trigger` component from the `@webiny/admin-ui` package instead.
+ */
+declare const DataListModalOverlayAction: ({ icon, ...props }: import("@webiny/admin-ui/DataList/DataListModal").DataListModalTriggerProps) => import("react").JSX.Element;
+export { DataListModalOverlay, DataListModalOverlayAction };

package/List/DataList/DataListModalOverlay/index.js

@@ -1,3 +1,16 @@
-export { DataListModalOverlay } from "./DataListModalOverlay";
-export { DataListModalOverlayAction } from "./DataListModalOverlayAction";
-export { DataListModalOverlayContext, DataListModalOverlayProvider } from "./DataListModalOverlayContext";
+import { DataListModal } from "@webiny/admin-ui";
+
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DataListModal.Content` component from the `@webiny/admin-ui` package instead.
+ */
+const DataListModalOverlay = DataListModal.Content;
+
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DataListModal.Trigger` component from the `@webiny/admin-ui` package instead.
+ */
+const DataListModalOverlayAction = DataListModal.Trigger;
+export { DataListModalOverlay, DataListModalOverlayAction };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DataListModal","DataListModalOverlay","Content","DataListModalOverlayAction","Trigger"],"sources":["index.ts"],"sourcesContent":["import { DataListModal } from \"@webiny/admin-ui\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `DataListModal.Content` component from the `@webiny/admin-ui` package instead.\n */\nconst DataListModalOverlay = DataListModal.Content;\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `DataListModal.Trigger` component from the `@webiny/admin-ui` package instead.\n */\nconst DataListModalOverlayAction = DataListModal.Trigger;\n\nexport { DataListModalOverlay, DataListModalOverlayAction };\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;;AAEhD;AACA;AACA;AACA;AACA,MAAMC,oBAAoB,GAAGD,aAAa,CAACE,OAAO;;AAElD;AACA;AACA;AACA;AACA,MAAMC,0BAA0B,GAAGH,aAAa,CAACI,OAAO;AAExD,SAASH,oBAAoB,EAAEE,0BAA0B","ignoreList":[]}

package/List/DataList/DataListWithSections.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { ListProps } from "../List";
+import type { DataListProps } from "@webiny/admin-ui/DataList/types";
+import type { ListItem } from "@webiny/admin-ui/List/components";
+interface DataListData {
+    [key: string]: Record<string, any>[];
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DataList` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const DataListWithSections: (props: DataListProps<DataListData>) => React.JSX.Element;
+interface ScrollListWithSectionsProps extends ListProps {
+    children: React.ReactElement<typeof ListItem>[];
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `List` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const ScrollListWithSections: (props: ScrollListWithSectionsProps) => React.JSX.Element;
+export {};

package/List/DataList/DataListWithSections.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { DataListWithSections as AdminDataListWithSections, List } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DataList` component from the `@webiny/admin-ui` package instead.
+ */
+export const DataListWithSections = props => {
+  return /*#__PURE__*/React.createElement(AdminDataListWithSections, props);
+};
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `List` component from the `@webiny/admin-ui` package instead.
+ */
+export const ScrollListWithSections = props => {
+  return /*#__PURE__*/React.createElement(List, props);
+};
+
+//# sourceMappingURL=DataListWithSections.js.map

package/List/DataList/DataListWithSections.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","DataListWithSections","AdminDataListWithSections","List","props","createElement","ScrollListWithSections"],"sources":["DataListWithSections.tsx"],"sourcesContent":["import React from \"react\";\nimport { DataListWithSections as AdminDataListWithSections, List } from \"@webiny/admin-ui\";\nimport type { ListProps } from \"../List\";\nimport type { DataListProps } from \"@webiny/admin-ui/DataList/types\";\nimport type { ListItem } from \"@webiny/admin-ui/List/components\";\n\ninterface DataListData {\n    [key: string]: Record<string, any>[];\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `DataList` component from the `@webiny/admin-ui` package instead.\n */\nexport const DataListWithSections = (props: DataListProps<DataListData>) => {\n    return <AdminDataListWithSections {...props} />;\n};\n\ninterface ScrollListWithSectionsProps extends ListProps {\n    children: React.ReactElement<typeof ListItem>[];\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `List` component from the `@webiny/admin-ui` package instead.\n */\nexport const ScrollListWithSections = (props: ScrollListWithSectionsProps) => {\n    return <List {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,IAAIC,yBAAyB,EAAEC,IAAI,QAAQ,kBAAkB;AAS1F;AACA;AACA;AACA;AACA,OAAO,MAAMF,oBAAoB,GAAIG,KAAkC,IAAK;EACxE,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,yBAAyB,EAAKE,KAAQ,CAAC;AACnD,CAAC;AAMD;AACA;AACA;AACA;AACA,OAAO,MAAME,sBAAsB,GAAIF,KAAkC,IAAK;EAC1E,oBAAOJ,KAAA,CAAAK,aAAA,CAACF,IAAI,EAAKC,KAAQ,CAAC;AAC9B,CAAC","ignoreList":[]}

package/List/DataList/icons/index.d.ts

@@ -1,15 +1 @@
-import * as React from "react";
-import { IconButtonProps as BaseIconProps } from "../../../Button";
-declare type IconButtonProps = Omit<BaseIconProps, "icon"> & {
-    icon?: React.ReactElement<any>;
-};
-export declare const RefreshIcon: (props: IconButtonProps) => JSX.Element;
-export declare const DeleteIcon: (props: IconButtonProps) => JSX.Element;
-export declare const CreateIcon: (props: IconButtonProps) => JSX.Element;
-export declare const EditIcon: (props: IconButtonProps) => JSX.Element;
-export declare const SortIcon: (props: IconButtonProps) => JSX.Element;
-export declare const FilterIcon: (props: IconButtonProps) => JSX.Element;
-export declare const PreviousPageIcon: (props: IconButtonProps) => JSX.Element;
-export declare const NextPageIcon: (props: IconButtonProps) => JSX.Element;
-export declare const OptionsIcon: (props: IconButtonProps) => JSX.Element;
-export {};
+export * from "@webiny/admin-ui/DataList/DataListIcons";

package/List/DataList/icons/index.js

@@ -1,55 +1,3 @@
-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)
-  }, props));
-};
-export var DeleteIcon = function DeleteIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(Delete, null)
-  }, props));
-};
-export var CreateIcon = function CreateIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(Pen, null)
-  }, props));
-};
-export var EditIcon = function EditIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(Pen, null)
-  }, props));
-};
-export var SortIcon = function SortIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(Sort, null)
-  }, props));
-};
-export var FilterIcon = function FilterIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(Filter, null)
-  }, props));
-};
-export var PreviousPageIcon = function PreviousPageIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(NavigateBefore, null)
-  }, props));
-};
-export var NextPageIcon = function NextPageIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(NavigateNext, null)
-  }, props));
-};
-export var OptionsIcon = function OptionsIcon(props) {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(TuneIcon, null)
-  }, props));
-};
+export * from "@webiny/admin-ui/DataList/DataListIcons";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"@webiny/admin-ui/DataList/DataListIcons\";\n"],"mappings":"AAAA,cAAc,yCAAyC","ignoreList":[]}

package/List/DataList/index.d.ts

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

package/List/DataList/index.js

@@ -1,3 +1,5 @@
 export { DataList, ScrollList } from "./DataList";
-export { default as NoData } from "./NoData";
-export * from "./DataListModalOverlay";
+export { DataListWithSections, ScrollListWithSections } from "./DataListWithSections";
+export * from "./DataListModalOverlay";
+
+//# sourceMappingURL=index.js.map

package/List/DataList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DataList","ScrollList","DataListWithSections","ScrollListWithSections"],"sources":["index.ts"],"sourcesContent":["export { DataList, ScrollList } from \"./DataList\";\nexport { DataListWithSections, ScrollListWithSections } from \"./DataListWithSections\";\nexport * from \"./DataListModalOverlay\";\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,UAAU;AAC7B,SAASC,oBAAoB,EAAEC,sBAAsB;AACrD","ignoreList":[]}

package/List/DataList/types.d.ts

@@ -1,28 +1 @@
-import * as React from "react";
-export declare type PaginationProp = {
-    setPage?: (page: number) => void;
-    setPreviousPage?: () => void;
-    setNextPage?: () => void;
-    hasNextPage?: boolean;
-    hasPreviousPage?: boolean;
-    setPerPage?: (amount: number) => void;
-    perPageOptions?: number[];
-};
-export declare type SortersProp = Array<{
-    label: string;
-    value: any;
-}>;
-export declare type Props = {
-    children?: Function;
-    title?: React.ReactNode;
-    data?: Object[];
-    refresh?: Function;
-    loading?: boolean;
-    loader?: React.ReactNode;
-    pagination?: PaginationProp;
-    setPage?: Function;
-    setSorters?: Function;
-    setFilters?: Function;
-    sorters?: SortersProp;
-    multiActions?: any[];
-};
+export * from "@webiny/admin-ui/DataList/types";