@webiny/admin-ui 0.0.0-unstable.2aaa1916d9

package/DataList/components/MultiSelectAll.js

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

package/DataList/components/MultiSelectAll.js.map

@@ -0,0 +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":[]}

package/DataList/components/NoData.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const NoData: () => React.JSX.Element;
+export { NoData };

package/DataList/components/NoData.js

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

package/DataList/components/NoData.js.map

@@ -0,0 +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":[]}

package/DataList/components/Pagination.d.ts

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

package/DataList/components/Pagination.js

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

package/DataList/components/Pagination.js.map

@@ -0,0 +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":[]}

package/DataList/components/RefreshButton.d.ts

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

package/DataList/components/RefreshButton.js

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

package/DataList/components/RefreshButton.js.map

@@ -0,0 +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":[]}

package/DataList/components/Sorters.d.ts

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

package/DataList/components/Sorters.js

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

package/DataList/components/Sorters.js.map

@@ -0,0 +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":[]}

package/DataList/components/index.d.ts

@@ -0,0 +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";

package/DataList/components/index.js

@@ -0,0 +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";
+
+//# sourceMappingURL=index.js.map

package/DataList/components/index.js.map

@@ -0,0 +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":[]}

package/DataList/index.d.ts

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

package/DataList/index.js

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

package/DataList/index.js.map

@@ -0,0 +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":[]}

package/DataList/types.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+export type PaginationProp = {
+    setPage?: (page: number) => void;
+    setPreviousPage?: () => void;
+    setNextPage?: () => void;
+    hasNextPage?: boolean;
+    hasPreviousPage?: boolean;
+    setPerPage?: (amount: number) => void;
+    perPageOptions?: number[];
+};
+export type SortersProp = Array<{
+    label: string;
+    value: any;
+}>;
+export interface DataListProps<TData = any> {
+    children?: ((props: any) => React.ReactNode) | null;
+    title?: React.ReactNode;
+    data?: TData | null;
+    refresh?: (() => void) | null;
+    loading?: boolean;
+    loader?: React.ReactNode;
+    noData?: React.ReactNode;
+    pagination?: PaginationProp;
+    setSorters?: ((sorter: any) => void) | null;
+    sorters?: SortersProp | null;
+    actions?: React.ReactNode;
+    filters?: React.ReactNode;
+    multiSelectActions?: React.ReactNode;
+    multiSelectAll?: (value: boolean, data: Record<string, any>[] | null) => void;
+    isAllMultiSelected?: (data: Record<string, any>[] | null) => boolean;
+    isNoneMultiSelected?: (data: Record<string, any>[] | null) => boolean;
+    showOptions?: {
+        refresh?: boolean;
+        pagination?: boolean;
+        filters?: boolean;
+        sorters?: boolean;
+        [key: string]: any;
+    };
+    search?: React.ReactElement;
+    modalOverlay?: React.ReactElement;
+    modalOverlayAction?: React.ReactElement;
+    subHeader?: React.ReactElement;
+    meta?: Record<string, any> | null;
+    setPage?: ((page: string) => void) | null;
+    setPerPage?: ((page: string) => void) | null;
+    perPageOptions?: number[];
+}

package/DataList/types.js

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

package/DataList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type PaginationProp = {\n    // Triggered when a page is about to be changed.\n    setPage?: (page: number) => void;\n\n    // Triggered when previous page is requested.\n    setPreviousPage?: () => void;\n\n    // Triggered when next page is requested.\n    setNextPage?: () => void;\n\n    // Triggered internally when in need to determine if there is a next page and apply UI changes accordingly.\n    hasNextPage?: boolean;\n\n    // Triggered internally when in need to determine if there is a previous page and apply UI changes accordingly.\n    hasPreviousPage?: boolean;\n\n    // Triggered when number of entries per page has been changed.\n    setPerPage?: (amount: number) => void;\n\n    // By default, users can choose from 10, 25 or 50 entries per page.\n    perPageOptions?: number[];\n};\n\nexport type SortersProp = Array<{ label: string; value: any }>;\n\nexport interface DataListProps<TData = any> {\n    // Pass a function to take full control of list render.\n    children?: ((props: any) => React.ReactNode) | null;\n\n    // A title of paginated list.\n    title?: React.ReactNode;\n\n    // FormData that needs to be shown in the list.\n    data?: TData | null;\n\n    // A callback that must refresh current view by repeating the previous query.\n    refresh?: (() => void) | null;\n\n    // If true, Loader component will be shown, disallowing any interaction.\n    loading?: boolean;\n\n    // Provide a custom loader. Shown while the content is loading.\n    loader?: React.ReactNode;\n\n    // Provide a custom no data component. Shown while there is no data to be shown.\n    noData?: React.ReactNode;\n\n    // Provide all pagination data, options and callbacks here.\n    pagination?: PaginationProp;\n\n    // Triggered once a sorter has been selected.\n    setSorters?: ((sorter: any) => void) | null;\n\n    // Provide all sorters options and callbacks here.\n    sorters?: SortersProp | null;\n\n    // Provide actions that will be shown in the top right corner (eg. export or import actions).\n    actions?: React.ReactNode;\n\n    // Provide filters that will be shown in the top left corner (eg. filter by category or status).\n    filters?: React.ReactNode;\n\n    // Provide actions that can be executed on one or more multi-selected list items (eg. export or delete).\n    multiSelectActions?: React.ReactNode;\n\n    // Provide callback that will be executed once user selects all list items.\n    multiSelectAll?: (value: boolean, data: Record<string, any>[] | null) => void;\n\n    // Callback which returns true if all items were selected, otherwise returns false.\n    isAllMultiSelected?: (data: Record<string, any>[] | null) => boolean;\n\n    // Callback which returns true if none of the items were selected, otherwise returns false.\n    isNoneMultiSelected?: (data: Record<string, any>[] | null) => boolean;\n\n    showOptions?: {\n        refresh?: boolean;\n        pagination?: boolean;\n        filters?: boolean;\n        sorters?: boolean;\n        [key: string]: any;\n    };\n\n    // Provide search UI that will be shown in the top left corner.\n    search?: React.ReactElement;\n    // Provide simple modal UI that will be shown over the list content.\n    modalOverlay?: React.ReactElement;\n    // Provide an action element that handle toggling the \"Modal overlay\".\n    modalOverlayAction?: React.ReactElement;\n    // Provide additional UI for list sub-header.\n    subHeader?: React.ReactElement;\n\n    meta?: Record<string, any> | null;\n\n    setPage?: ((page: string) => void) | null;\n\n    setPerPage?: ((page: string) => void) | null;\n\n    perPageOptions?: number[];\n}\n"],"mappings":"","ignoreList":[]}

package/DataTable/DataTable.d.ts

@@ -0,0 +1,106 @@
+import React from "react";
+import type { ColumnSort, OnChangeFn, Row, SortingState, VisibilityState } from "@tanstack/react-table";
+interface DataTableColumn<T> {
+    header?: string | number | JSX.Element;
+    cell?: (row: T) => string | number | JSX.Element | null;
+    size?: number;
+    className?: string;
+    enableSorting?: boolean;
+    enableResizing?: boolean;
+    enableHiding?: boolean;
+}
+type DataTableColumns<T> = {
+    [P in keyof T]?: DataTableColumn<T>;
+};
+type DataTableDefaultData = {
+    id: string;
+    $selectable?: boolean;
+};
+type DataTableRow<T> = Row<DataTableDefaultData & T>;
+type DataTableSorting = SortingState;
+type DataTableColumnSort = ColumnSort;
+type OnDataTableSortingChange = OnChangeFn<DataTableSorting>;
+type DataTableColumnVisibility = VisibilityState;
+type OnDataTableColumnVisibilityChange = OnChangeFn<DataTableColumnVisibility>;
+interface DataTableProps<TEntry> {
+    /**
+     * Show or hide borders.
+     */
+    bordered?: boolean;
+    /**
+     * Controls whether "select all" action is allowed.
+     */
+    canSelectAllRows?: boolean;
+    /**
+     * Columns definition.
+     */
+    columns: DataTableColumns<TEntry>;
+    /**
+     * The column visibility state.
+     */
+    columnVisibility?: DataTableColumnVisibility;
+    /**
+     * Callback that receives current column visibility state.
+     */
+    onColumnVisibilityChange?: OnDataTableColumnVisibilityChange;
+    /**
+     * Data to display into DataTable body.
+     */
+    data: TEntry[];
+    /**
+     * Callback that is called to determine if the row is selectable.
+     */
+    isRowSelectable?: (row: Row<TEntry>) => boolean;
+    /**
+     * Render the skeleton state while data are loading.
+     */
+    loading?: boolean;
+    /**
+     * Callback that receives the selected rows.
+     */
+    onSelectRow?: (rows: TEntry[]) => void;
+    /**
+     * Callback that receives the toggled row.
+     */
+    onToggleRow?: (row: TEntry) => void;
+    /**
+     * Callback that receives current sorting state.
+     */
+    onSortingChange?: OnDataTableSortingChange;
+    /**
+     * Selected rows.
+     */
+    selectedRows?: TEntry[];
+    /**
+     * Sorting state.
+     */
+    sorting?: DataTableSorting;
+    /**
+     * Initial sorting state.
+     */
+    initialSorting?: DataTableSorting;
+    /**
+     * Enable sticky header.
+     */
+    stickyHeader?: boolean;
+}
+declare const DataTable: (<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;
+} & {
+    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) & {
+        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;
+    };
+    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) & {
+        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;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { DataTable, type DataTableProps, type DataTableColumn, type DataTableColumns, type DataTableDefaultData, type DataTableRow, type DataTableSorting, type DataTableColumnSort, type OnDataTableSortingChange, type DataTableColumnVisibility, type OnDataTableColumnVisibilityChange };