@deviceinsight/ng-ui-components 6.30.0 → 7.1.0

package/lib/cjs/components/periodpicker/components/Menu.js

@@ -1,125 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const i18n_1 = require("../../../i18n");
-const dayjs_1 = __importDefault(require("dayjs"));
-const ng_ui_basic_components_1 = require("@deviceinsight/ng-ui-basic-components");
-const DateInput_1 = __importDefault(require("../../input/DateInput"));
-const MonthPicker_1 = __importDefault(require("./MonthPicker"));
-const icon_calendar_svg_1 = __importDefault(require("../../../assets/svg/icon_calendar.svg"));
-const triangle_down_svg_1 = __importDefault(require("../../../assets/svg/triangle_down.svg"));
-const periods_1 = require("../periods");
-function Menu({ onChange, onShowCustomPeriod, periodName, timezone }) {
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    const [showDatePicker, setShowDatePicker] = (0, react_1.useState)(false);
-    const [showMonthPicker, setShowMonthPicker] = (0, react_1.useState)(false);
-    const [datePickerDate, setDatePickerDate] = (0, react_1.useState)(Date.now());
-    function setPeriod(period) {
-        onChange(period);
-        setVisible(false);
-        if (onShowCustomPeriod) {
-            onShowCustomPeriod(false);
-        }
-    }
-    function setPeriodSpecificDate(date) {
-        setPeriod((0, periods_1.createWholeDay)(date ?? Date.now(), timezone));
-        setShowDatePicker(false);
-        setDatePickerDate(date ?? undefined);
-    }
-    function setPeriodSpecificMonth(month, year) {
-        setPeriod((0, periods_1.createWholeMonth)((0, dayjs_1.default)()
-            .year(year)
-            .month(month - 1)
-            .valueOf(), timezone));
-        setShowMonthPicker(false);
-    }
-    function toggleDatePicker() {
-        setShowDatePicker(!showDatePicker);
-        setShowMonthPicker(false);
-    }
-    function toggleMonthPicker() {
-        setShowMonthPicker(!showMonthPicker);
-        setShowDatePicker(false);
-    }
-    function handleCustomPeriodSelect() {
-        setVisible(false);
-        if (onShowCustomPeriod) {
-            onShowCustomPeriod(true);
-        }
-    }
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(ng_ui_basic_components_1.Popup, { active: visible, onHide: () => setVisible(false), handler: react_1.default.createElement(ng_ui_basic_components_1.Button, { "data-testid": "time-period-menu-button", title: {
-                    id: 'trend.calendarMenu.calendar.timePeriod',
-                    defaultValue: 'Time Period'
-                }, onClick: () => setVisible((visible) => !visible) },
-                react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("img", { src: icon_calendar_svg_1.default, alt: "calendar icon", style: { width: 16, height: 16 } }),
-                    "\u00A0",
-                    !!periodName && (react_1.default.createElement("span", null,
-                        "\u00A0",
-                        periodName,
-                        "\u00A0")),
-                    react_1.default.createElement("img", { src: triangle_down_svg_1.default, alt: "triangle down", style: { width: 16, height: 16 } }))) },
-            react_1.default.createElement("div", { className: "di multimenu period-picker-multimenu" },
-                react_1.default.createElement("div", { className: `drop bottom ${visible ? 'show' : ''}` },
-                    react_1.default.createElement("div", { className: `left-box ${showDatePicker ? 'show' : ''}` },
-                        react_1.default.createElement(DateInput_1.default, { inline: true, value: datePickerDate, onChange: setPeriodSpecificDate })),
-                    react_1.default.createElement("div", { className: `left-box ${showMonthPicker ? 'show' : ''}` },
-                        react_1.default.createElement(MonthPicker_1.default, { onChange: setPeriodSpecificMonth })),
-                    react_1.default.createElement("div", { className: "right-box" },
-                        react_1.default.createElement("div", { className: "item", "data-testid": "today-button", onClick: () => setPeriod((0, periods_1.createToday)(timezone)) },
-                            react_1.default.createElement("div", { className: "item-text" },
-                                react_1.default.createElement(i18n_1.Trans, { i18nKey: "trend.calendarMenu.timePeriod.today" }, "Today"))),
-                        react_1.default.createElement("div", { className: "item", "data-testid": "yesterday-button", onClick: () => setPeriod((0, periods_1.createYesterday)(timezone)) },
-                            react_1.default.createElement("div", { className: "item-text" },
-                                react_1.default.createElement(i18n_1.Trans, { i18nKey: "trend.calendarMenu.timePeriod.yesterday" }, "Yesterday"))),
-                        react_1.default.createElement("div", { className: "item" },
-                            react_1.default.createElement("div", { "data-testid": "last-7-days-button", className: "item-text", onClick: () => setPeriod((0, periods_1.createLastXDays)(7, timezone)) },
-                                react_1.default.createElement(i18n_1.Trans, { i18nKey: "trend.calendarMenu.timePeriod.lastSevenDays" }, "Last 7 days")),
-                            react_1.default.createElement("div", { className: "item-more icon triangle" },
-                                react_1.default.createElement("div", { className: "item-more-submenu" }, [2, 3, 5, 10, 14, 30].map((days) => (react_1.default.createElement("div", { className: "subitem", key: days, onClick: () => setPeriod((0, periods_1.createLastXDays)(days, timezone)) }, days)))))),
-                        react_1.default.createElement("div", { className: "item", "data-testid": "current-week-button", onClick: () => setPeriod((0, periods_1.createCurrentWeek)(timezone)) },
-                            react_1.default.createElement("div", { className: "item-text" },
-                                react_1.default.createElement(i18n_1.Trans, { i18nKey: "trend.calendarMenu.timePeriod.currentWeek" }, "Curr. Week"))),
-                        react_1.default.createElement("div", { className: "item", "data-testid": "current-month-button", onClick: () => setPeriod((0, periods_1.createCurrentMonth)(timezone)) },
-                            react_1.default.createElement("div", { className: "item-text" },
-                                react_1.default.createElement(i18n_1.Trans, { i18nKey: "trend.calendarMenu.timePeriod.currentMonth" }, "Curr. Month"))),
-                        react_1.default.createElement("div", { className: "item", "data-testid": "day-button", onClick: toggleDatePicker },
-                            react_1.default.createElement("div", { className: "item-text" },
-                                react_1.default.createElement(i18n_1.Trans, { i18nKey: "trend.calendarMenu.timePeriod.day" }, "Day"),
-                                react_1.default.createElement("div", { className: "item-more icon dots" }))),
-                        react_1.default.createElement("div", { className: "item", "data-testid": "month-button", onClick: toggleMonthPicker },
-                            react_1.default.createElement("div", { className: "item-text" },
-                                react_1.default.createElement(i18n_1.Trans, { i18nKey: "trend.calendarMenu.timePeriod.month" }, "Month"),
-                                react_1.default.createElement("div", { className: "item-more icon dots" }))),
-                        onShowCustomPeriod !== undefined && (react_1.default.createElement("div", { className: "item", "data-testid": "from-to-button", onClick: handleCustomPeriodSelect },
-                            react_1.default.createElement("div", { className: "item-text" },
-                                react_1.default.createElement(i18n_1.Trans, { i18nKey: "trend.calendarMenu.timePeriod.fromto" }, "From/to"))))))))));
-}
-exports.default = Menu;

package/lib/cjs/components/periodpicker/components/MonthPicker.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-declare type OwnProps = {
-    month?: number;
-    year?: number;
-    onChange: (month: number, year: number) => void;
-};
-declare type Props = OwnProps;
-declare type State = {
-    selectedMonth: number;
-    selectedYear: number;
-    displayedYear: number;
-};
-export default class MonthPicker extends React.Component<Props, State> {
-    constructor(props: Props);
-    tdMonth: (month: number) => React.JSX.Element;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=MonthPicker.d.ts.map

package/lib/cjs/components/periodpicker/components/MonthPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonthPicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/periodpicker/components/MonthPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,aAAK,QAAQ,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,aAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,aAAK,KAAK,GAAG;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBACzD,KAAK,EAAE,KAAK;IAWxB,OAAO,UAAW,MAAM,uBAiBtB;IAEF,MAAM;CAwDN"}

package/lib/cjs/components/periodpicker/components/MonthPicker.js

@@ -1,91 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const dayjs_1 = __importDefault(require("dayjs"));
-const classnames_1 = __importDefault(require("classnames"));
-class MonthPicker extends React.Component {
-    constructor(props) {
-        super(props);
-        this.tdMonth = (month) => {
-            const { selectedMonth, selectedYear, displayedYear } = this.state;
-            return (React.createElement("td", { "data-testid": `month-${month}-button`, onClick: () => {
-                    this.props.onChange(month, displayedYear);
-                    this.setState({
-                        selectedMonth: month,
-                        selectedYear: displayedYear
-                    });
-                }, className: (0, classnames_1.default)({ selected: month === selectedMonth && displayedYear === selectedYear }) }, (0, dayjs_1.default)(`${selectedYear}/${month.toString().padStart(2, '0')}/01`, 'YYYY/MM/DD').format('MMM')));
-        };
-        const month = props.month !== null && props.month !== undefined ? props.month : (0, dayjs_1.default)().month() + 1;
-        const year = props.year !== null && props.year !== undefined ? props.year : (0, dayjs_1.default)().year();
-        this.state = {
-            selectedMonth: month,
-            selectedYear: year,
-            displayedYear: year
-        };
-    }
-    render() {
-        const { displayedYear } = this.state;
-        return (React.createElement("div", { className: "di monthpicker" },
-            React.createElement("div", { className: "pager" },
-                React.createElement("span", { className: "page-nav prev", onClick: () => {
-                        this.setState({
-                            displayedYear: displayedYear - 1
-                        });
-                    } }),
-                React.createElement("span", { className: "page-nav info" }, displayedYear),
-                React.createElement("span", { className: "page-nav next", onClick: () => {
-                        this.setState({
-                            displayedYear: displayedYear + 1
-                        });
-                    } })),
-            React.createElement("div", { className: "months" },
-                React.createElement("table", { style: {
-                        margin: 'auto'
-                    } },
-                    React.createElement("tbody", null,
-                        React.createElement("tr", null,
-                            this.tdMonth(1),
-                            this.tdMonth(2),
-                            this.tdMonth(3)),
-                        React.createElement("tr", null,
-                            this.tdMonth(4),
-                            this.tdMonth(5),
-                            this.tdMonth(6)),
-                        React.createElement("tr", null,
-                            this.tdMonth(7),
-                            this.tdMonth(8),
-                            this.tdMonth(9)),
-                        React.createElement("tr", null,
-                            this.tdMonth(10),
-                            this.tdMonth(11),
-                            this.tdMonth(12)))))));
-    }
-}
-exports.default = MonthPicker;

package/lib/cjs/components/periodpicker/periods.js

@@ -1,71 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.periodToDays = exports.createLastXDays = exports.createWholeMonth = exports.createWholeDay = exports.createCurrentMonth = exports.createCurrentWeek = exports.createYesterday = exports.createToday = exports.dayjsTz = void 0;
-const dayjs_1 = __importDefault(require("dayjs"));
-const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
-const utc_1 = __importDefault(require("dayjs/plugin/utc"));
-dayjs_1.default.extend(timezone_1.default);
-dayjs_1.default.extend(utc_1.default);
-function dayjsTz(timezone, ts) {
-    return timezone ? dayjs_1.default.tz(ts, timezone) : (0, dayjs_1.default)(ts);
-}
-exports.dayjsTz = dayjsTz;
-function createToday(timezone) {
-    return {
-        tsStart: dayjsTz(timezone).startOf('day').valueOf(),
-        tsEnd: dayjsTz(timezone).endOf('day').valueOf()
-    };
-}
-exports.createToday = createToday;
-function createYesterday(timezone) {
-    return {
-        tsStart: dayjsTz(timezone).subtract(1, 'day').startOf('day').valueOf(),
-        tsEnd: dayjsTz(timezone).subtract(1, 'day').endOf('day').valueOf()
-    };
-}
-exports.createYesterday = createYesterday;
-function createCurrentWeek(timezone) {
-    return {
-        tsStart: dayjsTz(timezone).startOf('week').valueOf(),
-        tsEnd: dayjsTz(timezone).endOf('week').valueOf()
-    };
-}
-exports.createCurrentWeek = createCurrentWeek;
-function createCurrentMonth(timezone) {
-    return {
-        tsStart: dayjsTz(timezone).startOf('month').valueOf(),
-        tsEnd: dayjsTz(timezone).endOf('month').valueOf()
-    };
-}
-exports.createCurrentMonth = createCurrentMonth;
-function createWholeDay(tsMiddle, timezone) {
-    return {
-        tsStart: dayjsTz(timezone, tsMiddle).startOf('day').valueOf(),
-        tsEnd: dayjsTz(timezone, tsMiddle).endOf('day').valueOf()
-    };
-}
-exports.createWholeDay = createWholeDay;
-function createWholeMonth(tsMiddle, timezone) {
-    return {
-        tsStart: dayjsTz(timezone, tsMiddle).startOf('month').valueOf(),
-        tsEnd: dayjsTz(timezone, tsMiddle).endOf('month').valueOf()
-    };
-}
-exports.createWholeMonth = createWholeMonth;
-function createLastXDays(days, timezone) {
-    const tsStart = dayjsTz(timezone)
-        .subtract(days - 1, 'days')
-        .startOf('day')
-        .valueOf();
-    const tsEnd = (0, dayjs_1.default)().endOf('day').valueOf();
-    return { tsStart, tsEnd };
-}
-exports.createLastXDays = createLastXDays;
-const DAY_TO_MILLIS = 1000 * 60 * 60 * 24;
-function periodToDays({ tsStart, tsEnd }) {
-    return Math.round((tsEnd - tsStart + 1) / DAY_TO_MILLIS);
-}
-exports.periodToDays = periodToDays;

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

@@ -1,5 +0,0 @@
-export declare type Period = {
-    tsStart: number;
-    tsEnd: number;
-};
-//# sourceMappingURL=types.d.ts.map

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

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

package/lib/cjs/components/periodpicker/usePeriodName.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const i18n_1 = require("../../i18n");
-const periods_1 = require("./periods");
-function compare(period1, period2) {
-    return period1.tsStart === period2.tsStart && period1.tsEnd === period2.tsEnd;
-}
-/**
- * This hook takes a period and tries to find its translation.
- * @param period
- */
-function usePeriodName(period, timezone) {
-    const { t } = (0, i18n_1.useTranslation)();
-    if (compare(period, (0, periods_1.createToday)(timezone))) {
-        return t('trend.calendarMenu.timePeriod.today', { defaultValue: 'Today' });
-    }
-    if (compare(period, (0, periods_1.createYesterday)(timezone))) {
-        return t('trend.calendarMenu.timePeriod.yesterday', { defaultValue: 'Yesterday' });
-    }
-    if (compare(period, (0, periods_1.createCurrentWeek)(timezone))) {
-        return t('trend.calendarMenu.timePeriod.currentWeek', { defaultValue: 'Curr. Week' });
-    }
-    if (compare(period, (0, periods_1.createCurrentMonth)(timezone))) {
-        return t('trend.calendarMenu.timePeriod.currentMonth', { defaultValue: 'Curr. Month' });
-    }
-    if (compare(period, (0, periods_1.createWholeDay)((period.tsStart + period.tsEnd) / 2, timezone))) {
-        return t('trend.calendarMenu.timePeriod.day', { defaultValue: 'Day' });
-    }
-    if (compare(period, (0, periods_1.createWholeMonth)((period.tsStart + period.tsEnd) / 2, timezone))) {
-        return t('trend.calendarMenu.timePeriod.month', { defaultValue: 'Month' });
-    }
-    const days = (0, periods_1.periodToDays)(period);
-    if (compare(period, (0, periods_1.createLastXDays)(days, timezone))) {
-        return t('trend.calendarMenu.timePeriod.lastDays', {
-            defaultValue: `Last ${days} days`,
-            days: days
-        });
-    }
-    return undefined;
-}
-exports.default = usePeriodName;

package/lib/cjs/components/prompt/Prompt.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { TranslationDescriptor } from '../../types/i18n';
-export declare type Props = {
-    /** Title of the Prompt's content */
-    title: TranslationDescriptor;
-    /** Label of the Prompt's input field */
-    message: TranslationDescriptor;
-    /** @ignore */
-    onAccept: (arg0: string) => void;
-    /** @ignore */
-    onCancel: (...args: Array<any>) => any;
-    /** (Optional) if sets, returns custom label for the accept button */
-    acceptButtonLabel?: TranslationDescriptor;
-    /** (Optional) if sets, returns custom label for the cancel button */
-    cancelButtonLabel?: TranslationDescriptor;
-    /** (Optional) if sets, returns custom placeholder for the input field */
-    inputPlaceholder?: TranslationDescriptor;
-};
-/**
- * This component should not be used directly, instead use `@withPrompt` to inject a promise-based prompt method
- */
-export default function Prompt({ title, message, onAccept, onCancel, inputPlaceholder, cancelButtonLabel, acceptButtonLabel }: Props): React.JSX.Element;
-//# sourceMappingURL=Prompt.d.ts.map

package/lib/cjs/components/prompt/Prompt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,oBAAY,KAAK,GAAG;IACnB,oCAAoC;IACpC,KAAK,EAAE,qBAAqB,CAAC;IAE7B,wCAAwC;IACxC,OAAO,EAAE,qBAAqB,CAAC;IAE/B,cAAc;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,cAAc;IACd,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IAEvC,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAE1C,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAE1C,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,EAAE,KAAK,qBAiEP"}

package/lib/cjs/components/prompt/Prompt.js

@@ -1,57 +0,0 @@
-"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 ng_ui_basic_components_1 = require("@deviceinsight/ng-ui-basic-components");
-/**
- * This component should not be used directly, instead use `@withPrompt` to inject a promise-based prompt method
- */
-function Prompt({ title, message, onAccept, onCancel, inputPlaceholder, cancelButtonLabel, acceptButtonLabel }) {
-    const { t } = (0, i18n_1.useTranslation)();
-    const inputRef = (0, react_1.useRef)(null);
-    const [value, setValue] = (0, react_1.useState)('');
-    (0, react_1.useEffect)(() => {
-        inputRef.current?.focus();
-    });
-    return (react_1.default.createElement(ng_ui_basic_components_1.Modal, { header: t(title.id, {
-            defaultValue: title.defaultValue
-        }), content: react_1.default.createElement("div", { className: "di form" },
-            react_1.default.createElement("div", { className: "field" },
-                react_1.default.createElement("label", null,
-                    react_1.default.createElement(i18n_1.Trans, { i18nKey: message.id }, message.defaultValue)),
-                react_1.default.createElement("input", { type: "text", style: {
-                        width: 250
-                    }, ref: inputRef, placeholder: inputPlaceholder
-                        ? t(inputPlaceholder.id, {
-                            defaultValue: inputPlaceholder.defaultValue
-                        })
-                        : undefined, onChange: (event) => setValue(event.target.value) }))), footer: react_1.default.createElement("div", null,
-            react_1.default.createElement(ng_ui_basic_components_1.Button, { primary: true, onClick: () => {
-                    onAccept(value);
-                }, disabled: !value.length }, acceptButtonLabel ? (react_1.default.createElement(i18n_1.Trans, { i18nKey: acceptButtonLabel.id }, acceptButtonLabel.defaultValue)) : (react_1.default.createElement(i18n_1.Trans, { i18nKey: "form.accept" }, "Accept"))),
-            react_1.default.createElement(ng_ui_basic_components_1.Button, { onClick: onCancel }, cancelButtonLabel ? (react_1.default.createElement(i18n_1.Trans, { i18nKey: cancelButtonLabel.id }, cancelButtonLabel.defaultValue)) : (react_1.default.createElement(i18n_1.Trans, { i18nKey: "form.cancel" }, "Cancel")))), width: 600 }));
-}
-exports.default = Prompt;

package/lib/cjs/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/cjs/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/cjs/components/prompt/withPrompt.js

@@ -1,62 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const Prompt_1 = __importDefault(require("./Prompt"));
-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_1.default, { 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
-            ];
-        }
-    };
-}
-exports.default = withPrompt;

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

@@ -1,41 +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>> {
-    componentDidUpdate(prevProps: Props<T, ID>): void;
-    render(): React.JSX.Element;
-}
-//# sourceMappingURL=Reactable.d.ts.map

package/lib/cjs/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,kBAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;IAgB1C,MAAM;CAoBN"}

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

@@ -1,59 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const Pagination_1 = __importDefault(require("../pagination/Pagination"));
-const ReactableTable_1 = __importDefault(require("./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
- */
-class Reactable extends React.Component {
-    componentDidUpdate(prevProps) {
-        const { pageable, paginationSettings, onChangePage } = this.props;
-        if (!pageable) {
-            return;
-        }
-        const totalPages = pageable.totalPages || 0;
-        const currentPage = paginationSettings.page;
-        const clampedPage = totalPages > 0 ? Math.min(currentPage, totalPages - 1) : 0;
-        if (currentPage !== clampedPage) {
-            onChangePage(clampedPage);
-        }
-    }
-    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_1.default, { ...this.props }),
-            pageable && showPagination && (React.createElement(Pagination_1.default, { page: paginationSettings.page, totalPages: pageable.totalPages, onChangePage: onChangePage, onChangeSize: onChangeSize, size: paginationSettings.size }))));
-    }
-}
-exports.default = Reactable;