@webiny/admin-ui 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.e9333b3f0b

package/Command/domain/CommandOption.js

@@ -1,56 +1,57 @@
-export class CommandOption {
-  constructor(data) {
-    this._label = data.label;
-    this._value = data.value;
-    this._disabled = data.disabled;
-    this._selected = data.selected;
-    this._separator = data.separator;
-    this._item = data.item;
-  }
-  static create(data) {
-    return new CommandOption({
-      label: data.label,
-      value: data.value,
-      disabled: data.disabled ?? false,
-      selected: false,
-      separator: data.separator ?? false,
-      item: data.item ?? null
-    });
-  }
-  static createFromString(value) {
-    return new CommandOption({
-      label: value,
-      value: value,
-      disabled: false,
-      selected: false,
-      separator: false,
-      item: null
-    });
-  }
-  get label() {
-    return this._label;
-  }
-  get value() {
-    return this._value;
-  }
-  get disabled() {
-    return this._disabled;
-  }
-  set disabled(selected) {
-    this._disabled = selected;
-  }
-  get selected() {
-    return this._selected;
-  }
-  set selected(selected) {
-    this._selected = selected;
-  }
-  get separator() {
-    return this._separator;
-  }
-  get item() {
-    return this._item;
-  }
+class CommandOption {
+    constructor(data){
+        this._label = data.label;
+        this._value = data.value;
+        this._disabled = data.disabled;
+        this._selected = data.selected;
+        this._separator = data.separator;
+        this._item = data.item;
+    }
+    static create(data) {
+        return new CommandOption({
+            label: data.label,
+            value: data.value,
+            disabled: data.disabled ?? false,
+            selected: false,
+            separator: data.separator ?? false,
+            item: data.item ?? null
+        });
+    }
+    static createFromString(value) {
+        return new CommandOption({
+            label: value,
+            value: value,
+            disabled: false,
+            selected: false,
+            separator: false,
+            item: null
+        });
+    }
+    get label() {
+        return this._label;
+    }
+    get value() {
+        return this._value;
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(selected) {
+        this._disabled = selected;
+    }
+    get selected() {
+        return this._selected;
+    }
+    set selected(selected) {
+        this._selected = selected;
+    }
+    get separator() {
+        return this._separator;
+    }
+    get item() {
+        return this._item;
+    }
 }
+export { CommandOption };
 
 //# sourceMappingURL=CommandOption.js.map

package/Command/domain/CommandOption.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommandOption","constructor","data","_label","label","_value","value","_disabled","disabled","_selected","selected","_separator","separator","_item","item","create","createFromString"],"sources":["CommandOption.ts"],"sourcesContent":["import type { CommandOptionDto } from \"./CommandOptionDto.js\";\n\nexport class CommandOption {\n    private readonly _label: string;\n    private readonly _value: string;\n    private _disabled: boolean;\n    private readonly _separator: boolean;\n    private readonly _item: any | null;\n    private _selected: boolean;\n\n    protected constructor(data: {\n        label: string;\n        value: string;\n        disabled: boolean;\n        selected: boolean;\n        separator: boolean;\n        item: any | null;\n    }) {\n        this._label = data.label;\n        this._value = data.value;\n        this._disabled = data.disabled;\n        this._selected = data.selected;\n        this._separator = data.separator;\n        this._item = data.item;\n    }\n\n    static create(data: CommandOptionDto) {\n        return new CommandOption({\n            label: data.label,\n            value: data.value,\n            disabled: data.disabled ?? false,\n            selected: false,\n            separator: data.separator ?? false,\n            item: data.item ?? null\n        });\n    }\n\n    static createFromString(value: string) {\n        return new CommandOption({\n            label: value,\n            value: value,\n            disabled: false,\n            selected: false,\n            separator: false,\n            item: null\n        });\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    set disabled(selected: boolean) {\n        this._disabled = selected;\n    }\n\n    get selected() {\n        return this._selected;\n    }\n\n    set selected(selected: boolean) {\n        this._selected = selected;\n    }\n\n    get separator() {\n        return this._separator;\n    }\n\n    get item() {\n        return this._item;\n    }\n}\n"],"mappings":"AAEA,OAAO,MAAMA,aAAa,CAAC;EAQbC,WAAWA,CAACC,IAOrB,EAAE;IACC,IAAI,CAACC,MAAM,GAAGD,IAAI,CAACE,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,SAAS,GAAGL,IAAI,CAACM,QAAQ;IAC9B,IAAI,CAACC,SAAS,GAAGP,IAAI,CAACQ,QAAQ;IAC9B,IAAI,CAACC,UAAU,GAAGT,IAAI,CAACU,SAAS;IAChC,IAAI,CAACC,KAAK,GAAGX,IAAI,CAACY,IAAI;EAC1B;EAEA,OAAOC,MAAMA,CAACb,IAAsB,EAAE;IAClC,OAAO,IAAIF,aAAa,CAAC;MACrBI,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,QAAQ,EAAEN,IAAI,CAACM,QAAQ,IAAI,KAAK;MAChCE,QAAQ,EAAE,KAAK;MACfE,SAAS,EAAEV,IAAI,CAACU,SAAS,IAAI,KAAK;MAClCE,IAAI,EAAEZ,IAAI,CAACY,IAAI,IAAI;IACvB,CAAC,CAAC;EACN;EAEA,OAAOE,gBAAgBA,CAACV,KAAa,EAAE;IACnC,OAAO,IAAIN,aAAa,CAAC;MACrBI,KAAK,EAAEE,KAAK;MACZA,KAAK,EAAEA,KAAK;MACZE,QAAQ,EAAE,KAAK;MACfE,QAAQ,EAAE,KAAK;MACfE,SAAS,EAAE,KAAK;MAChBE,IAAI,EAAE;IACV,CAAC,CAAC;EACN;EAEA,IAAIV,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIC,QAAQA,CAACE,QAAiB,EAAE;IAC5B,IAAI,CAACH,SAAS,GAAGG,QAAQ;EAC7B;EAEA,IAAIA,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIC,QAAQA,CAACA,QAAiB,EAAE;IAC5B,IAAI,CAACD,SAAS,GAAGC,QAAQ;EAC7B;EAEA,IAAIE,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACD,UAAU;EAC1B;EAEA,IAAIG,IAAIA,CAAA,EAAG;IACP,OAAO,IAAI,CAACD,KAAK;EACrB;AACJ","ignoreList":[]}
+{"version":3,"file":"Command/domain/CommandOption.js","sources":["../../../src/Command/domain/CommandOption.ts"],"sourcesContent":["import type { CommandOptionDto } from \"./CommandOptionDto.js\";\n\nexport class CommandOption {\n    private readonly _label: string;\n    private readonly _value: string;\n    private _disabled: boolean;\n    private readonly _separator: boolean;\n    private readonly _item: any | null;\n    private _selected: boolean;\n\n    protected constructor(data: {\n        label: string;\n        value: string;\n        disabled: boolean;\n        selected: boolean;\n        separator: boolean;\n        item: any | null;\n    }) {\n        this._label = data.label;\n        this._value = data.value;\n        this._disabled = data.disabled;\n        this._selected = data.selected;\n        this._separator = data.separator;\n        this._item = data.item;\n    }\n\n    static create(data: CommandOptionDto) {\n        return new CommandOption({\n            label: data.label,\n            value: data.value,\n            disabled: data.disabled ?? false,\n            selected: false,\n            separator: data.separator ?? false,\n            item: data.item ?? null\n        });\n    }\n\n    static createFromString(value: string) {\n        return new CommandOption({\n            label: value,\n            value: value,\n            disabled: false,\n            selected: false,\n            separator: false,\n            item: null\n        });\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    set disabled(selected: boolean) {\n        this._disabled = selected;\n    }\n\n    get selected() {\n        return this._selected;\n    }\n\n    set selected(selected: boolean) {\n        this._selected = selected;\n    }\n\n    get separator() {\n        return this._separator;\n    }\n\n    get item() {\n        return this._item;\n    }\n}\n"],"names":["CommandOption","data","value","selected"],"mappings":"AAEO,MAAMA;IAQT,YAAsBC,IAOrB,CAAE;QACC,IAAI,CAAC,MAAM,GAAGA,KAAK,KAAK;QACxB,IAAI,CAAC,MAAM,GAAGA,KAAK,KAAK;QACxB,IAAI,CAAC,SAAS,GAAGA,KAAK,QAAQ;QAC9B,IAAI,CAAC,SAAS,GAAGA,KAAK,QAAQ;QAC9B,IAAI,CAAC,UAAU,GAAGA,KAAK,SAAS;QAChC,IAAI,CAAC,KAAK,GAAGA,KAAK,IAAI;IAC1B;IAEA,OAAO,OAAOA,IAAsB,EAAE;QAClC,OAAO,IAAID,cAAc;YACrB,OAAOC,KAAK,KAAK;YACjB,OAAOA,KAAK,KAAK;YACjB,UAAUA,KAAK,QAAQ,IAAI;YAC3B,UAAU;YACV,WAAWA,KAAK,SAAS,IAAI;YAC7B,MAAMA,KAAK,IAAI,IAAI;QACvB;IACJ;IAEA,OAAO,iBAAiBC,KAAa,EAAE;QACnC,OAAO,IAAIF,cAAc;YACrB,OAAOE;YACP,OAAOA;YACP,UAAU;YACV,UAAU;YACV,WAAW;YACX,MAAM;QACV;IACJ;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,IAAI,SAASC,QAAiB,EAAE;QAC5B,IAAI,CAAC,SAAS,GAAGA;IACrB;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,IAAI,SAASA,QAAiB,EAAE;QAC5B,IAAI,CAAC,SAAS,GAAGA;IACrB;IAEA,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,UAAU;IAC1B;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,KAAK;IACrB;AACJ"}

package/Command/domain/CommandOptionDto.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=CommandOptionDto.js.map

package/Command/domain/CommandOptionFormatted.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=CommandOptionFormatted.js.map

package/Command/domain/CommandOptionFormatter.js

@@ -1,14 +1,15 @@
-export class CommandOptionFormatter {
-  static format(option) {
-    return {
-      label: option.label,
-      value: option.value,
-      disabled: option.disabled,
-      selected: option.selected,
-      separator: option.separator,
-      item: option.item
-    };
-  }
+class CommandOptionFormatter {
+    static format(option) {
+        return {
+            label: option.label,
+            value: option.value,
+            disabled: option.disabled,
+            selected: option.selected,
+            separator: option.separator,
+            item: option.item
+        };
+    }
 }
+export { CommandOptionFormatter };
 
 //# sourceMappingURL=CommandOptionFormatter.js.map

package/Command/domain/CommandOptionFormatter.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommandOptionFormatter","format","option","label","value","disabled","selected","separator","item"],"sources":["CommandOptionFormatter.ts"],"sourcesContent":["import type { CommandOption } from \"./CommandOption.js\";\nimport type { CommandOptionFormatted } from \"./CommandOptionFormatted.js\";\n\nexport class CommandOptionFormatter {\n    static format(option: CommandOption): CommandOptionFormatted {\n        return {\n            label: option.label,\n            value: option.value,\n            disabled: option.disabled,\n            selected: option.selected,\n            separator: option.separator,\n            item: option.item\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,sBAAsB,CAAC;EAChC,OAAOC,MAAMA,CAACC,MAAqB,EAA0B;IACzD,OAAO;MACHC,KAAK,EAAED,MAAM,CAACC,KAAK;MACnBC,KAAK,EAAEF,MAAM,CAACE,KAAK;MACnBC,QAAQ,EAAEH,MAAM,CAACG,QAAQ;MACzBC,QAAQ,EAAEJ,MAAM,CAACI,QAAQ;MACzBC,SAAS,EAAEL,MAAM,CAACK,SAAS;MAC3BC,IAAI,EAAEN,MAAM,CAACM;IACjB,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"file":"Command/domain/CommandOptionFormatter.js","sources":["../../../src/Command/domain/CommandOptionFormatter.ts"],"sourcesContent":["import type { CommandOption } from \"./CommandOption.js\";\nimport type { CommandOptionFormatted } from \"./CommandOptionFormatted.js\";\n\nexport class CommandOptionFormatter {\n    static format(option: CommandOption): CommandOptionFormatted {\n        return {\n            label: option.label,\n            value: option.value,\n            disabled: option.disabled,\n            selected: option.selected,\n            separator: option.separator,\n            item: option.item\n        };\n    }\n}\n"],"names":["CommandOptionFormatter","option"],"mappings":"AAGO,MAAMA;IACT,OAAO,OAAOC,MAAqB,EAA0B;QACzD,OAAO;YACH,OAAOA,OAAO,KAAK;YACnB,OAAOA,OAAO,KAAK;YACnB,UAAUA,OAAO,QAAQ;YACzB,UAAUA,OAAO,QAAQ;YACzB,WAAWA,OAAO,SAAS;YAC3B,MAAMA,OAAO,IAAI;QACrB;IACJ;AACJ"}

package/Command/domain/index.js

@@ -1,4 +1,2 @@
 export * from "./CommandOption.js";
 export * from "./CommandOptionFormatter.js";
-
-//# sourceMappingURL=index.js.map

package/Command/index.js

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

package/DataList/DataList.js

@@ -1,77 +1,78 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import isEmpty from "lodash/isEmpty.js";
 import { Heading } from "../Heading/index.js";
 import { Filters, Loader, MultiSelectActions, MultiSelectAll, NoData, Pagination, RefreshButton, Sorters } from "./components/index.js";
 import { DataListModal } from "./DataListModal.js";
 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
-  }
+    children: null,
+    title: null,
+    data: null,
+    meta: null,
+    loading: false,
+    refresh: ()=>{},
+    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: "pt-md pb-sm pl-lg pr-md"
-  }, (props.title || props.actions) && /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between items-center mb-xl"
-  }, /*#__PURE__*/React.createElement(Heading, {
-    className: "text-neutral-primary",
-    level: 4
-  }, props.title)), Object.keys(showOptions).length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-space-between gap-sm"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex-1"
-  }, props.search ? /*#__PURE__*/React.cloneElement(props.search, props) : null), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-space-between 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: "relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content"
-  }, props.subHeader, render));
+const DataList = (propsInput)=>{
+    let render;
+    const props = useMemo(()=>({
+            ...defaultDataListProps,
+            ...propsInput
+        }), [
+        propsInput
+    ]);
+    if (props.loading) render = props.loader;
+    else if (isEmpty(props.data)) render = props.noData;
+    else {
+        const ch = props.children;
+        render = "function" == typeof ch ? ch(props) : null;
+    }
+    const showOptions = props.showOptions || {};
+    return /*#__PURE__*/ react.createElement("div", {
+        "data-testid": "ui.list.data-list"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "pt-md pb-sm pl-lg pr-md"
+    }, (props.title || props.actions) && /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-between items-center mb-xl"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        className: "text-neutral-primary",
+        level: 4
+    }, props.title)), Object.keys(showOptions).length > 0 && /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-space-between gap-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1"
+    }, props.search ? /*#__PURE__*/ react.cloneElement(props.search, props) : null), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-space-between 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: "relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content"
+    }, props.subHeader, render));
 };
+export { DataList };
 
 //# sourceMappingURL=DataList.js.map

package/DataList/DataList.js.map

@@ -1 +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.js\";\nimport { Heading } from \"~/Heading/index.js\";\nimport {\n    Filters,\n    Loader,\n    MultiSelectActions,\n    MultiSelectAll,\n    NoData,\n    Pagination,\n    RefreshButton,\n    Sorters\n} from \"~/DataList/components/index.js\";\nimport { DataListModal } from \"~/DataList/DataListModal.js\";\nimport type { DataListProps } from \"~/DataList/types.js\";\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={\"pt-md pb-sm pl-lg pr-md\"}>\n                {(props.title || props.actions) && (\n                    <div className={\"flex justify-between items-center mb-xl\"}>\n                        <Heading className={\"text-neutral-primary\"} level={4}>\n                            {props.title}\n                        </Heading>\n                    </div>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <div className={\"flex items-center justify-space-between gap-sm\"}>\n                        <div className={\"flex-1\"}>\n                            {props.search ? React.cloneElement(props.search, props) : null}\n                        </div>\n                        <div className={\"flex items-center justify-space-between gap-xs\"}>\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                    \"relative overflow-auto border-t-sm 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":[]}
+{"version":3,"file":"DataList/DataList.js","sources":["../../src/DataList/DataList.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport isEmpty from \"lodash/isEmpty.js\";\nimport { Heading } from \"~/Heading/index.js\";\nimport {\n    Filters,\n    Loader,\n    MultiSelectActions,\n    MultiSelectAll,\n    NoData,\n    Pagination,\n    RefreshButton,\n    Sorters\n} from \"~/DataList/components/index.js\";\nimport { DataListModal } from \"~/DataList/DataListModal.js\";\nimport type { DataListProps } from \"~/DataList/types.js\";\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={\"pt-md pb-sm pl-lg pr-md\"}>\n                {(props.title || props.actions) && (\n                    <div className={\"flex justify-between items-center mb-xl\"}>\n                        <Heading className={\"text-neutral-primary\"} level={4}>\n                            {props.title}\n                        </Heading>\n                    </div>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <div className={\"flex items-center justify-space-between gap-sm\"}>\n                        <div className={\"flex-1\"}>\n                            {props.search ? React.cloneElement(props.search, props) : null}\n                        </div>\n                        <div className={\"flex items-center justify-space-between gap-xs\"}>\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                    \"relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content\"\n                }\n            >\n                {props.subHeader}\n                {render}\n            </div>\n        </div>\n    );\n};\n"],"names":["defaultDataListProps","Loader","NoData","DataList","propsInput","render","props","useMemo","isEmpty","ch","showOptions","Heading","Object","React","MultiSelectAll","MultiSelectActions","RefreshButton","Pagination","Sorters","Filters","DataListModal"],"mappings":";;;;;AAgBA,MAAMA,uBAAuB;IACzB,UAAU;IACV,OAAO;IACP,MAAM;IACN,MAAM;IACN,SAAS;IACT,SAAS,KAET;IACA,SAAS;IACT,YAAY;IACZ,gBAAgB;QAAC;QAAI;QAAI;KAAG;IAC5B,SAAS;IACT,SAAS;IACT,YAAY;IACZ,SAAS;IACT,gBAAgB,KAAO;IACvB,oBAAoB,IAAM;IAC1B,qBAAqB,IAAM;IAC3B,QAAQ,WAAR,GAAQ,oBAACC,QAAMA;IACf,QAAQ,WAAR,GAAQ,oBAACC,QAAMA;IACf,aAAa;QACT,SAAS;QACT,YAAY;QACZ,SAAS;QACT,SAAS;IACb;AACJ;AAEO,MAAMC,WAAW,CAASC;IAC7B,IAAIC;IAEJ,MAAMC,QAAQC,QAAQ,IACX;YACH,GAAGP,oBAAoB;YACvB,GAAGI,UAAU;QACjB,IACD;QAACA;KAAW;IAEf,IAAIE,MAAM,OAAO,EACbD,SAASC,MAAM,MAAM;SAClB,IAAIE,QAAQF,MAAM,IAAI,GACzBD,SAASC,MAAM,MAAM;SAClB;QACH,MAAMG,KAAKH,MAAM,QAAQ;QACzBD,SAAS,AAAc,cAAd,OAAOI,KAAoBA,GAAGH,SAAS;IACpD;IAEA,MAAMI,cAAcJ,MAAM,WAAW,IAAI,CAAC;IAE1C,OAAO,WAAP,GACI,oBAAC;QAAI,eAAa;qBACd,oBAAC;QAAI,WAAW;OACVA,AAAAA,CAAAA,MAAM,KAAK,IAAIA,MAAM,OAAM,mBACzB,oBAAC;QAAI,WAAW;qBACZ,oBAACK,SAAOA;QAAC,WAAW;QAAwB,OAAO;OAC9CL,MAAM,KAAK,IAKvBM,OAAO,IAAI,CAACF,aAAa,MAAM,GAAG,KAAK,WAAL,GAC/B,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;OACXJ,MAAM,MAAM,GAAG,WAAH,GAAGO,MAAAA,YAAkB,CAACP,MAAM,MAAM,EAAEA,SAAS,qBAE9D,oBAAC;QAAI,WAAW;qBACZ,oBAACQ,gBAAmBR,QAAAA,WAAAA,GACpB,oBAACS,oBAAuBT,QACvBI,YAAY,OAAO,IAAI,WAAJ,GAAI,oBAACM,eAAkBV,QAC1CI,YAAY,UAAU,IAAI,WAAJ,GAAI,oBAACO,YAAeX,QAC1CI,YAAY,OAAO,IAAI,WAAJ,GAAI,oBAACQ,SAAYZ,QACpCI,YAAY,OAAO,IAAI,WAAJ,GAAI,oBAACS,SAAYb,QACpCA,MAAM,kBAAkB,IAAIA,MAAM,YAAY,IAAI,WAAJ,GAC3C,oBAACc,eAAaA;QACV,SAASd,MAAM,kBAAkB;QACjC,SAASA,MAAM,YAAY;QAGlCA,MAAM,OAAO,mBAM9B,oBAAC;QACG,OAAO;YAAE,WAAW;QAAsB;QAC1C,WACI;OAGHA,MAAM,SAAS,EACfD;AAIjB"}