rosie-ui 0.0.3

package/dist/js/components/date-picker.component.d.ts

@@ -0,0 +1,26 @@
+type DatePickerComponentProps = {
+    dateFormat?: string;
+    value: Date;
+    onChange: (value: Date) => void;
+    className?: string;
+};
+export declare function DatePickerComponent(props: DatePickerComponentProps): import("react/jsx-runtime").JSX.Element;
+type DatePickerPortalProps = {
+    value: Date;
+    onChange: (value: Date) => void;
+};
+export declare function DatePickerPortal(props: DatePickerPortalProps): import("react/jsx-runtime").JSX.Element;
+type DatePickerProps = {
+    value: Date;
+    onChange: (value: Date) => void;
+    dateFormat?: string;
+};
+export declare function DatePicker(props: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+type DateRangePickerProps = {
+    startDate: Date;
+    endDate: Date;
+    buttonText?: string;
+    onChange: (startDate: Date, endDate: Date) => void;
+};
+export declare function DateRangePicker(props: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/js/components/date-picker.component.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { classNames, guid, isDate } from '../util';
+export function DatePickerComponent(props) {
+    var _a;
+    var datePickerId = useState(guid('datepicker-'))[0], dateFormat = useState(props.dateFormat || 'yyyy-MM-dd')[0], _b = useState(props.value), date = _b[0], setDate = _b[1], _c = useState((_a = date === null || date === void 0 ? void 0 : date.format(dateFormat)) !== null && _a !== void 0 ? _a : ''), dateStr = _c[0], setDateStr = _c[1];
+    useEffect(function () { setDate(props.value); }, [props.value]);
+    useEffect(function () { var _a; setDateStr((_a = date === null || date === void 0 ? void 0 : date.format(dateFormat)) !== null && _a !== void 0 ? _a : ''); }, [date]);
+    function onChangeTextBox() {
+        var newDate = dateStr.parseDate();
+        if (isDate(newDate)) {
+            setDate(newDate);
+            onChange(newDate);
+        }
+    }
+    function onChange(newDate) {
+        props.onChange(newDate);
+    }
+    return _jsxs("div", { id: datePickerId, className: "dropdown", children: [_jsx("input", { type: "text", className: "form-control form-control-sm text-center dropdown-toggle", "data-bs-toggle": "dropdown", "data-bs-auto-close": "outside", value: dateStr, onChange: function (e) { return setDateStr(e.target.value); }, onKeyUp: function (e) { return e.key === 'Enter' && onChangeTextBox(); } }), _jsx("div", { className: "dropdown-menu dropdown-menu-end p-0", children: _jsx(DatePickerPortal, { value: date, onChange: onChange }) })] });
+}
+export function DatePickerPortal(props) {
+    var _a = useState(null), viewDate = _a[0], setViewDate = _a[1], _b = useState([]), calendar = _b[0], setCalendar = _b[1];
+    useEffect(function () {
+        var value = props.value;
+        value && setViewDate(new Date(value.getFullYear(), value.getMonth(), 1));
+    }, [props.value]);
+    useEffect(function () {
+        if (!viewDate)
+            return;
+        var daysInWeek = 7, weeksInMonth = viewDate.getWeeksInMonth(), firstDayOfMonth = viewDate.getDay(), lastDayOfMonth = viewDate.endOfMonth().getDay(), daysInPreviousMonth = viewDate.minus(1, 'month').lengthOfMonth(), calendar = [];
+        for (var week = 0, counter = 0; week < weeksInMonth; ++week) {
+            calendar[week] = [];
+            for (var day = 0; day < daysInWeek; ++day) {
+                if (week === 0) {
+                    if (day < firstDayOfMonth) {
+                        calendar[week][day] = firstDayOfMonth - day - 1 - daysInPreviousMonth;
+                    }
+                    else {
+                        calendar[week][day] = ++counter;
+                    }
+                }
+                else if (week === weeksInMonth - 1) {
+                    if (day > lastDayOfMonth) {
+                        calendar[week][day] = lastDayOfMonth - day;
+                    }
+                    else {
+                        calendar[week][day] = ++counter;
+                    }
+                }
+                else {
+                    calendar[week][day] = ++counter;
+                }
+            }
+        }
+        setCalendar(calendar);
+    }, [viewDate]);
+    function update(day) {
+        var date = props.value;
+        if (day > 0) {
+            date = viewDate.plus(day - 1);
+        }
+        else if (0 > day && day > -7) {
+            date = viewDate.plus(1, 'month');
+            date = date.plus(Math.abs(day) - 1);
+        }
+        else {
+            var daysInPreviousMonth = viewDate.minus(1, 'month').lengthOfMonth();
+            date = viewDate.minus(day + daysInPreviousMonth + 1);
+        }
+        props.onChange(date);
+    }
+    return _jsxs("div", { className: "rosie-datepicker-portal card border-0 mb-0", children: [_jsxs("div", { className: "card-header p-0", children: [_jsxs("div", { className: "d-flex justify-content-between", children: [_jsx("div", { className: "rosie-datepicker-cell border-0 btn btn-sm cursor-pointer d-flex align-items-center justify-content-center", onClick: function () { return setViewDate(viewDate.minus(1, 'month')); }, children: _jsx("i", { className: "fa fa-caret-left" }) }), _jsx("div", { className: "rosie-datepicker-title font-weight-bold d-flex align-items-center", children: viewDate && viewDate.format('yyyy-MM') }), _jsx("div", { className: "rosie-datepicker-cell border-0 btn btn-sm cursor-pointer d-flex align-items-center justify-content-center", onClick: function () { return setViewDate(viewDate.plus(1, 'month')); }, children: _jsx("i", { className: "fa fa-caret-right" }) })] }), _jsxs("div", { className: "d-flex flex-row", children: [_jsx("div", { className: "rosie-datepicker-cell text-center p-2", children: _jsx("span", { className: "align-middle", children: "Su" }) }), _jsx("div", { className: "rosie-datepicker-cell text-center p-2", children: _jsx("span", { className: "align-middle", children: "Mo" }) }), _jsx("div", { className: "rosie-datepicker-cell text-center p-2", children: _jsx("span", { className: "align-middle", children: "Tu" }) }), _jsx("div", { className: "rosie-datepicker-cell text-center p-2", children: _jsx("span", { className: "align-middle", children: "We" }) }), _jsx("div", { className: "rosie-datepicker-cell text-center p-2", children: _jsx("span", { className: "align-middle", children: "Th" }) }), _jsx("div", { className: "rosie-datepicker-cell text-center p-2", children: _jsx("span", { className: "align-middle", children: "Fr" }) }), _jsx("div", { className: "rosie-datepicker-cell text-center p-2", children: _jsx("span", { className: "align-middle", children: "Sa" }) })] })] }), _jsx("div", { className: "card-body p-0", children: calendar.map(function (week, weekIdx) { return _jsx("div", { className: "d-flex flex-row", children: week.map(function (day, dayIdx) {
+                        var selected = day > 0 && props.value.equals(new Date(viewDate.getFullYear(), viewDate.getMonth(), day)), className = classNames('rosie-datepicker-cell rosie-datepicker-hover border-0 btn btn-sm', {
+                            'text-muted': day < 0,
+                            'btn-primary': selected,
+                        });
+                        return _jsx("button", { type: "button", className: className, onClick: function () { return update(day); }, children: day.abs() }, dayIdx);
+                    }) }, weekIdx); }) })] });
+}
+export function DatePicker(props) {
+    var _a = useState(Date.currentDate()), value = _a[0], setValue = _a[1];
+    useEffect(function () { props.value && setValue(props.value); }, [props.value]);
+    return _jsxs("div", { className: "rosie-datepicker input-group input-group-sm", children: [_jsx("div", { className: "input-group-text", children: _jsx("span", { className: "fa fa-calendar-days" }) }), _jsx(DatePickerComponent, { value: value, onChange: props.onChange, dateFormat: props.dateFormat })] });
+}
+export function DateRangePicker(props) {
+    var _a;
+    var _b = useState(props.startDate), startDate = _b[0], setStartDate = _b[1], _c = useState(props.endDate), endDate = _c[0], setEndDate = _c[1];
+    useEffect(function () { setStartDate(props.startDate); }, [props.startDate]);
+    useEffect(function () { setEndDate(props.endDate); }, [props.endDate]);
+    return _jsxs("div", { className: "rosie-datepicker date-range input-group input-group-sm", children: [_jsx("div", { className: "input-group-text", children: _jsx("span", { className: "fa fa-calendar-days" }) }), _jsx(DatePickerComponent, { value: startDate, onChange: setStartDate }), _jsx(DatePickerComponent, { value: endDate, onChange: setEndDate }), _jsx("button", { type: "button", className: "btn btn-sm btn-primary rosie-daterangepicker-action", onClick: function () { return props.onChange(startDate, endDate); }, children: (_a = props.buttonText) !== null && _a !== void 0 ? _a : 'Apply' })] });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHMvc3JjL2NvbXBvbmVudHMvZGF0ZS1waWNrZXIuY29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDNUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBU25ELE1BQU0sVUFBVSxtQkFBbUIsQ0FBQyxLQUErQjs7SUFDMUQsSUFBQSxZQUFZLEdBQUksUUFBUSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxHQUFqQyxFQUNaLFVBQVUsR0FBSSxRQUFRLENBQUMsS0FBSyxDQUFDLFVBQVUsSUFBSSxZQUFZLENBQUMsR0FBOUMsRUFDWCxLQUFrQixRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUF0QyxJQUFJLFFBQUEsRUFBRSxPQUFPLFFBQUEsRUFDZCxLQUF3QixRQUFRLENBQUMsTUFBQSxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsTUFBTSxDQUFDLFVBQVUsQ0FBQyxtQ0FBSSxFQUFFLENBQUMsRUFBL0QsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUE0QyxDQUFDO0lBRXZFLFNBQVMsQ0FBQyxjQUFRLE9BQU8sQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUEsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUN6RCxTQUFTLENBQUMsc0JBQVEsVUFBVSxDQUFDLE1BQUEsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE1BQU0sQ0FBQyxVQUFVLENBQUMsbUNBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBRXpFLFNBQVMsZUFBZTtRQUN0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

package/dist/js/components/dialog.component.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+type DialogProps = {
+    id?: string;
+    className?: string;
+    title?: string;
+    dialogClass?: string;
+    bodyClass?: string;
+    disableCloseButton?: boolean;
+    height?: string | number;
+    children: React.ReactNode;
+};
+export declare function Dialog(props: DialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function useDialog(id: string): {
+    isShown: boolean;
+    show: () => void;
+    hide: () => void;
+};
+export {};

package/dist/js/components/dialog.component.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { classNames, showModal } from '../util';
+export function Dialog(props) {
+    var _a;
+    var _b = props.id, id = _b === void 0 ? 'dialog' : _b, _c = props.title, title = _c === void 0 ? 'Dialog' : _c, _d = props.className, className = _d === void 0 ? '' : _d, _e = props.bodyClass, bodyClass = _e === void 0 ? '' : _e, _f = props.dialogClass, dialogClass = _f === void 0 ? '' : _f, disableCloseButton = props.disableCloseButton, children = props.children;
+    return _jsx("section", { className: "modal fade ".concat(className), id: id, "data-bs-backdrop": "static", tabIndex: -1, role: "dialog", children: _jsx("div", { className: "modal-dialog modal-dialog-centered modal-dialog-scrollable ".concat(dialogClass), role: "document", children: _jsxs("div", { className: classNames('modal-content'), style: { maxHeight: (_a = props.height) !== null && _a !== void 0 ? _a : '100%' }, children: [_jsxs("div", { className: "modal-header", children: [_jsx("h5", { className: "modal-title", children: title }), !disableCloseButton && _jsx("button", { type: "button", className: "btn-close", "data-bs-dismiss": "modal" })] }), _jsx("div", { className: classNames('modal-body', bodyClass), children: children })] }) }) });
+}
+export function useDialog(id) {
+    var _a = useState(false), isShown = _a[0], setState = _a[1];
+    useEffect(function () {
+        if (isShown) {
+            showModal(id, undefined, function () { setState(false); });
+        }
+    }, [isShown]);
+    return {
+        isShown: isShown,
+        show: function () { return setState(true); },
+        hide: function () { return setState(false); },
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzL3NyYy9jb21wb25lbnRzL2RpYWxvZy5jb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQWNoRCxNQUFNLFVBQVUsTUFBTSxDQUFDLEtBQWtCOztJQUMvQixJQUFBLEtBQW9ILEtBQUssR0FBNUcsRUFBYixFQUFFLG1CQUFHLFFBQVEsS0FBQSxFQUFFLEtBQXFHLEtBQUssTUFBMUYsRUFBaEIsS0FBSyxtQkFBRyxRQUFRLEtBQUEsRUFBRSxLQUFtRixLQUFLLFVBQTFFLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFBRSxLQUFtRSxLQUFLLFVBQTFELEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFBRSxLQUFtRCxLQUFLLFlBQXhDLEVBQWhCLFdBQVcsbUJBQUcsRUFBRSxLQUFBLEVBQUUsa0JBQWtCLEdBQWUsS0FBSyxtQkFBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFbEksT0FBTyxrQkFBUyxTQUFTLEVBQUUscUJBQWMsU0FBUyxDQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsc0JBQW1CLFFBQVEsRUFBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsSUFBSSxFQUFDLFFBQVEsWUFDakgsY0FBSyxTQUFTLEVBQUUscUVBQThELFdBQVcsQ0FBRSxFQUFFLElBQUksRUFBQyxVQUFVLFlBQzFHLGVBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxlQUFlLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBQyxTQUFTLEVBQUUsTUFBQSxLQUFLLENBQUMsTUFBTSxtQ0FBSSxNQUFNLEVBQUMsYUFDckYsZUFBSyxTQUFTLEVBQUMsY0FBYyxhQUMzQixhQUFJLFNBQVMsRUFBQyxhQUFhLFlBQUUsS0FBSyxHQUFNLEVBQ3ZDLENBQUMsa0JBQWtCLElBQUksaUJBQVEsSUFBSSxFQUFDLFFBQVEsRUFBQyxTQUFTLEVBQUMsV0FBVyxxQkFBaUIsT0FBTyxHQUFHLElBQzFGLEVBQ04sY0FBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsWUFDaEQsUUFBUSxHQUNMLElBQ0YsR0FDRixHQUNFLENBQUE7QUFDWixDQUFDO0FBRUQsTUFBTSxVQUFVLFNBQVMsQ0FBQyxFQUFVO0lBQzVCLElBQUEsS0FBc0IsUUFBUSxDQUFDLEtBQUssQ0FBQyxFQUFwQyxPQUFPLFFBQUEsRUFBRSxRQUFRLFFBQW1CLENBQUM7SUFFNUMsU0FBUyxDQUFDO1FBQ1IsSUFBSSxPQUFPLEVBQUU7WUFDWCxTQUFTLENBQUMsRUFBRSxFQUFFLFNBQVMsRUFBRSxjQUFRLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQSxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3JEO0lBQ0gsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUVkLE9BQU87UUFDTCxPQUFPLFNBQUE7UUFDUCxJQUFJLEVBQUUsY0FBTSxPQUFBLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBZCxDQUFjO1FBQzFCLElBQUksRUFBRSxjQUFNLE9BQUEsUUFBUSxDQUFDLEtBQUssQ0FBQyxFQUFmLENBQWU7S0FDNUIsQ0FBQztBQUNKLENBQUMifQ==

package/dist/js/components/dropdown.component.d.ts

@@ -0,0 +1,21 @@
+import { ReactElement } from 'react';
+type DropdownProps = {
+    options: any[];
+    value: any[];
+    onChange?: (value: any[]) => void;
+    displayField?: string;
+    valueField?: string;
+    multiple?: boolean;
+    defaultText?: string;
+    separator?: string;
+    rightAligned?: boolean;
+    searchBox?: boolean;
+    buttonClass?: string;
+    buttonStyle?: any;
+    className?: string;
+    entireList?: boolean;
+    itemRenderer?: (value: any, record: any, index: number) => ReactElement;
+    renderer?: (value: any, record: any, index: number) => string | ReactElement;
+};
+export declare function Dropdown(props: DropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/js/components/dropdown.component.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, Fragment } from 'react';
+import { classNames } from '../util';
+export function Dropdown(props) {
+    var _a = props.displayField, displayField = _a === void 0 ? 'name' : _a, _b = props.valueField, valueField = _b === void 0 ? 'value' : _b, _c = props.entireList, entireList = _c === void 0 ? false : _c, _d = useState(''), searchFilter = _d[0], setSearchFilter = _d[1], _e = useState(props.options || []), options = _e[0], setOptions = _e[1], _f = useState(props.value || []), selection = _f[0], setSelection = _f[1];
+    useEffect(function () { return setSelection((props === null || props === void 0 ? void 0 : props.value) || []); }, [props.value]);
+    useEffect(function () { return setOptions((props === null || props === void 0 ? void 0 : props.options) || []); }, [props.options]);
+    function displayText() {
+        var _a, _b;
+        return "".concat((_a = props.defaultText) !== null && _a !== void 0 ? _a : 'Select').concat((_b = props.separator) !== null && _b !== void 0 ? _b : ': ').concat(selection.map(function (item) { return item[displayField]; }).join(','));
+    }
+    function isSelected(opt) {
+        return selection.findIndex(function (item) { return item[valueField] === opt[valueField]; }) > -1;
+    }
+    function select(opt) {
+        var opts = [];
+        if (!props.multiple) {
+            opts = [opt];
+        }
+        else if (isSelected(opt)) {
+            opts = selection.filter(function (item) { return item[valueField] !== opt[valueField]; });
+        }
+        else {
+            opts = options.filter(function (item) { return isSelected(item) || item[valueField] === opt[valueField]; });
+        }
+        setSelection(opts);
+        props.onChange && props.onChange(opts);
+    }
+    return _jsxs("div", { className: classNames('dropdown', props.className), children: [_jsx("span", { className: classNames('dropdown-toggle cursor-pointer', props.buttonClass), style: props.buttonStyle, "data-bs-toggle": "dropdown", children: displayText() }), _jsxs("div", { className: classNames('dropdown-menu p-0', { 'dropdown-menu-right': props.rightAligned }), children: [props.searchBox && _jsx("div", { className: "p-1 border-bottom", children: _jsx("input", { type: "text", className: "form-control form-control-sm", name: "searchFilter", placeholder: "Search...", value: searchFilter, onChange: function (event) { return setSearchFilter(event.target.value); } }) }), _jsx("div", { className: classNames({ 'dropdown-item-list': !entireList }), children: options.map(function (opt, index) {
+                            if (searchFilter && !opt[displayField].toLowerCase().startsWith(searchFilter.toLowerCase()))
+                                return null;
+                            if (props.itemRenderer) {
+                                return _jsx(Fragment, { children: props.itemRenderer(opt[displayField], opt, index) }, opt[valueField]);
+                            }
+                            return _jsx("div", { onClick: function () { return select(opt); }, role: "button", className: classNames('dropdown-item', { active: isSelected(opt) }), children: props.renderer ? props.renderer(opt[displayField], opt, index) : opt[displayField] }, opt[valueField]);
+                        }) })] })] });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHMvc3JjL2NvbXBvbmVudHMvZHJvcGRvd24uY29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQWdCLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBc0JyQyxNQUFNLFVBQVUsUUFBUSxDQUFDLEtBQW9CO0lBQ25DLElBQUEsS0FBb0UsS0FBSyxhQUFwRCxFQUFyQixZQUFZLG1CQUFHLE1BQU0sS0FBQSxFQUFFLEtBQTZDLEtBQUssV0FBOUIsRUFBcEIsVUFBVSxtQkFBRyxPQUFPLEtBQUEsRUFBRSxLQUF1QixLQUFLLFdBQVYsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtBQUEsRUFDakUsS0FBa0MsUUFBUSxDQUFDLEVBQUUsQ0FBQyxFQUE3QyxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQUEsRUFDOUIsS0FBd0IsUUFBUSxDQUFDLEtBQUssQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDLEVBQXBELE9BQU8sUUFBQSxFQUFFLFVBQVUsUUFBQSxFQUNwQixLQUE0QixRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsRUFBdEQsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUErQixDQUFDO0lBRTlELFNBQVMsQ0FBQyxjQUFNLE9BQUEsWUFBWSxDQUFDLENBQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLEtBQUssS0FBSSxFQUFFLENBQUMsRUFBaEMsQ0FBZ0MsRUFBRSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBQ2hFLFNBQVMsQ0FBQyxjQUFNLE9BQUEsVUFBVSxDQUFDLENBQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLE9BQU8sS0FBSSxFQUFF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

package/dist/js/components/grid/grid-cell.component.d.ts

@@ -0,0 +1,8 @@
+import { GridColumnProps } from './types';
+interface GridCellProps extends GridColumnProps {
+    value: any;
+    rowIndex?: number;
+    colIndex?: number;
+}
+export declare function GridCell(props: GridCellProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/js/components/grid/grid-cell.component.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { classNames } from '../../util';
+export function GridCell(props) {
+    var headerName = props.headerName, field = props.field, value = props.value, rowIndex = props.rowIndex, colIndex = props.colIndex, className = props.className, others = __rest(props, ["headerName", "field", "value", "rowIndex", "colIndex", "className"]), cls = classNames('rosie-grid-cell p-2', className);
+    return _jsx(_Fragment, { children: _jsx("div", __assign({ className: cls }, others, { children: value })) });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1jZWxsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzL3NyYy9jb21wb25lbnRzL2dyaWQvZ3JpZC1jZWxsLmNvbXBvbmVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBVXhDLE1BQU0sVUFBVSxRQUFRLENBQUMsS0FBb0I7SUFDbkMsSUFBQSxVQUFVLEdBQTZELEtBQUssV0FBbEUsRUFBRSxLQUFLLEdBQXNELEtBQUssTUFBM0QsRUFBRSxLQUFLLEdBQStDLEtBQUssTUFBcEQsRUFBRSxRQUFRLEdBQXFDLEtBQUssU0FBMUMsRUFBRSxRQUFRLEdBQTJCLEtBQUssU0FBaEMsRUFBRSxTQUFTLEdBQWdCLEtBQUssVUFBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUE5RSxxRUFBc0UsQ0FBRixFQUNwRSxHQUFHLEdBQUcsVUFBVSxDQUFDLHFCQUFxQixFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBdUJ6RCxPQUFPLDRCQUNMLHVCQUFLLFNBQVMsRUFBRSxHQUFHLElBQU0sTUFBTSxjQUFHLEtBQUssSUFBTyxHQU03QyxDQUFBO0FBQ0wsQ0FBQyJ9

package/dist/js/components/grid/grid-header.component.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHMvc3JjL2NvbXBvbmVudHMvZ3JpZC9ncmlkLWhlYWRlci5jb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/dist/js/components/grid/grid.component.d.ts

@@ -0,0 +1,3 @@
+import { GridColumnProps, GridProps } from './types';
+export declare function GridColumn(_: GridColumnProps): null;
+export declare function Grid(props: GridProps): import("react/jsx-runtime").JSX.Element;

package/dist/js/components/grid/grid.component.js

@@ -0,0 +1,28 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, Children } from 'react';
+import { SCROLLBAR_WIDTH, classNames, guid } from '../../util';
+import { GridCell } from './grid-cell.component';
+export function GridColumn(_) { return null; }
+export function Grid(props) {
+    var gridId = useState(guid('rosie-grid-'))[0], _a = useState([]), columns = _a[0], setColumns = _a[1], _b = useState([]), data = _b[0], setData = _b[1];
+    useEffect(function () { var _a; setData((_a = props.data) !== null && _a !== void 0 ? _a : []); }, [props.data]);
+    useEffect(function () {
+        var columns = Children.toArray(props.children).map(function (child) { return child.props; });
+        setColumns(columns);
+    }, [props.children]);
+    return _jsx("div", { id: gridId, className: classNames('rosie-grid rosie-grid-bordered rosie-grid-striped rosie-grid-hover d-flex flex-row fullscreen', props.className), children: _jsxs("div", { className: "rosie-grid-viewport d-flex flex-column fullscreen", children: [_jsx("div", { className: classNames('rosie-grid-header d-flex flex-column fw-bold bg-light'), children: _jsxs("div", { className: "rosie-grid-row d-flex flex-row", children: [columns.map(function (col, index) { var _a; return _jsx(GridCell, __assign({}, col, { value: (_a = col.headerName) !== null && _a !== void 0 ? _a : col.field }), index); }), _jsx("div", { style: { width: SCROLLBAR_WIDTH } })] }) }), _jsx("div", { className: classNames('rosie-grid-body d-flex flex-column fullscreen overflow-auto-x overflow-scroll-y'), children: _jsxs("div", { children: [(!data || !data.length) && _jsx("div", { className: "p-2", children: "No record found." }), (data === null || data === void 0 ? void 0 : data.length) > 0 && data.map(function (item, rowIndex) {
+                                return _jsx("div", { className: "rosie-grid-row d-flex flex-row", children: columns.map(function (col, colIndex) { return _jsx(GridCell, __assign({}, col, { value: item[col.field], rowIndex: rowIndex, colIndex: colIndex }), colIndex); }) }, rowIndex);
+                            })] }) })] }) });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90cy9zcmMvY29tcG9uZW50cy9ncmlkL2dyaWQuY29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRS9ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUVqRCxNQUFNLFVBQVUsVUFBVSxDQUFDLENBQWtCLElBQUksT0FBTyxJQUFJLENBQUMsQ0FBQyxDQUFDO0FBRS9ELE1BQU0sVUFBVSxJQUFJLENBQUMsS0FBZ0I7SUFDNUIsSUFBQSxNQUFNLEdBQUksUUFBUSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxHQUFqQyxFQUNQLEtBQXdCLFFBQVEsQ0FBQyxFQUF1QixDQUFDLEVBQXhELE9BQU8sUUFBQSxFQUFFLFVBQVUsUUFBQSxFQUNwQixLQUFrQixRQUFRLENBQVEsRUFBRSxDQUFDLEVBQXBDLElBQUksUUFBQSxFQUFFLE9BQU8sUUFBdUIsQ0FBQztJQWM1QyxTQUFTLENBQUMsc0JBQVEsT0FBTyxDQUFDLE1BQUEsS0FBSyxDQUFDLElBQUksbUNBQUksRUFBRSxDQUFDLENBQUEsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTtJQUU1RCxTQUFTLENBQUM7UUFDUixJQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFVLElBQUssT0FBQSxLQUFLLENBQUMsS0FBd0IsRUFBOUIsQ0FBOEIsQ0FBQyxDQUFDO1FBQ3JHLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN0QixDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVwQixPQUFPLGNBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLCtGQUErRixFQUFFLEtBQUssQ0FBQyxTQUFTLENBQUMsWUFDN0osZUFBSyxTQUFTLEVBQUMsbURBQW1ELGFBQ2hFLGNBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyx1REFBdUQsQ0FBQyxZQUNqRixlQUFLLFNBQVMsRUFBQyxnQ0FBZ0MsYUFDNUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFDLEdBQW9CLEVBQUUsS0FBSyxZQUFLLE9BQUEsS0FBQyxRQUFRLGVBQWlCLEdBQUcsSUFBRSxLQUFLLEVBQUUsTUFBQSxHQUFHLENBQUMsVUFBVSxtQ0FBSSxHQUFHLENBQUMsS0FBSyxLQUFsRCxLQUFLLENBQWlELENBQUEsRUFBQSxDQUFDLEVBQ3BILGNBQUssS0FBSyxFQUFFLEVBQUMsS0FBSyxFQUFDLGVBQWUsRUFBQyxHQUFJLElBQ25DLEdBQ0YsRUFDTixjQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsaUZBQWlGLENBQUMsWUFDM0csMEJBQ0csQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxjQUFLLFNBQVMsRUFBQyxLQUFLLGlDQUF1QixFQUN0RSxDQUFBLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxNQUFNLElBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsUUFBUTtnQ0FDM0MsT0FBTyxjQUFvQixTQUFTLEVBQUMsZ0NBQWdDLFlBQ2xFLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQyxHQUFvQixFQUFFLFFBQVEsSUFBSyxPQUFBLEtBQUMsUUFBUSxlQUFvQixHQUFHLElBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxLQUFqRixRQUFRLENBQTZFLEVBQXBHLENBQW9HLENBQUMsSUFEdkksUUFBUSxDQUVuQixDQUFBOzRCQUNSLENBQUMsQ0FBQyxJQUNFLEdBQ0YsSUFDRixHQUNGLENBQUE7QUFDUixDQUFDIn0=

package/dist/js/components/grid/index.d.ts

@@ -0,0 +1 @@
+export * from './grid.component';

package/dist/js/components/grid/index.js

@@ -0,0 +1,2 @@
+export * from './grid.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90cy9zcmMvY29tcG9uZW50cy9ncmlkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUMifQ==

package/dist/js/components/grid/types.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren, HTMLAttributes } from 'react';
+export interface GridProps extends PropsWithChildren<any> {
+}
+export interface GridColumnProps extends HTMLAttributes<HTMLDivElement> {
+    field: string;
+    headerName?: string;
+}

package/dist/js/components/grid/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90cy9zcmMvY29tcG9uZW50cy9ncmlkL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/dist/js/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './dialog.component';
+export * from './dropdown.component';
+export * from './date-picker.component';
+export * from './grid';

package/dist/js/components/index.js

@@ -0,0 +1,5 @@
+export * from './dialog.component';
+export * from './dropdown.component';
+export * from './date-picker.component';
+export * from './grid';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90cy9zcmMvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLFFBQVEsQ0FBQyJ9

package/dist/js/components.d.ts

@@ -0,0 +1,4 @@
+export * from './components/dialog.component';
+export * from './components/dropdown.component';
+export * from './components/date-picker.component';
+export * from './components/grid';

package/dist/js/components.js

@@ -0,0 +1,5 @@
+export * from './components/dialog.component';
+export * from './components/dropdown.component';
+export * from './components/date-picker.component';
+export * from './components/grid';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzL3NyYy9jb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsbUJBQW1CLENBQUMifQ==

package/dist/js/core/ajax.d.ts

@@ -0,0 +1,4 @@
+import { AjaxSettings } from './types';
+export declare const Ajax: {
+    request: <T = any>(settings: AjaxSettings) => Promise<T>;
+};

package/dist/js/core/ajax.js

@@ -0,0 +1,85 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+export var Ajax = {
+    request: function (settings) { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, method, _b, params, url, config, res, _c, _d, _e, _f;
+        var _g;
+        return __generator(this, function (_h) {
+            switch (_h.label) {
+                case 0:
+                    _a = settings.method, method = _a === void 0 ? 'get' : _a, _b = settings.params, params = _b === void 0 ? {} : _b;
+                    url = settings.url;
+                    if (params.pathParams) {
+                        Object.entries(params.pathParams).forEach(function (_a) {
+                            var key = _a[0], value = _a[1];
+                            return url = url.replace("{".concat(key, "}"), value);
+                        });
+                    }
+                    if (params.queryParams) {
+                        url = "".concat(url, "?").concat(Object.entries(params.queryParams).filter(function (_a) {
+                            var _key = _a[0], value = _a[1];
+                            return !!value;
+                        }).map(function (_a) {
+                            var key = _a[0], value = _a[1];
+                            return "".concat(key, "=").concat(value);
+                        }).join('&'));
+                    }
+                    config = { method: method, headers: [['Accept', 'application/json'], ['Content-Type', 'application/json; charset=utf-8']] };
+                    params.body && (config.body = JSON.stringify(params.body));
+                    return [4, fetch(url, config)];
+                case 1:
+                    res = _h.sent();
+                    if (!!res.ok) return [3, 3];
+                    _c = Error.bind;
+                    _e = (_d = JSON).stringify;
+                    _g = { code: res.status, message: res.statusText };
+                    return [4, res.text()];
+                case 2: throw new (_c.apply(Error, [void 0, _e.apply(_d, [(_g.innerError = _h.sent(), _g)])]))();
+                case 3:
+                    _h.trys.push([3, 5, , 7]);
+                    return [4, res.json()];
+                case 4: return [2, _h.sent()];
+                case 5:
+                    _f = _h.sent();
+                    return [4, res.text()];
+                case 6: return [2, _h.sent()];
+                case 7: return [2];
+            }
+        });
+    }); },
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWpheC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzL3NyYy9jb3JlL2FqYXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRUEsTUFBTSxDQUFDLElBQU0sSUFBSSxHQUFHO0lBQ2xCLE9BQU8sRUFBRSxVQUFnQixRQUFzQjs7Ozs7O29CQUNyQyxLQUFnQyxRQUFRLE9BQTFCLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFBRSxLQUFnQixRQUFRLE9BQWIsRUFBWCxNQUFNLG1CQUFHLEVBQUUsS0FBQSxDQUFjO29CQUMzQyxHQUFHLEdBQUssUUFBUSxJQUFiLENBQWM7b0JBRXZCLElBQUksTUFBTSxDQUFDLFVBQVUsRUFBRTt3QkFDckIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQUMsRUFBVztnQ0FBVixHQUFHLFFBQUEsRUFBQyxLQUFLLFFBQUE7NEJBQU0sT0FBQSxHQUFHLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQyxXQUFJLEdBQUcsTUFBRyxFQUFFLEtBQUssQ0FBQzt3QkFBcEMsQ0FBb0MsQ0FBQyxDQUFBO3FCQUNqRztvQkFFRCxJQUFJLE1BQU0sQ0FBQyxXQUFXLEVBQUU7d0JBQ3RCLEdBQUcsR0FBRyxVQUFHLEdBQUcsY0FBSSxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBQyxFQUFZO2dDQUFYLElBQUksUUFBQSxFQUFDLEtBQUssUUFBQTs0QkFBTSxPQUFBLENBQUMsQ0FBQyxLQUFLO3dCQUFQLENBQU8sQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFDLEVBQVc7Z0NBQVYsR0FBRyxRQUFBLEVBQUMsS0FBSyxRQUFBOzRCQUFNLE9BQUEsVUFBRyxHQUFHLGNBQUksS0FBSyxDQUFFO3dCQUFqQixDQUFpQixDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFFLENBQUE7cUJBQ3pJO29CQUVLLE1BQU0sR0FBZ0IsRUFBRSxNQUFNLFFBQUEsRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDLFFBQVEsRUFBRSxrQkFBa0IsQ0FBQyxFQUFDLENBQUMsY0FBYyxFQUFFLGlDQUFpQyxDQUFDLENBQUMsRUFBRSxDQUFBO29CQUNySSxNQUFNLENBQUMsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO29CQUUvQyxXQUFNLEtBQUssQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLEVBQUE7O29CQUE5QixHQUFHLEdBQUcsU0FBd0I7eUJBQ2hDLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBUCxjQUFPO3lCQUNDLEtBQUs7b0JBQUMsS0FBQSxDQUFBLEtBQUEsSUFBSSxDQUFBLENBQUMsU0FBUyxDQUFBOzJCQUFHLElBQUksRUFBRSxHQUFHLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxHQUFHLENBQUMsVUFBVTtvQkFBYyxXQUFNLEdBQUcsQ0FBQyxJQUFJLEVBQUUsRUFBQTt3QkFBeEcsTUFBTSxjQUFJLEtBQUssV0FBQyxlQUE0RCxhQUFVLEdBQUUsU0FBZ0IsT0FBRyxLQUFDLENBQUE7OztvQkFJckcsV0FBTSxHQUFHLENBQUMsSUFBSSxFQUFFLEVBQUE7d0JBQXZCLFdBQU8sU0FBZ0IsRUFBQzs7O29CQUVqQixXQUFNLEdBQUcsQ0FBQyxJQUFJLEVBQUUsRUFBQTt3QkFBdkIsV0FBTyxTQUFxQixFQUFDOzs7O1NBRWhDO0NBQ0YsQ0FBQSJ9

package/dist/js/core/cache.d.ts

@@ -0,0 +1,14 @@
+declare class Cache {
+    private type;
+    private cacheData;
+    constructor(type: string);
+    private hasLocalStorage;
+    private hasSessionStorage;
+    get(key: string): string | undefined;
+    set(key: string, value: string): void;
+    remove(key: string): void;
+}
+export declare const LocalCache: Cache;
+export declare const SessionCache: Cache;
+export declare const MemoryCache: Cache;
+export {};

package/dist/js/core/cache.js

@@ -0,0 +1,65 @@
+var CacheType = {
+    Local: 'localStorage',
+    Session: 'sessionStorage',
+    Memory: 'memory',
+};
+var Cache = (function () {
+    function Cache(type) {
+        this.type = type;
+        this.cacheData = {};
+    }
+    Cache.prototype.hasLocalStorage = function () {
+        try {
+            return 'localStorage' in window && window.localStorage !== null;
+        }
+        catch (e) {
+            return false;
+        }
+    };
+    Cache.prototype.hasSessionStorage = function () {
+        try {
+            return 'sessionStorage' in window && window.sessionStorage !== null;
+        }
+        catch (e) {
+            return false;
+        }
+    };
+    Cache.prototype.get = function (key) {
+        if (this.type === CacheType.Local && this.hasLocalStorage()) {
+            return localStorage.getItem(key) || undefined;
+        }
+        else if (this.type === CacheType.Session && this.hasSessionStorage()) {
+            return sessionStorage.getItem(key) || undefined;
+        }
+        else {
+            return this.cacheData[key] || undefined;
+        }
+    };
+    Cache.prototype.set = function (key, value) {
+        if (this.type === CacheType.Local && this.hasLocalStorage()) {
+            localStorage.setItem(key, value);
+        }
+        else if (this.type === CacheType.Session && this.hasSessionStorage()) {
+            sessionStorage.setItem(key, value);
+        }
+        else {
+            this.cacheData[key] = value;
+        }
+    };
+    Cache.prototype.remove = function (key) {
+        if (this.type === CacheType.Local && this.hasLocalStorage()) {
+            localStorage.removeItem(key);
+        }
+        else if (this.type === CacheType.Session && this.hasSessionStorage()) {
+            sessionStorage.removeItem(key);
+        }
+        else {
+            delete this.cacheData[key];
+        }
+    };
+    return Cache;
+}());
+export var LocalCache = new Cache(CacheType.Local);
+export var SessionCache = new Cache(CacheType.Session);
+export var MemoryCache = new Cache(CacheType.Memory);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FjaGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90cy9zcmMvY29yZS9jYWNoZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxJQUFNLFNBQVMsR0FBRztJQUNoQixLQUFLLEVBQUUsY0FBYztJQUNyQixPQUFPLEVBQUUsZ0JBQWdCO0lBQ3pCLE1BQU0sRUFBRSxRQUFRO0NBQ2pCLENBQUE7QUFFRDtJQUdFLGVBQW9CLElBQVk7UUFBWixTQUFJLEdBQUosSUFBSSxDQUFRO1FBRnhCLGNBQVMsR0FBNkIsRUFBRSxDQUFDO0lBRWIsQ0FBQztJQUU3QiwrQkFBZSxHQUF2QjtRQUNFLElBQUk7WUFDRixPQUFPLGNBQWMsSUFBSSxNQUFNLElBQUksTUFBTSxDQUFDLFlBQVksS0FBSyxJQUFJLENBQUM7U0FDakU7UUFBQyxPQUFPLENBQUMsRUFBRTtZQUNWLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7SUFDSCxDQUFDO0lBRU8saUNBQWlCLEdBQXpCO1FBQ0UsSUFBSTtZQUNGLE9BQU8sZ0JBQWdCLElBQUksTUFBTSxJQUFJLE1BQU0sQ0FBQyxjQUFjLEtBQUssSUFBSSxDQUFDO1NBQ3JFO1FBQUMsT0FBTyxDQUFDLEVBQUU7WUFDVixPQUFPLEtBQUssQ0FBQztTQUNkO0lBQ0gsQ0FBQztJQUVELG1CQUFHLEdBQUgsVUFBSSxHQUFXO1FBQ2IsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRSxFQUFFO1lBQzNELE9BQU8sWUFBWSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxTQUFTLENBQUM7U0FDL0M7YUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsRUFBRTtZQUN0RSxPQUFPLGNBQWMsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksU0FBUyxDQUFDO1NBQ2pEO2FBQU07WUFDTCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksU0FBUyxDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVELG1CQUFHLEdBQUgsVUFBSSxHQUFXLEVBQUUsS0FBYTtRQUM1QixJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLEVBQUU7WUFDM0QsWUFBWSxDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLENBQUM7U0FDbEM7YUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsRUFBRTtZQUN0RSxjQUFjLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsQ0FBQztTQUNwQzthQUFNO1lBQ0wsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsR0FBRyxLQUFLLENBQUM7U0FDN0I7SUFDSCxDQUFDO0lBRUQsc0JBQU0sR0FBTixVQUFPLEdBQVc7UUFDaEIsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRSxFQUFFO1lBQzNELFlBQVksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDOUI7YUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsRUFBRTtZQUN0RSxjQUFjLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQ2hDO2FBQU07WUFDTCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDNUI7SUFDSCxDQUFDO0lBQ0gsWUFBQztBQUFELENBQUMsQUFsREQsSUFrREM7QUFFRCxNQUFNLENBQUMsSUFBTSxVQUFVLEdBQUcsSUFBSSxLQUFLLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQ3JELE1BQU0sQ0FBQyxJQUFNLFlBQVksR0FBRyxJQUFJLEtBQUssQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUM7QUFDekQsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLElBQUksS0FBSyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQyJ9

package/dist/js/core/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './cache';
+export * from './ajax';

package/dist/js/core/index.js

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './cache';
+export * from './ajax';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90cy9zcmMvY29yZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLFFBQVEsQ0FBQyJ9

package/dist/js/core/types.d.ts

@@ -0,0 +1,15 @@
+export interface Dictionary<T> {
+    [index: string]: T;
+}
+export type HttpMethod = 'get' | 'post' | 'put' | 'delete';
+export type HttpParams = {
+    pathParams?: Dictionary<any>;
+    queryParams?: Dictionary<any>;
+    body?: any;
+    headers?: Dictionary<any>;
+};
+export type AjaxSettings = {
+    url: string;
+    method?: HttpMethod;
+    params?: HttpParams;
+};

package/dist/js/core/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90cy9zcmMvY29yZS90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=