@deviceinsight/ng-ui-components 6.28.1 → 7.0.0

package/lib/esm/components/prompt/withPrompt.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { TranslationDescriptor } from '../../types/i18n';
-export declare type PromptProps = {
-    prompt: (title: TranslationDescriptor, message: TranslationDescriptor, inputPlaceholder?: TranslationDescriptor, acceptButtonLabel?: TranslationDescriptor, cancelButtonLabel?: TranslationDescriptor) => Promise<string>;
-};
-export default function withPrompt<P>(WrappedComponent: React.ComponentType<P & PromptProps>): React.ComponentType<P>;
-//# sourceMappingURL=withPrompt.d.ts.map

package/lib/esm/components/prompt/withPrompt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"withPrompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/withPrompt.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAGvD,oBAAY,WAAW,GAAG;IACzB,MAAM,EAAE,CACP,KAAK,EAAE,qBAAqB,EAC5B,OAAO,EAAE,qBAAqB,EAC9B,gBAAgB,CAAC,EAAE,qBAAqB,EACxC,iBAAiB,CAAC,EAAE,qBAAqB,EACzC,iBAAiB,CAAC,EAAE,qBAAqB,KACrC,OAAO,CAAC,MAAM,CAAC,CAAC;CACrB,CAAC;AAOF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,WAAW,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CA8CpH"}

package/lib/esm/components/prompt/withPrompt.js

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import Prompt from './Prompt';
-export default function withPrompt(WrappedComponent) {
-    return class WithPromptWrapper extends React.Component {
-        constructor() {
-            super(...arguments);
-            this.state = {
-                show: false
-            };
-            this.prompt = (title, message, inputPlaceholder, acceptButtonLabel, cancelButtonLabel) => new Promise((resolve) => {
-                this.setState({
-                    show: true,
-                    promptElement: (React.createElement(Prompt, { title: title, message: message, onAccept: (value) => {
-                            this.setState({
-                                show: false
-                            });
-                            resolve(value);
-                        }, onCancel: () => {
-                            this.setState({
-                                show: false
-                            });
-                        }, inputPlaceholder: inputPlaceholder, acceptButtonLabel: acceptButtonLabel, cancelButtonLabel: cancelButtonLabel, key: "1" }))
-                });
-            });
-        }
-        render() {
-            return [
-                React.createElement(WrappedComponent, { ...this.props, prompt: this.prompt, key: "0" }),
-                this.state.show ? this.state.promptElement : null
-            ];
-        }
-    };
-}

package/lib/esm/components/reactable/Reactable.d.ts

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { ReactableColumnDef, ReactableRowDef, ReactableFilterSettings } from './types';
-import { Pageable, PaginationSettings, SortDirection } from '../../types/pagination';
-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>>;
-    /** Function, sets identifier for each element in Reactable */
-    uniqueItemKey: (item: T) => ID;
-    /** Settings for paginated content */
-    paginationSettings: PaginationSettings;
-    /** Function, executed if the current page changes */
-    onChangePage: (page: number) => void;
-    /** Function, executed if sorting changes */
-    onSort: (property: string, direction: SortDirection) => void;
-    /** (Optional) function, executed if the page size changes */
-    onChangeSize?: (size: number) => void;
-    /** (Optional) function, executed if the Reactable gets filtered */
-    onFilter?: (filterSettings: ReactableFilterSettings) => void;
-    /** (Optional) name of the table */
-    tableName?: string;
-    /** Content, totalElements, totalPages, number, size, sort */
-    pageable: Pageable<T> | null | undefined;
-    /** (Optional) can set custom event handler and/or functions in general */
-    rowDef?: ReactableRowDef<T>;
-    /** It true, shows loading indicator */
-    isLoading: boolean;
-    /** (Optional) if true, makes rows clickable */
-    clickable?: boolean;
-    /** (Optional) shown message when the table is empty  */
-    messageWhenEmpty?: string;
-    'data-testid'?: string;
-};
-/**
- * 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
- */
-export default class Reactable<T = any, ID extends string | number | undefined | null = any> extends React.Component<Props<T, ID>> {
-    render(): React.JSX.Element;
-}
-//# sourceMappingURL=Reactable.d.ts.map

package/lib/esm/components/reactable/Reactable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Reactable.d.ts","sourceRoot":"","sources":["../../../../src/components/reactable/Reactable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,kBAAkB,EAAE,eAAe,EAAE,uBAAuB,EAAC,MAAM,SAAS,CAAC;AACrF,OAAO,EAAC,QAAQ,EAAE,kBAAkB,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAEnF,oBAAY,KAAK,CAAC,CAAC,EAAE,EAAE,SAAS,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,GAAG,IAAI;IAC3E,+EAA+E;IAC/E,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzC,8DAA8D;IAC9D,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC;IAE/B,qCAAqC;IACrC,kBAAkB,EAAE,kBAAkB,CAAC;IAEvC,qDAAqD;IACrD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,4CAA4C;IAC5C,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAE7D,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAE7D,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6DAA6D;IAC7D,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAEzC,0EAA0E;IAC1E,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAE5B,uCAAuC;IACvC,SAAS,EAAE,OAAO,CAAC;IAEnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,EAAE,SAAS,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,GAAG,CAAE,SAAQ,KAAK,CAAC,SAAS,CACnH,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CACZ;IACA,MAAM;CAoBN"}

package/lib/esm/components/reactable/Reactable.js

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import Pagination from '../pagination/Pagination';
-import ReactableTable from './helpers/ReactableTable';
-/**
- * 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
- */
-export default class Reactable extends React.Component {
-    render() {
-        const { paginationSettings, pageable, onChangePage, onChangeSize } = this.props;
-        const showPagination = onChangeSize
-            ? pageable && pageable.totalElements > 0
-            : pageable && pageable.totalPages > 1;
-        return (React.createElement("div", null,
-            React.createElement(ReactableTable, { ...this.props }),
-            pageable && showPagination && (React.createElement(Pagination, { page: paginationSettings.page, totalPages: pageable.totalPages, onChangePage: onChangePage, onChangeSize: onChangeSize, size: paginationSettings.size }))));
-    }
-}

package/lib/esm/components/reactable/helpers/ReactableTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactableTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/reactable/helpers/ReactableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAQzD,OAAO,EAAC,kBAAkB,EAAE,eAAe,EAAE,uBAAuB,EAAC,MAAM,UAAU,CAAC;AACtF,OAAO,EAAC,QAAQ,EAAE,kBAAkB,EAAE,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGtF,aAAK,KAAK,CAAC,CAAC,EAAE,EAAE,SAAS,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,IAAI;IAC9D,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC;IAC/B,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,EAAE,SAAS,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,EAAE,EACxF,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,aAAa,EAAE,MAAM,EACrB,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,qBAmId"}

package/lib/esm/components/reactable/helpers/ReactableTable.js

@@ -1,78 +0,0 @@
-import React, { useRef, useEffect, useState } from 'react';
-import { Trans } from '../../../i18n';
-import cx from 'classnames';
-import { Button, Modal, SpinnerContainer } from '@deviceinsight/ng-ui-basic-components';
-import ReactableTableRow from './ReactableTableRow';
-import ReactableTableHeader from './ReactableTableHeader';
-import ReactableTableFilterRow from './ReactableTableFilterRow';
-import { readAccountObject, writeAccountObject } from '@deviceinsight/ng-ui-api-client';
-export default function ReactableTable({ columnDefs, uniqueItemKey, paginationSettings, onSort, onFilter, tableName, pageable, isLoading, rowDef, clickable, messageWhenEmpty, 'data-testid': testId }) {
-    const containerRef = useRef(null);
-    const tableRef = useRef(null);
-    const [showScrollingAdvice, setShowScrollingAdvice] = useState(false);
-    const [neverShowScrollingAdvice, setNeverShowScrollingAdvice] = useState(true);
-    const [hasInitialized, setHasInitialized] = useState(false);
-    const HIDE_SCROLLING_ADVICE_PATH = 'uiConfigurations/nevershowscrollingadvice';
-    const neverShowScrollingAdviceRef = useRef(neverShowScrollingAdvice);
-    useEffect(() => {
-        neverShowScrollingAdviceRef.current = neverShowScrollingAdvice;
-    }, [neverShowScrollingAdvice]);
-    const updateScrollingAdvice = () => {
-        if (containerRef.current && tableRef.current) {
-            setShowScrollingAdvice(!neverShowScrollingAdviceRef.current && tableRef.current.scrollWidth > containerRef.current.offsetWidth);
-        }
-    };
-    useEffect(() => {
-        setTimeout(() => {
-            (async () => {
-                try {
-                    const value = await readAccountObject(HIDE_SCROLLING_ADVICE_PATH);
-                    const neverShow = value === true;
-                    setNeverShowScrollingAdvice(neverShow);
-                    neverShowScrollingAdviceRef.current = neverShow;
-                    if (!neverShow) {
-                        updateScrollingAdvice();
-                    }
-                }
-                catch (error) {
-                    setNeverShowScrollingAdvice(false);
-                    neverShowScrollingAdviceRef.current = false;
-                    updateScrollingAdvice();
-                }
-                setHasInitialized(true);
-            })();
-        }, 0);
-    }, []);
-    useEffect(() => {
-        updateScrollingAdvice();
-        window.addEventListener('resize', updateScrollingAdvice);
-        return () => window.removeEventListener('resize', updateScrollingAdvice);
-    }, [pageable, columnDefs]);
-    const showFilterRow = columnDefs.some((col) => col.filterable);
-    return (React.createElement(SpinnerContainer, { show: isLoading },
-        React.createElement("div", { ref: containerRef, className: "di reactable scroll-x" },
-            hasInitialized && showScrollingAdvice && !isLoading && (React.createElement(Modal, { className: "scroll-horizontally-advice", content: React.createElement("div", null,
-                    React.createElement(Trans, { i18nKey: "reactable.scrollHorizontally.advice" }, "SHIFT + mouse wheel to scroll horizontally"),
-                    React.createElement("div", { className: "scroll-horizontally-advice-buttons" },
-                        React.createElement(Button, { primary: true, onClick: async () => {
-                                await writeAccountObject(HIDE_SCROLLING_ADVICE_PATH, true);
-                                setNeverShowScrollingAdvice(true);
-                                neverShowScrollingAdviceRef.current = true;
-                                setShowScrollingAdvice(false);
-                            } },
-                            React.createElement(Trans, { i18nKey: "reactable.scrollHorizontally.neverShowAgain" }, "Never show again")),
-                        React.createElement(Button, { onClick: () => setShowScrollingAdvice(false) },
-                            React.createElement(Trans, { i18nKey: "reactable.scrollHorizontally.ok" }, "OK")))), width: '40%' })),
-            React.createElement("table", { ref: tableRef, className: cx('di reactable sortable hoverable', { selectable: clickable }), "data-testid": testId },
-                React.createElement("thead", null,
-                    React.createElement(ReactableTableHeader, { columnDefs: columnDefs, paginationSettings: paginationSettings, onSort: onSort, tableName: tableName })),
-                React.createElement("tbody", null,
-                    onFilter && showFilterRow && (React.createElement(ReactableTableFilterRow, { columnDefs: columnDefs, onFilter: onFilter, tableName: tableName })),
-                    pageable?.content.length
-                        ? pageable.content
-                            .slice(0, paginationSettings.size)
-                            .map((item) => (React.createElement(ReactableTableRow, { key: uniqueItemKey(item), columnDefs: columnDefs, item: item, rowDef: rowDef, tableName: tableName })))
-                        : !isLoading && (React.createElement("tr", null,
-                            React.createElement("td", { colSpan: columnDefs.length },
-                                React.createElement(Trans, { i18nKey: messageWhenEmpty ?? 'reactable.noEntriesFound' }, "No entries found")))))))));
-}

package/lib/esm/components/reactable/helpers/ReactableTableFilterRow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactableTableFilterRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/reactable/helpers/ReactableTableFilterRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAC,kBAAkB,EAAE,uBAAuB,EAAC,MAAM,UAAU,CAAC;AAKrE,aAAK,KAAK,GAAG;IACZ,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3C,QAAQ,EAAE,CAAC,aAAa,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AACF,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwH5C,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/lib/esm/components/reactable/helpers/ReactableTableFilterRow.js

@@ -1,81 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { useTranslation } from '../../../i18n';
-import ReactableTextFilter from './ReactableTextFilter';
-import { getClassName } from './helper';
-import SelectWithSearch from '../../input/SelectWithSearch';
-const ReactableTableFilterRow = ({ columnDefs, onFilter, tableName }) => {
-    const { t } = useTranslation();
-    const [state, setState] = useState({});
-    useEffect(() => {
-        setState((prev) => {
-            const merged = {};
-            for (const cd of columnDefs) {
-                merged[cd.name] = prev[cd.name] !== undefined ? prev[cd.name] : cd.filterable?.initialValue ?? '';
-            }
-            const prevKeys = Object.keys(prev);
-            const mergedKeys = Object.keys(merged);
-            const sameKeys = mergedKeys.length === prevKeys.length && mergedKeys.every((k) => prevKeys.includes(k));
-            const sameValues = sameKeys && mergedKeys.every((k) => merged[k] === prev[k]);
-            if (sameKeys && sameValues) {
-                return prev; // no change
-            }
-            if (Object.values(merged).some((v) => v)) {
-                onFilter(merged);
-            }
-            return merged;
-        });
-    }, [columnDefs, onFilter]);
-    const changeFilter = (columnName, value) => {
-        const newState = { ...state, [columnName]: value };
-        setState(newState);
-        onFilter(newState);
-    };
-    const getFilterByColumnDef = (columnDef) => {
-        if (columnDef.filterable) {
-            switch (columnDef.filterable.filterType) {
-                case 'text':
-                    return textFilter(columnDef);
-                case 'options':
-                    return optionsFilter(columnDef);
-                default:
-                    throw new Error(`Filter type ${columnDef.filterable.filterType} not supported`);
-            }
-        }
-        return null;
-    };
-    const textFilter = (columnDef) => {
-        return React.createElement(ReactableTextFilter, { columnDef: columnDef, changeFilter: changeFilter });
-    };
-    const optionsFilter = (columnDef) => {
-        if (!columnDef.filterable?.filterOptions) {
-            throw new Error(`No filterOptions found for column type: options on columnDef: ${columnDef.name}`);
-        }
-        const filterOptions = columnDef.filterable.filterOptions;
-        if (columnDef.filterable.searchableOptions) {
-            const searchableOptions = filterOptions.map((option) => ({
-                type: 'item',
-                label: typeof option.label === 'string'
-                    ? option.label
-                    : t(option.label.id, { defaultValue: option.label.defaultValue }),
-                value: option.value
-            }));
-            const value = state[columnDef.name];
-            return (React.createElement(SelectWithSearch, { options: searchableOptions, onChange: (item) => {
-                    changeFilter(columnDef.name, item?.value);
-                }, value: value ? searchableOptions.find((opt) => opt.value === value.toString()) : null, clearable: true }));
-        }
-        else {
-            return (React.createElement("select", { onChange: (event) => {
-                    changeFilter(columnDef.name, event.target.value);
-                }, value: state[columnDef.name] },
-                React.createElement("option", { key: "", value: "" }, t('reactable.filter.all', {
-                    defaultValue: '- All -'
-                })),
-                filterOptions.map((option) => (React.createElement("option", { className: getClassName(tableName, columnDef.name), key: option.value, value: option.value }, typeof option.label === 'string'
-                    ? option.label
-                    : t(option.label.id, { defaultValue: option.label.defaultValue }))))));
-        }
-    };
-    return (React.createElement("tr", { className: "di filterrow form" }, columnDefs.map((columnDef) => (React.createElement("td", { key: columnDef.name, style: { textAlign: columnDef.align || 'left' } }, getFilterByColumnDef(columnDef))))));
-};
-export default ReactableTableFilterRow;

package/lib/esm/components/reactable/helpers/ReactableTableHeader.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { ReactableColumnDef, ReactableColumnLabel } from '../types';
-import { PaginationSettings, SortDirection } from '../../../types/pagination';
-declare type Props = {
-    columnDefs: Array<ReactableColumnDef<any>>;
-    paginationSettings: PaginationSettings;
-    onSort: (property: string, direction: SortDirection) => void;
-    tableName?: string;
-};
-export default class ReactableTableHeader extends React.Component<Props> {
-    handleSort: (columnDef: ReactableColumnDef<unknown>) => void;
-    getClassName: (columnDef: ReactableColumnDef<any>) => string;
-    printLabel: (label: ReactableColumnLabel) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | import("../../../types/i18n").TranslationDescriptor | null | undefined;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=ReactableTableHeader.d.ts.map

package/lib/esm/components/reactable/helpers/ReactableTableHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactableTableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/reactable/helpers/ReactableTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,kBAAkB,EAAE,oBAAoB,EAAC,MAAM,UAAU,CAAC;AAClE,OAAO,EAAC,kBAAkB,EAAE,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAK5E,aAAK,KAAK,GAAG;IACZ,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3C,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IACvE,UAAU,EAAE,CAAC,SAAS,EAAE,kBAAkB,CAAC,OAAO,CAAC,KAAK,IAAI,CAO1D;IAEF,YAAY,cAAe,mBAAmB,GAAG,CAAC,YAiBhD;IAEF,UAAU,UAAW,oBAAoB,wJAQvC;IAEF,MAAM;CAuBN"}

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

@@ -1,54 +0,0 @@
-import * as React from 'react';
-import { Trans } from '../../../i18n';
-import { getClassName } from './helper';
-const toggleSortDirection = (direction) => (direction === 'ASC' ? 'DESC' : 'ASC');
-export default 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, tableName } = this.props;
-            const className = getClassName(tableName, columnDef.name);
-            if (columnDef.sortable) {
-                if (columnDef.name === paginationSettings.sort.property) {
-                    if (paginationSettings.sort.direction === 'ASC') {
-                        return `${className} sortable sortAsc`;
-                    }
-                    else {
-                        return `${className} sortable sortDes`;
-                    }
-                }
-                else {
-                    return `${className} sortable`;
-                }
-            }
-            else {
-                return `${className}`;
-            }
-        };
-        this.printLabel = (label) => {
-            // @ts-ignore
-            if (typeof label === 'object' && label.id && typeof label.id === 'string') {
-                // @ts-ignore
-                return React.createElement(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))))));
-    }
-}

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

@@ -1,17 +0,0 @@
-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;
-    tableName?: string;
-};
-export default class ReactableTableRow extends React.Component<Props<any>> {
-    getRowClass: () => string;
-    handleClick: () => void;
-    getTooltip: () => string;
-    getRowStyle: () => React.CSSProperties | undefined;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=ReactableTableRow.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AAG7D,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;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,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;CAmCN"}

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

@@ -1,57 +0,0 @@
-import * as React from 'react';
-import { getClassName } from './helper';
-export default 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, tableName } = 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, className: getClassName(tableName, columnDef.name) }, columnDef.render(item)));
-        })));
-    }
-}

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

@@ -1 +0,0 @@
-{"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/esm/components/reactable/helpers/ReactableTextFilter.js

@@ -1,18 +0,0 @@
-import React, { useState } from 'react';
-import { useTranslation } from '../../../i18n';
-const getInitialValueFromColumnDef = (columnDef) => {
-    return columnDef.filterable?.initialValue ?? '';
-};
-const ReactableTextFilter = ({ columnDef, changeFilter }) => {
-    const { t } = useTranslation();
-    const [value, setValue] = useState(getInitialValueFromColumnDef(columnDef));
-    const handleChange = (event) => {
-        const newValue = event.target.value;
-        setValue(newValue);
-        changeFilter(columnDef.name, newValue);
-    };
-    return (React.createElement("input", { type: "text", placeholder: t(`${columnDef.filterable?.placeholder ?? 'reactable.filter.placeholder'}`, {
-            defaultValue: 'Filter...'
-        }), onChange: handleChange, value: value }));
-};
-export default ReactableTextFilter;

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

@@ -1,8 +0,0 @@
-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>>;
-export declare function getClassName(tableName: string | undefined, columnName: string): string;
-//# sourceMappingURL=helper.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAEtF"}

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

@@ -1,93 +0,0 @@
-import * as React from 'react';
-import { Checkbox } from '@deviceinsight/ng-ui-basic-components';
-export 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]
-    };
-}
-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;
-    }
-};
-export 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;
-}
-function findColumnDefByName(columnName, columnDefs) {
-    const columnDef = columnDefs.find((cd) => cd.name === columnName);
-    if (!columnDef) {
-        throw Error(`column definition not found for ${columnName}`);
-    }
-    return columnDef;
-}
-export 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;
-        }
-    });
-}
-export function extendColumnDefsWithCheckboxes(columnDefs, onSelectChange, onSelectAllChange, selectedAll, selectedItems, uniqueItemKey) {
-    return [
-        {
-            name: 'checkbox',
-            label: (React.createElement(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(Checkbox, { value: selectedItems.includes(uniqueItemKey(item)), onChange: (selected) => onSelectChange(selected, item) }));
-            },
-            width: '1%'
-        },
-        ...columnDefs
-    ];
-}
-export function getClassName(tableName, columnName) {
-    return `${tableName || 'unnamedTable'}-${columnName}`;
-}

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

@@ -1,39 +0,0 @@
-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;
-    searchableOptions?: boolean;
-};
-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/esm/components/reactable/types.d.ts.map

@@ -1 +0,0 @@
-{"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;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B,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/esm/components/reactable/types.js

@@ -1 +0,0 @@
-export {};