@webiny/admin-ui 0.0.0-unstable.6844005670 → 0.0.0-unstable.7be00a75a9

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"}

package/DataList/components/Pagination.js

@@ -1,46 +1,38 @@
-import React from "react";
+import react from "react";
 import { DropdownMenu } from "../../DropdownMenu/index.js";
 import { NextPageIcon, OptionsIcon, PreviousPageIcon } from "../DataListIcons.js";
 import { Tooltip } from "../../Tooltip/index.js";
-const Pagination = props => {
-  const {
-    pagination
-  } = props;
-  if (!pagination) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, pagination.setNextPage && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-    trigger: /*#__PURE__*/React.createElement(PreviousPageIcon, {
-      onClick: () => {
-        if (pagination.setPreviousPage && pagination.hasPreviousPage) {
-          pagination.setPreviousPage();
-        }
-      },
-      size: "sm"
-    }),
-    content: "Previous page"
-  }), /*#__PURE__*/React.createElement(Tooltip, {
-    trigger: /*#__PURE__*/React.createElement(NextPageIcon, {
-      onClick: () => {
-        if (pagination.setNextPage && pagination.hasNextPage) {
-          pagination.setNextPage();
-        }
-      },
-      size: "sm"
-    }),
-    content: "Next page"
-  })), Array.isArray(pagination.perPageOptions) && pagination.setPerPage && /*#__PURE__*/React.createElement(DropdownMenu, {
-    trigger: /*#__PURE__*/React.createElement(Tooltip, {
-      trigger: /*#__PURE__*/React.createElement(OptionsIcon, {
-        size: "sm"
-      }),
-      content: "Navigate to page"
-    })
-  }, pagination.setPerPage && pagination.perPageOptions.map(perPage => /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-    key: perPage,
-    onClick: () => pagination.setPerPage && pagination.setPerPage(perPage),
-    text: perPage
-  }))));
+const Pagination = (props)=>{
+    const { pagination } = props;
+    if (!pagination) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, pagination.setNextPage && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Tooltip, {
+        trigger: /*#__PURE__*/ react.createElement(PreviousPageIcon, {
+            onClick: ()=>{
+                if (pagination.setPreviousPage && pagination.hasPreviousPage) pagination.setPreviousPage();
+            },
+            size: "sm"
+        }),
+        content: "Previous page"
+    }), /*#__PURE__*/ react.createElement(Tooltip, {
+        trigger: /*#__PURE__*/ react.createElement(NextPageIcon, {
+            onClick: ()=>{
+                if (pagination.setNextPage && pagination.hasNextPage) pagination.setNextPage();
+            },
+            size: "sm"
+        }),
+        content: "Next page"
+    })), Array.isArray(pagination.perPageOptions) && pagination.setPerPage && /*#__PURE__*/ react.createElement(DropdownMenu, {
+        trigger: /*#__PURE__*/ react.createElement(Tooltip, {
+            trigger: /*#__PURE__*/ react.createElement(OptionsIcon, {
+                size: "sm"
+            }),
+            content: "Navigate to page"
+        })
+    }, pagination.setPerPage && pagination.perPageOptions.map((perPage)=>/*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            key: perPage,
+            onClick: ()=>pagination.setPerPage && pagination.setPerPage(perPage),
+            text: perPage
+        }))));
 };
 export { Pagination };
 

package/DataList/components/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenu","NextPageIcon","OptionsIcon","PreviousPageIcon","Tooltip","Pagination","props","pagination","createElement","Fragment","setNextPage","trigger","onClick","setPreviousPage","hasPreviousPage","size","content","hasNextPage","Array","isArray","perPageOptions","setPerPage","map","perPage","Item","key","text"],"sources":["Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu } from \"~/DropdownMenu/index.js\";\nimport { NextPageIcon, OptionsIcon, PreviousPageIcon } from \"../DataListIcons.js\";\nimport type { DataListProps } from \"../types.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\n\nconst Pagination = (props: DataListProps) => {\n    const { pagination } = props;\n    if (!pagination) {\n        return null;\n    }\n\n    return (\n        <>\n            {pagination.setNextPage && (\n                <>\n                    <Tooltip\n                        trigger={\n                            <PreviousPageIcon\n                                onClick={() => {\n                                    if (pagination.setPreviousPage && pagination.hasPreviousPage) {\n                                        pagination.setPreviousPage();\n                                    }\n                                }}\n                                size={\"sm\"}\n                            />\n                        }\n                        content={\"Previous page\"}\n                    />\n                    <Tooltip\n                        trigger={\n                            <NextPageIcon\n                                onClick={() => {\n                                    if (pagination.setNextPage && pagination.hasNextPage) {\n                                        pagination.setNextPage();\n                                    }\n                                }}\n                                size={\"sm\"}\n                            />\n                        }\n                        content={\"Next page\"}\n                    />\n                </>\n            )}\n\n            {Array.isArray(pagination.perPageOptions) && pagination.setPerPage && (\n                <DropdownMenu\n                    trigger={\n                        <Tooltip\n                            trigger={<OptionsIcon size={\"sm\"} />}\n                            content={\"Navigate to page\"}\n                        />\n                    }\n                >\n                    {pagination.setPerPage &&\n                        pagination.perPageOptions.map(perPage => (\n                            <DropdownMenu.Item\n                                key={perPage}\n                                onClick={() =>\n                                    pagination.setPerPage && pagination.setPerPage(perPage)\n                                }\n                                text={perPage}\n                            />\n                        ))}\n                </DropdownMenu>\n            )}\n        </>\n    );\n};\n\nexport { Pagination };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AACrB,SAASC,YAAY,EAAEC,WAAW,EAAEC,gBAAgB;AAEpD,SAASC,OAAO;AAEhB,MAAMC,UAAU,GAAIC,KAAoB,IAAK;EACzC,MAAM;IAAEC;EAAW,CAAC,GAAGD,KAAK;EAC5B,IAAI,CAACC,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,oBACIR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,QACKF,UAAU,CAACG,WAAW,iBACnBX,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,qBACIV,KAAA,CAAAS,aAAA,CAACJ,OAAO;IACJO,OAAO,eACHZ,KAAA,CAAAS,aAAA,CAACL,gBAAgB;MACbS,OAAO,EAAEA,CAAA,KAAM;QACX,IAAIL,UAAU,CAACM,eAAe,IAAIN,UAAU,CAACO,eAAe,EAAE;UAC1DP,UAAU,CAACM,eAAe,CAAC,CAAC;QAChC;MACJ,CAAE;MACFE,IAAI,EAAE;IAAK,CACd,CACJ;IACDC,OAAO,EAAE;EAAgB,CAC5B,CAAC,eACFjB,KAAA,CAAAS,aAAA,CAACJ,OAAO;IACJO,OAAO,eACHZ,KAAA,CAAAS,aAAA,CAACP,YAAY;MACTW,OAAO,EAAEA,CAAA,KAAM;QACX,IAAIL,UAAU,CAACG,WAAW,IAAIH,UAAU,CAACU,WAAW,EAAE;UAClDV,UAAU,CAACG,WAAW,CAAC,CAAC;QAC5B;MACJ,CAAE;MACFK,IAAI,EAAE;IAAK,CACd,CACJ;IACDC,OAAO,EAAE;EAAY,CACxB,CACH,CACL,EAEAE,KAAK,CAACC,OAAO,CAACZ,UAAU,CAACa,cAAc,CAAC,IAAIb,UAAU,CAACc,UAAU,iBAC9DtB,KAAA,CAAAS,aAAA,CAACR,YAAY;IACTW,OAAO,eACHZ,KAAA,CAAAS,aAAA,CAACJ,OAAO;MACJO,OAAO,eAAEZ,KAAA,CAAAS,aAAA,CAACN,WAAW;QAACa,IAAI,EAAE;MAAK,CAAE,CAAE;MACrCC,OAAO,EAAE;IAAmB,CAC/B;EACJ,GAEAT,UAAU,CAACc,UAAU,IAClBd,UAAU,CAACa,cAAc,CAACE,GAAG,CAACC,OAAO,iBACjCxB,KAAA,CAAAS,aAAA,CAACR,YAAY,CAACwB,IAAI;IACdC,GAAG,EAAEF,OAAQ;IACbX,OAAO,EAAEA,CAAA,KACLL,UAAU,CAACc,UAAU,IAAId,UAAU,CAACc,UAAU,CAACE,OAAO,CACzD;IACDG,IAAI,EAAEH;EAAQ,CACjB,CACJ,CACK,CAEpB,CAAC;AAEX,CAAC;AAED,SAASlB,UAAU","ignoreList":[]}
+{"version":3,"file":"DataList/components/Pagination.js","sources":["../../../src/DataList/components/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu } from \"~/DropdownMenu/index.js\";\nimport { NextPageIcon, OptionsIcon, PreviousPageIcon } from \"../DataListIcons.js\";\nimport type { DataListProps } from \"../types.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\n\nconst Pagination = (props: DataListProps) => {\n    const { pagination } = props;\n    if (!pagination) {\n        return null;\n    }\n\n    return (\n        <>\n            {pagination.setNextPage && (\n                <>\n                    <Tooltip\n                        trigger={\n                            <PreviousPageIcon\n                                onClick={() => {\n                                    if (pagination.setPreviousPage && pagination.hasPreviousPage) {\n                                        pagination.setPreviousPage();\n                                    }\n                                }}\n                                size={\"sm\"}\n                            />\n                        }\n                        content={\"Previous page\"}\n                    />\n                    <Tooltip\n                        trigger={\n                            <NextPageIcon\n                                onClick={() => {\n                                    if (pagination.setNextPage && pagination.hasNextPage) {\n                                        pagination.setNextPage();\n                                    }\n                                }}\n                                size={\"sm\"}\n                            />\n                        }\n                        content={\"Next page\"}\n                    />\n                </>\n            )}\n\n            {Array.isArray(pagination.perPageOptions) && pagination.setPerPage && (\n                <DropdownMenu\n                    trigger={\n                        <Tooltip\n                            trigger={<OptionsIcon size={\"sm\"} />}\n                            content={\"Navigate to page\"}\n                        />\n                    }\n                >\n                    {pagination.setPerPage &&\n                        pagination.perPageOptions.map(perPage => (\n                            <DropdownMenu.Item\n                                key={perPage}\n                                onClick={() =>\n                                    pagination.setPerPage && pagination.setPerPage(perPage)\n                                }\n                                text={perPage}\n                            />\n                        ))}\n                </DropdownMenu>\n            )}\n        </>\n    );\n};\n\nexport { Pagination };\n"],"names":["Pagination","props","pagination","Tooltip","PreviousPageIcon","NextPageIcon","Array","DropdownMenu","OptionsIcon","perPage"],"mappings":";;;;AAMA,MAAMA,aAAa,CAACC;IAChB,MAAM,EAAEC,UAAU,EAAE,GAAGD;IACvB,IAAI,CAACC,YACD,OAAO;IAGX,OAAO,WAAP,GACI,0CACKA,WAAW,WAAW,IAAI,WAAJ,GACnB,wDACI,oBAACC,SAAOA;QACJ,uBACI,oBAACC,kBAAgBA;YACb,SAAS;gBACL,IAAIF,WAAW,eAAe,IAAIA,WAAW,eAAe,EACxDA,WAAW,eAAe;YAElC;YACA,MAAM;;QAGd,SAAS;sBAEb,oBAACC,SAAOA;QACJ,uBACI,oBAACE,cAAYA;YACT,SAAS;gBACL,IAAIH,WAAW,WAAW,IAAIA,WAAW,WAAW,EAChDA,WAAW,WAAW;YAE9B;YACA,MAAM;;QAGd,SAAS;SAKpBI,MAAM,OAAO,CAACJ,WAAW,cAAc,KAAKA,WAAW,UAAU,IAAI,WAAJ,GAC9D,oBAACK,cAAYA;QACT,uBACI,oBAACJ,SAAOA;YACJ,uBAAS,oBAACK,aAAWA;gBAAC,MAAM;;YAC5B,SAAS;;OAIhBN,WAAW,UAAU,IAClBA,WAAW,cAAc,CAAC,GAAG,CAACO,CAAAA,UAAAA,WAAAA,GAC1B,oBAACF,aAAa,IAAI;YACd,KAAKE;YACL,SAAS,IACLP,WAAW,UAAU,IAAIA,WAAW,UAAU,CAACO;YAEnD,MAAMA;;AAOtC"}

package/DataList/components/RefreshButton.js

@@ -1,18 +1,16 @@
-import React from "react";
+import react from "react";
 import { RefreshIcon } from "../DataListIcons.js";
 import { Tooltip } from "../../Tooltip/index.js";
-const RefreshButton = props => {
-  const refresh = props.refresh;
-  if (!refresh) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    trigger: /*#__PURE__*/React.createElement(RefreshIcon, {
-      onClick: () => refresh(),
-      size: "sm"
-    }),
-    content: "Refresh list"
-  });
+const RefreshButton = (props)=>{
+    const refresh = props.refresh;
+    if (!refresh) return null;
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        trigger: /*#__PURE__*/ react.createElement(RefreshIcon, {
+            onClick: ()=>refresh(),
+            size: "sm"
+        }),
+        content: "Refresh list"
+    });
 };
 export { RefreshButton };
 

package/DataList/components/RefreshButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","RefreshIcon","Tooltip","RefreshButton","props","refresh","createElement","trigger","onClick","size","content"],"sources":["RefreshButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { RefreshIcon } from \"../DataListIcons.js\";\nimport type { DataListProps } from \"../types.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\n\nconst RefreshButton = (props: DataListProps) => {\n    const refresh = props.refresh;\n    if (!refresh) {\n        return null;\n    }\n\n    return (\n        <Tooltip\n            trigger={<RefreshIcon onClick={() => refresh()} size={\"sm\"} />}\n            content={\"Refresh list\"}\n        />\n    );\n};\n\nexport { RefreshButton };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW;AAEpB,SAASC,OAAO;AAEhB,MAAMC,aAAa,GAAIC,KAAoB,IAAK;EAC5C,MAAMC,OAAO,GAAGD,KAAK,CAACC,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACIL,KAAA,CAAAM,aAAA,CAACJ,OAAO;IACJK,OAAO,eAAEP,KAAA,CAAAM,aAAA,CAACL,WAAW;MAACO,OAAO,EAAEA,CAAA,KAAMH,OAAO,CAAC,CAAE;MAACI,IAAI,EAAE;IAAK,CAAE,CAAE;IAC/DC,OAAO,EAAE;EAAe,CAC3B,CAAC;AAEV,CAAC;AAED,SAASP,aAAa","ignoreList":[]}
+{"version":3,"file":"DataList/components/RefreshButton.js","sources":["../../../src/DataList/components/RefreshButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { RefreshIcon } from \"../DataListIcons.js\";\nimport type { DataListProps } from \"../types.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\n\nconst RefreshButton = (props: DataListProps) => {\n    const refresh = props.refresh;\n    if (!refresh) {\n        return null;\n    }\n\n    return (\n        <Tooltip\n            trigger={<RefreshIcon onClick={() => refresh()} size={\"sm\"} />}\n            content={\"Refresh list\"}\n        />\n    );\n};\n\nexport { RefreshButton };\n"],"names":["RefreshButton","props","refresh","Tooltip","RefreshIcon"],"mappings":";;;AAKA,MAAMA,gBAAgB,CAACC;IACnB,MAAMC,UAAUD,MAAM,OAAO;IAC7B,IAAI,CAACC,SACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACC,SAAOA;QACJ,uBAAS,oBAACC,aAAWA;YAAC,SAAS,IAAMF;YAAW,MAAM;;QACtD,SAAS;;AAGrB"}

package/DataList/components/Sorters.js

@@ -1,24 +1,20 @@
-import React from "react";
+import react from "react";
 import { DropdownMenu } from "../../DropdownMenu/index.js";
 import { SortIcon } from "../DataListIcons.js";
-const Sorters = props => {
-  const sorters = props.sorters;
-  if (!sorters) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(DropdownMenu, {
-    trigger: /*#__PURE__*/React.createElement(SortIcon, {
-      size: "sm"
-    })
-  }, sorters.map(sorter => /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-    key: sorter.label,
-    onClick: () => {
-      if (sorters && props.setSorters) {
-        props.setSorters(sorter.value);
-      }
-    },
-    content: sorter.label
-  })));
+const Sorters = (props)=>{
+    const sorters = props.sorters;
+    if (!sorters) return null;
+    return /*#__PURE__*/ react.createElement(DropdownMenu, {
+        trigger: /*#__PURE__*/ react.createElement(SortIcon, {
+            size: "sm"
+        })
+    }, sorters.map((sorter)=>/*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            key: sorter.label,
+            onClick: ()=>{
+                if (sorters && props.setSorters) props.setSorters(sorter.value);
+            },
+            content: sorter.label
+        })));
 };
 export { Sorters };
 

package/DataList/components/Sorters.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenu","SortIcon","Sorters","props","sorters","createElement","trigger","size","map","sorter","Item","key","label","onClick","setSorters","value","content"],"sources":["Sorters.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu } from \"~/DropdownMenu/index.js\";\nimport { SortIcon } from \"../DataListIcons.js\";\nimport type { DataListProps } from \"../types.js\";\n\nconst Sorters = (props: DataListProps) => {\n    const sorters = props.sorters;\n    if (!sorters) {\n        return null;\n    }\n\n    return (\n        <DropdownMenu trigger={<SortIcon size={\"sm\"} />}>\n            {sorters.map(sorter => (\n                <DropdownMenu.Item\n                    key={sorter.label}\n                    onClick={() => {\n                        if (sorters && props.setSorters) {\n                            props.setSorters(sorter.value);\n                        }\n                    }}\n                    content={sorter.label}\n                />\n            ))}\n        </DropdownMenu>\n    );\n};\n\nexport { Sorters };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AACrB,SAASC,QAAQ;AAGjB,MAAMC,OAAO,GAAIC,KAAoB,IAAK;EACtC,MAAMC,OAAO,GAAGD,KAAK,CAACC,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACIL,KAAA,CAAAM,aAAA,CAACL,YAAY;IAACM,OAAO,eAAEP,KAAA,CAAAM,aAAA,CAACJ,QAAQ;MAACM,IAAI,EAAE;IAAK,CAAE;EAAE,GAC3CH,OAAO,CAACI,GAAG,CAACC,MAAM,iBACfV,KAAA,CAAAM,aAAA,CAACL,YAAY,CAACU,IAAI;IACdC,GAAG,EAAEF,MAAM,CAACG,KAAM;IAClBC,OAAO,EAAEA,CAAA,KAAM;MACX,IAAIT,OAAO,IAAID,KAAK,CAACW,UAAU,EAAE;QAC7BX,KAAK,CAACW,UAAU,CAACL,MAAM,CAACM,KAAK,CAAC;MAClC;IACJ,CAAE;IACFC,OAAO,EAAEP,MAAM,CAACG;EAAM,CACzB,CACJ,CACS,CAAC;AAEvB,CAAC;AAED,SAASV,OAAO","ignoreList":[]}
+{"version":3,"file":"DataList/components/Sorters.js","sources":["../../../src/DataList/components/Sorters.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu } from \"~/DropdownMenu/index.js\";\nimport { SortIcon } from \"../DataListIcons.js\";\nimport type { DataListProps } from \"../types.js\";\n\nconst Sorters = (props: DataListProps) => {\n    const sorters = props.sorters;\n    if (!sorters) {\n        return null;\n    }\n\n    return (\n        <DropdownMenu trigger={<SortIcon size={\"sm\"} />}>\n            {sorters.map(sorter => (\n                <DropdownMenu.Item\n                    key={sorter.label}\n                    onClick={() => {\n                        if (sorters && props.setSorters) {\n                            props.setSorters(sorter.value);\n                        }\n                    }}\n                    content={sorter.label}\n                />\n            ))}\n        </DropdownMenu>\n    );\n};\n\nexport { Sorters };\n"],"names":["Sorters","props","sorters","DropdownMenu","SortIcon","sorter"],"mappings":";;;AAKA,MAAMA,UAAU,CAACC;IACb,MAAMC,UAAUD,MAAM,OAAO;IAC7B,IAAI,CAACC,SACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACC,cAAYA;QAAC,uBAAS,oBAACC,UAAQA;YAAC,MAAM;;OAClCF,QAAQ,GAAG,CAACG,CAAAA,SAAAA,WAAAA,GACT,oBAACF,aAAa,IAAI;YACd,KAAKE,OAAO,KAAK;YACjB,SAAS;gBACL,IAAIH,WAAWD,MAAM,UAAU,EAC3BA,MAAM,UAAU,CAACI,OAAO,KAAK;YAErC;YACA,SAASA,OAAO,KAAK;;AAKzC"}

package/DataList/components/index.js

@@ -6,5 +6,3 @@ export * from "./NoData.js";
 export * from "./Pagination.js";
 export * from "./RefreshButton.js";
 export * from "./Sorters.js";
-
-//# sourceMappingURL=index.js.map

package/DataList/index.js

@@ -2,5 +2,3 @@ export * from "./DataList.js";
 export * from "./DataListIcons.js";
 export * from "./DataListModal.js";
 export * from "./DataListWithSections.js";
-
-//# sourceMappingURL=index.js.map

package/DataList/types.js

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

package/DataTable/DataTable.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
 import type { ColumnSort, OnChangeFn, Row, SortingState, VisibilityState } from "@tanstack/react-table";
 interface DataTableColumn<T> {
-    header?: string | number | JSX.Element;
-    cell?: (row: T) => string | number | JSX.Element | null;
+    header?: string | number | React.JSX.Element;
+    cell?: (row: T) => string | number | React.JSX.Element | null;
     size?: number;
+    truncate?: boolean;
     className?: string;
     enableSorting?: boolean;
     enableResizing?: boolean;