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

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, {

package/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","useEffect","useMemo","useRef","useState","flexRender","getCoreRowModel","getSortedRowModel","useReactTable","CheckboxPrimitive","Skeleton","Table","ColumnSorter","ColumnsVisibility","cn","makeDecoratable","defineColumns","columns","options","canSelectAllRows","onSelectRow","onToggleRow","loading","columnsList","Object","keys","map","key","id","defaults","column","cell","className","enableHiding","enableResizing","enableSorting","header","size","accessorKey","props","row","original","getValue","String","meta","columnsDefs","firstColumn","isSelectable","createElement","indeterminate","table","getIsSomeRowsSelected","checked","getIsAllRowsSelected","onChange","toggleAllPageRowsSelected","disabled","onClick","e","stopPropagation","getIsSelected","value","toggleSelected","getCanSelect","slice","type","typedMemo","TableCell","getColumnWidth","width","Cell","assign","columnDef","style","maxWidth","getContext","MemoTableCell","TableRow","selected","cells","Row","MemoTableRow","emptyArray","Array","fill","DecoratableDataTable","bordered","columnVisibility","initialColumns","data","initialData","initialSorting","isRowSelectable","onColumnVisibilityChange","onSortingChange","selectedRows","sorting","stickyHeader","tableRef","tableWidth","setTableWidth","updateElementWidth","current","clientWidth","window","addEventListener","removeEventListener","rowSelection","reduce","acc","item","recordIndex","findIndex","rec","onRowSelectionChange","updater","newSelection","toggledRows","filter","x","length","parseInt","selection","tableSorting","isArray","columnResizeMode","enableColumnResizing","enableRowSelection","enableSortingRemoval","manualSorting","state","getCanResize","getSize","tableSize","getTotalSize","columnSize","Math","ceil","tableRows","getRowModel","rows","ref","sticky","Header","getHeaderGroups","headerGroup","headers","index","isLastCell","Head","colSpan","isPlaceholder","getToggleSortingHandler","sortable","getCanSort","Direction","direction","getIsSorted","getAllColumns","Resizer","onMouseDown","getResizeHandler","onTouchStart","isResizing","getIsResizing","Body","getVisibleCells","DataTable"],"sources":["DataTable.tsx"],"sourcesContent":["import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type {\n    Cell,\n    Column,\n    ColumnDef,\n    ColumnSort,\n    OnChangeFn,\n    Row,\n    RowSelectionState,\n    SortingState,\n    VisibilityState\n} from \"@tanstack/react-table\";\nimport {\n    flexRender,\n    getCoreRowModel,\n    getSortedRowModel,\n    useReactTable\n} from \"@tanstack/react-table\";\nimport { CheckboxPrimitive } from \"~/Checkbox\";\nimport { Skeleton } from \"~/Skeleton\";\nimport { Table } from \"~/Table\";\nimport { ColumnSorter, ColumnsVisibility } from \"./components\";\nimport { cn, makeDecoratable } from \"~/utils\";\n\ninterface DataTableColumn<T> {\n    /*\n     * Column header component.\n     */\n    header?: string | number | JSX.Element;\n    /*\n     * Cell renderer, receives the full row and returns the value to render inside the cell.\n     */\n    cell?: (row: T) => string | number | JSX.Element | null;\n    /*\n     * Column size.\n     */\n    size?: number;\n    /*\n     * Column class names.\n     */\n    className?: string;\n    /*\n     * Enable column sorting.\n     */\n    enableSorting?: boolean;\n    /*\n     * Enable column resizing.\n     */\n    enableResizing?: boolean;\n    /*\n     * Enable column visibility toggling.\n     */\n    enableHiding?: boolean;\n}\n\ntype DataTableColumns<T> = {\n    [P in keyof T]?: DataTableColumn<T>;\n};\n\ntype DataTableDefaultData = {\n    id: string;\n    /*\n     * Define if a specific row can be selected.\n     */\n    $selectable?: boolean;\n};\n\ntype DataTableRow<T> = Row<DataTableDefaultData & T>;\n\ntype DataTableSorting = SortingState;\n\ntype DataTableColumnSort = ColumnSort;\n\ntype OnDataTableSortingChange = OnChangeFn<DataTableSorting>;\n\ntype DataTableColumnVisibility = VisibilityState;\n\ntype OnDataTableColumnVisibilityChange = OnChangeFn<DataTableColumnVisibility>;\n\ninterface DataTableProps<TEntry> {\n    /**\n     * Show or hide borders.\n     */\n    bordered?: boolean;\n    /**\n     * Controls whether \"select all\" action is allowed.\n     */\n    canSelectAllRows?: boolean;\n    /**\n     * Columns definition.\n     */\n    columns: DataTableColumns<TEntry>;\n    /**\n     * The column visibility state.\n     */\n    columnVisibility?: DataTableColumnVisibility;\n    /**\n     * Callback that receives current column visibility state.\n     */\n    onColumnVisibilityChange?: OnDataTableColumnVisibilityChange;\n    /**\n     * Data to display into DataTable body.\n     */\n    data: TEntry[];\n    /**\n     * Callback that is called to determine if the row is selectable.\n     */\n    isRowSelectable?: (row: Row<TEntry>) => boolean;\n    /**\n     * Render the skeleton state while data are loading.\n     */\n    loading?: boolean;\n    /**\n     * Callback that receives the selected rows.\n     */\n    onSelectRow?: (rows: TEntry[]) => void;\n    /**\n     * Callback that receives the toggled row.\n     */\n    onToggleRow?: (row: TEntry) => void;\n    /**\n     * Callback that receives current sorting state.\n     */\n    onSortingChange?: OnDataTableSortingChange;\n    /**\n     * Selected rows.\n     */\n    selectedRows?: TEntry[];\n    /**\n     * Sorting state.\n     */\n    sorting?: DataTableSorting;\n    /**\n     * Initial sorting state.\n     */\n    initialSorting?: DataTableSorting;\n    /**\n     * Enable sticky header.\n     */\n    stickyHeader?: boolean;\n}\n\ninterface DefineColumnsOptions<TEntry> {\n    canSelectAllRows: boolean;\n    onSelectRow?: DataTableProps<TEntry>[\"onSelectRow\"];\n    onToggleRow: DataTableProps<TEntry>[\"onToggleRow\"];\n    loading: DataTableProps<TEntry>[\"loading\"];\n}\n\nconst defineColumns = <T,>(\n    columns: DataTableProps<T>[\"columns\"],\n    options: DefineColumnsOptions<T>\n): ColumnDef<T>[] => {\n    const { canSelectAllRows, onSelectRow, onToggleRow, loading } = options;\n\n    return useMemo(() => {\n        const columnsList = Object.keys(columns).map(key => ({\n            id: key,\n            ...columns[key as keyof typeof columns]\n        }));\n\n        const defaults: ColumnDef<T>[] = columnsList.map(column => {\n            const {\n                cell,\n                className,\n                enableHiding = true,\n                enableResizing = true,\n                enableSorting = false,\n                header,\n                id,\n                size = 100\n            } = column;\n\n            return {\n                id,\n                accessorKey: id,\n                header: () => header,\n                cell: props => {\n                    if (cell && typeof cell === \"function\") {\n                        return cell(props.row.original);\n                    } else {\n                        // Automatically convert any cell value to a string for rendering,\n                        // ensuring the table displays values correctly. This aligns with React's\n                        // rendering, which expects JSX, strings or null.\n                        // https://github.com/TanStack/table/issues/1042\n                        return props.getValue() ? String(props.getValue()) : null;\n                    }\n                },\n                enableSorting,\n                meta: {\n                    className\n                },\n                enableResizing,\n                size,\n                enableHiding\n            };\n        });\n\n        let columnsDefs = defaults;\n        const firstColumn = defaults[0];\n        const isSelectable = onToggleRow || onSelectRow;\n\n        if (isSelectable && firstColumn) {\n            columnsDefs = [\n                {\n                    ...firstColumn,\n                    accessorKey: firstColumn.id as string,\n                    header: props => {\n                        return (\n                            <div className={\"wby-flex wby-items-center wby-gap-xl\"}>\n                                <CheckboxPrimitive\n                                    indeterminate={props.table.getIsSomeRowsSelected()}\n                                    checked={props.table.getIsAllRowsSelected()}\n                                    onChange={props.table.toggleAllPageRowsSelected}\n                                    aria-label=\"Select all\"\n                                    disabled={!canSelectAllRows}\n                                    onClick={e => e.stopPropagation()}\n                                />\n                                {firstColumn.header\n                                    ? React.createElement(firstColumn.header, props)\n                                    : null}\n                            </div>\n                        );\n                    },\n                    cell: props => {\n                        return (\n                            <div className={\"wby-flex wby-items-center wby-gap-xl\"}>\n                                <CheckboxPrimitive\n                                    checked={props.row.getIsSelected()}\n                                    onChange={value => props.row.toggleSelected(!!value)}\n                                    disabled={!props.row.getCanSelect()}\n                                    aria-label=\"Select row\"\n                                    className={cn(!props.row.getCanSelect() ? \"wby-invisible\" : \"\")}\n                                />\n                                {firstColumn.cell\n                                    ? React.createElement(firstColumn.cell, props)\n                                    : null}\n                            </div>\n                        );\n                    }\n                },\n                ...defaults.slice(1)\n            ];\n        }\n\n        return columnsDefs.map(column => {\n            if (loading) {\n                return {\n                    ...column,\n                    cell: () => <Skeleton type={\"text\"} size={\"md\"} />\n                };\n            }\n\n            return column;\n        });\n    }, [columns, onSelectRow, onToggleRow, loading]);\n};\n\nconst typedMemo: <T>(component: T) => T = memo;\n\ninterface TableCellProps<T> {\n    cell: Cell<T, unknown>;\n    getColumnWidth: (column: Column<T>) => number;\n}\n\nconst TableCell = <T,>({ cell, getColumnWidth }: TableCellProps<T>) => {\n    const width = getColumnWidth(cell.column);\n\n    return (\n        <Table.Cell {...cell.column.columnDef.meta} style={{ width, maxWidth: width }}>\n            {flexRender(cell.column.columnDef.cell, cell.getContext())}\n        </Table.Cell>\n    );\n};\n\nconst MemoTableCell = typedMemo(TableCell);\n\ninterface TableRowProps<T> {\n    selected: boolean;\n    cells: Cell<T, unknown>[];\n    getColumnWidth: (column: Column<T>) => number;\n}\n\nconst TableRow = <T,>({ selected, cells, getColumnWidth }: TableRowProps<T>) => {\n    return (\n        <Table.Row selected={selected}>\n            {cells.map(cell => (\n                <MemoTableCell<T> key={cell.id} cell={cell} getColumnWidth={getColumnWidth} />\n            ))}\n        </Table.Row>\n    );\n};\n\nconst MemoTableRow = typedMemo(TableRow);\n\n/**\n * Empty array must be defined outside the React component so it does not force rerendering of the DataTable\n */\nconst emptyArray = Array(10).fill({});\n\nconst DecoratableDataTable = <T extends Record<string, any> & DataTableDefaultData>({\n    bordered,\n    canSelectAllRows = true,\n    columnVisibility,\n    columns: initialColumns,\n    data: initialData,\n    initialSorting,\n    isRowSelectable,\n    loading,\n    onColumnVisibilityChange,\n    onSelectRow,\n    onSortingChange,\n    onToggleRow,\n    selectedRows = [],\n    sorting,\n    stickyHeader\n}: DataTableProps<T>) => {\n    const tableRef = useRef<HTMLDivElement>(null);\n    const [tableWidth, setTableWidth] = useState(1);\n\n    const data = loading ? emptyArray : initialData;\n\n    useEffect(() => {\n        const updateElementWidth = () => {\n            if (tableRef.current) {\n                const width = tableRef.current.clientWidth;\n                setTableWidth(width);\n            }\n        };\n\n        updateElementWidth();\n\n        window.addEventListener(\"resize\", updateElementWidth);\n\n        return () => {\n            window.removeEventListener(\"resize\", updateElementWidth);\n        };\n    }, [tableRef.current]);\n\n    const rowSelection = useMemo(() => {\n        return selectedRows.reduce<RowSelectionState>((acc, item) => {\n            const recordIndex = data.findIndex(rec => rec.id === item.id);\n            return { ...acc, [recordIndex]: true };\n        }, {});\n    }, [selectedRows, data]);\n\n    const onRowSelectionChange: OnChangeFn<RowSelectionState> = updater => {\n        const newSelection = typeof updater === \"function\" ? updater(rowSelection) : updater;\n\n        /**\n         * `@tanstack/react-table` isn't telling us what row was selected or deselected. It simply gives us\n         * the new selection state (an object with row indexes that are currently selected).\n         *\n         * To figure out what row was toggled, we need to calculate the difference between the old selection\n         * and the new selection. What we're doing here is:\n         * - find all items that were present in the previous selection, but are no longer present in the new selection\n         * - find all items that are present in the new selection, but were not present in the previous selection\n         */\n        const toggledRows = [\n            ...Object.keys(rowSelection).filter(x => !(x in newSelection)),\n            ...Object.keys(newSelection).filter(x => !(x in rowSelection))\n        ];\n\n        // If the difference is only 1 item, and `onToggleRow` is available, execute that.\n        if (toggledRows.length === 1 && typeof onToggleRow === \"function\") {\n            onToggleRow(data[parseInt(toggledRows[0])]);\n            return;\n        } else if (typeof onSelectRow === \"function\") {\n            const selection = Object.keys(newSelection).map(key => data[parseInt(key)]);\n            onSelectRow(selection);\n        }\n    };\n\n    const tableSorting = useMemo(() => {\n        if (!Array.isArray(sorting) || !sorting.length) {\n            return initialSorting;\n        }\n        return sorting;\n    }, [sorting]);\n\n    const columns = defineColumns(initialColumns, {\n        canSelectAllRows,\n        onSelectRow,\n        onToggleRow,\n        loading\n    });\n\n    const table = useReactTable<T>({\n        columnResizeMode: \"onChange\",\n        columns,\n        data,\n        enableColumnResizing: true,\n        enableHiding: !!onColumnVisibilityChange,\n        enableRowSelection: isRowSelectable,\n        enableSorting: !!onSortingChange,\n        enableSortingRemoval: false,\n        getCoreRowModel: getCoreRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n        manualSorting: true,\n        onColumnVisibilityChange,\n        onRowSelectionChange,\n        onSortingChange,\n        state: {\n            columnVisibility,\n            rowSelection,\n            sorting: tableSorting\n        }\n    });\n\n    const getColumnWidth = useCallback(\n        (column: Column<T>): number => {\n            if (!column.getCanResize()) {\n                return column.getSize();\n            }\n\n            const tableSize = table.getTotalSize();\n            const columnSize = column.getSize();\n\n            return Math.ceil((columnSize * tableWidth) / tableSize);\n        },\n        [table, tableWidth]\n    );\n\n    /**\n     * Had to memoize the rows to avoid browser freeze.\n     */\n    const tableRows = useMemo(() => {\n        return table.getRowModel().rows;\n    }, [table, data, columns]);\n\n    return (\n        <div ref={tableRef}>\n            <Table bordered={bordered} sticky={stickyHeader}>\n                <Table.Header sticky={stickyHeader}>\n                    {table.getHeaderGroups().map(headerGroup => (\n                        <Table.Row key={headerGroup.id}>\n                            {headerGroup.headers.map((header, index) => {\n                                const isLastCell = index === headerGroup.headers.length - 1;\n                                const width = getColumnWidth(header.column);\n\n                                return (\n                                    <Table.Head\n                                        key={header.id}\n                                        {...header.column.columnDef.meta}\n                                        colSpan={header.colSpan}\n                                        style={{ width, maxWidth: width }}\n                                    >\n                                        {header.isPlaceholder ? null : (\n                                            <ColumnSorter\n                                                onClick={header.column.getToggleSortingHandler()}\n                                                sortable={header.column.getCanSort()}\n                                            >\n                                                <div className=\"wby-w-full wby-overflow-hidden wby-whitespace-nowrap wby-truncate\">\n                                                    {flexRender(\n                                                        header.column.columnDef.header,\n                                                        header.getContext()\n                                                    )}\n                                                </div>\n                                                <Table.Direction\n                                                    direction={header.column.getIsSorted() || null}\n                                                />\n                                                {isLastCell && (\n                                                    <div className={\"wby-mr-xs wby-h-md\"}>\n                                                        <ColumnsVisibility\n                                                            columns={table.getAllColumns()}\n                                                        />\n                                                    </div>\n                                                )}\n                                            </ColumnSorter>\n                                        )}\n                                        {header.column.getCanResize() && (\n                                            <Table.Resizer\n                                                onMouseDown={header.getResizeHandler()}\n                                                onTouchStart={header.getResizeHandler()}\n                                                isResizing={header.column.getIsResizing()}\n                                            />\n                                        )}\n                                    </Table.Head>\n                                );\n                            })}\n                        </Table.Row>\n                    ))}\n                </Table.Header>\n                <Table.Body>\n                    {tableRows.map(row => {\n                        const id = row.original.id || row.id;\n                        return (\n                            <MemoTableRow<T>\n                                key={id}\n                                cells={row.getVisibleCells()}\n                                selected={row.getIsSelected()}\n                                getColumnWidth={getColumnWidth}\n                            />\n                        );\n                    })}\n                </Table.Body>\n            </Table>\n        </div>\n    );\n};\n\nconst DataTable = makeDecoratable(\"DataTable\", DecoratableDataTable);\n\nexport {\n    DataTable,\n    type DataTableProps,\n    type DataTableColumn,\n    type DataTableColumns,\n    type DataTableDefaultData,\n    type DataTableRow,\n    type DataTableSorting,\n    type DataTableColumnSort,\n    type OnDataTableSortingChange,\n    type DataTableColumnVisibility,\n    type OnDataTableColumnVisibilityChange\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useCallback","useEffect","useMemo","useRef","useState","flexRender","getCoreRowModel","getSortedRowModel","useReactTable","CheckboxPrimitive","Skeleton","Table","ColumnSorter","ColumnsVisibility","cn","makeDecoratable","defineColumns","columns","options","canSelectAllRows","onSelectRow","onToggleRow","loading","columnsList","Object","keys","map","key","id","defaults","column","accessorKey","cell","className","enableHiding","enableResizing","enableSorting","header","size","props","row","original","getValue","String","meta","columnsDefs","firstColumn","isSelectable","createElement","indeterminate","table","getIsSomeRowsSelected","checked","getIsAllRowsSelected","onChange","toggleAllPageRowsSelected","disabled","onClick","e","stopPropagation","getIsSelected","value","toggleSelected","getCanSelect","slice","type","typedMemo","TableCell","getColumnWidth","width","Cell","assign","columnDef","style","maxWidth","getContext","MemoTableCell","TableRow","selected","cells","Row","MemoTableRow","emptyArray","Array","fill","DecoratableDataTable","bordered","columnVisibility","initialColumns","data","initialData","initialSorting","isRowSelectable","onColumnVisibilityChange","onSortingChange","selectedRows","sorting","stickyHeader","tableRef","tableWidth","setTableWidth","updateElementWidth","current","clientWidth","window","addEventListener","removeEventListener","rowSelection","reduce","acc","item","recordIndex","findIndex","rec","onRowSelectionChange","updater","newSelection","toggledRows","filter","x","length","parseInt","selection","tableSorting","isArray","columnResizeMode","enableColumnResizing","enableRowSelection","enableSortingRemoval","manualSorting","state","getCanResize","getSize","tableSize","getTotalSize","columnSize","Math","ceil","tableRows","getRowModel","rows","ref","sticky","Header","getHeaderGroups","headerGroup","headers","index","isLastCell","Head","colSpan","isPlaceholder","getToggleSortingHandler","sortable","getCanSort","Direction","direction","getIsSorted","getAllColumns","Resizer","onMouseDown","getResizeHandler","onTouchStart","isResizing","getIsResizing","Body","getVisibleCells","DataTable"],"sources":["DataTable.tsx"],"sourcesContent":["import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type {\n    Cell,\n    Column,\n    ColumnDef,\n    ColumnSort,\n    OnChangeFn,\n    Row,\n    RowSelectionState,\n    SortingState,\n    VisibilityState\n} from \"@tanstack/react-table\";\nimport {\n    flexRender,\n    getCoreRowModel,\n    getSortedRowModel,\n    useReactTable\n} from \"@tanstack/react-table\";\nimport { CheckboxPrimitive } from \"~/Checkbox/index.js\";\nimport { Skeleton } from \"~/Skeleton/index.js\";\nimport { Table } from \"~/Table/index.js\";\nimport { ColumnSorter, ColumnsVisibility } from \"./components/index.js\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\ninterface DataTableColumn<T> {\n    /*\n     * Column header component.\n     */\n    header?: string | number | JSX.Element;\n    /*\n     * Cell renderer, receives the full row and returns the value to render inside the cell.\n     */\n    cell?: (row: T) => string | number | JSX.Element | null;\n    /*\n     * Column size.\n     */\n    size?: number;\n    /*\n     * Column class names.\n     */\n    className?: string;\n    /*\n     * Enable column sorting.\n     */\n    enableSorting?: boolean;\n    /*\n     * Enable column resizing.\n     */\n    enableResizing?: boolean;\n    /*\n     * Enable column visibility toggling.\n     */\n    enableHiding?: boolean;\n    /*\n     * Accessor key for the column data path.\n     */\n    accessorKey?: string;\n}\n\ntype DataTableColumns<T> = {\n    [P in keyof T]?: DataTableColumn<T>;\n};\n\ntype DataTableDefaultData = {\n    id: string;\n    /*\n     * Define if a specific row can be selected.\n     */\n    $selectable?: boolean;\n};\n\ntype DataTableRow<T> = Row<DataTableDefaultData & T>;\n\ntype DataTableSorting = SortingState;\n\ntype DataTableColumnSort = ColumnSort;\n\ntype OnDataTableSortingChange = OnChangeFn<DataTableSorting>;\n\ntype DataTableColumnVisibility = VisibilityState;\n\ntype OnDataTableColumnVisibilityChange = OnChangeFn<DataTableColumnVisibility>;\n\ninterface DataTableProps<TEntry> {\n    /**\n     * Show or hide borders.\n     */\n    bordered?: boolean;\n    /**\n     * Controls whether \"select all\" action is allowed.\n     */\n    canSelectAllRows?: boolean;\n    /**\n     * Columns definition.\n     */\n    columns: DataTableColumns<TEntry>;\n    /**\n     * The column visibility state.\n     */\n    columnVisibility?: DataTableColumnVisibility;\n    /**\n     * Callback that receives current column visibility state.\n     */\n    onColumnVisibilityChange?: OnDataTableColumnVisibilityChange;\n    /**\n     * Data to display into DataTable body.\n     */\n    data: TEntry[];\n    /**\n     * Callback that is called to determine if the row is selectable.\n     */\n    isRowSelectable?: (row: Row<TEntry>) => boolean;\n    /**\n     * Render the skeleton state while data are loading.\n     */\n    loading?: boolean;\n    /**\n     * Callback that receives the selected rows.\n     */\n    onSelectRow?: (rows: TEntry[]) => void;\n    /**\n     * Callback that receives the toggled row.\n     */\n    onToggleRow?: (row: TEntry) => void;\n    /**\n     * Callback that receives current sorting state.\n     */\n    onSortingChange?: OnDataTableSortingChange;\n    /**\n     * Selected rows.\n     */\n    selectedRows?: TEntry[];\n    /**\n     * Sorting state.\n     */\n    sorting?: DataTableSorting;\n    /**\n     * Initial sorting state.\n     */\n    initialSorting?: DataTableSorting;\n    /**\n     * Enable sticky header.\n     */\n    stickyHeader?: boolean;\n}\n\ninterface DefineColumnsOptions<TEntry> {\n    canSelectAllRows: boolean;\n    onSelectRow?: DataTableProps<TEntry>[\"onSelectRow\"];\n    onToggleRow: DataTableProps<TEntry>[\"onToggleRow\"];\n    loading: DataTableProps<TEntry>[\"loading\"];\n}\n\nconst defineColumns = <T,>(\n    columns: DataTableProps<T>[\"columns\"],\n    options: DefineColumnsOptions<T>\n): ColumnDef<T>[] => {\n    const { canSelectAllRows, onSelectRow, onToggleRow, loading } = options;\n\n    return useMemo(() => {\n        const columnsList = Object.keys(columns).map(key => ({\n            id: key,\n            ...columns[key as keyof typeof columns]\n        }));\n\n        const defaults: ColumnDef<T>[] = columnsList.map(column => {\n            const {\n                accessorKey,\n                cell,\n                className,\n                enableHiding = true,\n                enableResizing = true,\n                enableSorting = false,\n                header,\n                id,\n                size = 100\n            } = column;\n\n            return {\n                id,\n                accessorKey: accessorKey || id,\n                header: () => header,\n                cell: props => {\n                    if (cell && typeof cell === \"function\") {\n                        return cell(props.row.original);\n                    } else {\n                        // Automatically convert any cell value to a string for rendering,\n                        // ensuring the table displays values correctly. This aligns with React's\n                        // rendering, which expects JSX, strings or null.\n                        // https://github.com/TanStack/table/issues/1042\n                        return props.getValue() ? String(props.getValue()) : null;\n                    }\n                },\n                enableSorting,\n                meta: {\n                    className\n                },\n                enableResizing,\n                size,\n                enableHiding\n            };\n        });\n\n        let columnsDefs = defaults;\n        const firstColumn = defaults[0];\n        const isSelectable = onToggleRow || onSelectRow;\n\n        if (isSelectable && firstColumn) {\n            columnsDefs = [\n                {\n                    ...firstColumn,\n                    accessorKey: firstColumn.id as string,\n                    header: props => {\n                        if (!props) {\n                            return null;\n                        }\n\n                        return (\n                            <div className={\"flex items-center gap-xl\"}>\n                                <CheckboxPrimitive\n                                    indeterminate={props.table.getIsSomeRowsSelected()}\n                                    checked={props.table.getIsAllRowsSelected()}\n                                    onChange={props.table.toggleAllPageRowsSelected}\n                                    aria-label=\"Select all\"\n                                    disabled={!canSelectAllRows}\n                                    onClick={e => e.stopPropagation()}\n                                />\n                                {firstColumn.header\n                                    ? React.createElement(firstColumn.header, props)\n                                    : null}\n                            </div>\n                        );\n                    },\n                    cell: props => {\n                        if (!props) {\n                            return null;\n                        }\n                        return (\n                            <div className={\"flex items-center gap-xl\"}>\n                                <CheckboxPrimitive\n                                    checked={props.row.getIsSelected()}\n                                    onChange={value => props.row.toggleSelected(!!value)}\n                                    disabled={!props.row.getCanSelect()}\n                                    aria-label=\"Select row\"\n                                    className={cn(!props.row.getCanSelect() ? \"invisible\" : \"\")}\n                                />\n                                {firstColumn.cell\n                                    ? React.createElement(firstColumn.cell, props)\n                                    : null}\n                            </div>\n                        );\n                    }\n                },\n                ...defaults.slice(1)\n            ];\n        }\n\n        return columnsDefs.map(column => {\n            if (loading) {\n                return {\n                    ...column,\n                    cell: () => <Skeleton type={\"text\"} size={\"md\"} />\n                };\n            }\n\n            return column;\n        });\n    }, [columns, onSelectRow, onToggleRow, loading]);\n};\n\nconst typedMemo: <T>(component: T) => T = memo;\n\ninterface TableCellProps<T> {\n    cell: Cell<T, unknown>;\n    getColumnWidth: (column: Column<T>) => number;\n}\n\nconst TableCell = <T,>({ cell, getColumnWidth }: TableCellProps<T>) => {\n    const width = getColumnWidth(cell.column);\n\n    return (\n        <Table.Cell {...cell.column.columnDef.meta} style={{ width, maxWidth: width }}>\n            {flexRender(cell.column.columnDef.cell, cell.getContext())}\n        </Table.Cell>\n    );\n};\n\nconst MemoTableCell = typedMemo(TableCell);\n\ninterface TableRowProps<T> {\n    selected: boolean;\n    cells: Cell<T, unknown>[];\n    getColumnWidth: (column: Column<T>) => number;\n}\n\nconst TableRow = <T,>({ selected, cells, getColumnWidth }: TableRowProps<T>) => {\n    return (\n        <Table.Row selected={selected}>\n            {cells.map(cell => (\n                <MemoTableCell<T> key={cell.id} cell={cell} getColumnWidth={getColumnWidth} />\n            ))}\n        </Table.Row>\n    );\n};\n\nconst MemoTableRow = typedMemo(TableRow);\n\n/**\n * Empty array must be defined outside the React component so it does not force rerendering of the DataTable\n */\nconst emptyArray = Array(10).fill({});\n\nconst DecoratableDataTable = <T extends Record<string, any> & DataTableDefaultData>({\n    bordered,\n    canSelectAllRows = true,\n    columnVisibility,\n    columns: initialColumns,\n    data: initialData,\n    initialSorting,\n    isRowSelectable,\n    loading,\n    onColumnVisibilityChange,\n    onSelectRow,\n    onSortingChange,\n    onToggleRow,\n    selectedRows = [],\n    sorting,\n    stickyHeader\n}: DataTableProps<T>) => {\n    const tableRef = useRef<HTMLDivElement>(null);\n    const [tableWidth, setTableWidth] = useState(1);\n\n    const data = loading ? emptyArray : initialData;\n\n    useEffect(() => {\n        const updateElementWidth = () => {\n            if (tableRef.current) {\n                const width = tableRef.current.clientWidth;\n                setTableWidth(width);\n            }\n        };\n\n        updateElementWidth();\n\n        window.addEventListener(\"resize\", updateElementWidth);\n\n        return () => {\n            window.removeEventListener(\"resize\", updateElementWidth);\n        };\n    }, [tableRef.current]);\n\n    const rowSelection = useMemo(() => {\n        return selectedRows.reduce<RowSelectionState>((acc, item) => {\n            const recordIndex = data.findIndex(rec => rec.id === item.id);\n            return { ...acc, [recordIndex]: true };\n        }, {});\n    }, [selectedRows, data]);\n\n    const onRowSelectionChange: OnChangeFn<RowSelectionState> = updater => {\n        const newSelection = typeof updater === \"function\" ? updater(rowSelection) : updater;\n\n        /**\n         * `@tanstack/react-table` isn't telling us what row was selected or deselected. It simply gives us\n         * the new selection state (an object with row indexes that are currently selected).\n         *\n         * To figure out what row was toggled, we need to calculate the difference between the old selection\n         * and the new selection. What we're doing here is:\n         * - find all items that were present in the previous selection, but are no longer present in the new selection\n         * - find all items that are present in the new selection, but were not present in the previous selection\n         */\n        const toggledRows = [\n            ...Object.keys(rowSelection).filter(x => !(x in newSelection)),\n            ...Object.keys(newSelection).filter(x => !(x in rowSelection))\n        ];\n\n        // If the difference is only 1 item, and `onToggleRow` is available, execute that.\n        if (toggledRows.length === 1 && typeof onToggleRow === \"function\") {\n            onToggleRow(data[parseInt(toggledRows[0])]);\n            return;\n        } else if (typeof onSelectRow === \"function\") {\n            const selection = Object.keys(newSelection).map(key => data[parseInt(key)]);\n            onSelectRow(selection);\n        }\n    };\n\n    const tableSorting = useMemo(() => {\n        if (!Array.isArray(sorting) || !sorting.length) {\n            return initialSorting;\n        }\n        return sorting;\n    }, [sorting]);\n\n    const columns = defineColumns(initialColumns, {\n        canSelectAllRows,\n        onSelectRow,\n        onToggleRow,\n        loading\n    });\n\n    const table = useReactTable<T>({\n        columnResizeMode: \"onChange\",\n        columns,\n        data,\n        enableColumnResizing: true,\n        enableHiding: !!onColumnVisibilityChange,\n        enableRowSelection: isRowSelectable,\n        enableSorting: !!onSortingChange,\n        enableSortingRemoval: false,\n        getCoreRowModel: getCoreRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n        manualSorting: true,\n        onColumnVisibilityChange,\n        onRowSelectionChange,\n        onSortingChange,\n        state: {\n            columnVisibility,\n            rowSelection,\n            sorting: tableSorting\n        }\n    });\n\n    const getColumnWidth = useCallback(\n        (column: Column<T>): number => {\n            if (!column.getCanResize()) {\n                return column.getSize();\n            }\n\n            const tableSize = table.getTotalSize();\n            const columnSize = column.getSize();\n\n            return Math.ceil((columnSize * tableWidth) / tableSize);\n        },\n        [table, tableWidth]\n    );\n\n    /**\n     * Had to memoize the rows to avoid browser freeze.\n     */\n    const tableRows = useMemo(() => {\n        return table.getRowModel().rows;\n    }, [table, data, columns]);\n\n    return (\n        <div ref={tableRef}>\n            <Table bordered={bordered} sticky={stickyHeader}>\n                <Table.Header sticky={stickyHeader}>\n                    {table.getHeaderGroups().map(headerGroup => (\n                        <Table.Row key={headerGroup.id}>\n                            {headerGroup.headers.map((header, index) => {\n                                const isLastCell = index === headerGroup.headers.length - 1;\n                                const width = getColumnWidth(header.column);\n\n                                return (\n                                    <Table.Head\n                                        key={header.id}\n                                        {...header.column.columnDef.meta}\n                                        colSpan={header.colSpan}\n                                        style={{ width, maxWidth: width }}\n                                    >\n                                        {header.isPlaceholder ? null : (\n                                            <ColumnSorter\n                                                onClick={header.column.getToggleSortingHandler()}\n                                                sortable={header.column.getCanSort()}\n                                            >\n                                                <div className=\"w-full overflow-hidden whitespace-nowrap truncate\">\n                                                    {flexRender(\n                                                        header.column.columnDef.header,\n                                                        header.getContext()\n                                                    )}\n                                                </div>\n                                                <Table.Direction\n                                                    direction={header.column.getIsSorted() || null}\n                                                />\n                                                {isLastCell && (\n                                                    <div className={\"mr-xs h-md\"}>\n                                                        <ColumnsVisibility\n                                                            columns={table.getAllColumns()}\n                                                        />\n                                                    </div>\n                                                )}\n                                            </ColumnSorter>\n                                        )}\n                                        {header.column.getCanResize() && (\n                                            <Table.Resizer\n                                                onMouseDown={header.getResizeHandler()}\n                                                onTouchStart={header.getResizeHandler()}\n                                                isResizing={header.column.getIsResizing()}\n                                            />\n                                        )}\n                                    </Table.Head>\n                                );\n                            })}\n                        </Table.Row>\n                    ))}\n                </Table.Header>\n                <Table.Body>\n                    {tableRows.map(row => {\n                        const id = row.original.id || row.id;\n                        return (\n                            <MemoTableRow<T>\n                                key={id}\n                                cells={row.getVisibleCells()}\n                                selected={row.getIsSelected()}\n                                getColumnWidth={getColumnWidth}\n                            />\n                        );\n                    })}\n                </Table.Body>\n            </Table>\n        </div>\n    );\n};\n\nconst DataTable = makeDecoratable(\"DataTable\", DecoratableDataTable);\n\nexport {\n    DataTable,\n    type DataTableProps,\n    type DataTableColumn,\n    type DataTableColumns,\n    type DataTableDefaultData,\n    type DataTableRow,\n    type DataTableSorting,\n    type DataTableColumnSort,\n    type OnDataTableSortingChange,\n    type DataTableColumnVisibility,\n    type OnDataTableColumnVisibilityChange\n};\n"],"mappings":"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","ignoreList":[]}