@dilicorp/ui 0.2.33 → 0.2.35

package/dist/atoms/button.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 classNames from 'classnames';
 const ButtonLoader = () => {
@@ -17,8 +6,7 @@ const ButtonLoader = () => {
         React.createElement("div", { className: "button-loader-item second" }),
         React.createElement("div", { className: "button-loader-item third" })));
 };
-export const Button = (_a) => {
-    var { children, active, block, className, color = 'primary', disabled, small = false, href, outline, innerRef, target, loading, 'aria-label': ariaLabel, id } = _a, props = __rest(_a, ["children", "active", "block", "className", "color", "disabled", "small", "href", "outline", "innerRef", "target", "loading", 'aria-label', "id"]);
+export const Button = ({ children, active, block, className, color = 'primary', disabled, small = false, href, outline, innerRef, target, loading, 'aria-label': ariaLabel, id, ...props }) => {
     let { tag: Tag = 'button' } = props;
     const handleClick = (e) => {
         if (disabled || loading) {
@@ -33,5 +21,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 }), (target && { target }), { className: classes }, (id && { id, 'data-testid': id }), { ref: innerRef, onClick: handleClick, "aria-label": ariaLabel }), loading ? React.createElement(ButtonLoader, null) : children));
+    return (React.createElement(Tag, { ...(Tag === 'button' && props.onClick && { type: 'button' }), ...props, ...(href && { href }), ...(target && { target }), className: classes, ...(id && { id, 'data-testid': id }), ref: innerRef, onClick: handleClick, "aria-label": ariaLabel }, loading ? React.createElement(ButtonLoader, null) : children));
 };

package/dist/atoms/checkbox.js

@@ -1,17 +1,5 @@
-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 { Input } from './input';
 import React from 'react';
-export const Checkout = (_a) => {
-    var { name, id = name } = _a, props = __rest(_a, ["name", "id"]);
-    return (React.createElement(Input, Object.assign({ type: "checkbox" }, props, { id: id, "data-testid": id, name: name })));
+export const Checkout = ({ name, id = name, ...props }) => {
+    return (React.createElement(Input, { type: "checkbox", ...props, id: id, "data-testid": id, name: name }));
 };

package/dist/atoms/col.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 classNames from 'classnames';
 const RESPONSIVE_FLAGS = ['', 'sm-', 'md-', 'lg-', 'xl-', 'xxl-'];
@@ -18,11 +7,10 @@ const sanitizeByNone = (value) => {
     }
     return value;
 };
-export const Col = (_a) => {
-    var { children, size = false, className } = _a, props = __rest(_a, ["children", "size", "className"]);
+export const Col = ({ children, size = false, className, ...props }) => {
     const columns = !Array.isArray(size)
         ? (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 (React.createElement("div", { ...props, className: classes }, children));
 };

package/dist/atoms/container.js

@@ -1,18 +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 classNames from 'classnames';
-export const Container = (_a) => {
-    var { children, className, type } = _a, props = __rest(_a, ["children", "className", "type"]);
+export const Container = ({ children, className, type, ...props }) => {
     const classes = classNames((!!className && className), `container${type ? '-' + type : ''}`);
-    return (React.createElement("div", Object.assign({}, props, { className: classes }), children));
+    return (React.createElement("div", { ...props, className: classes }, children));
 };

package/dist/atoms/icon.js

@@ -1,26 +1,14 @@
-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 { 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';
 import { PluxeeIcon } from './pluxee-icon/pluxee-icon';
-export const Icon = (_a) => {
-    var { pluxee, icon, brand, className = '', id, size } = _a, props = __rest(_a, ["pluxee", "icon", "brand", "className", "id", "size"]);
+export const Icon = ({ pluxee, icon, brand, className = '', id, size, ...props }) => {
     if (pluxee) {
-        return (React.createElement(PluxeeIcon, Object.assign({ icon: icon, size: size }, props)));
+        return (React.createElement(PluxeeIcon, { icon: icon, size: size, ...props }));
     }
     const sanitize = stringHelper.toCamelCase(icon);
     const ico = brand ? fab[sanitize] : fa[sanitize];
-    return (React.createElement(FontAwesomeIcon, Object.assign({ id: id, icon: ico, className: className }, props)));
+    return (React.createElement(FontAwesomeIcon, { id: id, icon: ico, className: className, ...props }));
 };

package/dist/atoms/image.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 classNames from 'classnames';
 function alignValue(align) {
@@ -37,7 +26,7 @@ function objectFitValue(attr) {
         return 'object-fit-revert';
 }
 export const Image = (props) => {
-    const { src, alt, circle, rounded, thumbnail, align, objectFit, full, innerRef, className, width, height, lazy = false } = props, attrs = __rest(props, ["src", "alt", "circle", "rounded", "thumbnail", "align", "objectFit", "full", "innerRef", "className", "width", "height", "lazy"]);
+    const { src, alt, circle, rounded, thumbnail, align, objectFit, full, innerRef, className, width, height, lazy = false, ...attrs } = props;
     const classes = classNames(className, circle && 'circle', rounded && 'rounded', thumbnail ? 'img-thumbnail' : 'img-fluid', full && 'w-100', objectFitValue(objectFit), alignValue(align));
     const styleOptions = {
         style: {
@@ -45,5 +34,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 (React.createElement("img", { src: src, alt: alt, ...attrs, ...styleOptions, ref: innerRef, className: classes, loading: lazy ? 'lazy' : 'eager' }));
 };

package/dist/atoms/input.js

@@ -1,18 +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 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"]);
+export const Input = ({ className, type, tag, addon, valid, invalid, innerRef, ...props }) => {
     const isCheck = ['switch', 'radio', 'checkbox'].indexOf(type) > -1;
     const isTextarea = type === 'textarea';
     const isSelect = type === 'select';
@@ -44,5 +32,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 React.createElement(Tag, { ...props, className: classes, ref: innerRef, type: type });
 };

package/dist/atoms/label.js

@@ -1,18 +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 classNames from 'classnames';
-export const Label = (_a) => {
-    var { htmlFor, inline, innerRef, children, className } = _a, props = __rest(_a, ["htmlFor", "inline", "innerRef", "children", "className"]);
+export const Label = ({ htmlFor, inline, innerRef, children, className, ...props }) => {
     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 (React.createElement("label", { ...props, htmlFor: htmlFor, ref: innerRef, className: classes }, children));
 };

package/dist/atoms/link.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 { Link as RouterLink } from 'react-router-dom';
 import { validationsHelper } from '../index';
 export const Link = (props) => {
-    const { href = '', children, target } = props, attrs = __rest(props, ["href", "children", "target"]);
+    const { href = '', children, target, ...attrs } = props;
     const validOptions = {
         className: attrs.className,
         title: attrs.title,
@@ -22,7 +11,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 (React.createElement("a", { ...validOptions, href: href, target: target || '_blank', rel: "noopener noreferrer" }, children));
     }
-    return (React.createElement(RouterLink, Object.assign({}, validOptions, { to: href, target: target || '_self' }), children));
+    return (React.createElement(RouterLink, { ...validOptions, to: href, target: target || '_self' }, children));
 };

package/dist/atoms/radio.js

@@ -1,17 +1,5 @@
-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 { Input } from './input';
 import React from 'react';
-export const Radio = (_a) => {
-    var { name, id = name } = _a, props = __rest(_a, ["name", "id"]);
-    return (React.createElement(Input, Object.assign({ type: "radio" }, props, { id: id, "data-testid": id, name: name })));
+export const Radio = ({ name, id = name, ...props }) => {
+    return (React.createElement(Input, { type: "radio", ...props, id: id, "data-testid": id, name: name }));
 };

package/dist/atoms/row.js

@@ -3,5 +3,5 @@ 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 (React.createElement("div", { ...props, className: classes }, children));
 };

package/dist/atoms/skeleton.js

@@ -2,5 +2,5 @@ import React from 'react';
 import SkeletonReact from 'react-loading-skeleton';
 import 'react-loading-skeleton/dist/skeleton.css';
 export const Skeleton = (props) => {
-    return React.createElement(SkeletonReact, Object.assign({}, props));
+    return React.createElement(SkeletonReact, { ...props });
 };

package/dist/atoms/switcher.d.ts

@@ -0,0 +1,7 @@
+import { ChangeEventHandler } from 'react';
+export interface SwitcherProps {
+    checked: boolean;
+    onChange?: ChangeEventHandler;
+}
+export declare const Switcher: (props: SwitcherProps) => JSX.Element;
+//# sourceMappingURL=switcher.d.ts.map

package/dist/atoms/switcher.js

@@ -0,0 +1,10 @@
+import React from 'react';
+export const Switcher = (props) => {
+    return (React.createElement("label", { className: "switch" },
+        React.createElement("input", { type: "checkbox", className: "checkbox", ...props }),
+        React.createElement("span", { className: "toggle-thumb" },
+            React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "36", height: "36", viewBox: "0 0 24 24" },
+                React.createElement("path", { d: "M10 15.586L6.707 12.293 5.293 13.707 10 18.414 19.707 8.707 18.293 7.293z" })),
+            React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "36", height: "36", viewBox: "0 0 24 24" },
+                React.createElement("path", { d: "M16.192 6.344L11.949 10.586 7.707 6.344 6.293 7.758 10.535 12 6.293 16.242 7.707 17.656 11.949 13.414 16.192 17.656 17.606 16.242 13.364 12 17.606 7.758z" })))));
+};

package/dist/atoms/typography.js

@@ -1,21 +1,9 @@
-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';
-export const Typography = (_a) => {
-    var { variant = 'h1', lineBottom, full, children, tag: Tag = variant, innerRef, className, subTitle } = _a, props = __rest(_a, ["variant", "lineBottom", "full", "children", "tag", "innerRef", "className", "subTitle"]);
+export const Typography = ({ variant = 'h1', lineBottom, full, children, tag: Tag = variant, innerRef, className, subTitle, ...props }) => {
     const classes = classNames('typography', lineBottom && (full ? 'line-bottom-full' : 'line-bottom'), full && 'w-100');
     const classeTag = classNames(className, variant);
     return (React.createElement("div", { className: classes },
-        React.createElement(Tag, Object.assign({}, props, { ref: innerRef, className: classeTag }), children),
+        React.createElement(Tag, { ...props, ref: innerRef, className: classeTag }, children),
         subTitle && React.createElement("div", { className: "sub-title" }, subTitle)));
 };

package/dist/components/accordion/accordion-body.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 declare type AccordionBodyProps = {
     children: React.ReactNode;
     className?: string;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 export const AccordionBody = ({ className, children }) => {
     return (React.createElement("div", { className: `accordion-body ${className}` },
         React.createElement("div", null, children)));

package/dist/components/accordion/accordion-header.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 declare type AccordionHeaderProps = {
     children: React.ReactNode;
     className?: string;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 export const AccordionHeader = ({ className, children }) => {
     return (React.createElement("div", null,
         React.createElement("div", { className: `accordion-header ${className}` },

package/dist/components/accordion/accordion-item.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 export declare type AccordionItemProps = {
     children: React.ReactNode;
 };

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 export const AccordionItem = ({ children }) => {
     return (React.createElement("div", { className: "accordion-item" }, children));
 };

package/dist/components/accordion/accordion.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 declare type AccordionProps = {
     children: React.ReactNode;
 };

package/dist/components/accordion/accordion.js

@@ -1,7 +1,7 @@
-import React, { useState } from "react";
-import { AccordionBody } from "./accordion-body";
-import { AccordionHeader } from "./accordion-header";
-import { AccordionItem } from "./accordion-item";
+import React, { useState } from 'react';
+import { AccordionBody } from './accordion-body';
+import { AccordionHeader } from './accordion-header';
+import { AccordionItem } from './accordion-item';
 export const Accordion = ({ children }) => {
     const [currentItem, setCurrentItem] = useState(-1);
     const childrenWithProps = React.Children.map(children, (child, index) => {

package/dist/components/alert-modal/alert-context-provider.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+declare type UseAlertModalProps = {
+    title: string;
+    message: JSX.Element;
+    type: 'success' | 'alert' | 'error';
+    onClose?: () => void;
+};
+declare type AlertContextProviderProps = {
+    children: React.ReactNode;
+};
+declare type AlertContextProps = {
+    handleShowAlert: (props: UseAlertModalProps) => void;
+};
+export declare const AlertContextProvider: React.FC<AlertContextProviderProps>;
+export declare const useAlertModal: () => AlertContextProps;
+export {};
+//# sourceMappingURL=alert-context-provider.d.ts.map

package/dist/components/alert-modal/alert-context-provider.js

@@ -0,0 +1,18 @@
+import React, { createContext, useCallback, useContext } from 'react';
+import { useAlert } from 'react-alert';
+import { AlertModalContent } from './alert-modal-content';
+const AlertContext = createContext({});
+export const AlertContextProvider = ({ children }) => {
+    const alert = useAlert();
+    const handleShowAlert = useCallback(({ title, message, type, onClose }) => {
+        alert.show(React.createElement(AlertModalContent, { title: title, message: message, type: type }), { onClose });
+    }, [alert.show]);
+    return (React.createElement(AlertContext.Provider, { value: { handleShowAlert } }, children));
+};
+export const useAlertModal = () => {
+    const context = useContext(AlertContext);
+    if (!context) {
+        throw new Error('useAlertModal must be used within an AlertModalProvider');
+    }
+    return context;
+};

package/dist/components/alert-modal/alert-modal-content.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare type AlertModalContentProps = {
+    title: string;
+    message: JSX.Element;
+    type: 'success' | 'alert' | 'error';
+};
+export declare const AlertModalContent: React.FC<AlertModalContentProps>;
+//# sourceMappingURL=alert-modal-content.d.ts.map

package/dist/components/alert-modal/alert-modal-content.js

@@ -0,0 +1,57 @@
+import React, { useMemo } from 'react';
+import { useAlert } from 'react-alert';
+import { Icon } from '../../atoms/icon';
+export const AlertModalContent = ({ title, message, type }) => {
+    const alert = useAlert();
+    const color = useMemo(() => {
+        return {
+            success: '#221C46',
+            alert: '#FF7375',
+            error: '#B30000'
+        };
+    }, []);
+    const styles = {
+        header: {
+            width: '100%',
+            display: 'flex',
+            alignItens: 'center',
+            justifyContent: 'space-between',
+            paddingBottom: '0.5rem',
+            borderBottom: '1px solid #B5B2BC'
+        },
+        title: {
+            fontSize: '1.5rem',
+            fontWeight: '400'
+        },
+        closeButton: {
+            width: '1.5rem',
+            height: '1.5rem',
+            borderRadius: '999px',
+            border: 'none',
+            outline: 'none',
+            background: '#FF7375',
+            color: '#ffffff',
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center'
+        },
+        description: {
+            width: '100%',
+            fontSize: '1.75rem',
+            fontWeight: '400',
+            padding: '3rem',
+            display: 'flex',
+            justifyContent: 'center',
+            textAlign: 'center',
+            color: color[type]
+        }
+    };
+    return (React.createElement("div", null,
+        React.createElement("div", { style: styles.header },
+            React.createElement("span", null, title),
+            React.createElement("button", { style: styles.closeButton, onClick: () => alert.removeAll() },
+                React.createElement(Icon, { icon: "fa-times" }))),
+        React.createElement("div", null,
+            React.createElement("div", { style: styles.description }, message))));
+};

package/dist/components/alert-modal/alert-modal-provider.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+declare type AlertProviderProps = {
+    children: ReactNode;
+};
+export declare const AlertModalProvider: React.FC<AlertProviderProps>;
+export {};
+//# sourceMappingURL=alert-modal-provider.d.ts.map

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Provider, positions } from 'react-alert';
+import { AlertModalTemplate } from './alert-modal-template';
+import { AlertContextProvider } from './alert-context-provider';
+const options = {
+    position: positions.MIDDLE,
+    timeout: 10000
+};
+export const AlertModalProvider = ({ children }) => {
+    return (React.createElement(Provider, { ...options, template: AlertModalTemplate },
+        React.createElement(AlertContextProvider, null, children)));
+};

package/dist/components/alert-modal/alert-modal-template.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AlertTemplateProps } from 'react-alert';
+export declare type AlertModalTemplatePropx = AlertTemplateProps;
+export declare const AlertModalTemplate: (props: AlertModalTemplatePropx) => JSX.Element;
+//# sourceMappingURL=alert-modal-template.d.ts.map

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

@@ -0,0 +1,16 @@
+import React from 'react';
+const style = {
+    content: {
+        width: '560px',
+        position: 'relative',
+        boxShadow: '0 0 15px rgb(0 0 0 / 10%)',
+        borderRadius: '0px',
+        border: '1px solid #ddd',
+        padding: '1rem',
+        background: '#f2f2f2'
+    }
+};
+export const AlertModalTemplate = (props) => {
+    const { message } = props;
+    return (React.createElement("div", { style: style.content }, message));
+};

package/dist/components/alert-template/alert-provider.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 { positions, Provider } from 'react-alert';
 import { AlertTemplate } from './alert-template';
@@ -16,7 +5,6 @@ const options = {
     position: positions.MIDDLE,
     timeout: 10000
 };
-export const AlertProvider = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (React.createElement(Provider, Object.assign({}, options, props, { template: AlertTemplate }), children));
+export const AlertProvider = ({ children, ...props }) => {
+    return (React.createElement(Provider, { ...options, ...props, template: AlertTemplate }, children));
 };

package/dist/components/alert-template/alert-template.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AlertComponentPropsWithStyle } from 'react-alert';
+import { AlertTemplateProps as AlertComponentPropsWithStyle } from 'react-alert';
 export declare type AlertTemplateProps = AlertComponentPropsWithStyle;
 export declare const AlertTemplate: (props: AlertTemplateProps) => JSX.Element;
 //# sourceMappingURL=alert-template.d.ts.map

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

@@ -1,21 +1,10 @@
-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 { Button } from '../../../atoms/button';
 export default function Input(props) {
     var _a;
-    const { type = 'button', actions, color = 'primary', label, labelLoading = label, className, id } = props, elements = __rest(props, ["type", "actions", "color", "label", "labelLoading", "className", "id"]);
+    const { type = 'button', actions, color = 'primary', label, labelLoading = label, className, id, ...elements } = props;
     return (React.createElement("div", null,
-        React.createElement(Button, Object.assign({}, elements, { className: className, type: type, color: color, disabled: actions.isSubmitting ? true : (_a = elements.disabled) !== null && _a !== void 0 ? _a : false }, (id && { 'data-testid': id })), actions.isSubmitting
+        React.createElement(Button, { ...elements, className: className, type: type, color: color, disabled: actions.isSubmitting ? true : (_a = elements.disabled) !== null && _a !== void 0 ? _a : false, ...(id && { 'data-testid': id }) }, actions.isSubmitting
             ? labelLoading
             : label)));
 }

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

@@ -23,6 +23,6 @@ export default function Checkbox(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}`, checked: isChecked(option) }, { disabled }, { className: "form-check-input", type: "checkbox", tabIndex: tabIndex, onChange: handleChange })),
+        React.createElement(Tag, { value: option.value, name: name, id: `${id}-${index}`, "data-testid": `${id}-${index}`, checked: isChecked(option), ...{ disabled }, className: "form-check-input", type: "checkbox", tabIndex: tabIndex, onChange: handleChange }),
         React.createElement("label", { className: "form-check-label", htmlFor: `${id}-${index}` }, option.label))));
 }