@webiny/admin-ui 6.3.0-beta.4 → 6.4.0-beta.0

package/DataList/DataListModal.js

@@ -1,50 +1,39 @@
-import React, { useState } from "react";
-import { ReactComponent as Sort } from "@webiny/icons/sort.svg";
+import react, { useState } from "react";
+import { ReactComponent } from "@webiny/icons/sort.svg";
 import { PopoverPrimitive } from "../Popover/index.js";
 import { withStaticProps } from "../utils.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { IconButton } from "../Button/index.js";
-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: "bg-neutral-base p-md"
-  }, props.content)));
+const DataListModalContent = ({ children })=>/*#__PURE__*/ react.createElement("div", {
+        "data-testid": "data-list-modal-wrapper"
+    }, children);
+const DataListModalTrigger = ({ icon = /*#__PURE__*/ react.createElement(ReactComponent, null), ...props })=>/*#__PURE__*/ react.createElement(IconButton, {
+        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: "bg-neutral-base p-md"
+    }, props.content)));
 };
 const DataListModal = withStaticProps(BaseDataListModal, {
-  Trigger: DataListModalTrigger,
-  Content: DataListModalContent
+    Trigger: DataListModalTrigger,
+    Content: DataListModalContent
 });
 export { DataListModal };
 

package/DataList/DataListModal.js.map

@@ -1 +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/index.js\";\nimport { withStaticProps } from \"~/utils.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\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={\"bg-neutral-base 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;EAAuB,GAAElB,KAAK,CAACQ,OAAa,CACtC,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":[]}
+{"version":3,"file":"DataList/DataListModal.js","sources":["../../src/DataList/DataListModal.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ReactComponent as Sort } from \"@webiny/icons/sort.svg\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport { withStaticProps } from \"~/utils.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\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={\"bg-neutral-base 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"],"names":["DataListModalContent","children","DataListModalTrigger","icon","Sort","props","IconButton","BaseDataListModal","open","setOpen","useState","PopoverPrimitive","Tooltip","e","DataListModal","withStaticProps"],"mappings":";;;;;;AAWA,MAAMA,uBAAuB,CAAC,EAAEC,QAAQ,EAA6B,GAC1D,WAAP,GAAO,oBAAC;QAAI,eAAa;OAA4BA;AAQzD,MAAMC,uBAAuB,CAAC,EAAEC,OAAO,WAAPA,GAAO,oBAACC,gBAAIA,KAAG,EAAE,GAAGC,OAAkC,GAC3E,WAAP,GAAO,oBAACC,YAAUA;QAAC,MAAMH;QAAM,SAAS;QAAU,GAAGE,KAAK;QAAE,MAAM;;AAQtE,MAAME,oBAAoB,CAACF;IACvB,MAAM,CAACG,MAAMC,QAAQ,GAAGC,SAAkB;IAE1C,IAAI,CAACL,MAAM,OAAO,IAAI,CAACA,MAAM,OAAO,EAChC,OAAO;IAGX,OAAO,WAAP,GACI,oBAACM,kBAAgBA;QAAC,MAAMH;QAAM,cAAcA,CAAAA,OAAQC,QAAQD;qBACxD,oBAACI,SAAOA;QACJ,uBACI,oBAACD,iBAAiB,OAAO;YAAC;yBACtB,oBAAC,cAAMN,MAAM,OAAO;QAG5B,SAAS;sBAEb,oBAACM,iBAAiB,OAAO;QAAC,iBAAiBE,CAAAA,IAAKA,EAAE,cAAc;QAAI,OAAO;qBACvE,oBAAC;QAAI,WAAW;OAAyBR,MAAM,OAAO;AAItE;AAEA,MAAMS,gBAAgBC,gBAAgBR,mBAAmB;IACrD,SAASL;IACT,SAASF;AACb"}

package/DataList/DataListWithSections.js

@@ -1,80 +1,81 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import isEmpty from "lodash/isEmpty.js";
 import { Loader } from "../Loader/index.js";
 import { Filters, MultiSelectActions, MultiSelectAll, NoData, Pagination, RefreshButton, Sorters } from "./components/index.js";
 import { DataListModal } from "./DataListModal.js";
 import { Heading } from "../Heading/index.js";
 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
-  }
+    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 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: "pt-md-extra pb-md px-md border"
-  }, (props.title || props.actions) && /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between items-center"
-  }, /*#__PURE__*/React.createElement(Heading, {
-    className: "text-accent-primary",
-    level: 4
-  }, props.title), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-end gap-xs"
-  }, props.actions)), 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), 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: "relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content"
-  }, props.subHeader, render));
+const DataListWithSections = (propsInput)=>{
+    let render;
+    const props = useMemo(()=>({
+            ...dataListWithSectionsDefaultProps,
+            ...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-extra pb-md px-md border"
+    }, (props.title || props.actions) && /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-between items-center"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        className: "text-accent-primary",
+        level: 4
+    }, props.title), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-end gap-xs"
+    }, props.actions)), 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), 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: "relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content"
+    }, props.subHeader, render));
 };
+export { DataListWithSections };
 
 //# sourceMappingURL=DataListWithSections.js.map

package/DataList/DataListWithSections.js.map

@@ -1 +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.js\";\nimport { Loader } from \"~/Loader/index.js\";\nimport {\n    Filters,\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\";\nimport { Heading } from \"~/Heading/index.js\";\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={\"pt-md-extra pb-md px-md border\"}>\n                {(props.title || props.actions) && (\n                    <div className={\"flex justify-between items-center\"}>\n                        <Heading className={\"text-accent-primary\"} level={4}>\n                            {props.title}\n                        </Heading>\n                        <div className={\"flex items-center justify-end gap-xs\"}>\n                            {props.actions}\n                        </div>\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                            {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                    \"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/DataListWithSections.js","sources":["../../src/DataList/DataListWithSections.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport isEmpty from \"lodash/isEmpty.js\";\nimport { Loader } from \"~/Loader/index.js\";\nimport {\n    Filters,\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\";\nimport { Heading } from \"~/Heading/index.js\";\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={\"pt-md-extra pb-md px-md border\"}>\n                {(props.title || props.actions) && (\n                    <div className={\"flex justify-between items-center\"}>\n                        <Heading className={\"text-accent-primary\"} level={4}>\n                            {props.title}\n                        </Heading>\n                        <div className={\"flex items-center justify-end gap-xs\"}>\n                            {props.actions}\n                        </div>\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                            {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                    \"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":["dataListWithSectionsDefaultProps","Loader","NoData","DataListWithSections","propsInput","render","props","useMemo","isEmpty","ch","showOptions","Heading","Object","React","MultiSelectAll","RefreshButton","Pagination","Sorters","Filters","DataListModal","MultiSelectActions"],"mappings":";;;;;;AAgBA,MAAMA,mCAAmC;IACrC,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,uBAAuB,CAASC;IACzC,IAAIC;IAEJ,MAAMC,QAAQC,QAAQ,IACX;YACH,GAAGP,gCAAgC;YACnC,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;QAAuB,OAAO;OAC7CL,MAAM,KAAK,iBAEhB,oBAAC;QAAI,WAAW;OACXA,MAAM,OAAO,IAKzBM,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,QACnBI,YAAY,OAAO,IAAI,WAAJ,GAAI,oBAACK,eAAkBT,QAC1CI,YAAY,UAAU,IAAI,WAAJ,GAAI,oBAACM,YAAeV,QAC1CI,YAAY,OAAO,IAAI,WAAJ,GAAI,oBAACO,SAAYX,QACpCI,YAAY,OAAO,IAAI,WAAJ,GAAI,oBAACQ,SAAYZ,QACpCA,MAAM,kBAAkB,IAAIA,MAAM,YAAY,IAAI,WAAJ,GAC3C,oBAACa,eAAaA;QACV,SAASb,MAAM,kBAAkB;QACjC,SAASA,MAAM,YAAY;sBAGnC,oBAACc,oBAAuBd,WAAAA,WAAAA,GAMxC,oBAAC;QACG,OAAO;YAAE,WAAW;QAAsB;QAC1C,WACI;OAGHA,MAAM,SAAS,EACfD;AAIjB"}

package/DataList/components/Filters.js

@@ -1,16 +1,14 @@
-import React from "react";
+import react from "react";
 import { DropdownMenu } from "../../DropdownMenu/index.js";
 import { FilterIcon } from "../DataListIcons.js";
-const Filters = props => {
-  const filters = props.filters;
-  if (!filters) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(DropdownMenu, {
-    trigger: /*#__PURE__*/React.createElement(FilterIcon, {
-      size: "sm"
-    })
-  }, filters);
+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 };
 

package/DataList/components/Filters.js.map

@@ -1 +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/index.js\";\nimport { FilterIcon } from \"../DataListIcons.js\";\nimport type { DataListProps } from \"../types.js\";\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":[]}
+{"version":3,"file":"DataList/components/Filters.js","sources":["../../../src/DataList/components/Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu } from \"~/DropdownMenu/index.js\";\nimport { FilterIcon } from \"../DataListIcons.js\";\nimport type { DataListProps } from \"../types.js\";\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"],"names":["Filters","props","filters","DropdownMenu","FilterIcon"],"mappings":";;;AAKA,MAAMA,UAAU,CAACC;IACb,MAAMC,UAAUD,MAAM,OAAO;IAC7B,IAAI,CAACC,SACD,OAAO;IAGX,OAAO,WAAP,GAAO,oBAACC,cAAYA;QAAC,uBAAS,oBAACC,YAAUA;YAAC,MAAM;;OAAWF;AAC/D"}

package/DataList/components/Loader.js

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

package/DataList/components/Loader.js.map

@@ -1 +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 type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { Skeleton } from \"~/Skeleton/index.js\";\nimport { cn } from \"~/utils.js\";\n\nconst Loader = (): ReactElement => {\n    const lines = Array.from(Array(5).keys());\n\n    return (\n        <ul className={\"list-none p-lg\"} data-testid={\"default-data-list.loading\"}>\n            {lines.map(line => (\n                <li\n                    key={\"list-\" + line}\n                    className={cn([\"group\", line === lines.length - 1 ? \"last-item\" : \"\"])}\n                >\n                    <div className=\"flex w-full items-center justify-start gap-lg mb-md group-[.last-item]:mb-none\">\n                        <Skeleton type={\"thumbnail\"} size={\"xxl\"} />\n                        <div className={\"flex-1 h-10 flex flex-col justify-between\"}>\n                            <Skeleton type={\"text\"} size={\"md\"} />\n                            <Skeleton type={\"text\"} size={\"md\"} />\n                        </div>\n                        <div className={\"justify-self-end\"}>\n                            <div className={\"text-right flex justify-end 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":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,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,gBAAiB;IAAC,eAAa;EAA4B,GACrEL,KAAK,CAACM,GAAG,CAACC,IAAI,iBACXX,KAAA,CAAAQ,aAAA;IACII,GAAG,EAAE,OAAO,GAAGD,IAAK;IACpBF,SAAS,EAAEP,EAAE,CAAC,CAAC,OAAO,EAAES,IAAI,KAAKP,KAAK,CAACS,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG,EAAE,CAAC;EAAE,gBAEvEb,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAgF,gBAC3FT,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IAACa,IAAI,EAAE,WAAY;IAACC,IAAI,EAAE;EAAM,CAAE,CAAC,eAC5Cf,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAA4C,gBACxDT,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;EAAmB,gBAC/BT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAqC,gBACjDT,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":[]}
+{"version":3,"file":"DataList/components/Loader.js","sources":["../../../src/DataList/components/Loader.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { Skeleton } from \"~/Skeleton/index.js\";\nimport { cn } from \"~/utils.js\";\n\nconst Loader = (): ReactElement => {\n    const lines = Array.from(Array(5).keys());\n\n    return (\n        <ul className={\"list-none p-lg\"} data-testid={\"default-data-list.loading\"}>\n            {lines.map(line => (\n                <li\n                    key={\"list-\" + line}\n                    className={cn([\"group\", line === lines.length - 1 ? \"last-item\" : \"\"])}\n                >\n                    <div className=\"flex w-full items-center justify-start gap-lg mb-md group-[.last-item]:mb-none\">\n                        <Skeleton type={\"thumbnail\"} size={\"xxl\"} />\n                        <div className={\"flex-1 h-10 flex flex-col justify-between\"}>\n                            <Skeleton type={\"text\"} size={\"md\"} />\n                            <Skeleton type={\"text\"} size={\"md\"} />\n                        </div>\n                        <div className={\"justify-self-end\"}>\n                            <div className={\"text-right flex justify-end 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"],"names":["Loader","lines","Array","line","cn","Skeleton"],"mappings":";;;AAKA,MAAMA,SAAS;IACX,MAAMC,QAAQC,MAAM,IAAI,CAACA,MAAM,GAAG,IAAI;IAEtC,OAAO,WAAP,GACI,oBAAC;QAAG,WAAW;QAAkB,eAAa;OACzCD,MAAM,GAAG,CAACE,CAAAA,OAAAA,WAAAA,GACP,oBAAC;YACG,KAAK,UAAUA;YACf,WAAWC,GAAG;gBAAC;gBAASD,SAASF,MAAM,MAAM,GAAG,IAAI,cAAc;aAAG;yBAErE,oBAAC;YAAI,WAAU;yBACX,oBAACI,UAAQA;YAAC,MAAM;YAAa,MAAM;0BACnC,oBAAC;YAAI,WAAW;yBACZ,oBAACA,UAAQA;YAAC,MAAM;YAAQ,MAAM;0BAC9B,oBAACA,UAAQA;YAAC,MAAM;YAAQ,MAAM;2BAElC,oBAAC;YAAI,WAAW;yBACZ,oBAAC;YAAI,WAAW;yBACZ,oBAACA,UAAQA;YAAC,MAAM;YAAa,MAAM;0BACnC,oBAACA,UAAQA;YAAC,MAAM;YAAa,MAAM;;AAQnE"}

package/DataList/components/MultiSelectActions.js

@@ -1,15 +1,7 @@
-/**
- * TODO Fix with React 19.
- */
-const MultiSelectActions = props => {
-  const {
-    multiSelectActions
-  } = props;
-  if (!multiSelectActions) {
-    return null;
-  }
-  // @ts-expect-error
-  return multiSelectActions;
+const MultiSelectActions = (props)=>{
+    const { multiSelectActions } = props;
+    if (!multiSelectActions) return null;
+    return multiSelectActions;
 };
 export { MultiSelectActions };
 

package/DataList/components/MultiSelectActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["MultiSelectActions","props","multiSelectActions"],"sources":["MultiSelectActions.tsx"],"sourcesContent":["import type { DataListProps } from \"../types.js\";\nimport type { ReactElement } from \"react\";\n\n/**\n * TODO Fix with React 19.\n */\nconst MultiSelectActions = (props: DataListProps): ReactElement | null => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n    // @ts-expect-error\n    return multiSelectActions;\n};\n\nexport { MultiSelectActions };\n"],"mappings":"AAGA;AACA;AACA;AACA,MAAMA,kBAAkB,GAAIC,KAAoB,IAA0B;EACtE,MAAM;IAAEC;EAAmB,CAAC,GAAGD,KAAK;EACpC,IAAI,CAACC,kBAAkB,EAAE;IACrB,OAAO,IAAI;EACf;EACA;EACA,OAAOA,kBAAkB;AAC7B,CAAC;AAED,SAASF,kBAAkB","ignoreList":[]}
+{"version":3,"file":"DataList/components/MultiSelectActions.js","sources":["../../../src/DataList/components/MultiSelectActions.tsx"],"sourcesContent":["import type { DataListProps } from \"../types.js\";\nimport type { ReactElement } from \"react\";\n\n/**\n * TODO Fix with React 19.\n */\nconst MultiSelectActions = (props: DataListProps): ReactElement | null => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n    // @ts-expect-error\n    return multiSelectActions;\n};\n\nexport { MultiSelectActions };\n"],"names":["MultiSelectActions","props","multiSelectActions"],"mappings":"AAMA,MAAMA,qBAAqB,CAACC;IACxB,MAAM,EAAEC,kBAAkB,EAAE,GAAGD;IAC/B,IAAI,CAACC,oBACD,OAAO;IAGX,OAAOA;AACX"}

package/DataList/components/MultiSelectAll.js

@@ -1,30 +1,18 @@
-import React from "react";
+import react from "react";
 import { CheckboxPrimitive } from "../../Checkbox/index.js";
-const MultiSelectAll = props => {
-  const {
-    multiSelectActions
-  } = props;
-  if (!multiSelectActions) {
-    return null;
-  }
-  /**
-   * We can safely cast because we have defaults.
-   */
-  const {
-    isAllMultiSelected,
-    isNoneMultiSelected,
-    multiSelectAll,
-    data
-  } = props;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, typeof multiSelectAll === "function" && /*#__PURE__*/React.createElement("div", {
-    className: "size-lg flex items-center justify-center"
-  }, /*#__PURE__*/React.createElement(CheckboxPrimitive, {
-    indeterminate: !isAllMultiSelected(data) && !isNoneMultiSelected(data),
-    checked: isAllMultiSelected(data),
-    onChange: () => {
-      multiSelectAll(!isAllMultiSelected(data), data);
-    }
-  })));
+const MultiSelectAll = (props)=>{
+    const { multiSelectActions } = props;
+    if (!multiSelectActions) return null;
+    const { isAllMultiSelected, isNoneMultiSelected, multiSelectAll, data } = props;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, "function" == typeof multiSelectAll && /*#__PURE__*/ react.createElement("div", {
+        className: "size-lg flex items-center justify-center"
+    }, /*#__PURE__*/ react.createElement(CheckboxPrimitive, {
+        indeterminate: !isAllMultiSelected(data) && !isNoneMultiSelected(data),
+        checked: isAllMultiSelected(data),
+        onChange: ()=>{
+            multiSelectAll(!isAllMultiSelected(data), data);
+        }
+    })));
 };
 export { MultiSelectAll };
 

package/DataList/components/MultiSelectAll.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CheckboxPrimitive","MultiSelectAll","props","multiSelectActions","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","createElement","Fragment","className","indeterminate","checked","onChange"],"sources":["MultiSelectAll.tsx"],"sourcesContent":["import React from \"react\";\nimport { CheckboxPrimitive } from \"~/Checkbox/index.js\";\nimport type { DataListProps } from \"../types.js\";\n\nconst MultiSelectAll = (props: DataListProps) => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n    /**\n     * We can safely cast because we have defaults.\n     */\n    const { isAllMultiSelected, isNoneMultiSelected, multiSelectAll, data } =\n        props as Required<DataListProps>;\n\n    return (\n        <>\n            {typeof multiSelectAll === \"function\" && (\n                <div className={\"size-lg flex items-center justify-center\"}>\n                    <CheckboxPrimitive\n                        indeterminate={!isAllMultiSelected(data) && !isNoneMultiSelected(data)}\n                        checked={isAllMultiSelected(data)}\n                        onChange={() => {\n                            multiSelectAll(!isAllMultiSelected(data), data);\n                        }}\n                    />\n                </div>\n            )}\n        </>\n    );\n};\n\nexport { MultiSelectAll };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB;AAG1B,MAAMC,cAAc,GAAIC,KAAoB,IAAK;EAC7C,MAAM;IAAEC;EAAmB,CAAC,GAAGD,KAAK;EACpC,IAAI,CAACC,kBAAkB,EAAE;IACrB,OAAO,IAAI;EACf;EACA;AACJ;AACA;EACI,MAAM;IAAEC,kBAAkB;IAAEC,mBAAmB;IAAEC,cAAc;IAAEC;EAAK,CAAC,GACnEL,KAAgC;EAEpC,oBACIH,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,QACK,OAAOH,cAAc,KAAK,UAAU,iBACjCP,KAAA,CAAAS,aAAA;IAAKE,SAAS,EAAE;EAA2C,gBACvDX,KAAA,CAAAS,aAAA,CAACR,iBAAiB;IACdW,aAAa,EAAE,CAACP,kBAAkB,CAACG,IAAI,CAAC,IAAI,CAACF,mBAAmB,CAACE,IAAI,CAAE;IACvEK,OAAO,EAAER,kBAAkB,CAACG,IAAI,CAAE;IAClCM,QAAQ,EAAEA,CAAA,KAAM;MACZP,cAAc,CAAC,CAACF,kBAAkB,CAACG,IAAI,CAAC,EAAEA,IAAI,CAAC;IACnD;EAAE,CACL,CACA,CAEX,CAAC;AAEX,CAAC;AAED,SAASN,cAAc","ignoreList":[]}
+{"version":3,"file":"DataList/components/MultiSelectAll.js","sources":["../../../src/DataList/components/MultiSelectAll.tsx"],"sourcesContent":["import React from \"react\";\nimport { CheckboxPrimitive } from \"~/Checkbox/index.js\";\nimport type { DataListProps } from \"../types.js\";\n\nconst MultiSelectAll = (props: DataListProps) => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n    /**\n     * We can safely cast because we have defaults.\n     */\n    const { isAllMultiSelected, isNoneMultiSelected, multiSelectAll, data } =\n        props as Required<DataListProps>;\n\n    return (\n        <>\n            {typeof multiSelectAll === \"function\" && (\n                <div className={\"size-lg flex items-center justify-center\"}>\n                    <CheckboxPrimitive\n                        indeterminate={!isAllMultiSelected(data) && !isNoneMultiSelected(data)}\n                        checked={isAllMultiSelected(data)}\n                        onChange={() => {\n                            multiSelectAll(!isAllMultiSelected(data), data);\n                        }}\n                    />\n                </div>\n            )}\n        </>\n    );\n};\n\nexport { MultiSelectAll };\n"],"names":["MultiSelectAll","props","multiSelectActions","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","CheckboxPrimitive"],"mappings":";;AAIA,MAAMA,iBAAiB,CAACC;IACpB,MAAM,EAAEC,kBAAkB,EAAE,GAAGD;IAC/B,IAAI,CAACC,oBACD,OAAO;IAKX,MAAM,EAAEC,kBAAkB,EAAEC,mBAAmB,EAAEC,cAAc,EAAEC,IAAI,EAAE,GACnEL;IAEJ,OAAO,WAAP,GACI,0CACK,AAA0B,cAA1B,OAAOI,kBAAiC,WAAd,GACvB,oBAAC;QAAI,WAAW;qBACZ,oBAACE,mBAAiBA;QACd,eAAe,CAACJ,mBAAmBG,SAAS,CAACF,oBAAoBE;QACjE,SAASH,mBAAmBG;QAC5B,UAAU;YACND,eAAe,CAACF,mBAAmBG,OAAOA;QAC9C;;AAMxB"}

package/DataList/components/NoData.js

@@ -1,8 +1,8 @@
-import React from "react";
+import react from "react";
 import { Text } from "../../Text/index.js";
-const NoData = () => /*#__PURE__*/React.createElement("div", {
-  className: "text-center p-24"
-}, /*#__PURE__*/React.createElement(Text, null, "No records found."));
+const NoData = ()=>/*#__PURE__*/ react.createElement("div", {
+        className: "text-center p-24"
+    }, /*#__PURE__*/ react.createElement(Text, null, "No records found."));
 export { NoData };
 
 //# sourceMappingURL=NoData.js.map

package/DataList/components/NoData.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","NoData","createElement","className"],"sources":["NoData.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"~/Text/index.js\";\n\nconst NoData = () => (\n    <div className={\"text-center p-24\"}>\n        <Text>{\"No records found.\"}</Text>\n    </div>\n);\n\nexport { NoData };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AAEb,MAAMC,MAAM,GAAGA,CAAA,kBACXF,KAAA,CAAAG,aAAA;EAAKC,SAAS,EAAE;AAAmB,gBAC/BJ,KAAA,CAAAG,aAAA,CAACF,IAAI,QAAE,mBAA0B,CAChC,CACR;AAED,SAASC,MAAM","ignoreList":[]}
+{"version":3,"file":"DataList/components/NoData.js","sources":["../../../src/DataList/components/NoData.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"~/Text/index.js\";\n\nconst NoData = () => (\n    <div className={\"text-center p-24\"}>\n        <Text>{\"No records found.\"}</Text>\n    </div>\n);\n\nexport { NoData };\n"],"names":["NoData","Text"],"mappings":";;AAGA,MAAMA,SAAS,kBACX,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA,MAAE"}