@dilicorp/ui 0.0.56 → 0.0.57

package/dist/atoms/button.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 export const Button = (_a) => {
     var { children, active, block, className, color = 'primary', disabled, small = false, href, outline, innerRef, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["children", "active", "block", "className", "color", "disabled", "small", "href", "outline", "innerRef", 'aria-label']);
@@ -27,5 +27,5 @@ export const Button = (_a) => {
     if (href && Tag === 'button') {
         Tag = 'a';
     }
-    return (React.createElement(Tag, Object.assign({}, (Tag === 'button' && props.onClick && { type: 'button' }), props, (href && { href }), { className: classes, ref: innerRef, onClick: handleClick, "aria-label": ariaLabel }), children));
+    return (_jsx(Tag, Object.assign({}, (Tag === 'button' && props.onClick && { type: 'button' }), props, (href && { href }), { className: classes, ref: innerRef, onClick: handleClick, "aria-label": ariaLabel }, { children: children }), void 0));
 };

package/dist/atoms/checkbox.js

@@ -9,9 +9,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Input } from './input';
-import React from 'react';
 export const Checkout = (_a) => {
     var { name, id } = _a, props = __rest(_a, ["name", "id"]);
-    return (React.createElement(Input, Object.assign({ type: "checkbox" }, props, { id: id || name, name: name })));
+    return (_jsx(Input, Object.assign({ type: "checkbox" }, props, { id: id || name, name: name }), void 0));
 };

package/dist/atoms/col.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 const RESPONSIVE_FLAGS = ['', 'sm-', 'md-', 'lg-', 'xl-', 'xxl-'];
 const sanitizeByNone = (value) => {
@@ -24,5 +24,5 @@ export const Col = (_a) => {
         ? (typeof size === 'boolean' ? 'col-auto' : `col-${size}`)
         : size.map((value, key) => sanitizeByNone(`col-${RESPONSIVE_FLAGS[key]}${value}`)).join(' ');
     const classes = classNames(className, columns);
-    return (React.createElement("div", Object.assign({}, props, { className: classes }), children));
+    return (_jsx("div", Object.assign({}, props, { className: classes }, { children: children }), void 0));
 };

package/dist/atoms/container.js

@@ -9,10 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 export const Container = (_a) => {
     var { children, className, type } = _a, props = __rest(_a, ["children", "className", "type"]);
     const classes = classNames((!!className && className), `container${type ? '-' + type : ''}`);
-    return (React.createElement("div", Object.assign({}, props, { className: classes }), children));
+    return (_jsx("div", Object.assign({}, props, { className: classes }, { children: children }), void 0));
 };

package/dist/atoms/icon.js

@@ -1,10 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import * as fab from '@fortawesome/free-brands-svg-icons';
 import * as fa from '@fortawesome/free-solid-svg-icons';
 import stringHelper from '../utils/string-helper';
-import React from 'react';
 export const Icon = ({ icon, brand, className = '' }) => {
     const sanitize = stringHelper.toCamelCase(icon);
     const ico = brand ? fab[sanitize] : fa[sanitize];
-    return React.createElement(FontAwesomeIcon, { icon: ico, className: className });
+    return _jsx(FontAwesomeIcon, { icon: ico, className: className }, void 0);
 };

package/dist/atoms/image.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 function alignValue(align) {
     if (align === 'start')
@@ -45,5 +45,5 @@ export const Image = (props) => {
             height
         }
     };
-    return (React.createElement("img", Object.assign({ src: src, alt: alt }, attrs, styleOptions, { ref: innerRef, className: classes, loading: lazy ? 'lazy' : 'eager' })));
+    return (_jsx("img", Object.assign({ src: src, alt: alt }, attrs, styleOptions, { ref: innerRef, className: classes, loading: lazy ? 'lazy' : 'eager' }), void 0));
 };

package/dist/atoms/input-datepicker.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import ReactDatePicker, { registerLocale } from 'react-datepicker';
 import dateHelper from '../utils/date-helper';
@@ -20,8 +21,8 @@ export const InputDatepicker = (props) => {
         setDate(currentDate);
     };
     const mask = [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/];
-    return (React.createElement(ReactDatePicker, { name: name, id: id, locale: locale, dateFormat: dateFormat, className: "form-control", selected: date, onChange: handleDateSelect, placeholderText: placeholder, autoComplete: "off", 
+    return (_jsx(ReactDatePicker, { name: name, id: id, locale: locale, dateFormat: dateFormat, className: "form-control", selected: date, onChange: handleDateSelect, placeholderText: placeholder, autoComplete: "off", 
         // showMonthDropdown
         // useShortMonthInDropdown
-        showYearDropdown: true, yearDropdownItemNumber: 5, scrollableYearDropdown: true, tabIndex: 2, customInput: React.createElement(MaskedTextInput, { type: "text", mask: mask }) }));
+        showYearDropdown: true, yearDropdownItemNumber: 5, scrollableYearDropdown: true, tabIndex: 2, customInput: _jsx(MaskedTextInput, { type: "text", mask: mask }, void 0) }, void 0));
 };

package/dist/atoms/input.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 export const Input = (_a) => {
     var { className, type, tag, addon, valid, invalid, innerRef } = _a, props = __rest(_a, ["className", "type", "tag", "addon", "valid", "invalid", "innerRef"]);
@@ -44,5 +44,5 @@ export const Input = (_a) => {
         Reflect.deleteProperty(props, 'children');
     }
     // @ts-ignore
-    return React.createElement(Tag, Object.assign({}, props, { className: classes, ref: innerRef, type: type }));
+    return _jsx(Tag, Object.assign({}, props, { className: classes, ref: innerRef, type: type }), void 0);
 };

package/dist/atoms/label.js

@@ -9,10 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 export const Label = (_a) => {
     var { htmlFor, inline, innerRef, children, className } = _a, props = __rest(_a, ["htmlFor", "inline", "innerRef", "children", "className"]);
     const classes = classNames(className, 'form-label', inline ? 'd-inline-block' : 'd-block');
-    return (React.createElement("label", Object.assign({}, props, { htmlFor: htmlFor, ref: innerRef, className: classes }), children));
+    return (_jsx("label", Object.assign({}, props, { htmlFor: htmlFor, ref: innerRef, className: classes }, { children: children }), void 0));
 };

package/dist/atoms/link.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Link as RouterLink } from 'react-router-dom';
 import { validationsHelper } from '../index';
 export const Link = (props) => {
@@ -21,7 +21,7 @@ export const Link = (props) => {
     };
     const isLink = validationsHelper.isUrl(href);
     if (isLink) {
-        return (React.createElement("a", Object.assign({}, validOptions, { href: href, target: target || '_blank', rel: "noopener noreferrer" }), children));
+        return (_jsx("a", Object.assign({}, validOptions, { href: href, target: target || '_blank', rel: "noopener noreferrer" }, { children: children }), void 0));
     }
-    return (React.createElement(RouterLink, Object.assign({}, validOptions, { to: href, target: target || '_self' }), children));
+    return (_jsx(RouterLink, Object.assign({}, validOptions, { to: href, target: target || '_self' }, { children: children }), void 0));
 };

package/dist/atoms/radio.js

@@ -9,9 +9,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Input } from './input';
-import React from 'react';
 export const Radio = (_a) => {
     var { name, id } = _a, props = __rest(_a, ["name", "id"]);
-    return (React.createElement(Input, Object.assign({ type: "radio" }, props, { id: id || name, name: name })));
+    return (_jsx(Input, Object.assign({ type: "radio" }, props, { id: id || name, name: name }), void 0));
 };

package/dist/atoms/row.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 export const Row = (props) => {
     const { children, className, justifyContent, alignItems, alignContent, alignSelf } = props;
     const classes = classNames('row', !!className && className, !!justifyContent && `justify-content-${justifyContent}`, !!alignItems && `align-items-${alignItems}`, !!alignContent && `align-content-${alignContent}`, !!alignSelf && `align-self-${alignSelf}`);
-    return (React.createElement("div", Object.assign({}, props, { className: classes }), children));
+    return (_jsx("div", Object.assign({}, props, { className: classes }, { children: children }), void 0));
 };

package/dist/atoms/separator.js

@@ -1,6 +1,6 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 export const Separator = ({ color = 'default' }) => {
     const classes = classNames('line-separator', color);
-    return (React.createElement("div", { className: classes }));
+    return (_jsx("div", { className: classes }, void 0));
 };

package/dist/atoms/spinner.js

@@ -1,5 +1,5 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 export const Spinner = (props) => {
     const { color = 'primary' } = props;
-    return React.createElement("div", { className: `spinner spinner-${color}` });
+    return _jsx("div", { className: `spinner spinner-${color}` }, void 0);
 };

package/dist/atoms/typography.js

@@ -9,10 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 export const Typography = (_a) => {
     var { variant = 'h1', lineBottom, full, children, tag: Tag = variant, innerRef, className } = _a, props = __rest(_a, ["variant", "lineBottom", "full", "children", "tag", "innerRef", "className"]);
     const classes = classNames(className, variant, lineBottom && (full ? 'line-bottom-full' : 'line-bottom'), full && 'w-100');
-    return (React.createElement(Tag, Object.assign({}, props, { className: classes, ref: innerRef }), children));
+    return (_jsx(Tag, Object.assign({}, props, { className: classes, ref: innerRef }, { children: children }), void 0));
 };

package/dist/components/accordion/accordion-body.js

@@ -1,5 +1,4 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const AccordionBody = ({ className, children }) => {
-    return (React.createElement("div", { className: `accordion-body ${className}` },
-        React.createElement("div", null, children)));
+    return (_jsx("div", Object.assign({ className: `accordion-body ${className}` }, { children: _jsx("div", { children: children }, void 0) }), void 0));
 };

package/dist/components/accordion/accordion-header.js

@@ -1,6 +1,4 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const AccordionHeader = ({ className, children }) => {
-    return (React.createElement("div", null,
-        React.createElement("div", { className: `accordion-header ${className}` },
-            React.createElement("span", null, children))));
+    return (_jsx("div", { children: _jsx("div", Object.assign({ className: `accordion-header ${className}` }, { children: _jsx("span", { children: children }, void 0) }), void 0) }, void 0));
 };

package/dist/components/accordion/accordion-item.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const AccordionItem = ({ children }) => {
-    return (React.createElement("div", { className: "accordion-item" }, children));
+    return (_jsx("div", Object.assign({ className: "accordion-item" }, { children: children }), void 0));
 };

package/dist/components/accordion/accordion.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from "react";
 import { AccordionBody } from "./accordion-body";
 import { AccordionHeader } from "./accordion-header";
@@ -7,14 +8,11 @@ export const Accordion = ({ children }) => {
     const childrenWithProps = React.Children.map(children, (child, index) => {
         if (React.isValidElement(child)) {
             const [header, body] = child.props.children;
-            return (React.createElement(AccordionItem, null,
-                React.createElement("div", { style: { cursor: 'pointer' }, onClick: () => {
-                        setCurrentItem(prev => prev === index ? -1 : index);
-                    } },
-                    React.createElement(AccordionHeader, { className: currentItem === index ? 'active' : '' }, header.props.children)),
-                React.createElement(AccordionBody, { className: currentItem === index ? 'active' : '' }, body.props.children)));
+            return (_jsxs(AccordionItem, { children: [_jsx("div", Object.assign({ style: { cursor: 'pointer' }, onClick: () => {
+                            setCurrentItem(prev => prev === index ? -1 : index);
+                        } }, { children: _jsx(AccordionHeader, Object.assign({ className: currentItem === index ? 'active' : '' }, { children: header.props.children }), void 0) }), void 0), _jsx(AccordionBody, Object.assign({ className: currentItem === index ? 'active' : '' }, { children: body.props.children }), void 0)] }, void 0));
         }
         return child;
     });
-    return (React.createElement("div", null, childrenWithProps));
+    return (_jsx("div", { children: childrenWithProps }, void 0));
 };

package/dist/components/alert-template/alert-provider.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { positions, Provider } from 'react-alert';
 import { AlertTemplate } from './alert-template';
 const options = {
@@ -18,5 +18,5 @@ const options = {
 };
 export const AlertProvider = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return (React.createElement(Provider, Object.assign({}, options, props, { template: AlertTemplate }), children));
+    return (_jsx(Provider, Object.assign({}, options, props, { template: AlertTemplate }, { children: children }), void 0));
 };

package/dist/components/alert-template/alert-template.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../../atoms/button';
 import { Icon } from '../../atoms/icon';
 const style = {
@@ -24,9 +24,5 @@ export const AlertTemplate = (props) => {
     const { message, close
     // options
      } = props;
-    return (React.createElement("div", { style: style.content },
-        message === 'string' ? React.createElement("div", { dangerouslySetInnerHTML: { __html: message } }) : React.createElement("div", null, message),
-        React.createElement("div", null,
-            React.createElement(Button, { onClick: close, style: style.close },
-                React.createElement(Icon, { icon: "fa-times" })))));
+    return (_jsxs("div", Object.assign({ style: style.content }, { children: [message === 'string' ? _jsx("div", { dangerouslySetInnerHTML: { __html: message } }, void 0) : _jsx("div", { children: message }, void 0), _jsx("div", { children: _jsx(Button, Object.assign({ onClick: close, style: style.close }, { children: _jsx(Icon, { icon: "fa-times" }, void 0) }), void 0) }, void 0)] }), void 0));
 };

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

@@ -1,13 +1,8 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ErrorMessage } from 'formik';
 import { FormBuilderItemHelper } from '../utils/form-builder-item-helper';
 export const FormGroup = (props) => {
     const { name, title, children, validations } = props;
-    const required = FormBuilderItemHelper.init(validations).isRequired() ? React.createElement("span", null, "*") : null;
-    return (React.createElement("div", { className: "form-group" },
-        React.createElement("label", { className: "form-label", htmlFor: name },
-            title,
-            required),
-        children,
-        React.createElement(ErrorMessage, { name: name, component: ({ children }) => React.createElement("div", { className: "invalid-feedback" }, children) })));
+    const required = FormBuilderItemHelper.init(validations).isRequired() ? _jsx("span", { children: "*" }, void 0) : null;
+    return (_jsxs("div", Object.assign({ className: "form-group" }, { children: [_jsxs("label", Object.assign({ className: "form-label", htmlFor: name }, { children: [title, required] }), void 0), children, _jsx(ErrorMessage, { name: name, component: ({ children }) => _jsx("div", Object.assign({ className: "invalid-feedback" }, { children: children }), void 0) }, void 0)] }), void 0));
 };

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

@@ -9,12 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from '../../../atoms/button';
 export default function Input(props) {
     const { type = 'button', actions, color = 'primary', label, labelLoading = label, className } = props, elements = __rest(props, ["type", "actions", "color", "label", "labelLoading", "className"]);
-    return (React.createElement("div", null,
-        React.createElement(Button, Object.assign({}, elements, { className: className, type: type, color: color }), actions.isSubmitting
-            ? labelLoading
-            : label)));
+    return (_jsx("div", { children: _jsx(Button, Object.assign({}, elements, { className: className, type: type, color: color }, { children: actions.isSubmitting
+                ? labelLoading
+                : label }), void 0) }, void 0));
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FastField } from 'formik';
 export default function Checkbox(props) {
     const { name, actions, value = [], options, id = name, tabIndex = 0, disabled } = props;
@@ -11,7 +11,5 @@ export default function Checkbox(props) {
             checked: sanitized.includes((option.value).toString())
         });
     };
-    return options.map((option, index) => (React.createElement("div", { className: "form-check", key: `${name}-${index}` },
-        React.createElement(FastField, Object.assign({ value: option.value, name: name, id: `${id}-${index}` }, isChecked(option), { disabled }, { className: "form-check-input", type: "checkbox", tabIndex: tabIndex })),
-        React.createElement("label", { className: "form-check-label", htmlFor: `${id}-${index}` }, option.label))));
+    return options.map((option, index) => (_jsxs("div", Object.assign({ className: "form-check" }, { children: [_jsx(FastField, Object.assign({ value: option.value, name: name, id: `${id}-${index}` }, isChecked(option), { disabled }, { className: "form-check-input", type: "checkbox", tabIndex: tabIndex }), void 0), _jsx("label", Object.assign({ className: "form-check-label", htmlFor: `${id}-${index}` }, { children: option.label }), void 0)] }), `${name}-${index}`)));
 }

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

@@ -9,9 +9,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { InputDatepicker } from '../../../atoms/input-datepicker';
 export default function DatePicker(props) {
     const { name, actions, value } = props, rest = __rest(props, ["name", "actions", "value"]);
-    return (React.createElement(InputDatepicker, Object.assign({ value: value || '', name: name }, rest, { onChange: actions.setFieldValue })));
+    return (_jsx(InputDatepicker, Object.assign({ value: value || '', name: name }, rest, { onChange: actions.setFieldValue }), void 0));
 }

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import { useDropzone } from 'react-dropzone';
 export default function DropZone(props) {
@@ -9,23 +10,7 @@ export default function DropZone(props) {
         }
     }, []);
     const { acceptedFiles, fileRejections, getRootProps, getInputProps, isDragActive } = useDropzone(Object.assign(Object.assign({}, 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 }))),
-            isDragActive
-                ? React.createElement("p", null, textFileSelect)
-                : React.createElement("p", null, textFileSelected)),
-        !!acceptedFiles.length && (React.createElement("ul", null, acceptedFiles.map(file => (React.createElement("li", { key: file.path },
-            file.path,
-            " - ",
-            file.size,
-            " bytes"))))),
-        !!fileRejections.length && (React.createElement(React.Fragment, null,
-            React.createElement("h3", null, labelFileRejection),
-            React.createElement("ul", null, fileRejections.map(({ file, errors }) => (React.createElement("li", { key: file.path },
-                file.path,
-                " - ",
-                file.size,
-                " bytes",
-                React.createElement("ul", null, errors.map(e => (React.createElement("li", { key: e.code }, e.message))))))))))));
+    return (_jsxs("div", Object.assign({ className: "dropzone-container" }, { children: [_jsxs("div", Object.assign({}, getRootProps({ className: 'dropzone' }), { children: [_jsx("input", Object.assign({}, getInputProps({ name, id })), void 0), isDragActive
+                        ? _jsx("p", { children: textFileSelect }, void 0)
+                        : _jsx("p", { children: textFileSelected }, void 0)] }), void 0), !!acceptedFiles.length && (_jsx("ul", { children: acceptedFiles.map(file => (_jsxs("li", { children: [file.path, " - ", file.size, " bytes"] }, file.path))) }, void 0)), !!fileRejections.length && (_jsxs(_Fragment, { children: [_jsx("h3", { children: labelFileRejection }, void 0), _jsx("ul", { children: fileRejections.map(({ file, errors }) => (_jsxs("li", { children: [file.path, " - ", file.size, " bytes", _jsx("ul", { children: errors.map(e => (_jsx("li", { children: e.message }, e.code))) }, void 0)] }, file.path))) }, void 0)] }, void 0))] }), void 0));
 }

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

@@ -1,5 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FastField } from 'formik';
-import React from 'react';
 import numberHelper from '../../../utils/number-helper';
 export const InputCurrency = ({ attrs, handleChange, currency, name }) => {
     const handleChangeCurrency = (event) => {
@@ -12,5 +12,5 @@ export const InputCurrency = ({ attrs, handleChange, currency, name }) => {
             }
         });
     };
-    return (React.createElement(FastField, { name: name }, ({ field }) => React.createElement("input", Object.assign({}, field, attrs, { onChange: handleChangeCurrency, min: "0", maxLength: 20 }))));
+    return (_jsx(FastField, Object.assign({ name: name }, { children: ({ field }) => _jsx("input", Object.assign({}, field, attrs, { onChange: handleChangeCurrency, min: "0", maxLength: 20 }), void 0) }), void 0));
 };

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

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FastField } from 'formik';
-import React from 'react';
 import ReactInputMask from 'react-input-mask';
 export const InputMask = ({ attrs, mask, name }) => {
-    return (React.createElement(FastField, { name: name }, ({ field }) => React.createElement(ReactInputMask, Object.assign({}, field, attrs, { mask: mask }))));
+    return (_jsx(FastField, Object.assign({ name: name }, { children: ({ field }) => _jsx(ReactInputMask, Object.assign({}, field, attrs, { mask: mask }), void 0) }), void 0));
 };

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

@@ -1,15 +1,12 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FastField } from 'formik';
 export const InputPrefixSuffix = ({ attrs, suffix, prefix }) => {
     var _a;
-    return (React.createElement("div", { className: "position-relative" },
-        prefix && React.createElement("div", { className: "input-prefix" }, prefix),
-        React.createElement(FastField, Object.assign({}, attrs, { readOnly: true, onFocus: (event) => {
-                event.currentTarget.readOnly = false;
-            } }, (prefix && {
-            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" }, suffix)));
+    return (_jsxs("div", Object.assign({ className: "position-relative" }, { children: [prefix && _jsx("div", Object.assign({ className: "input-prefix" }, { children: prefix }), void 0), _jsx(FastField, Object.assign({}, attrs, { readOnly: true, onFocus: (event) => {
+                    event.currentTarget.readOnly = false;
+                } }, (prefix && {
+                style: {
+                    paddingLeft: (((_a = prefix === null || prefix === void 0 ? void 0 : prefix.length) !== null && _a !== void 0 ? _a : 0) * 8) + 10
+                }
+            })), void 0), suffix && _jsx("div", Object.assign({ className: "input-suffix" }, { children: suffix }), void 0)] }), void 0));
 };

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

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FastField } from 'formik';
 import classNames from 'classnames';
 import { InputCurrency } from './input-currency';
@@ -53,12 +53,12 @@ export default function Input(props) {
         type,
         tabIndex, autoComplete: 'none', onChange: handleChange });
     if (currency)
-        return React.createElement(InputCurrency, Object.assign({}, { name, attrs, currency, handleChange }));
+        return _jsx(InputCurrency, Object.assign({}, { name, attrs, currency, handleChange }), void 0);
     if (mask)
-        return React.createElement(InputMask, Object.assign({}, { name, attrs, mask }));
+        return _jsx(InputMask, Object.assign({}, { name, attrs, mask }), void 0);
     if (prefix || suffix)
-        return React.createElement(InputPrefixSuffix, Object.assign({}, { attrs, suffix, prefix }));
-    return (React.createElement(FastField, Object.assign({}, attrs, { as: multiple ? 'textarea' : 'input', readOnly: true, onFocus: (event) => {
+        return _jsx(InputPrefixSuffix, Object.assign({}, { attrs, suffix, prefix }), void 0);
+    return (_jsx(FastField, Object.assign({}, attrs, { as: multiple ? 'textarea' : 'input', readOnly: true, onFocus: (event) => {
             event.currentTarget.readOnly = false;
-        } })));
+        } }), void 0));
 }

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

@@ -9,6 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Field } from 'formik';
 export default function Password(props) {
@@ -40,7 +41,5 @@ export default function Password(props) {
     const handleFocus = (event) => {
         event.currentTarget.readOnly = false;
     };
-    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, tabIndex: tabIndex, onChange: handleChange, readOnly: true, autoComplete: "off", onFocus: handleFocus }))));
+    return (_jsxs("div", Object.assign({ className: "position-relative" }, { children: [_jsx("div", Object.assign({ role: "button", className: `form-password-button${visible ? ' visible' : ''}`, onClick: handleVisible }, { children: labelButton }), void 0), _jsx(Field, Object.assign({}, validOptions, { type: visible ? 'text' : 'password', className: "form-control", name: name, id: id, tabIndex: tabIndex, onChange: handleChange, readOnly: true, autoComplete: "off", onFocus: handleFocus }), void 0)] }), void 0));
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FastField } from 'formik';
 export default function Radio(props) {
     const { name, actions, value, options, id = name, tabIndex = 0, disabled } = props;
@@ -18,7 +18,5 @@ export default function Radio(props) {
             actions.setFieldValue(name, event.currentTarget.value);
         }
     };
-    return options.map((option, index) => (React.createElement("div", { className: "form-check", key: `${name}-${index}` },
-        React.createElement(FastField, Object.assign({ value: option.value, name: name, id: `${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))));
+    return options.map((option, index) => (_jsxs("div", Object.assign({ className: "form-check" }, { children: [_jsx(FastField, Object.assign({ value: option.value, name: name, id: `${id}-${index}` }, isChecked(option), { disabled }, { type: "radio", tabIndex: tabIndex, className: "form-check-input", onChange: handleChange }), void 0), _jsx("label", Object.assign({ className: "form-check-label", htmlFor: `${id}-${index}` }, { children: option.label }), void 0)] }), `${name}-${index}`)));
 }

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

@@ -1,4 +1,5 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
 import ReactSelect from 'react-select';
 export default function Select(props) {
     const { actions, options = [], name, id = name, value = null, placeholder, isDisabled = false, isLoading = false, isClearable = false, isSearchable = true, isMulti = false, onChange } = props;
@@ -21,5 +22,5 @@ export default function Select(props) {
         actions.setFieldValue(name, JSON.stringify(newValue));
         setValue(newValue);
     }, []);
-    return (React.createElement(ReactSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", options: options, name: name, id: id, defaultValue: currValue, value: currValue, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, isMulti: isMulti, onChange: handleChange }));
+    return (_jsx(ReactSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", options: options, name: name, id: id, defaultValue: currValue, value: currValue, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, isMulti: isMulti, onChange: handleChange }, void 0));
 }

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

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FormBuilderComponentsList } from './form-builder-components-list';
 import { FormGroup } from './_partials/form-group';
 export const FormBuilderElement = (props) => {
@@ -21,6 +21,5 @@ export const FormBuilderElement = (props) => {
             : null);
     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 }))));
+    return (_jsx(FormGroup, Object.assign({ name: props.name, title: props.title, validations: props.validations }, { children: _jsx(Component, Object.assign({}, elements, { value: value || '', actions: actions }), void 0) }), void 0));
 };

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

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Form, Formik } from 'formik';
 import { Row, Col, Typography } from '../../';
 import { FormBuilderElement } from './form-builder-element';
@@ -17,15 +17,10 @@ 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 });
-    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) : ''}` },
-            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 || 12, className: columnClassName },
-                    React.createElement(FormBuilderElement, Object.assign({}, item, { actions: actions }))));
-            }))))))))));
+    return (_jsx("div", Object.assign({ className: "w-100" }, { children: _jsx(Formik, Object.assign({}, options, { children: (actions) => (_jsx(Form, Object.assign({ className: `form-builder${className ? ' ' + className : ''}` }, { children: data.map(({ name, customComponent: Component, items, classes }, index) => (_jsxs("div", Object.assign({ className: `so-form-group${(classes === null || classes === void 0 ? void 0 : classes.soFormGroup) ? ' ' + (classes === null || classes === void 0 ? void 0 : classes.soFormGroup) : ''}` }, { children: [name && _jsx(Typography, Object.assign({ tag: "h2", variant: "h5" }, { children: name }), void 0), Boolean(Component) && Component, _jsx(Row, { children: items
+                                .filter(item => item === null || item === void 0 ? void 0 : item.component)
+                                .map((_a) => {
+                                var { column, columnClassName } = _a, item = __rest(_a, ["column", "columnClassName"]);
+                                return (_jsx(Col, Object.assign({ size: column || 12, className: columnClassName }, { children: _jsx(FormBuilderElement, Object.assign({}, item, { actions: actions }), void 0) }), item.name));
+                            }) }, void 0)] }), index))) }), void 0)) }), void 0) }), void 0));
 };