@dilicorp/ui 0.0.1

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FastField } from 'formik';
+export default function Checkbox(props) {
+    const { name, actions, value, options, id = name, tabIndex = 0, disabled } = props;
+    if (!options.length)
+        return null;
+    const curValue = actions.values[name] || value;
+    const isChecked = (option) => {
+        const sanitized = curValue.map((value) => (value).toString());
+        return ({
+            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))));
+}

package/dist/components/form-builder/components/datepicker.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FormikProps } from 'formik';
+declare type Props = {
+    name: string;
+    actions: FormikProps<any>;
+    value?: string;
+};
+export default function DatePicker(props: Props): JSX.Element;
+export {};
+//# sourceMappingURL=datepicker.d.ts.map

package/dist/components/form-builder/components/datepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/datepicker.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAGpC,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAKD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAE,KAAK,EAAE,KAAK,eAwB/C"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import DateP, { registerLocale } from 'react-datepicker';
+import ptBr from 'date-fns/locale/pt-BR';
+import dateHelper from '../../../utils/date-helper';
+registerLocale('pt_br', ptBr);
+// example use https://reactdatepicker.com
+export default function DatePicker(props) {
+    const { name, actions, value } = props;
+    const [date, setDate] = React.useState(dateHelper.stringToDate(value));
+    const handleDateSelect = (currentDate) => {
+        if (actions.setFieldValue) {
+            actions.setFieldValue(name, dateHelper.dateToString(currentDate));
+            setDate(currentDate);
+        }
+    };
+    return (React.createElement(DateP, { locale: "pt_br", className: "form-control", selected: date, onChange: handleDateSelect, dateFormat: "dd/MM/yyyy" }));
+}

package/dist/components/form-builder/components/dropzone.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { DropzoneOptions } from 'react-dropzone';
+import { FormikProps } from 'formik';
+declare type Props = {
+    name: string;
+    id?: string;
+    actions: FormikProps<any>;
+    dropzoneOptions?: DropzoneOptions;
+    textFileSelect?: string;
+    textFileSelected?: string;
+    LabelAcceptedFile?: string;
+    labelFileRejection?: string;
+};
+export default function DropZone(props: Props): JSX.Element;
+export {};
+//# sourceMappingURL=dropzone.d.ts.map

package/dist/components/form-builder/components/dropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/dropzone.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEpC,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,KAAK,EAAE,KAAK,eA+D7C"}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { useDropzone } from 'react-dropzone';
+export default function DropZone(props) {
+    const { name, id = name, actions, dropzoneOptions, textFileSelect = 'Drop the files here ...', textFileSelected = 'Drag \'n\' drop some files here, or click to select files', labelFileRejection = 'Rejected files' } = props;
+    const onDrop = React.useCallback((acceptedFiles, rejectedFiles, event) => {
+        actions.setFieldValue(name, acceptedFiles);
+        if (dropzoneOptions === null || dropzoneOptions === void 0 ? void 0 : dropzoneOptions.onDrop) {
+            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 }));
+    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))))))))))));
+}

package/dist/components/form-builder/components/input.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { FormikProps } from 'formik';
+declare type Props = React.InputHTMLAttributes<HTMLInputElement> & {
+    name: string;
+    actions: FormikProps<any>;
+    type?: string;
+    value?: string;
+    mask?: string | Array<string | RegExp>;
+    onChange?: any;
+    multiple?: boolean;
+    currency?: {
+        locale: string;
+        format: string;
+    };
+};
+export default function Input(props: Props): JSX.Element;
+export {};
+//# sourceMappingURL=input.d.ts.map

package/dist/components/form-builder/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,WAAW,EAAE,MAAM,QAAQ,CAAA;AAM/C,aAAK,KAAK,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAC,KAAK,CAAC,MAAM,GAAC,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,KAAK,EAAE,KAAK,eAiG1C"}

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

@@ -0,0 +1,68 @@
+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 } from 'formik';
+import InputMask from 'react-input-mask';
+import classNames from 'classnames';
+import numberHelper from '../../../utils/number-helper';
+export default function Input(props) {
+    const { name, id = name, type = 'text', tabIndex = 0, actions, value = '', mask, multiple = false, currency, className } = props, elements = __rest(props, ["name", "id", "type", "tabIndex", "actions", "value", "mask", "multiple", "currency", "className"]);
+    const validOptions = {
+        alt: elements.alt,
+        autoComplete: elements.autoComplete,
+        autoFocus: elements.autoFocus,
+        checked: elements.checked,
+        disabled: elements.disabled,
+        max: elements.max,
+        maxLength: elements.maxLength,
+        min: elements.min,
+        minLength: elements.minLength,
+        placeholder: elements.placeholder,
+        readOnly: elements.readOnly,
+        required: elements.required
+    };
+    const handleChange = (event) => {
+        if (elements.onChange) {
+            elements.onChange({
+                currentTarget: Object.assign(Object.assign({}, event.currentTarget), { name })
+            });
+        }
+        if (actions.setFieldValue) {
+            actions.setFieldValue(name, event.currentTarget.value);
+        }
+    };
+    const curValue = actions.values[name] || value;
+    const classes = classNames(className, 'form-control');
+    const attrs = Object.assign(Object.assign({}, validOptions), { value: curValue, className: classes, name,
+        id,
+        type,
+        tabIndex, readOnly: true, autoComplete: 'none', onFocus: (event) => {
+            event.currentTarget.readOnly = false;
+        }, onChange: handleChange });
+    if (currency) {
+        const handleChangeCurrency = (event) => {
+            const { value } = event.currentTarget;
+            const sanitize = numberHelper.currencySanitize(value);
+            handleChange({
+                currentTarget: {
+                    name,
+                    value: sanitize ? numberHelper.currency(Number(sanitize), currency.locale, currency.format) : ''
+                }
+            });
+        };
+        return (React.createElement(FastField, { name: name }, ({ field }) => React.createElement("input", Object.assign({}, field, attrs, { onChange: handleChangeCurrency, min: "0", maxLength: 20 }))));
+    }
+    if (mask) {
+        return (React.createElement(FastField, { name: name }, ({ field }) => React.createElement(InputMask, Object.assign({}, field, attrs, { mask: mask }))));
+    }
+    return (React.createElement(FastField, Object.assign({}, attrs, { as: multiple ? 'textarea' : 'input' })));
+}

package/dist/components/form-builder/components/password.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FormikProps } from 'formik';
+declare type Props = React.InputHTMLAttributes<HTMLInputElement> & {
+    name: string;
+    actions: FormikProps<any>;
+    labelButton?: string;
+};
+export default function Password(props: Props): JSX.Element;
+export {};
+//# sourceMappingURL=password.d.ts.map

package/dist/components/form-builder/components/password.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/password.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAS,WAAW,EAAE,MAAM,QAAQ,CAAA;AAE3C,aAAK,KAAK,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,KAAK,EAAE,KAAK,eA+D7C"}

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

@@ -0,0 +1,46 @@
+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 validOptions = {
+        alt: elements.alt,
+        autoComplete: elements.autoComplete,
+        autoFocus: elements.autoFocus,
+        checked: elements.checked,
+        disabled: elements.disabled,
+        max: elements.max,
+        maxLength: elements.maxLength,
+        min: elements.min,
+        minLength: elements.minLength,
+        multiple: elements.multiple,
+        placeholder: elements.placeholder,
+        readOnly: elements.readOnly,
+        required: elements.required
+    };
+    const [visible, setVisible] = React.useState(false);
+    const handleVisible = () => {
+        setVisible(prev => !prev);
+    };
+    const handleChange = (event) => {
+        if (actions.setFieldValue) {
+            actions.setFieldValue(name, event.currentTarget.value);
+        }
+    };
+    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 }))));
+}

package/dist/components/form-builder/components/radio.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { FormikProps } from 'formik';
+declare type Option = {
+    label: string | number;
+    value: string | number;
+};
+declare type Props = React.InputHTMLAttributes<HTMLInputElement> & {
+    name: string;
+    actions: FormikProps<any>;
+    value?: string;
+    options: Option[];
+};
+export default function Radio(props: Props): JSX.Element[] | null;
+export {};
+//# sourceMappingURL=radio.d.ts.map

package/dist/components/form-builder/components/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,WAAW,EAAE,MAAM,QAAQ,CAAA;AAE/C,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;CACrB,CAAA;AAED,aAAK,KAAK,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,KAAK,EAAE,KAAK,wBA2C1C"}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { FastField } from 'formik';
+export default function Radio(props) {
+    const { name, actions, value, options, id = name, tabIndex = 0, disabled } = props;
+    if (!options.length)
+        return null;
+    const curValue = actions.values[name] || value;
+    const isChecked = (option) => {
+        return ({
+            checked: (option.value).toString() === (curValue).toString()
+        });
+    };
+    const handleChange = (event) => {
+        if (actions.setFieldValue) {
+            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))));
+}

package/dist/components/form-builder/components/select.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { FormikProps } from 'formik';
+declare type Option = {
+    label: string | number;
+    value: string | number;
+};
+declare type Props = {
+    name: string;
+    actions: FormikProps<any>;
+    options?: Option[];
+    id?: string;
+    value?: Option | Option[];
+    placeholder?: string;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    isMulti?: boolean;
+    onChange?: any;
+};
+export default function Select(props: Props): JSX.Element;
+export {};
+//# sourceMappingURL=select.d.ts.map

package/dist/components/form-builder/components/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/select.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAGpC,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;CACrB,CAAA;AAED,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAC,MAAM,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAE,KAAK,EAAE,KAAK,eA+C3C"}

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

@@ -0,0 +1,19 @@
+import React, { useCallback, 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;
+    const [currValue, setValue] = useState(value);
+    const handleChange = useCallback((newValue) => {
+        if (onChange) {
+            onChange({
+                currentTarget: {
+                    value: newValue,
+                    name
+                }
+            });
+        }
+        actions.setFieldValue(name, newValue);
+        setValue(newValue);
+    }, []);
+    return (React.createElement(ReactSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", options: options, name: name, id: id, defaultValue: currValue, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, isMulti: isMulti, onChange: handleChange }));
+}

package/dist/components/form-builder/form-builder-components-list.d.ts

@@ -0,0 +1,11 @@
+export declare const FormBuilderComponentsList: {
+    button: any;
+    checkbox: any;
+    datepicker: any;
+    dropzone: any;
+    input: any;
+    password: any;
+    radio: any;
+    select: any;
+};
+//# sourceMappingURL=form-builder-components-list.d.ts.map

package/dist/components/form-builder/form-builder-components-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-builder-components-list.d.ts","sourceRoot":"","sources":["../../../src/components/form-builder/form-builder-components-list.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB;;;;;;;;;CASrC,CAAA"}

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

@@ -0,0 +1,10 @@
+export const FormBuilderComponentsList = {
+    button: require('./components/button').default,
+    checkbox: require('./components/checkbox').default,
+    datepicker: require('./components/datepicker').default,
+    dropzone: require('./components/dropzone').default,
+    input: require('./components/input').default,
+    password: require('./components/password').default,
+    radio: require('./components/radio').default,
+    select: require('./components/select').default
+};

package/dist/components/form-builder/form-builder-element.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { FormikHelpers } from 'formik';
+import { FormBuilderItem } from './form-builder.types';
+declare type Props = FormBuilderItem & {
+    actions: FormikHelpers<any>;
+};
+export declare const FormBuilderElement: React.FC<Props>;
+export {};
+//# sourceMappingURL=form-builder-element.d.ts.map

package/dist/components/form-builder/form-builder-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-builder-element.d.ts","sourceRoot":"","sources":["../../../src/components/form-builder/form-builder-element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAItD,aAAK,KAAK,GAAG,eAAe,GAAG;IAC7B,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuB9C,CAAA"}

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

@@ -0,0 +1,26 @@
+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 = (component && typeof component === 'object')
+        ? component
+        : (component != null
+            ? FormBuilderComponentsList[component]
+            : 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 }))));
+};

package/dist/components/form-builder/form-builder.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { FormBuilderGroup } from './form-builder.types';
+export declare type FormBuilderProps = {
+    data: FormBuilderGroup[];
+    onSubmit: any;
+    className?: string;
+};
+export declare const FormBuilder: React.FC<FormBuilderProps>;
+//# sourceMappingURL=form-builder.d.ts.map

package/dist/components/form-builder/form-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-builder.d.ts","sourceRoot":"","sources":["../../../src/components/form-builder/form-builder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAIvD,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,gBAAgB,EAAE,CAAA;IACxB,QAAQ,EAAE,GAAG,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuClD,CAAA"}

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

@@ -0,0 +1,31 @@
+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 '../../';
+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 });
+    return (React.createElement("div", { className: "w-100" },
+        React.createElement(Formik, Object.assign({}, options), (actions) => (React.createElement(Form, { className: className }, data.map(({ name, customComponent: Component, items }, index) => (React.createElement("div", { key: index, className: "so-form-group" },
+            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 }))));
+            }))))))))));
+};

package/dist/components/form-builder/form-builder.types.d.ts

@@ -0,0 +1,89 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { DropzoneOptions } from 'react-dropzone';
+declare type FormBuilderValidations = 'length' | 'min' | 'max' | 'matches' | 'email' | 'url' | 'uuid' | 'ensure' | 'trim' | 'lowercase' | 'uppercase' | 'nullable' | 'required' | 'defined' | 'notRequired' | 'oneOf' | 'equals';
+declare type Option = {
+    label: string | number;
+    value: string | number;
+};
+declare type StringOrNumber = string | number;
+declare type ColumnNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare type FormBuilderValidationProps = {
+    type: FormBuilderValidations;
+    params?: (StringOrNumber | RegExp)[];
+};
+interface FormBuilderBasicsItem extends InputHTMLAttributes<HTMLInputElement> {
+    name: string;
+    column?: ColumnNumber | ColumnNumber[];
+    columnClassName?: string;
+    title?: string;
+    placeholder?: string;
+    tabIndex?: number;
+    value?: StringOrNumber;
+    disabled?: boolean;
+    validations?: FormBuilderValidationProps[];
+    validationType?: string;
+    onChange?: any;
+    type?: string;
+}
+interface FormBuildItemInput extends FormBuilderBasicsItem {
+    component: 'input';
+    type?: 'text' | 'button' | 'checkbox' | 'email' | 'file' | 'hidden' | 'number' | 'submit' | 'reset' | 'color';
+    mask?: string;
+    multiple?: boolean;
+    currency?: {
+        locale: string;
+        format: string;
+    };
+}
+interface FormBuilderItemPassword extends FormBuilderBasicsItem {
+    component: 'password';
+    type?: 'password';
+}
+interface FormBuilderItemButton extends FormBuilderBasicsItem {
+    component: 'button';
+    type?: 'submit' | 'reset' | 'button';
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+    label: string;
+    labelLoading?: string;
+}
+interface FormBuilderItemSelect extends Omit<FormBuilderBasicsItem, 'value'> {
+    component: 'select';
+    value?: Option | Option[];
+    options: Option[];
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    isMulti?: boolean;
+}
+interface FormBuilderItemDatePicker extends FormBuilderBasicsItem {
+    component?: 'datepicker';
+}
+interface FormBuilderItemDropZone extends FormBuilderBasicsItem {
+    component?: 'dropzone';
+    dropzoneOptions?: DropzoneOptions;
+    textFileSelect?: string;
+    textFileSelected?: string;
+    showAcceptedFile?: boolean;
+    LabelAcceptedFile?: string;
+    showFileRejection?: boolean;
+    labelFileRejection?: string;
+}
+interface FormBuilderItemRadio extends FormBuilderBasicsItem {
+    component?: 'radio';
+    value?: string;
+    options: Option[];
+}
+interface FormBuilderItemCheckbox extends Omit<FormBuilderBasicsItem, 'value'> {
+    component?: 'checkbox';
+    value?: string[];
+    options: Option[];
+}
+export declare type FormBuilderItem = FormBuildItemInput | FormBuilderItemPassword | FormBuilderItemButton | FormBuilderItemSelect | FormBuilderItemDropZone | FormBuilderItemDatePicker | FormBuilderItemRadio | FormBuilderItemCheckbox;
+export declare type FormBuilderGroup = {
+    items: FormBuilderItem[];
+    name?: string;
+    customComponent?: ReactNode;
+};
+export {};
+//# sourceMappingURL=form-builder.types.d.ts.map

package/dist/components/form-builder/form-builder.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-builder.types.d.ts","sourceRoot":"","sources":["../../../src/components/form-builder/form-builder.types.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+export {};

package/dist/components/form-builder/utils/form-builder-helper.d.ts

@@ -0,0 +1,18 @@
+import * as Yup from 'yup';
+import { FormikValues } from 'formik';
+import { FormBuilderGroup } from '../form-builder.types';
+export declare class FormBuilderHelper {
+    private readonly initialValues;
+    private readonly groups;
+    private fieldsWithValidations;
+    constructor(data: FormBuilderGroup[]);
+    private createYupSchema;
+    private validateSchema;
+    private mapper;
+    static init(data: FormBuilderGroup[]): FormBuilderHelper;
+    build(): {
+        initialValues: FormikValues;
+        validationSchema: Yup.ObjectSchema<any, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<any>, import("yup/lib/object").AssertsShape<any>>;
+    };
+}
+//# sourceMappingURL=form-builder-helper.d.ts.map

package/dist/components/form-builder/utils/form-builder-helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-builder-helper.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/utils/form-builder-helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,EAAE,gBAAgB,EAAmB,MAAM,uBAAuB,CAAA;AAEzE,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAc;IAC5C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAoB;IAC3C,OAAO,CAAC,qBAAqB,CAAyB;gBAEzC,IAAI,EAAE,gBAAgB,EAAE;IAMrC,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,MAAM;IAkBd,MAAM,CAAC,IAAI,CAAE,IAAI,EAAE,gBAAgB,EAAE;IAIrC,KAAK;;;;CAGN"}