@deviceinsight/ng-ui-components 6.18.0-SNAPSHOT

package/lib/cjs/components/reactable/helpers/ReactableTableHeader.js

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const i18n_1 = require("../../../i18n");
+const toggleSortDirection = (direction) => (direction === 'ASC' ? 'DESC' : 'ASC');
+class ReactableTableHeader extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.handleSort = (columnDef) => {
+            const { paginationSettings, onSort } = this.props;
+            const direction = columnDef.name === paginationSettings.sort.property
+                ? toggleSortDirection(paginationSettings.sort.direction)
+                : columnDef.defaultSortDirection || 'ASC';
+            onSort(columnDef.name, direction);
+        };
+        this.getClassName = (columnDef) => {
+            const { paginationSettings } = this.props;
+            if (columnDef.sortable) {
+                if (columnDef.name === paginationSettings.sort.property) {
+                    if (paginationSettings.sort.direction === 'ASC') {
+                        return 'sortable sortAsc';
+                    }
+                    else {
+                        return 'sortable sortDes';
+                    }
+                }
+                else {
+                    return 'sortable';
+                }
+            }
+            else {
+                return '';
+            }
+        };
+        this.printLabel = (label) => {
+            // @ts-ignore
+            if (typeof label === 'object' && label.id && typeof label.id === 'string') {
+                // @ts-ignore
+                return React.createElement(i18n_1.Trans, { i18nKey: label.id }, label.defaultValue);
+            }
+            return label;
+        };
+    }
+    render() {
+        return (React.createElement("tr", null, this.props.columnDefs.map((columnDef) => (React.createElement("th", { key: columnDef.name, style: {
+                width: columnDef.width || 'auto',
+                textAlign: columnDef.align || 'left'
+            }, className: this.getClassName(columnDef), onClick: () => {
+                if (columnDef.sortable) {
+                    this.handleSort(columnDef);
+                }
+            } }, this.printLabel(columnDef.label))))));
+    }
+}
+exports.default = ReactableTableHeader;

package/lib/cjs/components/reactable/helpers/ReactableTableRow.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { ReactableColumnDef, ReactableRowDef } from '../types';
+declare type Props<T> = {
+    columnDefs: Array<ReactableColumnDef<T>>;
+    item: T;
+    rowDef: ReactableRowDef<T> | null | undefined;
+};
+export default class ReactableTableRow extends React.Component<Props<any>> {
+    getRowClass: () => string;
+    handleClick: () => void;
+    getTooltip: () => string;
+    getRowStyle: () => React.CSSProperties | undefined;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=ReactableTableRow.d.ts.map

package/lib/cjs/components/reactable/helpers/ReactableTableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactableTableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/reactable/helpers/ReactableTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,UAAU,CAAC;AAE7D,aAAK,KAAK,CAAC,CAAC,IAAI;IACf,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;IACzC,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACzE,WAAW,eAQT;IAEF,WAAW,aAMT;IAEF,UAAU,eAQR;IAEF,WAAW,wCAQT;IAEF,MAAM;CAkCN"}

package/lib/cjs/components/reactable/helpers/ReactableTableRow.js

@@ -0,0 +1,82 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+class ReactableTableRow extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.getRowClass = () => {
+            const { rowDef, item } = this.props;
+            if (rowDef && typeof rowDef.getRowClass === 'function') {
+                return rowDef.getRowClass(item);
+            }
+            else {
+                return '';
+            }
+        };
+        this.handleClick = () => {
+            const { rowDef, item } = this.props;
+            if (rowDef && typeof rowDef.onClick === 'function') {
+                rowDef.onClick(item);
+            }
+        };
+        this.getTooltip = () => {
+            const { rowDef, item } = this.props;
+            if (rowDef && typeof rowDef.getTooltip === 'function') {
+                return rowDef.getTooltip(item);
+            }
+            else {
+                return '';
+            }
+        };
+        this.getRowStyle = () => {
+            const { rowDef, item } = this.props;
+            if (rowDef && rowDef.getRowStyle) {
+                return rowDef.getRowStyle(item);
+            }
+            else {
+                return undefined;
+            }
+        };
+    }
+    render() {
+        const { columnDefs, item } = this.props;
+        return (React.createElement("tr", { className: this.getRowClass(), onClick: this.handleClick, title: this.getTooltip(), style: this.getRowStyle() }, columnDefs.map((columnDef) => {
+            const textAlign = columnDef.align || 'left';
+            const cursor = columnDef.onClick ? 'pointer' : 'inherit';
+            const whiteSpace = columnDef.whiteSpace || undefined;
+            const onClick = columnDef.onClick
+                ? () => (columnDef.onClick ? columnDef.onClick(item) : undefined)
+                : undefined;
+            return (React.createElement("td", { key: `${item.id}_${columnDef.name}`, style: {
+                    textAlign,
+                    cursor,
+                    // @ts-ignore
+                    whiteSpace
+                }, onClick: onClick }, columnDef.render(item)));
+        })));
+    }
+}
+exports.default = ReactableTableRow;

package/lib/cjs/components/reactable/helpers/ReactableTextFilter.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ReactableColumnDef } from '../types';
+declare type Props = {
+    columnDef: ReactableColumnDef<any>;
+    changeFilter: (columnName: string, value: any) => void;
+};
+declare const ReactableTextFilter: React.FC<Props>;
+export default ReactableTextFilter;
+//# sourceMappingURL=ReactableTextFilter.d.ts.map

package/lib/cjs/components/reactable/helpers/ReactableTextFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactableTextFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/reactable/helpers/ReactableTextFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,UAAU,CAAC;AAE5C,aAAK,KAAK,GAAG;IACZ,SAAS,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;IACnC,YAAY,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACvD,CAAC;AAMF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqBxC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/cjs/components/reactable/helpers/ReactableTextFilter.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const i18n_1 = require("../../../i18n");
+const getInitialValueFromColumnDef = (columnDef) => {
+    return columnDef.filterable?.initialValue ?? '';
+};
+const ReactableTextFilter = ({ columnDef, changeFilter }) => {
+    const { t } = (0, i18n_1.useTranslation)();
+    const [value, setValue] = (0, react_1.useState)(getInitialValueFromColumnDef(columnDef));
+    const handleChange = (event) => {
+        const newValue = event.target.value;
+        setValue(newValue);
+        changeFilter(columnDef.name, newValue);
+    };
+    return (react_1.default.createElement("input", { type: "text", placeholder: t(`${columnDef.filterable?.placeholder ?? 'reactable.filter.placeholder'}`, {
+            defaultValue: 'Filter...'
+        }), onChange: handleChange, value: value }));
+};
+exports.default = ReactableTextFilter;

package/lib/cjs/components/reactable/helpers/helper.d.ts

@@ -0,0 +1,7 @@
+import { Pageable, Sort, PaginationSettings } from '../../../types/pagination';
+import { ReactableColumnDef, ReactableFilterSettings } from '../types';
+export declare function makePageable<T>(items: Array<T> | null | undefined, columnDefs: Array<ReactableColumnDef<any>>, filterSettings: ReactableFilterSettings, paginationSettings: PaginationSettings, customSortFunction: ((items: Array<T>, sort: Sort, defaultSortItems: (items: Array<T>, sort: Sort) => Array<T>) => Array<T>) | null | undefined): Pageable<T> | null | undefined;
+export declare function filterItems<T>(items: Array<T> | null | undefined, columnDefs: Array<ReactableColumnDef<any>>, filterSettings: ReactableFilterSettings): Array<T> | null | undefined;
+export declare function sortItems<T>(items: Array<T>, sort: Sort): Array<T>;
+export declare function extendColumnDefsWithCheckboxes<T>(columnDefs: Array<ReactableColumnDef<T>>, onSelectChange: (selected: boolean, item: T) => void, onSelectAllChange: (selected: boolean) => void, selectedAll: boolean, selectedItems: Array<any>, uniqueItemKey: (arg0: T) => any): Array<ReactableColumnDef<T>>;
+//# sourceMappingURL=helper.d.ts.map

package/lib/cjs/components/reactable/helpers/helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../../src/components/reactable/helpers/helper.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,kBAAkB,EAAC,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAC,kBAAkB,EAAE,uBAAuB,EAAC,MAAM,UAAU,CAAC;AAErE,wBAAgB,YAAY,CAAC,CAAC,EAC7B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EAClC,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAC1C,cAAc,EAAE,uBAAuB,EACvC,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,EACf,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GACxG,IAAI,GACJ,SAAS,GACV,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAehC;AAWD,wBAAgB,WAAW,CAAC,CAAC,EAC5B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EAClC,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAC1C,cAAc,EAAE,uBAAuB,GACrC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAyB7B;AAYD,wBAAgB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAkBlE;AAED,wBAAgB,8BAA8B,CAAC,CAAC,EAC/C,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EACxC,cAAc,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,EACpD,iBAAiB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,EAC9C,WAAW,EAAE,OAAO,EACpB,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,EACzB,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,GAC7B,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CA2B9B"}

package/lib/cjs/components/reactable/helpers/helper.js

@@ -0,0 +1,120 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extendColumnDefsWithCheckboxes = exports.sortItems = exports.filterItems = exports.makePageable = void 0;
+const React = __importStar(require("react"));
+const ng_ui_basic_components_1 = require("@deviceinsight/ng-ui-basic-components");
+function makePageable(items, columnDefs, filterSettings, paginationSettings, customSortFunction) {
+    if (!items) {
+        return null;
+    }
+    const { page, size, sort } = paginationSettings;
+    const sortedItems = customSortFunction ? customSortFunction(items, sort, sortItems) : sortItems(items, sort);
+    return {
+        content: sortedItems.slice(page * size, (page + 1) * size),
+        totalElements: items.length,
+        totalPages: Math.ceil(items.length / size),
+        number: page,
+        size,
+        sort: [sort]
+    };
+}
+exports.makePageable = makePageable;
+const getDefaultFilterFn = (filterType, fieldName) => {
+    if (filterType === 'text') {
+        return (item, filterValue) => item[fieldName] && item[fieldName].toString().toLowerCase().includes(filterValue.toLowerCase());
+    }
+    else {
+        return (item, filterValue) => item[fieldName] === filterValue;
+    }
+};
+function filterItems(items, columnDefs, filterSettings) {
+    if (items) {
+        return items.filter((item) => {
+            return Object.keys(filterSettings).every((columnName) => {
+                const filterValue = filterSettings[columnName];
+                if (filterValue && filterValue.length > 0) {
+                    const columnDef = findColumnDefByName(columnName, columnDefs);
+                    if (columnDef.filterable) {
+                        const filterFn = columnDef.filterable.filterFn ||
+                            getDefaultFilterFn(columnDef.filterable.filterType, columnDef.name);
+                        return filterFn(item, filterValue);
+                    }
+                    return false;
+                }
+                return true;
+            });
+        });
+    }
+    return null;
+}
+exports.filterItems = filterItems;
+function findColumnDefByName(columnName, columnDefs) {
+    const columnDef = columnDefs.find((cd) => cd.name === columnName);
+    if (!columnDef) {
+        throw Error(`column definition not found for ${columnName}`);
+    }
+    return columnDef;
+}
+function sortItems(items, sort) {
+    return items.sort((itemA, itemB) => {
+        // eslint-disable-next-line @typescript-eslint/ban-types
+        const a = ((typeof itemA === 'object' && itemA?.[sort.property]) || 0);
+        // eslint-disable-next-line @typescript-eslint/ban-types
+        const b = ((typeof itemB === 'object' && itemB?.[sort.property]) || 0);
+        const reverseFactor = sort.direction === 'ASC' ? 1 : -1;
+        if (a === b) {
+            return 0;
+        }
+        else if (typeof a === 'string' && typeof b === 'string') {
+            return a.localeCompare(b) * reverseFactor;
+        }
+        else if (typeof a === 'number' && typeof b === 'number') {
+            return (a - b) * reverseFactor;
+        }
+        else {
+            return a.toString().localeCompare(b.toString()) * reverseFactor;
+        }
+    });
+}
+exports.sortItems = sortItems;
+function extendColumnDefsWithCheckboxes(columnDefs, onSelectChange, onSelectAllChange, selectedAll, selectedItems, uniqueItemKey) {
+    return [
+        {
+            name: 'checkbox',
+            label: (React.createElement(ng_ui_basic_components_1.Checkbox, { value: selectedAll, onChange: onSelectAllChange, title: {
+                    id: 'components.filtertable.selectAllItems',
+                    defaultValue: 'Select/deselect all items in search result'
+                } })),
+            sortable: false,
+            render: (item) => {
+                return (React.createElement(ng_ui_basic_components_1.Checkbox, { value: selectedItems.includes(uniqueItemKey(item)), onChange: (selected) => onSelectChange(selected, item) }));
+            },
+            width: '1%'
+        },
+        ...columnDefs
+    ];
+}
+exports.extendColumnDefsWithCheckboxes = extendColumnDefsWithCheckboxes;

package/lib/cjs/components/reactable/types.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { CSSProperties } from 'react';
+import { TranslationDescriptor } from '../../types/i18n';
+import { SortDirection } from '../../types/pagination';
+export declare type ReactableColumnLabel = string | TranslationDescriptor | React.ReactNode;
+declare type ReactableColumnFilterable<T> = {
+    filterType: 'text' | 'options';
+    filterOptions?: Array<{
+        value: string;
+        label: string | TranslationDescriptor;
+    }>;
+    filterFn?: (item: T, value: string) => boolean;
+    initialValue?: string;
+    placeholder?: string;
+};
+export declare type ReactableColumnDef<T> = {
+    name: string;
+    label: ReactableColumnLabel;
+    sortable?: boolean;
+    defaultSortDirection?: SortDirection;
+    render: (element: T) => React.ReactNode;
+    onClick?: (element: T) => void;
+    width?: string;
+    align?: 'left' | 'right' | 'center';
+    whiteSpace?: string;
+    filterable?: ReactableColumnFilterable<T>;
+};
+export declare type ReactableFilterSettings = {
+    [columName: string]: string;
+};
+export declare type ReactableRowDef<T> = {
+    onClick?: (element: T) => void;
+    getRowClass?: (element: T) => string;
+    getRowStyle?: (element: T) => CSSProperties;
+    getTooltip?: (element: T) => string;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/lib/cjs/components/reactable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/reactable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAErD,oBAAY,oBAAoB,GAAG,MAAM,GAAG,qBAAqB,GAAG,KAAK,CAAC,SAAS,CAAC;AAEpF,aAAK,yBAAyB,CAAC,CAAC,IAAI;IACnC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,qBAAqB,CAAA;KAAC,CAAC,CAAC;IAC9E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,oBAAY,kBAAkB,CAAC,CAAC,IAAI;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,MAAM,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;CAC1C,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IAAC,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,CAAC;AAEpE,oBAAY,eAAe,CAAC,CAAC,IAAI;IAChC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,MAAM,CAAC;IACrC,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,aAAa,CAAC;IAC5C,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,MAAM,CAAC;CACpC,CAAC"}

package/lib/cjs/components/reactable/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/components/reactableWithClientSidePagination/ReactableWithClientSidePagination.d.ts

@@ -0,0 +1,69 @@
+import * as React from 'react';
+import { Pageable, PaginationSettings, Sort, SortDirection } from '../../types/pagination';
+import { ReactableColumnDef, ReactableRowDef, ReactableFilterSettings } from '../reactable/types';
+export declare type Props<T, ID extends string | number | undefined | null = any> = {
+    /** Array of column definitions, each column can be configured independently */
+    columnDefs: Array<ReactableColumnDef<T>>;
+    /** (Optional) can set custom event handler and/or functions in general */
+    rowDef?: ReactableRowDef<T>;
+    /** Function, sets identifier for each element in Reactable */
+    uniqueItemKey: (arg0: T) => ID;
+    /**
+     * (Deprecated) This property will be removed in the future release, use paginationSettings instead
+     * @deprecated
+     */
+    initialPaginationSettings?: PaginationSettings;
+    /** (Optional) settings for paginated content */
+    paginationSettings?: PaginationSettings;
+    /** Array of elements */
+    items: Array<T> | null | undefined;
+    /** It true, shows loading indicator */
+    isLoading: boolean;
+    /** (Optional) sets custom sort function */
+    customSortFunction?: (items: Array<T>, sort: Sort, defaultSortItems: (items: Array<T>, sort: Sort) => Array<T>) => Array<T>;
+    /** (Optional) if set, resets pagination to initial state if items change */
+    forceResetPaginationOnItemsChange?: boolean;
+    /** (Optional) Function, executed on filter */
+    onFilter?: (filterSettings: ReactableFilterSettings) => void;
+    /** (Optional) Function, executed on content change */
+    onContentChange?: (content: Array<T>) => void;
+    /** (Optional) Function, executed if filtered items change */
+    onFilteredItemsChanged?: (filteredItems: Array<T>) => void;
+    /** (Optional) if true, makes rows clickable */
+    clickable?: boolean;
+    /** If equals *true* additional column with checkboxes is rendered */
+    selectable?: boolean;
+    /** (Optional) enables selection of items */
+    selectedItems?: Array<ID>;
+    /** (Optional) function, executed on change of selected items */
+    onSelectedItemsChange?: (selectedItems: Array<ID>) => void;
+    /** (Optional) function, executed if the page size changes */
+    onChangeSize?: (size: number) => void;
+    'data-testid'?: string;
+};
+declare type State<T> = {
+    paginationSettings: PaginationSettings;
+    filterSettings: ReactableFilterSettings;
+    filteredItems: Array<T> | null | undefined;
+};
+/**
+ * Reactable displays paginated results nicely, while adding the possibility to add further functionality to each row.
+ * Each column can also be extended to be sortable and/or filterable.
+ * Also adds client-side pagination.
+ */
+export default class ReactableWithClientSidePagination<T = any, ID extends string | number | undefined | null = any> extends React.Component<Props<T, ID>, State<T>> {
+    constructor(props: Props<T>);
+    private content;
+    calculatePageNumber: (items: Array<T>, paginationSettings: PaginationSettings) => void;
+    componentDidUpdate(prevProps: Props<T>): void;
+    handleChangePage: (page: number) => void;
+    handleSort: (property: string, direction: SortDirection) => void;
+    handleFilter: (filterSettings: ReactableFilterSettings) => void;
+    getPageable: () => Pageable<T> | null | undefined;
+    handleSelectChange: (selected: boolean, item: T) => void;
+    handleSelectAllChange: (selectedAll: boolean) => void;
+    areSelectedAll: () => boolean;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=ReactableWithClientSidePagination.d.ts.map

package/lib/cjs/components/reactableWithClientSidePagination/ReactableWithClientSidePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactableWithClientSidePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/reactableWithClientSidePagination/ReactableWithClientSidePagination.tsx"],"names":[],"mappings":"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"}