@webiny/admin-ui 6.0.0-alpha.0

package/Command/domain/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./CommandOption\";\nexport * from \"./CommandOptionDto\";\nexport * from \"./CommandOptionFormatted\";\nexport * from \"./CommandOptionFormatter\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}

package/Command/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Command";
+export * from "./domain";

package/Command/index.js

@@ -0,0 +1,4 @@
+export * from "./Command";
+export * from "./domain";
+
+//# sourceMappingURL=index.js.map

package/Command/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Command\";\nexport * from \"./domain\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/DataList/DataList.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DataListProps } from "./types";
+export declare const DataList: <TData>(propsInput: DataListProps<TData>) => React.JSX.Element;

package/DataList/DataList.js

@@ -0,0 +1,77 @@
+import React, { useMemo } from "react";
+import isEmpty from "lodash/isEmpty";
+import { Heading } from "../Heading";
+import { Filters, Loader, MultiSelectActions, MultiSelectAll, NoData, Pagination, RefreshButton, Sorters } from "./components";
+import { DataListModal } from "./DataListModal";
+const defaultDataListProps = {
+  children: null,
+  title: null,
+  data: null,
+  meta: null,
+  loading: false,
+  refresh: () => {
+    return void 0;
+  },
+  setPage: null,
+  setPerPage: null,
+  perPageOptions: [10, 25, 50],
+  filters: null,
+  sorters: null,
+  setSorters: null,
+  actions: null,
+  multiSelectAll: () => {},
+  isAllMultiSelected: () => false,
+  isNoneMultiSelected: () => false,
+  loader: /*#__PURE__*/React.createElement(Loader, null),
+  noData: /*#__PURE__*/React.createElement(NoData, null),
+  showOptions: {
+    refresh: true,
+    pagination: true,
+    sorters: true,
+    filters: true
+  }
+};
+export const DataList = propsInput => {
+  let render;
+  const props = useMemo(() => {
+    return {
+      ...defaultDataListProps,
+      ...propsInput
+    };
+  }, [propsInput]);
+  if (props.loading) {
+    render = props.loader;
+  } else if (isEmpty(props.data)) {
+    render = props.noData;
+  } else {
+    const ch = props.children;
+    render = typeof ch === "function" ? ch(props) : null;
+  }
+  const showOptions = props.showOptions || {};
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "ui.list.data-list"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-pt-md wby-pb-sm wby-pl-lg wby-pr-md wby-border"
+  }, (props.title || props.actions) && /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-justify-between wby-items-center wby-mb-xl"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    className: "wby-text-neutral-primary",
+    level: 4
+  }, props.title)), Object.keys(showOptions).length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-space-between wby-gap-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex-1"
+  }, props.search ? /*#__PURE__*/React.cloneElement(props.search, props) : null), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-space-between wby-gap-xs"
+  }, /*#__PURE__*/React.createElement(MultiSelectAll, props), /*#__PURE__*/React.createElement(MultiSelectActions, props), showOptions.refresh && /*#__PURE__*/React.createElement(RefreshButton, props), showOptions.pagination && /*#__PURE__*/React.createElement(Pagination, props), showOptions.sorters && /*#__PURE__*/React.createElement(Sorters, props), showOptions.filters && /*#__PURE__*/React.createElement(Filters, props), props.modalOverlayAction && props.modalOverlay && /*#__PURE__*/React.createElement(DataListModal, {
+    trigger: props.modalOverlayAction,
+    content: props.modalOverlay
+  }), props.actions))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      maxHeight: "calc(100vh - 165px)"
+    },
+    className: "wby-relative wby-overflow-auto wby-border-t-sm wby-border-t-neutral-dimmed webiny-data-list__content"
+  }, props.subHeader, render));
+};
+
+//# sourceMappingURL=DataList.js.map

package/DataList/DataList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","isEmpty","Heading","Filters","Loader","MultiSelectActions","MultiSelectAll","NoData","Pagination","RefreshButton","Sorters","DataListModal","defaultDataListProps","children","title","data","meta","loading","refresh","setPage","setPerPage","perPageOptions","filters","sorters","setSorters","actions","multiSelectAll","isAllMultiSelected","isNoneMultiSelected","loader","createElement","noData","showOptions","pagination","DataList","propsInput","render","props","ch","className","level","Object","keys","length","search","cloneElement","modalOverlayAction","modalOverlay","trigger","content","style","maxHeight","subHeader"],"sources":["DataList.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { Heading } from \"~/Heading\";\nimport {\n    Filters,\n    Loader,\n    MultiSelectActions,\n    MultiSelectAll,\n    NoData,\n    Pagination,\n    RefreshButton,\n    Sorters\n} from \"~/DataList/components\";\nimport { DataListModal } from \"~/DataList/DataListModal\";\nimport { DataListProps } from \"~/DataList/types\";\n\nconst defaultDataListProps = {\n    children: null,\n    title: null,\n    data: null,\n    meta: null,\n    loading: false,\n    refresh: () => {\n        return void 0;\n    },\n    setPage: null,\n    setPerPage: null,\n    perPageOptions: [10, 25, 50],\n    filters: null,\n    sorters: null,\n    setSorters: null,\n    actions: null,\n    multiSelectAll: () => {},\n    isAllMultiSelected: () => false,\n    isNoneMultiSelected: () => false,\n    loader: <Loader />,\n    noData: <NoData />,\n    showOptions: {\n        refresh: true,\n        pagination: true,\n        sorters: true,\n        filters: true\n    }\n};\n\nexport const DataList = <TData,>(propsInput: DataListProps<TData>) => {\n    let render: React.ReactNode | null;\n\n    const props = useMemo(() => {\n        return {\n            ...defaultDataListProps,\n            ...propsInput\n        };\n    }, [propsInput]);\n\n    if (props.loading) {\n        render = props.loader;\n    } else if (isEmpty(props.data)) {\n        render = props.noData;\n    } else {\n        const ch = props.children;\n        render = typeof ch === \"function\" ? ch(props) : null;\n    }\n\n    const showOptions = props.showOptions || {};\n\n    return (\n        <div data-testid={\"ui.list.data-list\"}>\n            <div className={\"wby-pt-md wby-pb-sm wby-pl-lg wby-pr-md wby-border\"}>\n                {(props.title || props.actions) && (\n                    <div className={\"wby-flex wby-justify-between wby-items-center wby-mb-xl\"}>\n                        <Heading className={\"wby-text-neutral-primary\"} level={4}>\n                            {props.title}\n                        </Heading>\n                    </div>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <div\n                        className={\"wby-flex wby-items-center wby-justify-space-between wby-gap-sm\"}\n                    >\n                        <div className={\"wby-flex-1\"}>\n                            {props.search ? React.cloneElement(props.search, props) : null}\n                        </div>\n                        <div\n                            className={\n                                \"wby-flex wby-items-center wby-justify-space-between wby-gap-xs\"\n                            }\n                        >\n                            <MultiSelectAll {...props} />\n                            <MultiSelectActions {...props} />\n                            {showOptions.refresh && <RefreshButton {...props} />}\n                            {showOptions.pagination && <Pagination {...props} />}\n                            {showOptions.sorters && <Sorters {...props} />}\n                            {showOptions.filters && <Filters {...props} />}\n                            {props.modalOverlayAction && props.modalOverlay && (\n                                <DataListModal\n                                    trigger={props.modalOverlayAction}\n                                    content={props.modalOverlay}\n                                />\n                            )}\n                            {props.actions}\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            <div\n                style={{ maxHeight: \"calc(100vh - 165px)\" }}\n                className={\n                    \"wby-relative wby-overflow-auto wby-border-t-sm wby-border-t-neutral-dimmed webiny-data-list__content\"\n                }\n            >\n                {props.subHeader}\n                {render}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/DataList/DataListIcons.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { IconButtonProps } from "../Button";
+export declare const RefreshIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const DeleteIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const CreateIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const EditIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const SortIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const FilterIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const PreviousPageIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const NextPageIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const OptionsIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const DownloadIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const UploadIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const ListIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const CloneIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const LoginIcon: (props: IconButtonProps) => React.JSX.Element;

package/DataList/DataListIcons.js

@@ -0,0 +1,158 @@
+import React from "react";
+import { ReactComponent as AutoRenew } from "@webiny/icons/autorenew.svg";
+import { ReactComponent as Delete } from "@webiny/icons/delete.svg";
+import { ReactComponent as Edit } from "@webiny/icons/edit.svg";
+import { ReactComponent as Sort } from "@webiny/icons/sort.svg";
+import { ReactComponent as Filter } from "@webiny/icons/filter_list.svg";
+import { ReactComponent as NavigateBefore } from "@webiny/icons/chevron_left.svg";
+import { ReactComponent as NavigateAfter } from "@webiny/icons/chevron_right.svg";
+import { ReactComponent as Tune } from "@webiny/icons/tune.svg";
+import { ReactComponent as Download } from "@webiny/icons/file_download.svg";
+import { ReactComponent as Upload } from "@webiny/icons/file_upload.svg";
+import { ReactComponent as ListView } from "@webiny/icons/list.svg";
+import { ReactComponent as Clone } from "@webiny/icons/library_add.svg";
+import { ReactComponent as Login } from "@webiny/icons/login.svg";
+import { IconButton } from "../Button";
+import { List } from "../List";
+export const RefreshIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(AutoRenew, null),
+      label: "Refresh"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+export const DeleteIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(Delete, null),
+      label: "Delete"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+export const CreateIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(Edit, null),
+      label: "Create"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+export const EditIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(Edit, null),
+      label: "Edit"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+export const SortIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(Sort, null),
+      label: "Sort"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+export const FilterIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(Filter, null),
+      label: "Filter"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+export const PreviousPageIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(NavigateBefore, null),
+      label: "Previous Page"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+export const NextPageIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(NavigateAfter, null),
+      label: "Next Page"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+export const OptionsIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(Tune, null),
+      label: "Options"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+export const DownloadIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(Download, null),
+      label: "Download"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+export const UploadIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(Upload, null),
+      label: "Upload"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+export const ListIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(ListView, null),
+      label: "List"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+export const CloneIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(Clone, null),
+      label: "Clone"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+export const LoginIcon = props => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
+      icon: /*#__PURE__*/React.createElement(Login, null),
+      label: "Login"
+    }),
+    variant: "ghost",
+    size: "sm"
+  }, props));
+};
+
+//# sourceMappingURL=DataListIcons.js.map

package/DataList/DataListIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","AutoRenew","Delete","Edit","Sort","Filter","NavigateBefore","NavigateAfter","Tune","Download","Upload","ListView","Clone","Login","IconButton","List","RefreshIcon","props","createElement","Object","assign","icon","Item","Icon","label","variant","size","DeleteIcon","CreateIcon","EditIcon","SortIcon","FilterIcon","PreviousPageIcon","NextPageIcon","OptionsIcon","DownloadIcon","UploadIcon","ListIcon","CloneIcon","LoginIcon"],"sources":["DataListIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AutoRenew } from \"@webiny/icons/autorenew.svg\";\nimport { ReactComponent as Delete } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as Edit } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as Sort } from \"@webiny/icons/sort.svg\";\nimport { ReactComponent as Filter } from \"@webiny/icons/filter_list.svg\";\nimport { ReactComponent as NavigateBefore } from \"@webiny/icons/chevron_left.svg\";\nimport { ReactComponent as NavigateAfter } from \"@webiny/icons/chevron_right.svg\";\nimport { ReactComponent as Tune } from \"@webiny/icons/tune.svg\";\nimport { ReactComponent as Download } from \"@webiny/icons/file_download.svg\";\nimport { ReactComponent as Upload } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as ListView } from \"@webiny/icons/list.svg\";\nimport { ReactComponent as Clone } from \"@webiny/icons/library_add.svg\";\nimport { ReactComponent as Login } from \"@webiny/icons/login.svg\";\nimport { IconButton, IconButtonProps } from \"~/Button\";\nimport { List } from \"~/List\";\n\nexport const RefreshIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<AutoRenew />} label={\"Refresh\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const DeleteIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Delete />} label={\"Delete\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const CreateIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Edit />} label={\"Create\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const EditIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Edit />} label={\"Edit\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const SortIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Sort />} label={\"Sort\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const FilterIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Filter />} label={\"Filter\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const PreviousPageIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<NavigateBefore />} label={\"Previous Page\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const NextPageIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<NavigateAfter />} label={\"Next Page\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const OptionsIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Tune />} label={\"Options\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const DownloadIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Download />} label={\"Download\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const UploadIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Upload />} label={\"Upload\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const ListIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<ListView />} label={\"List\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const CloneIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Clone />} label={\"Clone\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const LoginIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Login />} label={\"Login\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/DataList/DataListModal.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface DataListModalContentProps {
+    children: React.ReactNode;
+}
+interface DataListModalTriggerProps {
+    "data-testid"?: string;
+    icon?: React.ReactElement;
+}
+interface DataListModalProps {
+    trigger: React.ReactElement;
+    content: React.ReactElement;
+}
+declare const DataListModal: ((props: DataListModalProps) => React.JSX.Element | null) & {
+    Trigger: ({ icon, ...props }: DataListModalTriggerProps) => React.JSX.Element;
+    Content: ({ children }: DataListModalContentProps) => React.JSX.Element;
+};
+export { DataListModal, type DataListModalProps, type DataListModalContentProps, type DataListModalTriggerProps };

package/DataList/DataListModal.js

@@ -0,0 +1,51 @@
+import React, { useState } from "react";
+import { ReactComponent as Sort } from "@webiny/icons/sort.svg";
+import { PopoverPrimitive } from "../Popover";
+import { withStaticProps } from "../utils";
+import { Tooltip } from "../Tooltip";
+import { IconButton } from "../Button";
+const DataListModalContent = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "data-list-modal-wrapper"
+  }, children);
+};
+const DataListModalTrigger = ({
+  icon = /*#__PURE__*/React.createElement(Sort, null),
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: icon,
+    variant: "ghost"
+  }, props, {
+    size: "sm"
+  }));
+};
+const BaseDataListModal = props => {
+  const [open, setOpen] = useState(false);
+  if (!props.content || !props.trigger) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(PopoverPrimitive, {
+    open: open,
+    onOpenChange: open => setOpen(open)
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    trigger: /*#__PURE__*/React.createElement(PopoverPrimitive.Trigger, {
+      asChild: true
+    }, /*#__PURE__*/React.createElement("span", null, props.trigger)),
+    content: "Sort list"
+  }), /*#__PURE__*/React.createElement(PopoverPrimitive.Content, {
+    onOpenAutoFocus: e => e.preventDefault(),
+    align: "end"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-base wby-p-md"
+  }, props.content)));
+};
+const DataListModal = withStaticProps(BaseDataListModal, {
+  Trigger: DataListModalTrigger,
+  Content: DataListModalContent
+});
+export { DataListModal };
+
+//# sourceMappingURL=DataListModal.js.map

package/DataList/DataListModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","ReactComponent","Sort","PopoverPrimitive","withStaticProps","Tooltip","IconButton","DataListModalContent","children","createElement","DataListModalTrigger","icon","props","Object","assign","variant","size","BaseDataListModal","open","setOpen","content","trigger","onOpenChange","Trigger","asChild","Content","onOpenAutoFocus","e","preventDefault","align","className","DataListModal"],"sources":["DataListModal.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ReactComponent as Sort } from \"@webiny/icons/sort.svg\";\nimport { PopoverPrimitive } from \"~/Popover\";\nimport { withStaticProps } from \"~/utils\";\nimport { Tooltip } from \"~/Tooltip\";\nimport { IconButton } from \"~/Button\";\n\ninterface DataListModalContentProps {\n    children: React.ReactNode;\n}\n\nconst DataListModalContent = ({ children }: DataListModalContentProps) => {\n    return <div data-testid={\"data-list-modal-wrapper\"}>{children}</div>;\n};\n\ninterface DataListModalTriggerProps {\n    \"data-testid\"?: string;\n    icon?: React.ReactElement;\n}\n\nconst DataListModalTrigger = ({ icon = <Sort />, ...props }: DataListModalTriggerProps) => {\n    return <IconButton icon={icon} variant={\"ghost\"} {...props} size={\"sm\"} />;\n};\n\ninterface DataListModalProps {\n    trigger: React.ReactElement;\n    content: React.ReactElement;\n}\n\nconst BaseDataListModal = (props: DataListModalProps) => {\n    const [open, setOpen] = useState<boolean>(false);\n\n    if (!props.content || !props.trigger) {\n        return null;\n    }\n\n    return (\n        <PopoverPrimitive open={open} onOpenChange={open => setOpen(open)}>\n            <Tooltip\n                trigger={\n                    <PopoverPrimitive.Trigger asChild>\n                        <span>{props.trigger}</span>\n                    </PopoverPrimitive.Trigger>\n                }\n                content={\"Sort list\"}\n            />\n            <PopoverPrimitive.Content onOpenAutoFocus={e => e.preventDefault()} align={\"end\"}>\n                <div className={\"wby-bg-neutral-base wby-p-md\"}>{props.content}</div>\n            </PopoverPrimitive.Content>\n        </PopoverPrimitive>\n    );\n};\n\nconst DataListModal = withStaticProps(BaseDataListModal, {\n    Trigger: DataListModalTrigger,\n    Content: DataListModalContent\n});\n\nexport {\n    DataListModal,\n    type DataListModalProps,\n    type DataListModalContentProps,\n    type DataListModalTriggerProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,cAAc,IAAIC,IAAI,QAAQ,wBAAwB;AAC/D,SAASC,gBAAgB;AACzB,SAASC,eAAe;AACxB,SAASC,OAAO;AAChB,SAASC,UAAU;AAMnB,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC;AAAoC,CAAC,KAAK;EACtE,oBAAOT,KAAA,CAAAU,aAAA;IAAK,eAAa;EAA0B,GAAED,QAAc,CAAC;AACxE,CAAC;AAOD,MAAME,oBAAoB,GAAGA,CAAC;EAAEC,IAAI,gBAAGZ,KAAA,CAAAU,aAAA,CAACP,IAAI,MAAE,CAAC;EAAE,GAAGU;AAAiC,CAAC,KAAK;EACvF,oBAAOb,KAAA,CAAAU,aAAA,CAACH,UAAU,EAAAO,MAAA,CAAAC,MAAA;IAACH,IAAI,EAAEA,IAAK;IAACI,OAAO,EAAE;EAAQ,GAAKH,KAAK;IAAEI,IAAI,EAAE;EAAK,EAAE,CAAC;AAC9E,CAAC;AAOD,MAAMC,iBAAiB,GAAIL,KAAyB,IAAK;EACrD,MAAM,CAACM,IAAI,EAAEC,OAAO,CAAC,GAAGnB,QAAQ,CAAU,KAAK,CAAC;EAEhD,IAAI,CAACY,KAAK,CAACQ,OAAO,IAAI,CAACR,KAAK,CAACS,OAAO,EAAE;IAClC,OAAO,IAAI;EACf;EAEA,oBACItB,KAAA,CAAAU,aAAA,CAACN,gBAAgB;IAACe,IAAI,EAAEA,IAAK;IAACI,YAAY,EAAEJ,IAAI,IAAIC,OAAO,CAACD,IAAI;EAAE,gBAC9DnB,KAAA,CAAAU,aAAA,CAACJ,OAAO;IACJgB,OAAO,eACHtB,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACoB,OAAO;MAACC,OAAO;IAAA,gBAC7BzB,KAAA,CAAAU,aAAA,eAAOG,KAAK,CAACS,OAAc,CACL,CAC7B;IACDD,OAAO,EAAE;EAAY,CACxB,CAAC,eACFrB,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACsB,OAAO;IAACC,eAAe,EAAEC,CAAC,IAAIA,CAAC,CAACC,cAAc,CAAC,CAAE;IAACC,KAAK,EAAE;EAAM,gBAC7E9B,KAAA,CAAAU,aAAA;IAAKqB,SAAS,EAAE;EAA+B,GAAElB,KAAK,CAACQ,OAAa,CAC9C,CACZ,CAAC;AAE3B,CAAC;AAED,MAAMW,aAAa,GAAG3B,eAAe,CAACa,iBAAiB,EAAE;EACrDM,OAAO,EAAEb,oBAAoB;EAC7Be,OAAO,EAAElB;AACb,CAAC,CAAC;AAEF,SACIwB,aAAa","ignoreList":[]}

package/DataList/DataListWithSections.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DataListProps } from "./types";
+export declare const DataListWithSections: <TData>(propsInput: DataListProps<TData>) => React.JSX.Element;

package/DataList/DataListWithSections.js

@@ -0,0 +1,80 @@
+import React, { useMemo } from "react";
+import isEmpty from "lodash/isEmpty";
+import { Loader } from "../Loader";
+import { Filters, MultiSelectActions, MultiSelectAll, NoData, Pagination, RefreshButton, Sorters } from "./components";
+import { DataListModal } from "./DataListModal";
+import { Heading } from "../Heading";
+const dataListWithSectionsDefaultProps = {
+  children: null,
+  title: null,
+  data: null,
+  meta: null,
+  loading: false,
+  refresh: () => {
+    return void 0;
+  },
+  setPage: null,
+  setPerPage: null,
+  perPageOptions: [10, 25, 50],
+  filters: null,
+  sorters: null,
+  setSorters: null,
+  actions: null,
+  multiSelectAll: () => {},
+  isAllMultiSelected: () => false,
+  isNoneMultiSelected: () => false,
+  loader: /*#__PURE__*/React.createElement(Loader, null),
+  noData: /*#__PURE__*/React.createElement(NoData, null),
+  showOptions: {
+    refresh: true,
+    pagination: true,
+    sorters: true,
+    filters: true
+  }
+};
+export const DataListWithSections = propsInput => {
+  let render;
+  const props = useMemo(() => {
+    return {
+      ...dataListWithSectionsDefaultProps,
+      ...propsInput
+    };
+  }, [propsInput]);
+  if (props.loading) {
+    render = props.loader;
+  } else if (isEmpty(props.data)) {
+    render = props.noData;
+  } else {
+    const ch = props.children;
+    render = typeof ch === "function" ? ch(props) : null;
+  }
+  const showOptions = props.showOptions || {};
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "ui.list.data-list"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-pt-md-extra wby-pb-md wby-px-md wby-border"
+  }, (props.title || props.actions) && /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-justify-between wby-items-center"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    className: "wby-text-accent-primary",
+    level: 4
+  }, props.title), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-end wby-gap-xs"
+  }, props.actions)), Object.keys(showOptions).length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-space-between wby-gap-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex-1"
+  }, props.search ? /*#__PURE__*/React.cloneElement(props.search, props) : null), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-space-between wby-gap-xs"
+  }, /*#__PURE__*/React.createElement(MultiSelectAll, props), showOptions.refresh && /*#__PURE__*/React.createElement(RefreshButton, props), showOptions.pagination && /*#__PURE__*/React.createElement(Pagination, props), showOptions.sorters && /*#__PURE__*/React.createElement(Sorters, props), showOptions.filters && /*#__PURE__*/React.createElement(Filters, props), props.modalOverlayAction && props.modalOverlay && /*#__PURE__*/React.createElement(DataListModal, {
+    trigger: props.modalOverlayAction,
+    content: props.modalOverlay
+  }), /*#__PURE__*/React.createElement(MultiSelectActions, props)))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      maxHeight: "calc(100vh - 165px)"
+    },
+    className: "wby-relative wby-overflow-auto wby-border-t-sm wby-border-t-neutral-dimmed webiny-data-list__content"
+  }, props.subHeader, render));
+};
+
+//# sourceMappingURL=DataListWithSections.js.map

package/DataList/DataListWithSections.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","isEmpty","Loader","Filters","MultiSelectActions","MultiSelectAll","NoData","Pagination","RefreshButton","Sorters","DataListModal","Heading","dataListWithSectionsDefaultProps","children","title","data","meta","loading","refresh","setPage","setPerPage","perPageOptions","filters","sorters","setSorters","actions","multiSelectAll","isAllMultiSelected","isNoneMultiSelected","loader","createElement","noData","showOptions","pagination","DataListWithSections","propsInput","render","props","ch","className","level","Object","keys","length","search","cloneElement","modalOverlayAction","modalOverlay","trigger","content","style","maxHeight","subHeader"],"sources":["DataListWithSections.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { Loader } from \"~/Loader\";\nimport {\n    Filters,\n    MultiSelectActions,\n    MultiSelectAll,\n    NoData,\n    Pagination,\n    RefreshButton,\n    Sorters\n} from \"~/DataList/components\";\nimport { DataListModal } from \"~/DataList/DataListModal\";\nimport { DataListProps } from \"~/DataList/types\";\nimport { Heading } from \"~/Heading\";\n\nconst dataListWithSectionsDefaultProps = {\n    children: null,\n    title: null,\n    data: null,\n    meta: null,\n    loading: false,\n    refresh: () => {\n        return void 0;\n    },\n    setPage: null,\n    setPerPage: null,\n    perPageOptions: [10, 25, 50],\n    filters: null,\n    sorters: null,\n    setSorters: null,\n    actions: null,\n    multiSelectAll: () => {},\n    isAllMultiSelected: () => false,\n    isNoneMultiSelected: () => false,\n    loader: <Loader />,\n    noData: <NoData />,\n    showOptions: {\n        refresh: true,\n        pagination: true,\n        sorters: true,\n        filters: true\n    }\n};\n\nexport const DataListWithSections = <TData,>(propsInput: DataListProps<TData>) => {\n    let render: React.ReactNode | null;\n\n    const props = useMemo(() => {\n        return {\n            ...dataListWithSectionsDefaultProps,\n            ...propsInput\n        };\n    }, [propsInput]);\n\n    if (props.loading) {\n        render = props.loader;\n    } else if (isEmpty(props.data)) {\n        render = props.noData;\n    } else {\n        const ch = props.children;\n        render = typeof ch === \"function\" ? ch(props) : null;\n    }\n\n    const showOptions = props.showOptions || {};\n\n    return (\n        <div data-testid={\"ui.list.data-list\"}>\n            <div className={\"wby-pt-md-extra wby-pb-md wby-px-md wby-border\"}>\n                {(props.title || props.actions) && (\n                    <div className={\"wby-flex wby-justify-between wby-items-center\"}>\n                        <Heading className={\"wby-text-accent-primary\"} level={4}>\n                            {props.title}\n                        </Heading>\n                        <div className={\"wby-flex wby-items-center wby-justify-end wby-gap-xs\"}>\n                            {props.actions}\n                        </div>\n                    </div>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <div\n                        className={\"wby-flex wby-items-center wby-justify-space-between wby-gap-sm\"}\n                    >\n                        <div className={\"wby-flex-1\"}>\n                            {props.search ? React.cloneElement(props.search, props) : null}\n                        </div>\n                        <div\n                            className={\n                                \"wby-flex wby-items-center wby-justify-space-between wby-gap-xs\"\n                            }\n                        >\n                            <MultiSelectAll {...props} />\n                            {showOptions.refresh && <RefreshButton {...props} />}\n                            {showOptions.pagination && <Pagination {...props} />}\n                            {showOptions.sorters && <Sorters {...props} />}\n                            {showOptions.filters && <Filters {...props} />}\n                            {props.modalOverlayAction && props.modalOverlay && (\n                                <DataListModal\n                                    trigger={props.modalOverlayAction}\n                                    content={props.modalOverlay}\n                                />\n                            )}\n                            <MultiSelectActions {...props} />\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            <div\n                style={{ maxHeight: \"calc(100vh - 165px)\" }}\n                className={\n                    \"wby-relative wby-overflow-auto wby-border-t-sm wby-border-t-neutral-dimmed webiny-data-list__content\"\n                }\n            >\n                {props.subHeader}\n                {render}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/DataList/components/Filters.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { DataListProps } from "../types";
+declare const Filters: (props: DataListProps) => React.JSX.Element | null;
+export { Filters };

package/DataList/components/Filters.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { DropdownMenu } from "../../DropdownMenu";
+import { FilterIcon } from "../DataListIcons";
+const Filters = props => {
+  const filters = props.filters;
+  if (!filters) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
+    trigger: /*#__PURE__*/React.createElement(FilterIcon, {
+      size: "sm"
+    })
+  }, filters);
+};
+export { Filters };
+
+//# sourceMappingURL=Filters.js.map

package/DataList/components/Filters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","DropdownMenu","FilterIcon","Filters","props","filters","createElement","trigger","size"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu } from \"~/DropdownMenu\";\nimport { FilterIcon } from \"../DataListIcons\";\nimport { DataListProps } from \"../types\";\n\nconst Filters = (props: DataListProps) => {\n    const filters = props.filters;\n    if (!filters) {\n        return null;\n    }\n\n    return <DropdownMenu trigger={<FilterIcon size={\"sm\"} />}>{filters}</DropdownMenu>;\n};\n\nexport { Filters };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AACrB,SAASC,UAAU;AAGnB,MAAMC,OAAO,GAAIC,KAAoB,IAAK;EACtC,MAAMC,OAAO,GAAGD,KAAK,CAACC,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOL,KAAA,CAAAM,aAAA,CAACL,YAAY;IAACM,OAAO,eAAEP,KAAA,CAAAM,aAAA,CAACJ,UAAU;MAACM,IAAI,EAAE;IAAK,CAAE;EAAE,GAAEH,OAAsB,CAAC;AACtF,CAAC;AAED,SAASF,OAAO","ignoreList":[]}

package/DataList/components/Loader.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+declare const Loader: () => ReactElement;
+export { Loader };

package/DataList/components/Loader.js

@@ -0,0 +1,39 @@
+import React from "react";
+import { Skeleton } from "../../Skeleton";
+import { cn } from "../../utils";
+const Loader = () => {
+  const lines = Array.from(Array(5).keys());
+  return /*#__PURE__*/React.createElement("ul", {
+    className: "wby-list-none wby-p-lg",
+    "data-testid": "default-data-list.loading"
+  }, lines.map(line => /*#__PURE__*/React.createElement("li", {
+    key: "list-" + line,
+    className: cn(["wby-group", line === lines.length - 1 ? "wby-last-item" : ""])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-w-full wby-items-center wby-justify-start wby-gap-lg wby-mb-md group-[.wby-last-item]:wby-mb-none"
+  }, /*#__PURE__*/React.createElement(Skeleton, {
+    type: "thumbnail",
+    size: "xxl"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex-1 wby-h-10 wby-flex wby-flex-col wby-justify-between"
+  }, /*#__PURE__*/React.createElement(Skeleton, {
+    type: "text",
+    size: "md"
+  }), /*#__PURE__*/React.createElement(Skeleton, {
+    type: "text",
+    size: "md"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "wby-justify-self-end"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-text-right wby-flex wby-justify-end wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Skeleton, {
+    type: "thumbnail",
+    size: "lg"
+  }), /*#__PURE__*/React.createElement(Skeleton, {
+    type: "thumbnail",
+    size: "lg"
+  })))))));
+};
+export { Loader };
+
+//# sourceMappingURL=Loader.js.map

package/DataList/components/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Skeleton","cn","Loader","lines","Array","from","keys","createElement","className","map","line","key","length","type","size"],"sources":["Loader.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Skeleton } from \"~/Skeleton\";\nimport { cn } from \"~/utils\";\n\nconst Loader = (): ReactElement => {\n    const lines = Array.from(Array(5).keys());\n\n    return (\n        <ul className={\"wby-list-none wby-p-lg\"} data-testid={\"default-data-list.loading\"}>\n            {lines.map(line => (\n                <li\n                    key={\"list-\" + line}\n                    className={cn([\"wby-group\", line === lines.length - 1 ? \"wby-last-item\" : \"\"])}\n                >\n                    <div className=\"wby-flex wby-w-full wby-items-center wby-justify-start wby-gap-lg wby-mb-md group-[.wby-last-item]:wby-mb-none\">\n                        <Skeleton type={\"thumbnail\"} size={\"xxl\"} />\n                        <div\n                            className={\n                                \"wby-flex-1 wby-h-10 wby-flex wby-flex-col wby-justify-between\"\n                            }\n                        >\n                            <Skeleton type={\"text\"} size={\"md\"} />\n                            <Skeleton type={\"text\"} size={\"md\"} />\n                        </div>\n                        <div className={\"wby-justify-self-end\"}>\n                            <div className={\"wby-text-right wby-flex wby-justify-end wby-gap-sm\"}>\n                                <Skeleton type={\"thumbnail\"} size={\"lg\"} />\n                                <Skeleton type={\"thumbnail\"} size={\"lg\"} />\n                            </div>\n                        </div>\n                    </div>\n                </li>\n            ))}\n        </ul>\n    );\n};\n\nexport { Loader };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAwB,OAAO;AAC3C,SAASC,QAAQ;AACjB,SAASC,EAAE;AAEX,MAAMC,MAAM,GAAGA,CAAA,KAAoB;EAC/B,MAAMC,KAAK,GAAGC,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,CAAC,CAAC,CAACE,IAAI,CAAC,CAAC,CAAC;EAEzC,oBACIP,KAAA,CAAAQ,aAAA;IAAIC,SAAS,EAAE,wBAAyB;IAAC,eAAa;EAA4B,GAC7EL,KAAK,CAACM,GAAG,CAACC,IAAI,iBACXX,KAAA,CAAAQ,aAAA;IACII,GAAG,EAAE,OAAO,GAAGD,IAAK;IACpBF,SAAS,EAAEP,EAAE,CAAC,CAAC,WAAW,EAAES,IAAI,KAAKP,KAAK,CAACS,MAAM,GAAG,CAAC,GAAG,eAAe,GAAG,EAAE,CAAC;EAAE,gBAE/Eb,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAgH,gBAC3HT,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IAACa,IAAI,EAAE,WAAY;IAACC,IAAI,EAAE;EAAM,CAAE,CAAC,eAC5Cf,KAAA,CAAAQ,aAAA;IACIC,SAAS,EACL;EACH,gBAEDT,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IAACa,IAAI,EAAE,MAAO;IAACC,IAAI,EAAE;EAAK,CAAE,CAAC,eACtCf,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IAACa,IAAI,EAAE,MAAO;IAACC,IAAI,EAAE;EAAK,CAAE,CACpC,CAAC,eACNf,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAuB,gBACnCT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAqD,gBACjET,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IAACa,IAAI,EAAE,WAAY;IAACC,IAAI,EAAE;EAAK,CAAE,CAAC,eAC3Cf,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IAACa,IAAI,EAAE,WAAY;IAACC,IAAI,EAAE;EAAK,CAAE,CACzC,CACJ,CACJ,CACL,CACP,CACD,CAAC;AAEb,CAAC;AAED,SAASZ,MAAM","ignoreList":[]}

package/DataList/components/MultiSelectActions.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DataListProps } from "../types";
+declare const MultiSelectActions: (props: DataListProps) => string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null;
+export { MultiSelectActions };

package/DataList/components/MultiSelectActions.js

@@ -0,0 +1,12 @@
+const MultiSelectActions = props => {
+  const {
+    multiSelectActions
+  } = props;
+  if (!multiSelectActions) {
+    return null;
+  }
+  return multiSelectActions;
+};
+export { MultiSelectActions };
+
+//# sourceMappingURL=MultiSelectActions.js.map

package/DataList/components/MultiSelectActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MultiSelectActions","props","multiSelectActions"],"sources":["MultiSelectActions.tsx"],"sourcesContent":["import { DataListProps } from \"../types\";\n\nconst MultiSelectActions = (props: DataListProps) => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n    return multiSelectActions;\n};\n\nexport { MultiSelectActions };\n"],"mappings":"AAEA,MAAMA,kBAAkB,GAAIC,KAAoB,IAAK;EACjD,MAAM;IAAEC;EAAmB,CAAC,GAAGD,KAAK;EACpC,IAAI,CAACC,kBAAkB,EAAE;IACrB,OAAO,IAAI;EACf;EACA,OAAOA,kBAAkB;AAC7B,CAAC;AAED,SAASF,kBAAkB","ignoreList":[]}

package/DataList/components/MultiSelectAll.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { DataListProps } from "../types";
+declare const MultiSelectAll: (props: DataListProps) => React.JSX.Element | null;
+export { MultiSelectAll };