@dilicorp/ui 0.2.34 → 0.2.35

package/dist/components/form-builder/components/datepicker.js

@@ -1,17 +1,6 @@
-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 React from 'react';
 import { InputDatepicker } from '../../../atoms/input-datepicker';
 export default function DatePicker(props) {
-    const { name, actions, value, id = name } = props, rest = __rest(props, ["name", "actions", "value", "id"]);
-    return (React.createElement(InputDatepicker, Object.assign({ value: value || '', name: name, "data-testid": id }, rest, { onChange: actions.setFieldValue })));
+    const { name, actions, value, id = name, ...rest } = props;
+    return (React.createElement(InputDatepicker, { value: value || '', name: name, "data-testid": id, ...rest, onChange: actions.setFieldValue }));
 }

package/dist/components/form-builder/components/dropzone.js

@@ -8,10 +8,14 @@ export default function DropZone(props) {
             dropzoneOptions.onDrop(acceptedFiles, rejectedFiles, event);
         }
     }, []);
-    const { acceptedFiles, fileRejections, getRootProps, getInputProps, isDragActive } = useDropzone(Object.assign(Object.assign({}, dropzoneOptions), { onDrop, multiple: (dropzoneOptions === null || dropzoneOptions === void 0 ? void 0 : dropzoneOptions.multiple) || false }));
+    const { acceptedFiles, fileRejections, getRootProps, getInputProps, isDragActive } = useDropzone({
+        ...dropzoneOptions,
+        onDrop,
+        multiple: (dropzoneOptions === null || dropzoneOptions === void 0 ? void 0 : dropzoneOptions.multiple) || false
+    });
     return (React.createElement("div", { className: "dropzone-container" },
-        React.createElement("div", Object.assign({}, getRootProps({ className: 'dropzone' })),
-            React.createElement("input", Object.assign({}, getInputProps({ name, id }), { "data-testid": id })),
+        React.createElement("div", { ...getRootProps({ className: 'dropzone' }) },
+            React.createElement("input", { ...getInputProps({ name, id }), "data-testid": id }),
             isDragActive
                 ? React.createElement("p", null, textFileSelect)
                 : React.createElement("p", null, textFileSelected)),

package/dist/components/form-builder/components/input-currency.js

@@ -1,14 +1,3 @@
-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 { FastField, Field } from 'formik';
 import React from 'react';
 import numberHelper from '../../../utils/number-helper';
@@ -24,7 +13,7 @@ export const InputCurrency = ({ attrs, handleChange, currency, name }) => {
             }
         });
     };
-    const { fastField = true } = attrs, restAttrs = __rest(attrs, ["fastField"]);
+    const { fastField = true, ...restAttrs } = attrs;
     const Tag = fastField ? FastField : Field;
-    return (React.createElement(Tag, { name: name }, ({ field }) => React.createElement("input", Object.assign({}, field, restAttrs, { onChange: handleChangeCurrency, min: "0", maxLength: maxLength }))));
+    return (React.createElement(Tag, { name: name }, ({ field }) => React.createElement("input", { ...field, ...restAttrs, onChange: handleChangeCurrency, min: "0", maxLength: maxLength })));
 };

package/dist/components/form-builder/components/input-mask.js

@@ -1,19 +1,8 @@
-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 { FastField, Field } from 'formik';
 import React from 'react';
 import ReactInputMask from 'react-input-mask';
 export const InputMask = ({ attrs, mask, name }) => {
-    const { fastField = true } = attrs, restAttrs = __rest(attrs, ["fastField"]);
+    const { fastField = true, ...restAttrs } = attrs;
     const Tag = fastField ? FastField : Field;
-    return (React.createElement(Tag, { name: name }, ({ field }) => React.createElement(ReactInputMask, Object.assign({}, field, restAttrs, { mask: mask }))));
+    return (React.createElement(Tag, { name: name }, ({ field }) => React.createElement(ReactInputMask, { ...field, ...restAttrs, mask: mask })));
 };

package/dist/components/form-builder/components/input-prefix-suffix.js

@@ -1,28 +1,17 @@
-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 React from 'react';
 import { FastField, Field } from 'formik';
 export const InputPrefixSuffix = ({ attrs, suffix, prefix }) => {
     var _a;
-    const { fastField = true } = attrs, restAttrs = __rest(attrs, ["fastField"]);
+    const { fastField = true, ...restAttrs } = attrs;
     const Tag = fastField ? FastField : Field;
     return (React.createElement("div", { className: "position-relative" },
         prefix && React.createElement("div", { className: "input-prefix" }, typeof prefix === 'string' ? React.createElement("span", null, prefix) : prefix),
-        React.createElement(Tag, Object.assign({}, restAttrs, { readOnly: true, onFocus: (event) => {
+        React.createElement(Tag, { ...restAttrs, readOnly: true, onFocus: (event) => {
                 event.currentTarget.readOnly = false;
-            } }, ((prefix && typeof prefix === 'string') && {
-            style: {
-                paddingLeft: (((_a = prefix === null || prefix === void 0 ? void 0 : prefix.length) !== null && _a !== void 0 ? _a : 0) * 8) + 10
-            }
-        }))),
+            }, ...((prefix && typeof prefix === 'string') && {
+                style: {
+                    paddingLeft: (((_a = prefix === null || prefix === void 0 ? void 0 : prefix.length) !== null && _a !== void 0 ? _a : 0) * 8) + 10
+                }
+            }) }),
         suffix && React.createElement("div", { className: "input-suffix" }, typeof suffix === 'string' ? React.createElement("span", null, suffix) : suffix)));
 };

package/dist/components/form-builder/components/input.js

@@ -1,14 +1,3 @@
-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 React from 'react';
 import { FastField, Field } from 'formik';
 import classNames from 'classnames';
@@ -16,7 +5,7 @@ import { InputCurrency } from './input-currency';
 import { InputMask } from './input-mask';
 import { InputPrefixSuffix } from './input-prefix-suffix';
 export default function Input(props) {
-    const { name, id = name, type = 'text', tabIndex = 0, actions, mask, multiple = false, currency, className, prefix, suffix, fastField = true } = props, elements = __rest(props, ["name", "id", "type", "tabIndex", "actions", "mask", "multiple", "currency", "className", "prefix", "suffix", "fastField"]);
+    const { name, id = name, type = 'text', tabIndex = 0, actions, mask, multiple = false, currency, className, prefix, suffix, fastField = true, ...elements } = props;
     const validOptions = {
         alt: elements.alt,
         autoComplete: elements.autoComplete,
@@ -34,12 +23,18 @@ export default function Input(props) {
     const handleChange = (event) => {
         if (elements.onChange) {
             elements.onChange({
-                currentTarget: Object.assign(Object.assign({}, event.currentTarget), { name })
+                currentTarget: {
+                    ...event.currentTarget,
+                    name
+                }
             });
         }
         if (elements.onBlur) {
             elements.onBlur({
-                currentTarget: Object.assign(Object.assign({}, event.currentTarget), { name })
+                currentTarget: {
+                    ...event.currentTarget,
+                    name
+                }
             });
         }
         if (actions.setFieldValue) {
@@ -57,17 +52,30 @@ export default function Input(props) {
     };
     const curValue = actions.values[name];
     const classes = classNames(className, 'form-control');
-    const attrsInput = Object.assign(Object.assign({}, validOptions), { value: curValue, className: classes, name,
-        id, 'data-testid': id, type: type === 'number' ? 'text' : type, tabIndex, autoComplete: 'none', onChange: handleChange });
-    const attrs = Object.assign(Object.assign({}, attrsInput), { fastField });
+    const attrsInput = {
+        ...validOptions,
+        value: curValue,
+        className: classes,
+        name,
+        id,
+        'data-testid': id,
+        type: type === 'number' ? 'text' : type,
+        tabIndex,
+        autoComplete: 'none',
+        onChange: handleChange
+    };
+    const attrs = {
+        ...attrsInput,
+        fastField
+    };
     if (currency)
-        return React.createElement(InputCurrency, Object.assign({}, { name, attrs, currency, handleChange }));
+        return React.createElement(InputCurrency, { ...{ name, attrs, currency, handleChange } });
     if (mask)
-        return React.createElement(InputMask, Object.assign({}, { name, attrs, mask }));
+        return React.createElement(InputMask, { ...{ name, attrs, mask } });
     if (prefix || suffix)
-        return React.createElement(InputPrefixSuffix, Object.assign({}, { attrs, suffix, prefix }));
+        return React.createElement(InputPrefixSuffix, { ...{ attrs, suffix, prefix } });
     const Tag = fastField ? FastField : Field;
-    return (React.createElement(Tag, Object.assign({}, attrsInput, { as: multiple ? 'textarea' : 'input', readOnly: true, onFocus: (event) => {
+    return (React.createElement(Tag, { ...attrsInput, as: multiple ? 'textarea' : 'input', readOnly: true, onFocus: (event) => {
             event.currentTarget.readOnly = false;
-        } })));
+        } }));
 }

package/dist/components/form-builder/components/password.js

@@ -1,18 +1,7 @@
-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 React from 'react';
 import { Field } from 'formik';
 export default function Password(props) {
-    const { name, id = name, tabIndex = 0, actions, labelButton = 'show' } = props, elements = __rest(props, ["name", "id", "tabIndex", "actions", "labelButton"]);
+    const { name, id = name, tabIndex = 0, actions, labelButton = 'show', ...elements } = props;
     const validOptions = {
         alt: elements.alt,
         autoComplete: elements.autoComplete,
@@ -42,5 +31,5 @@ export default function Password(props) {
     };
     return (React.createElement("div", { className: "position-relative" },
         React.createElement("div", { role: "button", className: `form-password-button${visible ? ' visible' : ''}`, onClick: handleVisible }, labelButton),
-        React.createElement(Field, Object.assign({}, validOptions, { type: visible ? 'text' : 'password', className: "form-control", name: name, id: id, "data-testid": id, tabIndex: tabIndex, onChange: handleChange, readOnly: true, autoComplete: "off", onFocus: handleFocus }))));
+        React.createElement(Field, { ...validOptions, type: visible ? 'text' : 'password', className: "form-control", name: name, id: id, "data-testid": id, tabIndex: tabIndex, onChange: handleChange, readOnly: true, autoComplete: "off", onFocus: handleFocus })));
 }

package/dist/components/form-builder/components/radio.js

@@ -20,6 +20,6 @@ export default function Radio(props) {
     };
     const Tag = fastField ? FastField : Field;
     return options.map((option, index) => (React.createElement("div", { className: "form-check", key: `${name}-${index}` },
-        React.createElement(Tag, Object.assign({ value: option.value, name: name, id: `${id}-${index}`, "data-testid": `${id}-${index}` }, isChecked(option), { disabled }, { type: "radio", tabIndex: tabIndex, className: "form-check-input", onChange: handleChange })),
+        React.createElement(Tag, { value: option.value, name: name, id: `${id}-${index}`, "data-testid": `${id}-${index}`, ...isChecked(option), ...{ disabled }, type: "radio", tabIndex: tabIndex, className: "form-check-input", onChange: handleChange }),
         React.createElement("label", { className: "form-check-label", htmlFor: `${id}-${index}` }, option.label))));
 }

package/dist/components/form-builder/form-builder-element.js

@@ -1,19 +1,8 @@
-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 React from 'react';
 import { FormBuilderComponentsList } from './form-builder-components-list';
 import { FormGroup } from './_partials/form-group';
 export const FormBuilderElement = (props) => {
-    const { component, value, actions } = props, elements = __rest(props, ["component", "value", "actions"]);
+    const { component, value, actions, ...elements } = props;
     const Component = (component && typeof component === 'object')
         ? component
         : (component != null
@@ -22,5 +11,5 @@ export const FormBuilderElement = (props) => {
     if (!Component)
         return null;
     return (React.createElement(FormGroup, { name: props.name, title: props.title, validations: props.validations },
-        React.createElement(Component, Object.assign({}, elements, { value: value || '', actions: actions }))));
+        React.createElement(Component, { ...elements, value: value || '', actions: actions })));
 };

package/dist/components/form-builder/form-builder.js

@@ -1,14 +1,3 @@
-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 React from 'react';
 import { Form, Formik } from 'formik';
 import { Row, Col, Typography } from '../../';
@@ -16,16 +5,17 @@ import { FormBuilderElement } from './form-builder-element';
 import { FormBuilderHelper } from './utils/form-builder-helper';
 export const FormBuilder = (props) => {
     const { data, onSubmit, className } = props;
-    const options = Object.assign(Object.assign({ enableReinitialize: true }, FormBuilderHelper.init(data).build()), { onSubmit });
+    const options = {
+        enableReinitialize: true,
+        ...FormBuilderHelper.init(data).build(),
+        onSubmit
+    };
     return (React.createElement("div", { className: "w-100" },
-        React.createElement(Formik, Object.assign({}, options), (actions) => (React.createElement(Form, { className: `form-builder${className ? ' ' + className : ''}` }, data.map(({ name, customComponent: Component, items, classes }, index) => (React.createElement("div", { key: index, className: `so-form-group${(classes === null || classes === void 0 ? void 0 : classes.soFormGroup) ? ' ' + (classes === null || classes === void 0 ? void 0 : classes.soFormGroup) : ''}` },
+        React.createElement(Formik, { ...options }, (actions) => (React.createElement(Form, { className: `form-builder${className ? ' ' + className : ''}` }, data.map(({ name, customComponent: Component, items, classes }, index) => (React.createElement("div", { key: index, className: `so-form-group${(classes === null || classes === void 0 ? void 0 : classes.soFormGroup) ? ' ' + (classes === null || classes === void 0 ? void 0 : classes.soFormGroup) : ''}` },
             name && React.createElement(Typography, { tag: "h2", variant: "h5" }, name),
             Boolean(Component) && Component,
             React.createElement(Row, null, items
                 .filter(item => item === null || item === void 0 ? void 0 : item.component)
-                .map((_a) => {
-                var { column, columnClassName } = _a, item = __rest(_a, ["column", "columnClassName"]);
-                return (React.createElement(Col, { key: item.name, size: column !== null && column !== void 0 ? column : 12, className: columnClassName },
-                    React.createElement(FormBuilderElement, Object.assign({}, item, { actions: actions }))));
-            }))))))))));
+                .map(({ column, columnClassName, ...item }) => (React.createElement(Col, { key: item.name, size: column !== null && column !== void 0 ? column : 12, className: columnClassName },
+                React.createElement(FormBuilderElement, { ...item, actions: actions })))))))))))));
 };

package/dist/components/navbar/navbar.js

@@ -4,15 +4,18 @@ import { Icon } from '../../atoms/icon';
 import { Image } from '../../atoms/image';
 export const Navbar = (props) => {
     const { image, dropdown, showUserIcon = true, items } = props;
-    const dropdownWithNavItems = Object.assign(Object.assign({}, dropdown), { items: [...(items || []).map(item => ({ separator: true, element: React.createElement("div", { className: "nav-item-mobile" }, item) })), ...dropdown.items] });
+    const dropdownWithNavItems = {
+        ...dropdown,
+        items: [...(items || []).map(item => ({ separator: true, element: React.createElement("div", { className: "nav-item-mobile" }, item) })), ...dropdown.items]
+    };
     return (React.createElement("div", { className: "navbar" },
         React.createElement("div", { className: "navbar-profile" }, items === null || items === void 0 ? void 0 :
             items.map((item, index) => React.createElement("div", { key: `nav-bar-item-${index}`, className: "mx-2 d-flex align-items-center justify-content-center" }, item)),
             image
-                ? React.createElement(Image, Object.assign({}, image, { circle: true, width: "38px", height: "38px", objectFit: "cover", className: "me-2" }))
+                ? React.createElement(Image, { ...image, circle: true, width: "38px", height: "38px", objectFit: "cover", className: "me-2" })
                 : (showUserIcon &&
                     React.createElement("div", { className: "image-profile circle me-2" },
                         React.createElement(Icon, { icon: "faUserAlt" })))),
         React.createElement("div", { className: "dropdown-seaction" },
-            React.createElement(Dropdown, Object.assign({}, dropdownWithNavItems)))));
+            React.createElement(Dropdown, { ...dropdownWithNavItems }))));
 };

package/dist/components/page-list/column-management-components/modal-config.js

@@ -8,7 +8,8 @@ export const ModalConfig = ({ title, description = '', items, defaultConfig, can
     const [columns, setColumns] = React.useState(items);
     const handleCheckColumn = React.useCallback(id => {
         setColumns(prev => prev.map(curr => curr.id === id
-            ? Object.assign(Object.assign({}, curr), { show: !curr.show }) : curr));
+            ? { ...curr, show: !curr.show }
+            : curr));
     }, []);
     const columnsVisible = Array.from(columns.filter(item => item.show));
     const columnsOrdered = [...columns];

package/dist/components/page-list/filter-components/button-filter-clear.js

@@ -13,7 +13,7 @@ export const ButtonFilterClear = (props) => {
         const whiteList = ['tab'];
         const elements = objectHelper.destruct(search, ...whiteList);
         navigate({
-            search: uriHelper.stringify(Object.assign(Object.assign({}, elements), { page: 1 }))
+            search: uriHelper.stringify({ ...elements, page: 1 })
         });
     }, [search, navigate]);
     return (React.createElement(Button, { color: color, className: classes, onClick: handleClick, outline: outline },

package/dist/components/page-list/filter-components/filter-form.js

@@ -13,14 +13,14 @@ export const FilterForm = (props) => {
             for (let i = 0; i < count; i++) {
                 // @ts-ignore
                 if (whiteList.includes((fields[i]).localName) && fields[i].name) {
-                    Object.assign(elements, {
+                    Object.assign(elements || {}, {
                         // @ts-ignore
                         [fields[i].name]: fields[i].value
                     });
                 }
             }
             navigate({
-                search: uriHelper.stringify(Object.assign(Object.assign({}, elements), { page: 1 }))
+                search: uriHelper.stringify({ ...elements, page: 1 })
             });
         } }, children));
 };

package/dist/components/page-list/filters/filter-datepicker.js

@@ -16,5 +16,5 @@ export const FilterDatepicker = (props) => {
         Boolean(placeholder) && React.createElement("label", { className: "form-label", htmlFor: name },
             placeholder,
             ":"),
-        React.createElement(InputDatepicker, Object.assign({}, props, { value: value || currentValue || '', id: id, minDate: minDate, maxDate: maxDate, onChange: handleChange, onBlur: handleBlur }))));
+        React.createElement(InputDatepicker, { ...props, value: value || currentValue || '', id: id, minDate: minDate, maxDate: maxDate, onChange: handleChange, onBlur: handleBlur })));
 };

package/dist/components/page-list/filters/filter-input.js

@@ -1,19 +1,8 @@
-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 React from 'react';
 import classNames from 'classnames';
 import InputMask from 'react-input-mask';
 export const FilterInput = (props) => {
-    const { name, className, id = name, mask, value, placeholder } = props, elements = __rest(props, ["name", "className", "id", "mask", "value", "placeholder"]);
+    const { name, className, id = name, mask, value, placeholder, ...elements } = props;
     const validOptions = {
         alt: elements.alt,
         autoComplete: elements.autoComplete,
@@ -25,17 +14,24 @@ export const FilterInput = (props) => {
         required: elements.required
     };
     const classes = classNames(className, 'form-control');
-    const attrs = Object.assign(Object.assign({}, validOptions), { className: classes, name: name, id: id, defaultValue: value, onChange: props.onChange });
+    const attrs = {
+        ...validOptions,
+        className: classes,
+        name: name,
+        id: id,
+        defaultValue: value,
+        onChange: props.onChange
+    };
     if (mask) {
         return (React.createElement("div", { className: "form-group" },
             Boolean(placeholder) && React.createElement("label", { className: "form-label", htmlFor: name },
                 placeholder,
                 ":"),
-            React.createElement(InputMask, Object.assign({ mask: mask }, attrs))));
+            React.createElement(InputMask, { mask: mask, ...attrs })));
     }
     return (React.createElement("div", { className: "form-group" },
         Boolean(placeholder) && React.createElement("label", { className: "form-label", htmlFor: name },
             placeholder,
             ":"),
-        React.createElement("input", Object.assign({}, attrs))));
+        React.createElement("input", { ...attrs })));
 };

package/dist/components/page-list/page-list-config/page-list-config-column-management.js

@@ -16,6 +16,6 @@ export const PageListConfigColumnManagement = ({ columnManagement, onClick }) =>
                 modalActions.open();
             } }),
         React.createElement(Alert, { ref: modal, className: "alert-lg" },
-            React.createElement(ModalConfig, Object.assign({}, columnManagement, { closeFn: modalActions.close, confirmFn: columnManagement.onConfirm })))));
+            React.createElement(ModalConfig, { ...columnManagement, closeFn: modalActions.close, confirmFn: columnManagement.onConfirm }))));
 };
 PageListConfigColumnManagement.displayName = 'PageListConfigColumnManagement';

package/dist/components/page-list/page-list-config/page-list-config-dropdown.js

@@ -36,15 +36,27 @@ export const PageListConfigDropdown = ({ children, label, color = 'primary', out
             var _a, _b;
             if (React.isValidElement(child)) {
                 if ((_a = child.props) === null || _a === void 0 ? void 0 : _a.onClick) {
-                    return (Object.assign(Object.assign({}, child), { props: Object.assign(Object.assign({}, child.props), { onClick: () => {
+                    return ({
+                        ...child,
+                        props: {
+                            ...child.props,
+                            onClick: () => {
                                 setToggle(false);
                                 child.props.onClick();
-                            } }) }));
+                            }
+                        }
+                    });
                 }
                 if (((_b = child.type) === null || _b === void 0 ? void 0 : _b.displayName) === 'PageListConfigColumnManagement') {
-                    return (Object.assign(Object.assign({}, child), { props: Object.assign(Object.assign({}, child.props), { onClick: () => {
+                    return ({
+                        ...child,
+                        props: {
+                            ...child.props,
+                            onClick: () => {
                                 setToggle(false);
-                            } }) }));
+                            }
+                        }
+                    });
                 }
             }
             return child;

package/dist/components/page-list/page-list-get-filters.js

@@ -8,7 +8,13 @@ import { ButtonFilters } from './filter-components/button-filters';
 import { Icon } from '../../atoms/icon';
 import { Button } from '../../atoms/button';
 const setValue = (element, value) => {
-    return Object.assign(Object.assign({}, element), { props: Object.assign(Object.assign({}, element.props), { value: value }) });
+    return {
+        ...element,
+        props: {
+            ...element.props,
+            value: value
+        }
+    };
 };
 export const PageListGetFilters = (props) => {
     const { children, numFiltersVisible = 2, filterList, search, filter = {

package/dist/components/page-list/page-list.js

@@ -34,9 +34,9 @@ export const PageList = (props) => {
             React.createElement(Col, { className: "ms-auto" },
                 React.createElement("div", { className: "extra-buttons-container" },
                     Boolean(extraButtonsInline.length) &&
-                        extraButtonsInline.map((item, index) => (React.createElement(Button, Object.assign({ outline: true, key: `export-button-${index}` }, item),
+                        extraButtonsInline.map((item, index) => (React.createElement(Button, { outline: true, key: `export-button-${index}`, ...item },
                             item.label,
-                            item.icon && React.createElement(Icon, Object.assign({}, item.icon))))),
+                            item.icon && React.createElement(Icon, { ...item.icon })))),
                     Boolean(addButton) && (React.createElement(Button, { tag: Link, href: addButton === null || addButton === void 0 ? void 0 : addButton.uri }, addButton === null || addButton === void 0 ? void 0 :
                         addButton.label,
                         React.createElement(Icon, { icon: "fa-plus", pluxee: true, className: "ms-1" }))),

package/dist/components/page-show/page-show.js

@@ -11,9 +11,9 @@ export const PageShow = (props) => {
             React.createElement(Col, { className: "ms-auto" },
                 React.createElement("div", { className: "extra-buttons-container" },
                     Boolean(extraButtonsInline.length) &&
-                        extraButtonsInline.map((item, index) => (React.createElement(Button, Object.assign({ outline: true, key: `export-button-${index}` }, item),
+                        extraButtonsInline.map((item, index) => (React.createElement(Button, { outline: true, key: `export-button-${index}`, ...item },
                             item.label,
-                            item.icon && React.createElement(Icon, Object.assign({}, item.icon))))),
+                            item.icon && React.createElement(Icon, { ...item.icon })))),
                     Boolean((Array.isArray(extraButtons) ? extraButtons : extraButtons.items).length) && (React.createElement(Dropdown, { outline: true, color: "secondary", align: "right", label: Array.isArray(extraButtons) ? React.createElement(Icon, { icon: "faEllipsisH" }) : extraButtons.label, items: Array.isArray(extraButtons) ? extraButtons : extraButtons.items })),
                     Boolean(backButton) && (React.createElement(Button, { tag: Link, href: backButton === null || backButton === void 0 ? void 0 : backButton.uri, color: "primary", outline: true },
                         React.createElement(Icon, { icon: "faAngleLeft", className: "me-1" }), backButton === null || backButton === void 0 ? void 0 :

package/dist/components/side-navigation-bar/side-navigation-bar-item.js

@@ -1,31 +1,20 @@
-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 React, { useState } from 'react';
 import { Icon } from '../../atoms/icon';
 import { Link } from '../../index';
 const InnerItem = ({ icon, iconSize = 'md', pluxee, label, dataLink }) => {
     return (React.createElement(React.Fragment, null,
         icon && React.createElement(Icon, { title: label, icon: icon, pluxee: pluxee, size: iconSize }),
-        React.createElement("span", { title: label, style: Object.assign({}, (iconSize === 'sm' && { fontSize: 12 })), className: "link-name", "data-link": `${dataLink ? 'link' : 'container'}` }, label)));
+        React.createElement("span", { title: label, style: { ...(iconSize === 'sm' && { fontSize: 12 }) }, className: "link-name", "data-link": `${dataLink ? 'link' : 'container'}` }, label)));
 };
 export const SideNavigationBarItem = (props) => {
     var _a;
     const [submenuOpen, setSubmenuOpen] = useState(false);
-    const { className = '', items, index, pathname = '' } = props, attrs = __rest(props, ["className", "items", "index", "pathname"]);
+    const { className = '', items, index, pathname = '', ...attrs } = props;
     const sanitizedHref = ((attrs === null || attrs === void 0 ? void 0 : attrs.href) ? (_a = attrs === null || attrs === void 0 ? void 0 : attrs.href) === null || _a === void 0 ? void 0 : _a.split('?')[0] : '/').split('/')[1];
     const sanitizedPath = pathname === null || pathname === void 0 ? void 0 : pathname.split('/')[1];
     const isHomePage = ((attrs === null || attrs === void 0 ? void 0 : attrs.href) === '/' && pathname === '/');
     const isPathActive = sanitizedHref && (sanitizedPath === null || sanitizedPath === void 0 ? void 0 : sanitizedPath.includes(sanitizedHref));
-    const activeClass = (isHomePage || isPathActive) ? ' active' : '';
+    const activeClass = (isHomePage || isPathActive) && !className.includes('subitem') ? ' active' : '';
     const itemclass = items && items.length > 0 ? ' submenu-li' : ' link-li';
     const submenuActive = items && items.some(item => {
         var _a, _b;
@@ -48,16 +37,16 @@ export const SideNavigationBarItem = (props) => {
         ? React.createElement("div", { className: "sub-menu-container" },
             React.createElement("div", { onClick: handleSubmenuClick, className: `sub-menu${submenuOpen ? ' open' : ''}` },
                 React.createElement("div", null,
-                    React.createElement(InnerItem, Object.assign({}, props))),
+                    React.createElement(InnerItem, { ...props })),
                 React.createElement(Icon, { pluxee: true, icon: "fa-chevron-down" })),
             items && React.createElement(React.Fragment, null,
                 React.createElement("ul", { className: "sub-menu-list" }, items.map((item, i) => {
-                    var _a, _b;
-                    const lastpath = (_a = pathname === null || pathname === void 0 ? void 0 : pathname.split('/')) === null || _a === void 0 ? void 0 : _a.slice(-1)[0];
-                    const linkpath = ((item === null || item === void 0 ? void 0 : item.href) ? (_b = item === null || item === void 0 ? void 0 : item.href) === null || _b === void 0 ? void 0 : _b.split('?')[0] : '/').split('/').slice(-1)[0];
-                    const itemclass = lastpath === linkpath ? 'active' : '';
-                    return (React.createElement(SideNavigationBarItem, Object.assign({ key: `side-navigation-bar-item-${index}-${i}`, iconSize: "sm", pathname: pathname, className: itemclass }, Object.assign(Object.assign({}, item), { index: i }), { icon: "fa-circle", pluxee: true })));
+                    var _a;
+                    const firstpath = pathname === null || pathname === void 0 ? void 0 : pathname.split('/')[1];
+                    const linkpath = ((item === null || item === void 0 ? void 0 : item.href) ? (_a = item === null || item === void 0 ? void 0 : item.href) === null || _a === void 0 ? void 0 : _a.split('?')[0] : '/').split('/')[1];
+                    const itemclass = firstpath === linkpath ? 'subitem active' : 'subitem';
+                    return (React.createElement(SideNavigationBarItem, { key: `side-navigation-bar-item-${index}-${i}`, iconSize: "sm", pathname: pathname, className: itemclass, ...{ ...item, index: i }, icon: "fa-circle", pluxee: true }));
                 }))))
-        : React.createElement(Link, Object.assign({}, attrs),
-            React.createElement(InnerItem, Object.assign({}, props, { dataLink: true })))));
+        : React.createElement(Link, { ...attrs },
+            React.createElement(InnerItem, { ...props, dataLink: true }))));
 };

package/dist/components/side-navigation-bar/side-navigation-bar.js

@@ -49,14 +49,14 @@ export const SideNavigationBar = memo((props) => {
                         React.createElement(Icon, { icon: "fa-double-chevron-right", pluxee: true }),
                         " ",
                         React.createElement("span", { className: "link-name" }, menuLabel))),
-                items.map((item, index) => (React.createElement(SideNavigationBarItem, Object.assign({ pluxee: true, pathname: pathname, key: `side-navigation-bar-item-${index}` }, Object.assign(Object.assign({}, item), { index }))))),
-                !!(logout === null || logout === void 0 ? void 0 : logout.href) && (React.createElement(SideNavigationBarItem, Object.assign({ pathname: pathname }, {
-                    className: 'link-logout',
-                    icon: 'fa-logout',
-                    pluxee: true,
-                    label: logout.label || 'Logout',
-                    href: logout.href
-                }))))),
+                items.map((item, index) => (React.createElement(SideNavigationBarItem, { pluxee: true, pathname: pathname, key: `side-navigation-bar-item-${index}`, ...{ ...item, index } }))),
+                !!(logout === null || logout === void 0 ? void 0 : logout.href) && (React.createElement(SideNavigationBarItem, { pathname: pathname, ...{
+                        className: 'link-logout',
+                        icon: 'fa-logout',
+                        pluxee: true,
+                        label: logout.label || 'Logout',
+                        href: logout.href
+                    } })))),
         React.createElement("div", { className: "side-bar-mobile-overlay" }),
         React.createElement("button", { id: "btn-side-bar-mobile-toogle", type: "button", className: "btn btn-sidebar-mobile" },
             React.createElement(Icon, { icon: "fa-double-chevron-left", pluxee: true }),