infinity-forge 9.7.9 → 9.9.0

package/dist/ui/components/evaluations/styles.js

@@ -0,0 +1,495 @@
+import styled from 'styled-components';
+export const Evaluations = styled('section') `
+  * {
+    color: ${(props) => props.theme.darkColor};
+  }
+
+  h5 {
+    margin-bottom: 5px;
+  }
+
+  > div {
+    border-radius: 30px;
+    padding: 40px;
+    background-color: ${(props) => props.theme.grey};
+
+    .top {
+      display: flex;
+      align-items: center;
+      border-bottom: 1px solid #dcdcdc;
+      margin-bottom: 30px;
+      padding-bottom: 30px;
+      justify-content: space-between;
+
+      .container-stars {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        margin-bottom: 10px;
+      }
+
+      .stars {
+        .star {
+          color: ${(p) => p.$theme.baseColor || p.theme.primaryColor} !important;
+        }
+
+        .number {
+          display: none;
+        }
+      }
+
+      > .item:nth-child(1) {
+        span {
+          svg {
+            margin-left: 8px;
+          }
+
+          &:last-child {
+            color: ${(props) => props.theme.grey40};
+            margin-top: 10px;
+          }
+        }
+      }
+
+      > .item:nth-child(2) {
+        margin: 0 15px 0 15px;
+        padding: 0 15px 0 15px;
+        border-left: 1px solid #dcdcdc;
+        border-right: 1px solid #dcdcdc;
+
+        > div {
+          display: grid;
+          grid-template-columns: 125px 180px 30px;
+          align-items: center;
+          gap: 20px;
+          overflow-wrap: break-word;
+
+          & + div {
+            margin-top: 15px;
+          }
+
+          .back-bar {
+            height: 10px;
+            border-radius: 100rem;
+            background: #aaaaaa;
+            position: relative;
+            z-index: 2;
+          }
+
+          .bar {
+            height: 10px;
+            border-radius: 100rem;
+            background: ${(props) => props.$theme.baseColor || props.theme.primaryColor};
+            position: relative;
+            z-index: 3;
+          }
+        }
+      }
+
+      > .item:nth-child(3) {
+        color: ${(props) => props.theme.grey60};
+        padding: 0;
+        background: none;
+        border: none;
+        border: 1px solid currentColor;
+        height: 48px;
+        padding: 0 20px;
+        border-radius: 100rem;
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        transition: 0.1s;
+
+        &:hover {
+          color: #fff;
+          background: ${(props) => props.theme.grey60 || '#000'};
+
+          svg {
+            fill: #fff;
+          }
+        }
+
+        svg {
+          width: 16px;
+          height: auto;
+          fill: currentColor;
+        }
+      }
+    }
+
+    .bottom {
+      > div + div {
+        margin-top: 30px;
+      }
+    }
+  }
+
+  @media only screen and (max-width: 1600px) {
+    > div {
+      padding: 30px;
+      border-radius: 25px;
+
+      .top {
+        margin-bottom: 28px;
+        padding-bottom: 28px;
+
+        > .item:nth-child(2) {
+          margin: 0 20px 0 20px;
+          padding: 0 20px 0 20px;
+
+          > div {
+            grid-template-columns: 115px 160px 30px;
+            gap: 18px;
+          }
+        }
+
+        > .item:nth-child(3) {
+          height: 46px;
+          padding: 0 18px;
+
+          svg {
+            width: 15px;
+          }
+        }
+      }
+    }
+  }
+
+  @media only screen and (max-width: 1400px) {
+    > div {
+      padding: 25px;
+      border-radius: 20px;
+
+      .top {
+        margin-bottom: 25px;
+        padding-bottom: 25px;
+
+        > .item:nth-child(2) {
+          margin: 0 15px 0 15px;
+          padding: 0 15px 0 15px;
+
+          > div {
+            grid-template-columns: 105px 140px 30px;
+            gap: 15px;
+          }
+        }
+
+        > .item:nth-child(3) {
+          height: 46px;
+          padding: 0 18px;
+
+          svg {
+            width: 15px;
+          }
+        }
+      }
+    }
+  }
+
+  @media only screen and (max-width: 1200px) {
+    > div {
+      padding: 20px;
+      border-radius: 15px;
+
+      .top {
+        margin-bottom: 20px;
+        padding-bottom: 20px;
+        gap: 5px;
+
+        .container-stars {
+          align-items: start;
+          flex-direction: column;
+        }
+
+        > .item:nth-child(1) {
+          svg {
+            width: 110px;
+            height: auto;
+          }
+        }
+
+        > .item:nth-child(2) {
+          margin: 0 0;
+          padding: 0 10px;
+
+          > div {
+            grid-template-columns: 100px 80px 30px;
+            gap: 8px;
+          }
+        }
+
+        > .item:nth-child(3) {
+          height: 44px;
+          padding: 0 16px;
+
+          svg {
+            width: 13px;
+          }
+        }
+      }
+    }
+  }
+
+  @media only screen and (max-width: 1024px) {
+    > div {
+      padding: 15px;
+      border-radius: 10px;
+
+      .top {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+
+        .container-stars {
+          flex-direction: row;
+          align-items: center;
+        }
+
+        > .item:nth-child(1) {
+          span {
+            &:last-child {
+              margin-top: 5px;
+            }
+          }
+        }
+
+        > .item:nth-child(2) {
+          border-right: none;
+          padding-right: 0;
+
+          > div {
+            font-size: 14px;
+            grid-template-columns: 100px 100px 30px;
+
+            & + div {
+              margin-top: 10px;
+            }
+          }
+        }
+
+        > .item:nth-child(3) {
+          height: 42px;
+          max-width: fit-content;
+
+          svg {
+            width: 12px;
+          }
+        }
+      }
+    }
+  }
+
+  @media only screen and (max-width: 800px) {
+    > div .top > .item:nth-child(2) > div {
+      gap: 3px;
+      grid-template-columns: 100px 60px 25px;
+    }
+  }
+
+  @media only screen and (max-width: 768px) {
+    > div {
+      padding: 10px;
+      background-color: transparent;
+
+      .top {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+
+        > .item:nth-child(2) {
+          border-right: none;
+          margin-left: 0;
+          padding-left: 0;
+          padding-right: 0;
+          border-left: none;
+          width: 100%;
+
+          > div {
+            grid-template-columns: 115px 90px 25px;
+          }
+        }
+
+        > .item:nth-child(3) {
+          width: fit-content;
+          height: 40px;
+          margin-top: 5px;
+
+          svg {
+            width: 12px;
+          }
+        }
+      }
+    }
+  }
+
+  @media only screen and (max-width: 600px) {
+    > div {
+      .top {
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        gap: 10px;
+
+        .item > div {
+          justify-content: center;
+        }
+
+        > .item:nth-child(3) {
+          height: 34px;
+        }
+
+        .container-stars {
+          justify-content: center;
+        }
+      }
+    }
+  }
+`;
+export const Modal = styled('div') `
+  padding: 40px 60px;
+  border-radius: 30px;
+  background-color: ${(p) => p.theme.grey};
+
+  h4 {
+    text-align: center;
+    border-bottom: 1px solid #dcdcdc;
+    padding-bottom: 30px;
+  }
+
+  form {
+    padding-top: 30px;
+
+    .conntent_form_infinity_forge {
+      padding: 0;
+
+      label {
+        margin-bottom: 0 !important;
+        font-weight: 400 !important;
+      }
+    }
+
+    .container-switch {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 20px;
+
+      > * {
+        flex: 1;
+      }
+
+      .input-content:has([role='radiogroup']) {
+        flex: unset;
+      }
+
+      label:has(input:checked) span {
+        color: ${(p) => p.$theme.baseColor || p.theme.primaryColor};
+      }
+
+      span:hover,
+      span.active {
+        color: ${(p) => p.$theme.baseColor || p.theme.primaryColor};
+      }
+    }
+
+    .input-wrapper label {
+      margin-bottom: 0 !important;
+    }
+
+    textarea {
+      width: 100%;
+      height: 90px;
+      resize: none;
+      padding: 10px;
+      text-align: center;
+    }
+
+    .form-button > div {
+      display: flex;
+      justify-content: center;
+
+      button {
+        font-weight: bold;
+        max-width: 311px;
+        margin: 0 auto;
+        background-color: ${(p) => p.$theme.baseColor || p.theme.primaryColor};
+        border: none;
+        border-radius: 100px;
+      }
+    }
+  }
+
+  @media only screen and (max-width: 1600px) {
+    padding: 30px 40px;
+    border-radius: 25px;
+
+    h4 {
+      padding-bottom: 20px;
+    }
+
+    form {
+      padding-top: 20px;
+
+      .container-switch {
+        margin-bottom: 15px;
+      }
+
+      textarea {
+        padding: 10px 15px;
+      }
+    }
+  }
+
+  @media only screen and (max-width: 1024px) {
+    padding: 25px 30px;
+    border-radius: 20px;
+
+    h4 {
+      padding-bottom: 15px;
+    }
+
+    form {
+      padding-top: 15px;
+
+      .container-switch {
+        margin-bottom: 10px;
+      }
+
+      textarea {
+        padding: 8px 12px;
+      }
+    }
+  }
+
+  @media only screen and (max-width: 768px) {
+    padding: 15px;
+    border-radius: 10px;
+
+    h4 {
+      padding-bottom: 10px;
+    }
+
+    form {
+      padding-top: 10px;
+
+      .container-switch {
+        margin-bottom: 5px;
+      }
+
+      textarea {
+        padding: 5px 8px;
+      }
+
+      .form-button button {
+        max-width: 260px;
+      }
+
+      label span {
+        font-size: 1.8rem;
+      }
+
+      [role='radiogroup'] {
+        gap: 3px;
+      }
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/evaluations/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/evaluations/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,CAI1C;;aAEW,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;;;;;;;;;;wBAUrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI;;;;;;;;;;;;;;;;;;;mBAmBhC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;qBAe/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAkCxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;;;iBAQtE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;;;;;;;;;;;wBAetB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgP9D,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAIhC;;;sBAGoB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAmCxB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY;;;;;iBAKjD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;4BAwBtC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiF5E,CAAA"}

package/dist/ui/components/form/checkbox/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputProps, Option } from '../interfaces.js';
+export interface InputCheckboxProps {
+    checkbox_key?: string;
+    OptionComponent?: (props: Option) => React.ReactNode;
+}
+export declare function InputCheckbox(props: InputCheckboxProps & InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/checkbox/index.js

@@ -0,0 +1,33 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { useField } from 'formik';
+import { InputControl } from '../input-control/index.js';
+import * as S from './styles.js';
+export function InputCheckbox(props) {
+    const [field, state, helpers] = useField({ name: props.name });
+    useEffect(() => {
+        if (field.value === undefined) {
+            helpers.setValue([]);
+        }
+    }, []);
+    const handleChange = (value, checked) => {
+        var _a;
+        let newValue = Array.isArray(field.value) ? [...field.value] : [];
+        if (checked) {
+            if (!newValue.includes(value))
+                newValue.push(value);
+        }
+        else {
+            newValue = newValue.filter((v) => v !== value);
+        }
+        helpers.setValue(newValue);
+        (_a = props.onChangeInput) === null || _a === void 0 ? void 0 : _a.call(props, newValue, undefined, { state, utils: helpers });
+    };
+    return (_jsx(InputControl, Object.assign({}, props, { name: props.name, children: _jsx(S.InputCheckbox, { children: _jsx("div", { className: 'list-radios', children: props.options.map((option, index) => {
+                    var _a;
+                    const isChecked = !!((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.includes(option.value));
+                    return (_jsxs("label", { htmlFor: props.name + index, children: [_jsx("input", { id: props.name + index, name: props.name, type: "checkbox", value: option.value, disabled: props.disabled || option.isDisabled, checked: isChecked, onChange: (e) => handleChange(String(option.value), e.target.checked), style: { display: props.OptionComponent ? 'none' : 'block' } }), props.OptionComponent ? (_createElement(props.OptionComponent, Object.assign({}, option, { key: option.value }))) : (_jsx("span", { dangerouslySetInnerHTML: { __html: option.label } }))] }, option.value));
+                }) }) }) })));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/checkbox/index.js.map

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

package/dist/ui/components/form/checkbox/styles.d.ts

@@ -0,0 +1 @@
+export declare const InputCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;

package/dist/ui/components/form/checkbox/styles.js

@@ -0,0 +1,7 @@
+import styled from "styled-components";
+export const InputCheckbox = styled("div") `
+    input:Disabled {
+        cursor: not-allowed;
+    }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/checkbox/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/checkbox/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;CAIzC,CAAC"}

package/dist/ui/components/form/drag-and-drop/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { useSortable } from '@dnd-kit/sortable';
+export interface SortableItemProvided {
+    attributes: ReturnType<typeof useSortable>['attributes'];
+    listeners: ReturnType<typeof useSortable>['listeners'];
+    setNodeRef: ReturnType<typeof useSortable>['setNodeRef'];
+    transform: any;
+    transition: any;
+    isDragging: boolean;
+}
+export interface DragAndDropListProps<T> {
+    items: T[];
+    onReorder: (newItems: T[]) => void;
+    renderItem: (item: T, index: number, provided: any) => React.ReactNode;
+    getItemId: (item: T) => string;
+    maxItemWidth?: number | string;
+}
+export declare function DragAndDropList<T>({ items, onReorder, renderItem, getItemId, maxItemWidth, }: DragAndDropListProps<T>): import("react/jsx-runtime").JSX.Element;
+interface SortableItemProps {
+    id: string;
+    children: (provided: any) => React.ReactNode;
+}
+export declare function SortableItem({ id, children }: SortableItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/components/form/drag-and-drop/index.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DndContext, closestCenter, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { SortableContext, rectSortingStrategy, useSortable } from '@dnd-kit/sortable';
+import { restrictToParentElement } from '@dnd-kit/modifiers';
+import { CSS } from '@dnd-kit/utilities';
+export function DragAndDropList({ items, onReorder, renderItem, getItemId, maxItemWidth = 290, }) {
+    const sensors = useSensors(useSensor(PointerSensor, {
+        activationConstraint: { distance: 15 },
+    }));
+    const itemMinWidth = `min(100%, ${typeof maxItemWidth === 'number' ? `${maxItemWidth}px` : maxItemWidth})`;
+    const gridTemplateColumns = `repeat(auto-fit, minmax(${itemMinWidth}, 1fr))`;
+    function arrayMove(array, from, to) {
+        const newArray = [...array];
+        if (from < 0 || from >= newArray.length || to < 0 || to >= newArray.length) {
+            console.warn('Índices fora do intervalo');
+            return newArray;
+        }
+        const [movedItem] = newArray.splice(from, 1);
+        newArray.splice(to, 0, movedItem);
+        return newArray;
+    }
+    function handleDragEnd(event) {
+        const { active, over } = event;
+        if (!over || active.id === over.id)
+            return;
+        const oldIndex = items.findIndex((item) => getItemId(item) === String(active.id));
+        const newIndex = items.findIndex((item) => getItemId(item) === String(over.id));
+        if (oldIndex !== -1 && newIndex !== -1) {
+            const newItems = arrayMove(items, oldIndex, newIndex);
+            onReorder(newItems);
+        }
+    }
+    return (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, modifiers: [restrictToParentElement], children: _jsx(SortableContext, { items: items.map(getItemId), strategy: rectSortingStrategy, children: _jsx("div", { style: {
+                    display: 'grid',
+                    gridTemplateColumns: gridTemplateColumns,
+                    gap: '16px',
+                    width: '100%',
+                    overflow: 'hidden',
+                }, children: items === null || items === void 0 ? void 0 : items.map((item, index) => (_jsx(SortableItem, { id: getItemId(item), children: (provided) => renderItem(item, index, provided) }, getItemId(item)))) }) }) }));
+}
+export function SortableItem({ id, children }) {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id });
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+        opacity: isDragging ? 0.5 : 1,
+        width: '100%',
+        cursor: 'grab',
+    };
+    return (_jsx("div", Object.assign({ ref: setNodeRef, style: style }, attributes, listeners, { children: children({ attributes, listeners, setNodeRef, transform, transition, isDragging }) })));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/drag-and-drop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/drag-and-drop/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/form/handler/component.d.ts

@@ -0,0 +1,2 @@
+import { IFormHandler } from './interfaces.js';
+export declare function FormHandler(props: IFormHandler): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/handler/component.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Formik } from 'formik';
+import { FormI18n } from './i18n/index.js';
+import FormElement from './form-handler/index.js';
+export function FormHandler(props) {
+    if (props.i18n) {
+        return _jsx(FormI18n, Object.assign({}, props));
+    }
+    const initialData = props.initialData || {};
+    return (_jsx(Formik, { initialValues: (props === null || props === void 0 ? void 0 : props.modifyInitialData) ? props.modifyInitialData(initialData) : initialData, onSubmit: () => { }, children: _jsx(FormElement, Object.assign({}, props, { children: props.children })) }));
+}
+//# sourceMappingURL=component.js.map

package/dist/ui/components/form/handler/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/handler/component.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAIxC,MAAM,UAAU,WAAW,CAAC,KAAmB;IAC7C,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,KAAC,QAAQ,oBAAK,KAAK,EAAI,CAAA;IAChC,CAAC;IAED,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,EAAE,CAAA;IAE3C,OAAO,CACL,KAAC,MAAM,IACL,aAAa,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,iBAAiB,EAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAC5F,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,YAElB,KAAC,WAAW,oBAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,IAAe,GAC/C,CACV,CAAA;AACH,CAAC"}

package/dist/ui/components/form/handler/custom-submit/index.d.ts

@@ -0,0 +1,26 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ButtonProps } from '../../../../../ui/index.js';
+import { FormikErrors } from 'formik';
+export type ICustomSubmitProps = {
+    props: (stateForm: {
+        state: string;
+        message: string;
+    }, valuesForm: any) => ButtonProps & {
+        active?: boolean;
+    };
+    action: (data: any, setStateForm: Dispatch<SetStateAction<{
+        state: string;
+        message: string;
+    }>>, initialValues: any, handlers?: {
+        setFieldError: (field: string, message: string) => void;
+        setFieldValue: (field: string, value: any, shouldValidate?: boolean) => Promise<void | FormikErrors<unknown>>;
+    }) => void;
+    active?: boolean;
+};
+export declare function CustomSubmitButton({ props, action, stateForm, onSubmit, active, }: {
+    onSubmit: (action: any) => void;
+    stateForm: {
+        state: string;
+        message: string;
+    };
+} & ICustomSubmitProps): import("react/jsx-runtime").JSX.Element;