@webiny/admin-ui 6.0.0-alpha.4 → 6.0.0-rc.0

package/DataList/DataListWithSections.js

@@ -1,9 +1,9 @@
 import React, { useMemo } from "react";
-import isEmpty from "lodash/isEmpty";
-import { Loader } from "../Loader";
-import { Filters, MultiSelectActions, MultiSelectAll, NoData, Pagination, RefreshButton, Sorters } from "./components";
-import { DataListModal } from "./DataListModal";
-import { Heading } from "../Heading";
+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,
@@ -52,20 +52,20 @@ export const DataListWithSections = propsInput => {
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "ui.list.data-list"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-pt-md-extra wby-pb-md wby-px-md wby-border"
+    className: "pt-md-extra pb-md px-md border"
   }, (props.title || props.actions) && /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-between wby-items-center"
+    className: "flex justify-between items-center"
   }, /*#__PURE__*/React.createElement(Heading, {
-    className: "wby-text-accent-primary",
+    className: "text-accent-primary",
     level: 4
   }, props.title), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-end wby-gap-xs"
+    className: "flex items-center justify-end gap-xs"
   }, props.actions)), Object.keys(showOptions).length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-space-between wby-gap-sm"
+    className: "flex items-center justify-space-between gap-sm"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex-1"
+    className: "flex-1"
   }, props.search ? /*#__PURE__*/React.cloneElement(props.search, props) : null), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-space-between wby-gap-xs"
+    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
@@ -73,7 +73,7 @@ export const DataListWithSections = propsInput => {
     style: {
       maxHeight: "calc(100vh - 165px)"
     },
-    className: "wby-relative wby-overflow-auto wby-border-t-sm wby-border-t-neutral-dimmed webiny-data-list__content"
+    className: "relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content"
   }, props.subHeader, render));
 };
 

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

package/DataList/components/Filters.d.ts

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

package/DataList/components/Filters.js

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

package/DataList/components/Loader.js

@@ -1,21 +1,21 @@
 import React from "react";
-import { Skeleton } from "../../Skeleton";
-import { cn } from "../../utils";
+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: "wby-list-none wby-p-lg",
+    className: "list-none p-lg",
     "data-testid": "default-data-list.loading"
   }, lines.map(line => /*#__PURE__*/React.createElement("li", {
     key: "list-" + line,
-    className: cn(["wby-group", line === lines.length - 1 ? "wby-last-item" : ""])
+    className: cn(["group", line === lines.length - 1 ? "last-item" : ""])
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-w-full wby-items-center wby-justify-start wby-gap-lg wby-mb-md group-[.wby-last-item]:wby-mb-none"
+    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: "wby-flex-1 wby-h-10 wby-flex wby-flex-col wby-justify-between"
+    className: "flex-1 h-10 flex flex-col justify-between"
   }, /*#__PURE__*/React.createElement(Skeleton, {
     type: "text",
     size: "md"
@@ -23,9 +23,9 @@ const Loader = () => {
     type: "text",
     size: "md"
   })), /*#__PURE__*/React.createElement("div", {
-    className: "wby-justify-self-end"
+    className: "justify-self-end"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-text-right wby-flex wby-justify-end wby-gap-sm"
+    className: "text-right flex justify-end gap-sm"
   }, /*#__PURE__*/React.createElement(Skeleton, {
     type: "thumbnail",
     size: "lg"

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

package/DataList/components/MultiSelectActions.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
-import type { DataListProps } from "../types";
-declare const MultiSelectActions: (props: DataListProps) => string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null;
+import type { DataListProps } from "../types.js";
+import type { ReactElement } from "react";
+/**
+ * TODO Fix with React 19.
+ */
+declare const MultiSelectActions: (props: DataListProps) => ReactElement | null;
 export { MultiSelectActions };

package/DataList/components/MultiSelectActions.js

@@ -1,3 +1,6 @@
+/**
+ * TODO Fix with React 19.
+ */
 const MultiSelectActions = props => {
   const {
     multiSelectActions
@@ -5,6 +8,7 @@ const MultiSelectActions = props => {
   if (!multiSelectActions) {
     return null;
   }
+  // @ts-expect-error
   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\";\n\nconst MultiSelectActions = (props: DataListProps) => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n    return multiSelectActions;\n};\n\nexport { MultiSelectActions };\n"],"mappings":"AAEA,MAAMA,kBAAkB,GAAIC,KAAoB,IAAK;EACjD,MAAM;IAAEC;EAAmB,CAAC,GAAGD,KAAK;EACpC,IAAI,CAACC,kBAAkB,EAAE;IACrB,OAAO,IAAI;EACf;EACA,OAAOA,kBAAkB;AAC7B,CAAC;AAED,SAASF,kBAAkB","ignoreList":[]}
+{"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":[]}

package/DataList/components/MultiSelectAll.d.ts

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

package/DataList/components/MultiSelectAll.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { CheckboxPrimitive } from "../../Checkbox";
+import { CheckboxPrimitive } from "../../Checkbox/index.js";
 const MultiSelectAll = props => {
   const {
     multiSelectActions
@@ -17,7 +17,7 @@ const MultiSelectAll = props => {
     data
   } = props;
   return /*#__PURE__*/React.createElement(React.Fragment, null, typeof multiSelectAll === "function" && /*#__PURE__*/React.createElement("div", {
-    className: "wby-size-lg wby-flex wby-items-center wby-justify-center"
+    className: "size-lg flex items-center justify-center"
   }, /*#__PURE__*/React.createElement(CheckboxPrimitive, {
     indeterminate: !isAllMultiSelected(data) && !isNoneMultiSelected(data),
     checked: isAllMultiSelected(data),

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\";\nimport type { DataListProps } from \"../types\";\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={\"wby-size-lg wby-flex wby-items-center wby-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;EAA2D,gBACvEX,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,"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":[]}

package/DataList/components/NoData.js

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

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\";\n\nconst NoData = () => (\n    <div className={\"wby-text-center wby-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;AAA2B,gBACvCJ,KAAA,CAAAG,aAAA,CAACF,IAAI,QAAE,mBAA0B,CAChC,CACR;AAED,SAASC,MAAM","ignoreList":[]}
+{"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":[]}

package/DataList/components/Pagination.d.ts

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

package/DataList/components/Pagination.js

@@ -1,7 +1,7 @@
 import React from "react";
-import { DropdownMenu } from "../../DropdownMenu";
-import { NextPageIcon, OptionsIcon, PreviousPageIcon } from "../DataListIcons";
-import { Tooltip } from "../../Tooltip";
+import { DropdownMenu } from "../../DropdownMenu/index.js";
+import { NextPageIcon, OptionsIcon, PreviousPageIcon } from "../DataListIcons.js";
+import { Tooltip } from "../../Tooltip/index.js";
 const Pagination = props => {
   const {
     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\";\nimport { NextPageIcon, OptionsIcon, PreviousPageIcon } from \"../DataListIcons\";\nimport type { DataListProps } from \"../types\";\nimport { Tooltip } from \"~/Tooltip\";\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,"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":[]}

package/DataList/components/RefreshButton.d.ts

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

package/DataList/components/RefreshButton.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { RefreshIcon } from "../DataListIcons";
-import { Tooltip } from "../../Tooltip";
+import { RefreshIcon } from "../DataListIcons.js";
+import { Tooltip } from "../../Tooltip/index.js";
 const RefreshButton = props => {
   const refresh = props.refresh;
   if (!refresh) {

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\";\nimport type { DataListProps } from \"../types\";\nimport { Tooltip } from \"~/Tooltip\";\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,"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":[]}

package/DataList/components/Sorters.d.ts

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

package/DataList/components/Sorters.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { DropdownMenu } from "../../DropdownMenu";
-import { SortIcon } from "../DataListIcons";
+import { DropdownMenu } from "../../DropdownMenu/index.js";
+import { SortIcon } from "../DataListIcons.js";
 const Sorters = props => {
   const sorters = props.sorters;
   if (!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\";\nimport { SortIcon } from \"../DataListIcons\";\nimport type { DataListProps } from \"../types\";\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,"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":[]}

package/DataList/components/index.d.ts

@@ -1,8 +1,8 @@
-export * from "./Filters";
-export * from "./Loader";
-export * from "./MultiSelectAll";
-export * from "./MultiSelectActions";
-export * from "./NoData";
-export * from "./Pagination";
-export * from "./RefreshButton";
-export * from "./Sorters";
+export * from "./Filters.js";
+export * from "./Loader.js";
+export * from "./MultiSelectAll.js";
+export * from "./MultiSelectActions.js";
+export * from "./NoData.js";
+export * from "./Pagination.js";
+export * from "./RefreshButton.js";
+export * from "./Sorters.js";

package/DataList/components/index.js

@@ -1,10 +1,10 @@
-export * from "./Filters";
-export * from "./Loader";
-export * from "./MultiSelectAll";
-export * from "./MultiSelectActions";
-export * from "./NoData";
-export * from "./Pagination";
-export * from "./RefreshButton";
-export * from "./Sorters";
+export * from "./Filters.js";
+export * from "./Loader.js";
+export * from "./MultiSelectAll.js";
+export * from "./MultiSelectActions.js";
+export * from "./NoData.js";
+export * from "./Pagination.js";
+export * from "./RefreshButton.js";
+export * from "./Sorters.js";
 
 //# sourceMappingURL=index.js.map

package/DataList/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Filters\";\nexport * from \"./Loader\";\nexport * from \"./MultiSelectAll\";\nexport * from \"./MultiSelectActions\";\nexport * from \"./NoData\";\nexport * from \"./Pagination\";\nexport * from \"./RefreshButton\";\nexport * from \"./Sorters\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Filters.js\";\nexport * from \"./Loader.js\";\nexport * from \"./MultiSelectAll.js\";\nexport * from \"./MultiSelectActions.js\";\nexport * from \"./NoData.js\";\nexport * from \"./Pagination.js\";\nexport * from \"./RefreshButton.js\";\nexport * from \"./Sorters.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/DataList/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./DataList";
-export * from "./DataListIcons";
-export * from "./DataListModal";
-export * from "./DataListWithSections";
+export * from "./DataList.js";
+export * from "./DataListIcons.js";
+export * from "./DataListModal.js";
+export * from "./DataListWithSections.js";

package/DataList/index.js

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

package/DataList/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./DataList\";\nexport * from \"./DataListIcons\";\nexport * from \"./DataListModal\";\nexport * from \"./DataListWithSections\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./DataList.js\";\nexport * from \"./DataListIcons.js\";\nexport * from \"./DataListModal.js\";\nexport * from \"./DataListWithSections.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}

package/DataList/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type PaginationProp = {
     setPage?: (page: number) => void;
     setPreviousPage?: () => void;

package/DataTable/DataTable.d.ts

@@ -8,6 +8,7 @@ interface DataTableColumn<T> {
     enableSorting?: boolean;
     enableResizing?: boolean;
     enableHiding?: boolean;
+    accessorKey?: string;
 }
 type DataTableColumns<T> = {
     [P in keyof T]?: DataTableColumn<T>;
@@ -97,7 +98,7 @@ declare const DataTable: (<T extends Record<string, any> & DataTableDefaultData>
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(<T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(<T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element) & {
         original: <T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/DataTable/DataTable.js

@@ -1,10 +1,10 @@
 import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { flexRender, getCoreRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
-import { CheckboxPrimitive } from "../Checkbox";
-import { Skeleton } from "../Skeleton";
-import { Table } from "../Table";
-import { ColumnSorter, ColumnsVisibility } from "./components";
-import { cn, makeDecoratable } from "../utils";
+import { CheckboxPrimitive } from "../Checkbox/index.js";
+import { Skeleton } from "../Skeleton/index.js";
+import { Table } from "../Table/index.js";
+import { ColumnSorter, ColumnsVisibility } from "./components/index.js";
+import { cn, makeDecoratable } from "../utils.js";
 const defineColumns = (columns, options) => {
   const {
     canSelectAllRows,
@@ -19,6 +19,7 @@ const defineColumns = (columns, options) => {
     }));
     const defaults = columnsList.map(column => {
       const {
+        accessorKey,
         cell,
         className,
         enableHiding = true,
@@ -30,7 +31,7 @@ const defineColumns = (columns, options) => {
       } = column;
       return {
         id,
-        accessorKey: id,
+        accessorKey: accessorKey || id,
         header: () => header,
         cell: props => {
           if (cell && typeof cell === "function") {
@@ -60,8 +61,11 @@ const defineColumns = (columns, options) => {
         ...firstColumn,
         accessorKey: firstColumn.id,
         header: props => {
+          if (!props) {
+            return null;
+          }
           return /*#__PURE__*/React.createElement("div", {
-            className: "wby-flex wby-items-center wby-gap-xl"
+            className: "flex items-center gap-xl"
           }, /*#__PURE__*/React.createElement(CheckboxPrimitive, {
             indeterminate: props.table.getIsSomeRowsSelected(),
             checked: props.table.getIsAllRowsSelected(),
@@ -72,14 +76,17 @@ const defineColumns = (columns, options) => {
           }), firstColumn.header ? /*#__PURE__*/React.createElement(firstColumn.header, props) : null);
         },
         cell: props => {
+          if (!props) {
+            return null;
+          }
           return /*#__PURE__*/React.createElement("div", {
-            className: "wby-flex wby-items-center wby-gap-xl"
+            className: "flex items-center gap-xl"
           }, /*#__PURE__*/React.createElement(CheckboxPrimitive, {
             checked: props.row.getIsSelected(),
             onChange: value => props.row.toggleSelected(!!value),
             disabled: !props.row.getCanSelect(),
             "aria-label": "Select row",
-            className: cn(!props.row.getCanSelect() ? "wby-invisible" : "")
+            className: cn(!props.row.getCanSelect() ? "invisible" : "")
           }), firstColumn.cell ? /*#__PURE__*/React.createElement(firstColumn.cell, props) : null);
         }
       }, ...defaults.slice(1)];
@@ -268,11 +275,11 @@ const DecoratableDataTable = ({
       onClick: header.column.getToggleSortingHandler(),
       sortable: header.column.getCanSort()
     }, /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-full wby-overflow-hidden wby-whitespace-nowrap wby-truncate"
+      className: "w-full overflow-hidden whitespace-nowrap truncate"
     }, flexRender(header.column.columnDef.header, header.getContext())), /*#__PURE__*/React.createElement(Table.Direction, {
       direction: header.column.getIsSorted() || null
     }), isLastCell && /*#__PURE__*/React.createElement("div", {
-      className: "wby-mr-xs wby-h-md"
+      className: "mr-xs h-md"
     }, /*#__PURE__*/React.createElement(ColumnsVisibility, {
       columns: table.getAllColumns()
     }))), header.column.getCanResize() && /*#__PURE__*/React.createElement(Table.Resizer, {