nuudel-core 0.2.6 → 0.2.8

package/build/main/lib/components/Choices/index.d.ts

@@ -12,5 +12,5 @@ export interface IChoicesItem {
     icon?: React.ReactNode;
     uri?: string;
 }
-export declare const Choices: React.FC<IRadioGroupProps>;
+export declare const Choices: React.FC<IRadioGroupProps & any>;
 export default Choices;

package/build/main/lib/components/Choices/index.js

@@ -10,14 +10,21 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Choices = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
-const Choices = (_a) => {
+exports.Choices = react_1.default.forwardRef((_a, ref) => {
     var { options = [], color = undefined, labelPlacement, disabled } = _a, props = __rest(_a, ["options", "color", "labelPlacement", "disabled"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.RadioGroup, Object.assign({}, props, { children: options.map((option, index) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { flexDirection: 'row', display: 'flex', alignItems: 'center' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { labelPlacement: labelPlacement, value: option.value, control: (0, jsx_runtime_1.jsx)(material_1.Radio, { disabled: true === disabled, color: color }, void 0), label: option.label }, void 0), option.icon] }), index))) }), void 0));
-};
-exports.Choices = Choices;
+    return ((0, jsx_runtime_1.jsx)(material_1.RadioGroup, Object.assign({}, props, { ref: ref }, { children: options.map((option, index) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: {
+                flexDirection: 'row',
+                display: 'flex',
+                alignItems: 'center',
+            } }, { children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { labelPlacement: labelPlacement, value: option.value, control: (0, jsx_runtime_1.jsx)(material_1.Radio, { disabled: true === disabled, color: color }, void 0), label: option.label }, void 0), option.icon] }), index))) }), void 0));
+});
 exports.default = exports.Choices;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvQ2hvaWNlcy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBQ0EsNENBS3VCO0FBZ0JoQixNQUFNLE9BQU8sR0FBK0IsQ0FBQyxFQU1uRCxFQUFFLEVBQUU7UUFOK0MsRUFDbEQsT0FBTyxHQUFHLEVBQUUsRUFDWixLQUFLLEdBQUcsU0FBUyxFQUNqQixjQUFjLEVBQ2QsUUFBUSxPQUVULEVBREksS0FBSyxjQUwwQyxrREFNbkQsQ0FEUztJQUNKLE9BQUEsQ0FDSix1QkFBQyxxQkFBVSxvQkFBSyxLQUFLLGNBQ2xCLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFvQixFQUFFLEtBQWEsRUFBRSxFQUFFLENBQUMsQ0FDcEQsK0NBQ0UsS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsaUJBR3RFLHVCQUFDLDJCQUFnQixJQUNmLGNBQWMsRUFBRSxjQUFjLEVBQzlCLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixPQUFPLEVBQUUsdUJBQUMsZ0JBQUssSUFBQyxRQUFRLEVBQUUsSUFBSSxLQUFLLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxXQUFJLEVBQzdELEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxXQUNuQixFQUNELE1BQU0sQ0FBQyxJQUFJLE1BUlAsS0FBSyxDQVNOLENBQ1AsQ0FBQyxZQUNTLENBQ2QsQ0FBQTtDQUFBLENBQUM7QUF2QlcsUUFBQSxPQUFPLFdBdUJsQjtBQUVGLGtCQUFlLGVBQU8sQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvQ2hvaWNlcy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsa0RBQTBCO0FBQzFCLDRDQUt1QjtBQWdCVixRQUFBLE9BQU8sR0FBcUMsZUFBSyxDQUFDLFVBQVUsQ0FJdkUsQ0FDRSxFQU1DLEVBQ0QsR0FBRyxFQUNILEVBQUU7UUFSRixFQUNFLE9BQU8sR0FBRyxFQUFFLEVBQ1osS0FBSyxHQUFHLFNBQVMsRUFDakIsY0FBYyxFQUNkLFFBQVEsT0FFVCxFQURJLEtBQUssY0FMVixrREFNQyxDQURTO0lBR1AsT0FBQSxDQUNILHVCQUFDLHFCQUFVLG9CQUFLLEtBQUssSUFBRSxHQUFHLEVBQUUsR0FBRyxnQkFDNUIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQW9CLEVBQUUsS0FBYSxFQUFFLEVBQUUsQ0FBQyxDQUNwRCwrQ0FDRSxLQUFLLEVBQUU7Z0JBQ0wsYUFBYSxFQUFFLEtBQUs7Z0JBQ3BCLE9BQU8sRUFBRSxNQUFNO2dCQUNmLFVBQVUsRUFBRSxRQUFRO2FBQ3JCLGlCQUdELHVCQUFDLDJCQUFnQixJQUNmLGNBQWMsRUFBRSxjQUFjLEVBQzlCLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixPQUFPLEVBQUUsdUJBQUMsZ0JBQUssSUFBQyxRQUFRLEVBQUUsSUFBSSxLQUFLLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxXQUFJLEVBQzdELEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxXQUNuQixFQUNELE1BQU0sQ0FBQyxJQUFJLE1BUlAsS0FBSyxDQVNOLENBQ1AsQ0FBQyxZQUNTLENBQ2QsQ0FBQTtDQUFBLENBQ0YsQ0FBQztBQUVGLGtCQUFlLGVBQU8sQ0FBQyJ9

package/build/main/lib/components/MultiSelect/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { SelectChangeEvent } from '@mui/material/Select';
 declare type ValueField = 'id' | 'name';
 export interface IMultiSelectProps {
     id: string;
@@ -14,12 +13,5 @@ export interface IMultiSelectProps {
     keyfield?: ValueField;
     margin?: 'none' | 'dense';
 }
-export interface IMultiSelectStates {
-    selectedItems: any[];
-}
-export default class MultiSelectField extends React.Component<IMultiSelectProps, IMultiSelectStates> {
-    constructor(props: IMultiSelectProps);
-    onSelectedItemsChange: (event: SelectChangeEvent) => void;
-    render(): JSX.Element;
-}
-export {};
+export declare const MultiSelectField: React.FC<IMultiSelectProps>;
+export default MultiSelectField;

package/build/main/lib/components/MultiSelect/index.js

@@ -1,10 +1,41 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 __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;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiSelectField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const material_1 = require("@mui/material");
 const styles_module_scss_1 = __importDefault(require("../../theme/styles/styles.module.scss"));
 const i18n_1 = require("../../loc/i18n");
@@ -18,42 +49,39 @@ const MenuProps = {
         },
     },
 };
-class MultiSelectField extends react_1.default.Component {
-    constructor(props) {
-        super(props);
-        this.onSelectedItemsChange = (event) => {
-            const { options } = event.target;
-            const { target: { value }, } = event;
-            let values = [];
-            if (!options) {
-                values = typeof value === 'string' ? value.split(',') : value;
-            }
-            else {
-                for (let i = 0, l = options.length; i < l; i++) {
-                    if (options[i].selected) {
-                        values.push(options[i].value);
-                    }
+exports.MultiSelectField = react_1.default.forwardRef((_a, ref) => {
+    var props = __rest(_a, []);
+    const [selectedItems, setSelectedItems] = (0, react_1.useState)(props.selectedItems || []);
+    const onSelectedItemsChange = (event) => {
+        const { options } = event.target;
+        const { target: { value }, } = event;
+        let values = [];
+        if (!options) {
+            values = typeof value === 'string' ? value.split(',') : value;
+        }
+        else {
+            for (let i = 0, l = options.length; i < l; i++) {
+                if (options[i].selected) {
+                    values.push(options[i].value);
                 }
             }
-            this.setState({ selectedItems: values }, () => this.props.valueChanged(values));
-        };
-        this.state = {
-            selectedItems: props.selectedItems || [],
-        };
-    }
-    render() {
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: styles_module_scss_1.default.multiSelectContainer }, { children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, Object.assign({ variant: "outlined", fullWidth: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, Object.assign({ id: String(this.props.id) + '-label' }, { children: this.props.label }), void 0), (0, jsx_runtime_1.jsx)(material_1.Select, Object.assign({ labelId: String(this.props.id) + '-label', id: String(this.props.id), placeholder: (0, i18n_1.t)('PickItems'), className: styles_module_scss_1.default.multichoice, disabled: this.props.disabled === true, required: this.props.required === true, multiple: true, margin: this.props.margin, value: this.state.selectedItems, onChange: this.onSelectedItemsChange, input: (0, jsx_runtime_1.jsx)(material_1.OutlinedInput, { label: this.props.label, id: 'select-multiple-' + this.props.id }, void 0), startAdornment: this.props.startAdornment, renderValue: (selected) => !selected || typeof selected === 'string'
+        }
+        setSelectedItems(values);
+        if (props.valueChanged) {
+            props.valueChanged(values);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: styles_module_scss_1.default.multiSelectContainer }, { children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, Object.assign({ variant: "outlined", fullWidth: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, Object.assign({ id: String(props.id) + '-label' }, { children: props.label }), void 0), (0, jsx_runtime_1.jsx)(material_1.Select, Object.assign({ ref: ref, labelId: String(props.id) + '-label', id: String(props.id), placeholder: (0, i18n_1.t)('PickItems'), className: styles_module_scss_1.default.multichoice, disabled: props.disabled === true, required: props.required === true, multiple: true, margin: props.margin, value: selectedItems, onChange: onSelectedItemsChange, input: (0, jsx_runtime_1.jsx)(material_1.OutlinedInput, { label: props.label, id: 'select-multiple-' + props.id }, void 0), startAdornment: props.startAdornment, renderValue: (selected) => !selected || typeof selected === 'string'
+                        ? selected
+                        : props.keyfield === 'id'
                             ? selected
-                            : this.props.keyfield === 'id'
-                                ? selected
-                                    .map((v) => {
-                                    let index = this.props.items.findIndex((it) => it.id === v);
-                                    let s = index >= 0 ? this.props.items[index].name : v;
-                                    return (0, i18n_1.t)(s, { defaultValue: s });
-                                })
-                                    .join(', ')
-                                : selected.map((s) => (0, i18n_1.t)(s, { defaultValue: s })).join(', '), MenuProps: MenuProps }, { children: this.props.items.map((value) => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ value: value[this.props.keyfield || 'name'] }, { children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", checked: this.state.selectedItems.findIndex((s) => s === value[this.props.keyfield || 'name']) >= 0 }, void 0), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, i18n_1.t)(value.name, { defaultValue: value.name }) }, void 0)] }), value.id))) }), void 0)] }), void 0) }), void 0));
-    }
-}
-exports.default = MultiSelectField;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvTXVsdGlTZWxlY3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGtEQUEwQjtBQUMxQiw0Q0FRdUI7QUFFdkIsK0ZBQTJEO0FBQzNELHlDQUFtQztBQXVCbkMsTUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFDO0FBQ3ZCLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO0FBQzNCLE1BQU0sU0FBUyxHQUFHO0lBQ2hCLFVBQVUsRUFBRTtRQUNWLEtBQUssRUFBRTtZQUNMLFNBQVMsRUFBRSxXQUFXLEdBQUcsR0FBRyxHQUFHLGdCQUFnQjtZQUMvQyxLQUFLLEVBQUUsR0FBRztTQUNYO0tBQ0Y7Q0FDRixDQUFDO0FBRUYsTUFBcUIsZ0JBQWlCLFNBQVEsZUFBSyxDQUFDLFNBR25EO0lBQ0MsWUFBWSxLQUF3QjtRQUNsQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFNZiwwQkFBcUIsR0FBRyxDQUFDLEtBQXdCLEVBQUUsRUFBRTtZQUNuRCxNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsS0FBSyxDQUFDLE1BQTJCLENBQUM7WUFDdEQsTUFBTSxFQUNKLE1BQU0sRUFBRSxFQUFFLEtBQUssRUFBRSxHQUNsQixHQUFHLEtBQUssQ0FBQztZQUNWLElBQUksTUFBTSxHQUFhLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsT0FBTyxFQUFFO2dCQUNaLE1BQU0sR0FBRyxPQUFPLEtBQUssS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFFLEtBQWEsQ0FBQzthQUN4RTtpQkFBTTtnQkFDTCxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMs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
+                                .map((v) => {
+                                let index = props.items.findIndex((it) => it.id === v);
+                                let s = index >= 0 ? props.items[index].name : v;
+                                return (0, i18n_1.t)(s, { defaultValue: s });
+                            })
+                                .join(', ')
+                            : selected.map((s) => (0, i18n_1.t)(s, { defaultValue: s })).join(', '), MenuProps: MenuProps }, { children: props.items.map((value) => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ value: value[props.keyfield || 'name'] }, { children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", checked: selectedItems.findIndex((s) => s === value[props.keyfield || 'name']) >= 0 }, void 0), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, i18n_1.t)(value.name, { defaultValue: value.name }) }, void 0)] }), value.id))) }), void 0)] }), void 0) }), void 0));
+});
+exports.default = exports.MultiSelectField;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvTXVsdGlTZWxlY3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwrQ0FBd0M7QUFDeEMsNENBUXVCO0FBRXZCLCtGQUEyRDtBQUMzRCx5Q0FBbUM7QUFrQm5DLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztBQUN2QixNQUFNLGdCQUFnQixHQUFHLENBQUMsQ0FBQztBQUMzQixNQUFNLFNBQVMsR0FBRztJQUNoQixVQUFVLEVBQUU7UUFDVixLQUFLLEVBQUU7WUFDTCxTQUFTLEVBQUUsV0FBVyxHQUFHLEdBQUcsR0FBRyxnQkFBZ0I7WUFDL0MsS0FBSyxFQUFFLEdBQUc7U0FDWDtLQUNGO0NBQ0YsQ0FBQztBQUVXLFFBQUEsZ0JBQWdCLEdBQWdDLGVBQUssQ0FBQyxVQUFVLENBRzNFLENBQUMsRUFBWSxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQWhCLEtBQUssY0FBVixFQUFZLENBQUY7SUFDWCxNQUFNLENBQUMsYUFBYSxFQUFFLGdCQUFnQixDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUNoRCxLQUFLLENBQUMsYUFBYSxJQUFJLEVBQUUsQ0FDMUIsQ0FBQztJQUVGLE1BQU0scUJBQXFCLEdBQUcsQ0FBQyxLQUF3QixFQUFFLEVBQUU7UUFDekQsTUFBTSxFQUFFLE9BQU8sRUFBRSxHQUFHLEtBQUssQ0FBQyxNQUEyQixDQUFDO1FBQ3RELE1BQU0sRUFDSixNQUFNLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FDbEIsR0FBRyxLQUFLLENBQUM7UUFDVixJQUFJLE1BQU0sR0FBYSxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNaLE1BQU0sR0FBRyxPQUFPLEtBQUssS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFL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

package/build/main/lib/components/Rating/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { RatingProps } from '@mui/material/Rating';
 interface IRatingProps extends RatingProps {
 }
-export declare const Rating: React.FC<IRatingProps>;
+export declare const Rating: React.FC<IRatingProps & any>;
 export default Rating;

package/build/main/lib/components/Rating/index.js

@@ -1,12 +1,26 @@
 "use strict";
+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;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Rating = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const Rating_1 = __importDefault(require("@mui/material/Rating"));
-const Rating = (props) => ((0, jsx_runtime_1.jsx)(Rating_1.default, Object.assign({}, props), void 0));
-exports.Rating = Rating;
+exports.Rating = react_1.default.forwardRef((_a, ref) => {
+    var props = __rest(_a, []);
+    return (0, jsx_runtime_1.jsx)(Rating_1.default, Object.assign({}, props, { ref: ref }), void 0);
+});
 exports.default = exports.Rating;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvUmF0aW5nL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQ0Esa0VBQStEO0FBS3hELE1BQU0sTUFBTSxHQUEyQixDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FDdkQsdUJBQUMsZ0JBQVUsb0JBQUssS0FBSyxVQUFJLENBQzFCLENBQUM7QUFGVyxRQUFBLE1BQU0sVUFFakI7QUFFRixrQkFBZSxjQUFNLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvUmF0aW5nL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxrREFBMEI7QUFDMUIsa0VBQStEO0FBS2xELFFBQUEsTUFBTSxHQUFpQyxlQUFLLENBQUMsVUFBVSxDQUdsRSxDQUFDLEVBQVksRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUFoQixLQUFLLGNBQVYsRUFBWSxDQUFGO0lBQVksT0FBQSx1QkFBQyxnQkFBVSxvQkFBSyxLQUFLLElBQUUsR0FBRyxFQUFFLEdBQUcsWUFBSSxDQUFBO0NBQUEsQ0FBQyxDQUFDO0FBRTlELGtCQUFlLGNBQU0sQ0FBQyJ9

package/build/main/lib/components/Switch/index.js

@@ -10,14 +10,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
-const Switch = (_a) => {
+exports.Switch = react_1.default.forwardRef((_a, ref) => {
     var { label, labelPlacement, labelValue, value } = _a, props = __rest(_a, ["label", "labelPlacement", "labelValue", "value"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Switch, Object.assign({}, props), void 0), label: label, labelPlacement: labelPlacement, value: labelValue }, void 0));
-};
-exports.Switch = Switch;
+    return ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Switch, Object.assign({}, props, { ref: ref }), void 0), label: label, labelPlacement: labelPlacement, value: labelValue }, void 0));
+});
 exports.default = exports.Switch;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU3dpdGNoL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7QUFDQSw0Q0FJdUI7QUFRaEIsTUFBTSxNQUFNLEdBQTJCLENBQUMsRUFNOUMsRUFBRSxFQUFFO1FBTjBDLEVBQzdDLEtBQUssRUFDTCxjQUFjLEVBQ2QsVUFBVSxFQUNWLEtBQUssT0FFTixFQURJLEtBQUssY0FMcUMsa0RBTTlDLENBRFM7SUFDSixPQUFBLENBQ0osdUJBQUMsMkJBQWdCLElBQ2YsT0FBTyxFQUFFLHVCQUFDLGlCQUFVLG9CQUFLLEtBQUssVUFBSSxFQUNsQyxLQUFLLEVBQUUsS0FBSyxFQUNaLGNBQWMsRUFBRSxjQUFjLEVBQzlCLEtBQUssRUFBRSxVQUFVLFdBQ2pCLENBQ0gsQ0FBQTtDQUFBLENBQUM7QUFiVyxRQUFBLE1BQU0sVUFhakI7QUFFRixrQkFBZSxjQUFNLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU3dpdGNoL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxrREFBMEI7QUFDMUIsNENBSXVCO0FBUVYsUUFBQSxNQUFNLEdBQTJCLGVBQUssQ0FBQyxVQUFVLENBRzVELENBQUMsRUFBc0QsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUEvRCxFQUFFLEtBQUssRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBcEQsa0RBQXNELENBQUY7SUFBWSxPQUFBLENBQ2pFLHVCQUFDLDJCQUFnQixJQUNmLE9BQU8sRUFBRSx1QkFBQyxpQkFBVSxvQkFBSyxLQUFLLElBQUUsR0FBRyxFQUFFLEdBQUcsWUFBSSxFQUM1QyxLQUFLLEVBQUUsS0FBSyxFQUNaLGNBQWMsRUFBRSxjQUFjLEVBQzlCLEtBQUssRUFBRSxVQUFVLFdBQ2pCLENBQ0gsQ0FBQTtDQUFBLENBQUMsQ0FBQztBQUVILGtCQUFlLGNBQU0sQ0FBQyJ9

package/build/main/lib/components/TagsInput/index.d.ts

@@ -8,5 +8,5 @@ declare type ITagsProps = {
     variant: 'outlined' | 'standard' | 'filled';
     onChange?(event: any, chips: any, reason?: any): void;
 };
-export declare const TagsInput: React.FC<ITagsProps | any>;
+export declare const TagsInput: React.FC<ITagsProps & any>;
 export default TagsInput;

package/build/main/lib/components/TagsInput/index.js

@@ -10,14 +10,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TagsInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
-const TagsInput = (props) => {
+exports.TagsInput = react_1.default.forwardRef((_a, ref) => {
+    var props = __rest(_a, []);
     const { required, label, variant, margin, disabled = false, placeholder, onChange } = props, prop = __rest(props, ["required", "label", "variant", "margin", "disabled", "placeholder", "onChange"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, Object.assign({ options: [], fullWidth: true }, prop, { multiple: true, freeSolo: true, onChange: onChange, readOnly: disabled, placeholder: placeholder, renderTags: (value, getTagProps) => value.map((option, index) => ((0, jsx_runtime_1.jsx)(material_1.Chip, Object.assign({ variant: 'outlined', label: option, disabled: disabled }, getTagProps({ index })), void 0))), renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, params, { required: required, label: label, variant: variant, margin: margin, disabled: disabled, placeholder: placeholder }), void 0)) }), void 0));
-};
-exports.TagsInput = TagsInput;
+    return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, Object.assign({ options: [], fullWidth: true }, prop, { ref: ref, multiple: true, freeSolo: true, onChange: onChange, readOnly: disabled, placeholder: placeholder, renderTags: (value, getTagProps) => value.map((option, index) => ((0, jsx_runtime_1.jsx)(material_1.Chip, Object.assign({ variant: 'outlined', label: option, disabled: disabled }, getTagProps({ index })), void 0))), renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, params, { required: required, label: label, variant: variant, margin: margin, disabled: disabled, placeholder: placeholder }), void 0)) }), void 0));
+});
 exports.default = exports.TagsInput;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvVGFnc0lucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7QUFDQSw0Q0FNdUI7QUFZaEIsTUFBTSxTQUFTLEdBQStCLENBQUMsS0FBaUIsRUFBRSxFQUFFO0lBQ3pFLE1BQU0sRUFDSixRQUFRLEVBQ1IsS0FBSyxFQUNMLE9BQU8sRUFDUCxNQUFNLEVBQ04sUUFBUSxHQUFHLEtBQUssRUFDaEIsV0FBVyxFQUNYLFFBQVEsS0FFTixLQUFLLEVBREosSUFBSSxVQUNMLEtBQUssRUFUSCxpRkFTTCxDQUFRLENBQUM7SUFDVixPQUFPLENBQ0wsdUJBQUMsdUJBQVksa0JBQ1gsT0FBTyxFQUFFLEVBQUUsRUFDWCxTQUFTLFVBQ0wsSUFBSSxJQUNSLFFBQVEsUUFDUixRQUFRLFFBQ1IsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFFbEIsV0FBVyxFQUFFLFdBQVcsRUFDeEIsVUFBVSxFQUFFLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxFQUFFLENBQ2pDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUMzQix1QkFBQyxlQUFJLGtCQUNILE9BQU8sRUFBRSxVQUFVLEVBQ25CLEtBQUssRUFBRSxNQUFNLEVBQ2IsUUFBUSxFQUFFLFFBQVEsSUFDZCxXQUFXLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxVQUMxQixDQUNILENBQUMsRUFFSixXQUFXLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQ3ZCLHVCQUFDLG9CQUFTLG9CQUNKLE1BQU0sSUFDVixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsUUFBUSxFQUFFLFFBQVEsRUFDbEIsV0FBVyxFQUFFLFdBQVcsWUFDeEIsQ0FDSCxZQUNELENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQTdDVyxRQUFBLFNBQVMsYUE2Q3BCO0FBRUYsa0JBQWUsaUJBQVMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvVGFnc0lucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxrREFBMEI7QUFDMUIsNENBTXVCO0FBWVYsUUFBQSxTQUFTLEdBQStCLGVBQUssQ0FBQyxVQUFVLENBR25FLENBQUMsRUFBWSxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQWhCLEtBQUssY0FBVixFQUFZLENBQUY7SUFDWCxNQUFNLEVBQ0osUUFBUSxFQUNSLEtBQUssRUFDTCxPQUFPLEVBQ1AsTUFBTSxFQUNOLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFdBQVcsRUFDWCxRQUFRLEtBRU4sS0FBSyxFQURKLElBQUksVUFDTCxLQUFLLEVBVEgsaUZBU0wsQ0FBUSxDQUFDO0lBQ1YsT0FBTyxDQUNMLHVCQUFDLHVCQUFZLGtCQUNYLE9BQU8sRUFBRSxFQUFFLEVBQ1gsU0FBUyxVQUNMLElBQUksSUFDUixHQUFHLEVBQUUsR0FBRyxFQUNSLFFBQVEsUUFDUixRQUFRLFFBQ1IsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFFbEIsV0FBVyxFQUFFLFdBQVcsRUFDeEIsVUFBVSxFQUFFLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxFQUFFLENBQ2pDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUMzQix1QkFBQyxlQUFJLGtCQUNILE9BQU8sRUFBRSxVQUFVLEVBQ25CLEtBQUssRUFBRSxNQUFNLEVBQ2IsUUFBUSxFQUFFLFFBQVEsSUFDZCxXQUFXLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxVQUMxQixDQUNILENBQUMsRUFFSixXQUFXLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQ3ZCLHVCQUFDLG9CQUFTLG9CQUNKLE1BQU0sSUFDVixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsUUFBUSxFQUFFLFFBQVEsRUFDbEIsV0FBVyxFQUFFLFdBQVcsWUFDeEIsQ0FDSCxZQUNELENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQyxDQUFDO0FBRUgsa0JBQWUsaUJBQVMsQ0FBQyJ9

package/build/module/lib/components/Choices/index.d.ts

@@ -12,5 +12,5 @@ export interface IChoicesItem {
     icon?: React.ReactNode;
     uri?: string;
 }
-export declare const Choices: React.FC<IRadioGroupProps>;
+export declare const Choices: React.FC<IRadioGroupProps & any>;
 export default Choices;

package/build/module/lib/components/Choices/index.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { RadioGroup, FormControlLabel, Radio, } from '@mui/material';
-export const Choices = ({ options = [], color = undefined, labelPlacement, disabled, ...props }) => (_jsx(RadioGroup, { ...props, children: options.map((option, index) => (_jsxs("div", { style: { flexDirection: 'row', display: 'flex', alignItems: 'center' }, children: [_jsx(FormControlLabel, { labelPlacement: labelPlacement, value: option.value, control: _jsx(Radio, { disabled: true === disabled, color: color }, void 0), label: option.label }, void 0), option.icon] }, index))) }, void 0));
+export const Choices = React.forwardRef(({ options = [], color = undefined, labelPlacement, disabled, ...props }, ref) => (_jsx(RadioGroup, { ...props, ref: ref, children: options.map((option, index) => (_jsxs("div", { style: {
+            flexDirection: 'row',
+            display: 'flex',
+            alignItems: 'center',
+        }, children: [_jsx(FormControlLabel, { labelPlacement: labelPlacement, value: option.value, control: _jsx(Radio, { disabled: true === disabled, color: color }, void 0), label: option.label }, void 0), option.icon] }, index))) }, void 0)));
 export default Choices;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvQ2hvaWNlcy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFDTCxVQUFVLEVBRVYsZ0JBQWdCLEVBQ2hCLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQWdCdkIsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUErQixDQUFDLEVBQ2xELE9BQU8sR0FBRyxFQUFFLEVBQ1osS0FBSyxHQUFHLFNBQVMsRUFDakIsY0FBYyxFQUNkLFFBQVEsRUFDUixHQUFHLEtBQUssRUFDVCxFQUFFLEVBQUUsQ0FBQyxDQUNKLEtBQUMsVUFBVSxPQUFLLEtBQUssWUFDbEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQW9CLEVBQUUsS0FBYSxFQUFFLEVBQUUsQ0FBQyxDQUNwRCxlQUNFLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLGFBR3RFLEtBQUMsZ0JBQWdCLElBQ2YsY0FBYyxFQUFFLGNBQWMsRUFDOUIsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQ25CLE9BQU8sRUFBRSxLQUFDLEtBQUssSUFBQyxRQUFRLEVBQUUsSUFBSSxLQUFLLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxXQUFJLEVBQzdELEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxXQUNuQixFQUNELE1BQU0sQ0FBQyxJQUFJLEtBUlAsS0FBSyxDQVNOLENBQ1AsQ0FBQyxXQUNTLENBQ2QsQ0FBQztBQUVGLGVBQWUsT0FBTyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvQ2hvaWNlcy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsVUFBVSxFQUVWLGdCQUFnQixFQUNoQixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFnQnZCLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBcUMsS0FBSyxDQUFDLFVBQVUsQ0FJdkUsQ0FDRSxFQUNFLE9BQU8sR0FBRyxFQUFFLEVBQ1osS0FBSyxHQUFHLFNBQVMsRUFDakIsY0FBYyxFQUNkLFFBQVEsRUFDUixHQUFHLEtBQUssRUFDVCxFQUNELEdBQUcsRUFDSCxFQUFFLENBQUMsQ0FDSCxLQUFDLFVBQVUsT0FBSyxLQUFLLEVBQUUsR0FBRyxFQUFFLEdBQUcsWUFDNUIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQW9CLEVBQUUsS0FBYSxFQUFFLEVBQUUsQ0FBQyxDQUNwRCxlQUNFLEtBQUssRUFBRTtZQUNMLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLE9BQU8sRUFBRSxNQUFNO1lBQ2YsVUFBVSxFQUFFLFFBQVE7U0FDckIsYUFHRCxLQUFDLGdCQUFnQixJQUNmLGNBQWMsRUFBRSxjQUFjLEVBQzlCLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixPQUFPLEVBQUUsS0FBQyxLQUFLLElBQUMsUUFBUSxFQUFFLElBQUksS0FBSyxRQUFRLEVBQUUsS0FBSyxFQUFFLEtBQUssV0FBSSxFQUM3RCxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssV0FDbkIsRUFDRCxNQUFNLENBQUMsSUFBSSxLQVJQLEtBQUssQ0FTTixDQUNQLENBQUMsV0FDUyxDQUNkLENBQ0YsQ0FBQztBQUVGLGVBQWUsT0FBTyxDQUFDIn0=

package/build/module/lib/components/MultiSelect/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { SelectChangeEvent } from '@mui/material/Select';
 declare type ValueField = 'id' | 'name';
 export interface IMultiSelectProps {
     id: string;
@@ -14,12 +13,5 @@ export interface IMultiSelectProps {
     keyfield?: ValueField;
     margin?: 'none' | 'dense';
 }
-export interface IMultiSelectStates {
-    selectedItems: any[];
-}
-export default class MultiSelectField extends React.Component<IMultiSelectProps, IMultiSelectStates> {
-    constructor(props: IMultiSelectProps);
-    onSelectedItemsChange: (event: SelectChangeEvent) => void;
-    render(): JSX.Element;
-}
-export {};
+export declare const MultiSelectField: React.FC<IMultiSelectProps>;
+export default MultiSelectField;

package/build/module/lib/components/MultiSelect/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
+import React, { useState } from 'react';
 import { OutlinedInput, InputLabel, MenuItem, ListItemText, Select, Checkbox, FormControl, } from '@mui/material';
 import styles from '../../theme/styles/styles.module.scss';
 import { t } from '../../loc/i18n';
@@ -13,14 +13,9 @@ const MenuProps = {
         },
     },
 };
-export default class MultiSelectField extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            selectedItems: props.selectedItems || [],
-        };
-    }
-    onSelectedItemsChange = (event) => {
+export const MultiSelectField = React.forwardRef(({ ...props }, ref) => {
+    const [selectedItems, setSelectedItems] = useState(props.selectedItems || []);
+    const onSelectedItemsChange = (event) => {
         const { options } = event.target;
         const { target: { value }, } = event;
         let values = [];
@@ -34,20 +29,22 @@ export default class MultiSelectField extends React.Component {
                 }
             }
         }
-        this.setState({ selectedItems: values }, () => this.props.valueChanged(values));
+        setSelectedItems(values);
+        if (props.valueChanged) {
+            props.valueChanged(values);
+        }
     };
-    render() {
-        return (_jsx("div", { className: styles.multiSelectContainer, children: _jsxs(FormControl, { variant: "outlined", fullWidth: true, children: [_jsx(InputLabel, { id: String(this.props.id) + '-label', children: this.props.label }, void 0), _jsx(Select, { labelId: String(this.props.id) + '-label', id: String(this.props.id), placeholder: t('PickItems'), className: styles.multichoice, disabled: this.props.disabled === true, required: this.props.required === true, multiple: true, margin: this.props.margin, value: this.state.selectedItems, onChange: this.onSelectedItemsChange, input: _jsx(OutlinedInput, { label: this.props.label, id: 'select-multiple-' + this.props.id }, void 0), startAdornment: this.props.startAdornment, renderValue: (selected) => !selected || typeof selected === 'string'
+    return (_jsx("div", { className: styles.multiSelectContainer, children: _jsxs(FormControl, { variant: "outlined", fullWidth: true, children: [_jsx(InputLabel, { id: String(props.id) + '-label', children: props.label }, void 0), _jsx(Select, { ref: ref, labelId: String(props.id) + '-label', id: String(props.id), placeholder: t('PickItems'), className: styles.multichoice, disabled: props.disabled === true, required: props.required === true, multiple: true, margin: props.margin, value: selectedItems, onChange: onSelectedItemsChange, input: _jsx(OutlinedInput, { label: props.label, id: 'select-multiple-' + props.id }, void 0), startAdornment: props.startAdornment, renderValue: (selected) => !selected || typeof selected === 'string'
+                        ? selected
+                        : props.keyfield === 'id'
                             ? selected
-                            : this.props.keyfield === 'id'
-                                ? selected
-                                    .map((v) => {
-                                    let index = this.props.items.findIndex((it) => it.id === v);
-                                    let s = index >= 0 ? this.props.items[index].name : v;
-                                    return t(s, { defaultValue: s });
-                                })
-                                    .join(', ')
-                                : selected.map((s) => t(s, { defaultValue: s })).join(', '), MenuProps: MenuProps, children: this.props.items.map((value) => (_jsxs(MenuItem, { value: value[this.props.keyfield || 'name'], children: [_jsx(Checkbox, { color: "primary", checked: this.state.selectedItems.findIndex((s) => s === value[this.props.keyfield || 'name']) >= 0 }, void 0), _jsx(ListItemText, { primary: t(value.name, { defaultValue: value.name }) }, void 0)] }, value.id))) }, void 0)] }, void 0) }, void 0));
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvTXVsdGlTZWxlY3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNMLGFBQWEsRUFDYixVQUFVLEVBQ1YsUUFBUSxFQUNSLFlBQVksRUFDWixNQUFNLEVBQ04sUUFBUSxFQUNSLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLE1BQU0sTUFBTSx1Q0FBdUMsQ0FBQztBQUMzRCxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUF1Qm5DLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztBQUN2QixNQUFNLGdCQUFnQixHQUFHLENBQUMsQ0FBQztBQUMzQixNQUFNLFNBQVMsR0FBRztJQUNoQixVQUFVLEVBQUU7UUFDVixLQUFLLEVBQUU7WUFDTCxTQUFTLEVBQUUsV0FBVyxHQUFHLEdBQUcsR0FBRyxnQkFBZ0I7WUFDL0MsS0FBSyxFQUFFLEdBQUc7U0FDWDtLQUNGO0NBQ0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxPQUFPLE9BQU8sZ0JBQWlCLFNBQVEsS0FBSyxDQUFDLFNBR25EO0lBQ0MsWUFBWSxLQUF3QjtRQUNsQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDYixJQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1gsYUFBYSxFQUFFLEtBQUssQ0FBQyxhQUFhLElBQUksRUFBRTtTQUN6QyxDQUFDO0lBQ0osQ0FBQztJQUVELHFCQUFxQixHQUFHLENBQUMsS0FBd0IsRUFBRSxFQUFFO1FBQ25ELE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxLQUFLLENBQUMsTUFBMkIsQ0FBQztRQUN0RCxNQUFNLEVBQ0osTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQ2xCLEdBQUcsS0FBSyxDQUFDO1FBQ1YsSUFBSSxNQUFN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
+                                .map((v) => {
+                                let index = props.items.findIndex((it) => it.id === v);
+                                let s = index >= 0 ? props.items[index].name : v;
+                                return t(s, { defaultValue: s });
+                            })
+                                .join(', ')
+                            : selected.map((s) => t(s, { defaultValue: s })).join(', '), MenuProps: MenuProps, children: props.items.map((value) => (_jsxs(MenuItem, { value: value[props.keyfield || 'name'], children: [_jsx(Checkbox, { color: "primary", checked: selectedItems.findIndex((s) => s === value[props.keyfield || 'name']) >= 0 }, void 0), _jsx(ListItemText, { primary: t(value.name, { defaultValue: value.name }) }, void 0)] }, value.id))) }, void 0)] }, void 0) }, void 0));
+});
+export default MultiSelectField;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvTXVsdGlTZWxlY3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN4QyxPQUFPLEVBQ0wsYUFBYSxFQUNiLFVBQVUsRUFDVixRQUFRLEVBQ1IsWUFBWSxFQUNaLE1BQU0sRUFDTixRQUFRLEVBQ1IsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sTUFBTSxNQUFNLHVDQUF1QyxDQUFDO0FBQzNELE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQWtCbkMsTUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFDO0FBQ3ZCLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO0FBQzNCLE1BQU0sU0FBUyxHQUFHO0lBQ2hCLFVBQVUsRUFBRTtRQUNWLEtBQUssRUFBRTtZQUNMLFNBQVMsRUFBRSxXQUFXLEdBQUcsR0FBRyxHQUFHLGdCQUFnQjtZQUMvQyxLQUFLLEVBQUUsR0FBRztTQUNYO0tBQ0Y7Q0FDRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQWdDLEtBQUssQ0FBQyxVQUFVLENBRzNFLENBQUMsRUFBRSxHQUFHLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFO0lBQ3RCLE1BQU0sQ0FBQyxhQUFhLEVBQUUsZ0JBQWdCLENBQUMsR0FBRyxRQUFRLENBQ2hELEtBQUssQ0FBQyxhQUFhLElBQUksRUFBRSxDQUMxQixDQUFDO0lBRUYsTUFBTSxxQkFBcUIsR0FBRyxDQUFDLEtBQXdCLEVBQUUsRUFBRTtRQUN6RCxNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsS0FBSyxDQUFDLE1BQTJCLENBQUM7UUFDdEQsTUFBTSxFQUNKLE1BQU0sRUFBRSxFQUFFLEtBQUssRUFBRSxHQUNsQixH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

package/build/module/lib/components/Rating/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { RatingProps } from '@mui/material/Rating';
 interface IRatingProps extends RatingProps {
 }
-export declare const Rating: React.FC<IRatingProps>;
+export declare const Rating: React.FC<IRatingProps & any>;
 export default Rating;

package/build/module/lib/components/Rating/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import StarRating from '@mui/material/Rating';
-export const Rating = (props) => (_jsx(StarRating, { ...props }, void 0));
+export const Rating = React.forwardRef(({ ...props }, ref) => _jsx(StarRating, { ...props, ref: ref }, void 0));
 export default Rating;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvUmF0aW5nL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxVQUEyQixNQUFNLHNCQUFzQixDQUFDO0FBSy9ELE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBMkIsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQ3ZELEtBQUMsVUFBVSxPQUFLLEtBQUssV0FBSSxDQUMxQixDQUFDO0FBRUYsZUFBZSxNQUFNLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvUmF0aW5nL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sVUFBMkIsTUFBTSxzQkFBc0IsQ0FBQztBQUsvRCxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQWlDLEtBQUssQ0FBQyxVQUFVLENBR2xFLENBQUMsRUFBRSxHQUFHLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsS0FBQyxVQUFVLE9BQUssS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLFdBQUksQ0FBQyxDQUFDO0FBRTlELGVBQWUsTUFBTSxDQUFDIn0=

package/build/module/lib/components/Switch/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { Switch as BaseSwitch, FormControlLabel, } from '@mui/material';
-export const Switch = ({ label, labelPlacement, labelValue, value, ...props }) => (_jsx(FormControlLabel, { control: _jsx(BaseSwitch, { ...props }, void 0), label: label, labelPlacement: labelPlacement, value: labelValue }, void 0));
+export const Switch = React.forwardRef(({ label, labelPlacement, labelValue, value, ...props }, ref) => (_jsx(FormControlLabel, { control: _jsx(BaseSwitch, { ...props, ref: ref }, void 0), label: label, labelPlacement: labelPlacement, value: labelValue }, void 0)));
 export default Switch;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU3dpdGNoL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUNMLE1BQU0sSUFBSSxVQUFVLEVBRXBCLGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQztBQVF2QixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQTJCLENBQUMsRUFDN0MsS0FBSyxFQUNMLGNBQWMsRUFDZCxVQUFVLEVBQ1YsS0FBSyxFQUNMLEdBQUcsS0FBSyxFQUNULEVBQUUsRUFBRSxDQUFDLENBQ0osS0FBQyxnQkFBZ0IsSUFDZixPQUFPLEVBQUUsS0FBQyxVQUFVLE9BQUssS0FBSyxXQUFJLEVBQ2xDLEtBQUssRUFBRSxLQUFLLEVBQ1osY0FBYyxFQUFFLGNBQWMsRUFDOUIsS0FBSyxFQUFFLFVBQVUsV0FDakIsQ0FDSCxDQUFDO0FBRUYsZUFBZSxNQUFNLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU3dpdGNoL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxNQUFNLElBQUksVUFBVSxFQUVwQixnQkFBZ0IsR0FDakIsTUFBTSxlQUFlLENBQUM7QUFRdkIsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUEyQixLQUFLLENBQUMsVUFBVSxDQUc1RCxDQUFDLEVBQUUsS0FBSyxFQUFFLGNBQWMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUNqRSxLQUFDLGdCQUFnQixJQUNmLE9BQU8sRUFBRSxLQUFDLFVBQVUsT0FBSyxLQUFLLEVBQUUsR0FBRyxFQUFFLEdBQUcsV0FBSSxFQUM1QyxLQUFLLEVBQUUsS0FBSyxFQUNaLGNBQWMsRUFBRSxjQUFjLEVBQzlCLEtBQUssRUFBRSxVQUFVLFdBQ2pCLENBQ0gsQ0FBQyxDQUFDO0FBRUgsZUFBZSxNQUFNLENBQUMifQ==

package/build/module/lib/components/TagsInput/index.d.ts

@@ -8,5 +8,5 @@ declare type ITagsProps = {
     variant: 'outlined' | 'standard' | 'filled';
     onChange?(event: any, chips: any, reason?: any): void;
 };
-export declare const TagsInput: React.FC<ITagsProps | any>;
+export declare const TagsInput: React.FC<ITagsProps & any>;
 export default TagsInput;

package/build/module/lib/components/TagsInput/index.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { Autocomplete, Chip, TextField, } from '@mui/material';
-export const TagsInput = (props) => {
+export const TagsInput = React.forwardRef(({ ...props }, ref) => {
     const { required, label, variant, margin, disabled = false, placeholder, onChange, ...prop } = props;
-    return (_jsx(Autocomplete, { options: [], fullWidth: true, ...prop, multiple: true, freeSolo: true, onChange: onChange, readOnly: disabled, placeholder: placeholder, renderTags: (value, getTagProps) => value.map((option, index) => (_jsx(Chip, { variant: 'outlined', label: option, disabled: disabled, ...getTagProps({ index }) }, void 0))), renderInput: (params) => (_jsx(TextField, { ...params, required: required, label: label, variant: variant, margin: margin, disabled: disabled, placeholder: placeholder }, void 0)) }, void 0));
-};
+    return (_jsx(Autocomplete, { options: [], fullWidth: true, ...prop, ref: ref, multiple: true, freeSolo: true, onChange: onChange, readOnly: disabled, placeholder: placeholder, renderTags: (value, getTagProps) => value.map((option, index) => (_jsx(Chip, { variant: 'outlined', label: option, disabled: disabled, ...getTagProps({ index }) }, void 0))), renderInput: (params) => (_jsx(TextField, { ...params, required: required, label: label, variant: variant, margin: margin, disabled: disabled, placeholder: placeholder }, void 0)) }, void 0));
+});
 export default TagsInput;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvVGFnc0lucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUNMLFlBQVksRUFDWixJQUFJLEVBQ0osU0FBUyxHQUdWLE1BQU0sZUFBZSxDQUFDO0FBWXZCLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBK0IsQ0FBQyxLQUFpQixFQUFFLEVBQUU7SUFDekUsTUFBTSxFQUNKLFFBQVEsRUFDUixLQUFLLEVBQ0wsT0FBTyxFQUNQLE1BQU0sRUFDTixRQUFRLEdBQUcsS0FBSyxFQUNoQixXQUFXLEVBQ1gsUUFBUSxFQUNSLEdBQUcsSUFBSSxFQUNSLEdBQUcsS0FBSyxDQUFDO0lBQ1YsT0FBTyxDQUNMLEtBQUMsWUFBWSxJQUNYLE9BQU8sRUFBRSxFQUFFLEVBQ1gsU0FBUyxXQUNMLElBQUksRUFDUixRQUFRLFFBQ1IsUUFBUSxRQUNSLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLEVBRWxCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFVBQVUsRUFBRSxDQUFDLEtBQUssRUFBRSxXQUFXLEVBQUUsRUFBRSxDQUNqQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FDM0IsS0FBQyxJQUFJLElBQ0gsT0FBTyxFQUFFLFVBQVUsRUFDbkIsS0FBSyxFQUFFLE1BQU0sRUFDYixRQUFRLEVBQUUsUUFBUSxLQUNkLFdBQVcsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLFdBQzFCLENBQ0gsQ0FBQyxFQUVKLFdBQVcsRUFBRSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FDdkIsS0FBQyxTQUFTLE9BQ0osTUFBTSxFQUNWLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLE9BQU8sRUFDaEIsTUFBTSxFQUFFLE1BQU0sRUFDZCxRQUFRLEVBQUUsUUFBUSxFQUNsQixXQUFXLEVBQUUsV0FBVyxXQUN4QixDQUNILFdBQ0QsQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsZUFBZSxTQUFTLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvVGFnc0lucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxZQUFZLEVBQ1osSUFBSSxFQUNKLFNBQVMsR0FHVixNQUFNLGVBQWUsQ0FBQztBQVl2QixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQStCLEtBQUssQ0FBQyxVQUFVLENBR25FLENBQUMsRUFBRSxHQUFHLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFO0lBQ3RCLE1BQU0sRUFDSixRQUFRLEVBQ1IsS0FBSyxFQUNMLE9BQU8sRUFDUCxNQUFNLEVBQ04sUUFBUSxHQUFHLEtBQUssRUFDaEIsV0FBVyxFQUNYLFFBQVEsRUFDUixHQUFHLElBQUksRUFDUixHQUFHLEtBQUssQ0FBQztJQUNWLE9BQU8sQ0FDTCxLQUFDLFlBQVksSUFDWCxPQUFPLEVBQUUsRUFBRSxFQUNYLFNBQVMsV0FDTCxJQUFJLEVBQ1IsR0FBRyxFQUFFLEdBQUcsRUFDUixRQUFRLFFBQ1IsUUFBUSxRQUNSLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLEVBRWxCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFVBQVUsRUFBRSxDQUFDLEtBQUssRUFBRSxXQUFXLEVBQUUsRUFBRSxDQUNqQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FDM0IsS0FBQyxJQUFJLElBQ0gsT0FBTyxFQUFFLFVBQVUsRUFDbkIsS0FBSyxFQUFFLE1BQU0sRUFDYixRQUFRLEVBQUUsUUFBUSxLQUNkLFdBQVcsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLFdBQzFCLENBQ0gsQ0FBQyxFQUVKLFdBQVcsRUFBRSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FDdkIsS0FBQyxTQUFTLE9BQ0osTUFBTSxFQUNWLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLE9BQU8sRUFDaEIsTUFBTSxFQUFFLE1BQU0sRUFDZCxRQUFRLEVBQUUsUUFBUSxFQUNsQixXQUFXLEVBQUUsV0FBVyxXQUN4QixDQUNILFdBQ0QsQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUM7QUFFSCxlQUFlLFNBQVMsQ0FBQyJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuudel-core",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "description": "Web components for react with material UI",
   "main": "build/main/index.js",
   "typings": "build/main/index.d.ts",
@@ -65,7 +65,7 @@
     "graphql-2-json-schema": "0.2.0",
     "i18next": "^21.10.0",
     "next-with-apollo": "^5.3.0",
-    "nuudel-utils": "^0.1.68",
+    "nuudel-utils": "^0.1.70",
     "pica": "^9.0.1",
     "react-colorful": "^5.6.1",
     "react-device-detect": "^2.1.2",