linear-react-components-ui 1.1.26-beta.7 → 1.1.26-beta.8

package/lib/inputs/date/helpers.d.ts

@@ -0,0 +1,5 @@
+import { default as moment } from 'moment';
+declare const PT_BR_FORMAT = "DD/MM/YYYY";
+declare const EN_US_FORMAT = "YYYY-MM-DD";
+declare const getMomentValue: (value: string) => moment.Moment;
+export { getMomentValue, PT_BR_FORMAT, EN_US_FORMAT };

package/lib/inputs/date/helpers.js

@@ -0,0 +1,10 @@
+import { h as o } from "../../chunks/moment.DMLRxgRE.js";
+const e = "DD/MM/YYYY", Y = "YYYY-MM-DD", s = (r) => {
+  let t = r;
+  return o(t, e, !0).isValid() && (t = o(t, e).format(e)), typeof t == "string" ? o(t, Y) : t;
+};
+export {
+  Y as EN_US_FORMAT,
+  e as PT_BR_FORMAT,
+  s as getMomentValue
+};

package/lib/inputs/date/index.d.ts

@@ -0,0 +1,3 @@
+import { IDatePickerProps } from './types';
+declare const DatePicker: (props: IDatePickerProps) => import("react/jsx-runtime").JSX.Element | null;
+export default DatePicker;

package/lib/inputs/date/index.js

@@ -0,0 +1,136 @@
+import { j as d } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { useState as m, useRef as g, useEffect as w } from "react";
+import { h as s } from "../../chunks/moment.DMLRxgRE.js";
+import se from "./Dialog.js";
+import le from "./Dropdown.js";
+import "../../chunks/compiler-runtime.Cu50tn6L.js";
+import ce from "../../buttons/Button.js";
+import "../../icons/index.js";
+import '../../assets/gridlayout.css';import '../../assets/button.css';import '../../assets/index21.css';/* empty css                           */
+/* empty css                               */
+import ue from "../../gridlayout/GridCol.js";
+import de from "../../calendar/base/index.js";
+import fe from "../mask/BaseMask.js";
+import { getMomentValue as me, EN_US_FORMAT as h, PT_BR_FORMAT as f } from "./helpers.js";
+const Fe = (n) => {
+  const {
+    showButtonOpen: O = !0,
+    openOnFocus: q = !0,
+    shouldCloseOnSelect: G = !0,
+    setFocusOnSelect: U = !0,
+    showCalendarInDialog: c = !1,
+    required: W = !1,
+    value: r = "",
+    name: H = "",
+    inputRef: F,
+    dialogSize: J = {
+      width: "384px",
+      height: "384px"
+    },
+    gridLayout: S,
+    shouldCloseOnEsc: Q = !0
+  } = n, [p, D] = m(r ? me(r) : void 0), [a, u] = m(!1), [x, j] = m(r), [X, V] = m(), [Y, v] = m(!1), [l, Z] = m({
+    disabled: !1,
+    readOnly: !1,
+    unvisible: !1,
+    hideContent: !1
+  }), i = g(null), $ = g(null), y = g(null), L = g(null), B = g(null), R = g(null), k = () => {
+    V(i?.current?.getBoundingClientRect());
+  }, _ = () => {
+    u(!1), c && setTimeout(() => {
+      v(!1), i.current?.focus();
+    }, 100);
+  }, ee = (e) => {
+    const t = !R.current?.contains(e.relatedTarget);
+    !c && a && t && u(!1);
+  }, I = (e) => {
+    if (Q && a && e && e.key && e.key === "Escape" && (e.preventDefault(), u(!1), i.current?.focus()), a && c && e && e.key && e.key === "Tab") {
+      const t = B.current?.getElementsByClassName("navbutton"), b = (B.current?.getElementsByClassName("-selectedday"))[0].firstChild, C = Array.from([...t, b]), M = C[0], K = C[C.length - 1];
+      e.shiftKey && document.activeElement === M ? (e.preventDefault(), K.focus()) : !e.shiftKey && document.activeElement === K && (e.preventDefault(), M.focus());
+    }
+    e.stopPropagation();
+  }, E = () => {
+    const e = i.current?.getBoundingClientRect(), t = e && e.bottom;
+    y && y.current && e && (y.current.style.top = String(t).concat("px"));
+  }, P = () => {
+    u(!0), i.current && (i.current.focus(), V(i.current?.getBoundingClientRect())), c && setTimeout(() => {
+      L.current?.focus();
+    }, 100);
+  }, te = (e) => {
+    n.onFocus && n.onFocus(e), q && !a && !Y && P();
+  }, ne = (e) => {
+    n.onBlur && n.onBlur(e);
+  }, oe = (e) => {
+    if (typeof e == "object" && !(e instanceof Date)) {
+      const t = s(e.initial, f, !0).isValid(), o = s(e.final, f, !0).isValid();
+      return t && o;
+    }
+    return s(e, f, !0).isValid();
+  }, T = (e, t = "") => {
+    if (typeof t == "string") {
+      const o = e.target.value ?? "";
+      if (n.onChange) {
+        if (oe(o)) {
+          const C = {
+            target: {
+              value: s(o, f).format(h),
+              name: e.target.name
+            }
+          };
+          n.onChange(C, o);
+        } else if (e.target.value === "") {
+          const b = {
+            target: {
+              value: "",
+              name: e.target.name
+            }
+          };
+          n.onChange(b, o), u(!1), D(void 0);
+        }
+      }
+    }
+  }, N = (e, t) => {
+    a && U && i.current?.focus(), n.onComplete && n.onComplete(t, e), n.onChange && T({
+      target: {
+        value: e,
+        name: H
+      }
+    }, e), G && u(!1), D(s(e, f));
+  }, re = () => n.disabled || l && (l.disabled || l.hideContent), ie = () => {
+    if (O)
+      return /* @__PURE__ */ d.jsx(ce, { disabled: re(), tabIndex: -1, customClass: "calendar-button", iconName: "calendar", title: a ? "Fechar Calendário" : "Abrir Calendário", onClick: () => {
+        a ? u(!1) : P();
+      }, targetRef: (e) => {
+        $.current = e;
+      } }, "button-open-date-picker");
+  }, A = (e, t) => /* @__PURE__ */ d.jsx(de, { colorStyle: t, currentDate: e !== void 0 ? e : s(), onDateChange: (o) => {
+    N(o.format(f), void 0), c && v(!1);
+  }, currentDateButton: (o) => L.current = o, calendarContainer: (o) => {
+    B.current = o;
+  } }), ae = () => l && l.readOnly ? null : c ? /* @__PURE__ */ d.jsx(se, { dialogSize: J, handlerClose: _, children: A(p, n?.calendarColorStyle) }) : /* @__PURE__ */ d.jsx(le, { showButtonOpen: O, inputDimensions: X, containerRef: R, dropdownRef: (e) => {
+    y.current = e;
+  }, children: A(p, n?.calendarColorStyle) });
+  if (w(() => {
+    r && s(r, h).format() !== "Invalid date" && s(x, h).format() !== s(r, h).format() ? (D(s(r, h)), j(r)) : !r && r !== x && (D(void 0), j(r));
+  }, [r]), w(() => (window.addEventListener("resize", k), document.addEventListener("keydown", I), i.current && k(), a && c && v(!0), () => {
+    window.removeEventListener("resize", k), document.removeEventListener("keydown", I);
+  }), [i.current, a]), w(() => (document.addEventListener("scroll", E), document.getElementById("modal-dialog-content")?.addEventListener("scroll", E), () => {
+    document.removeEventListener("scroll", E), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", E);
+  }), []), l && l.unvisible) return null;
+  const z = () => /* @__PURE__ */ d.jsxs("div", { ref: R, onBlur: ee, className: "datepicker-container", children: [
+    /* @__PURE__ */ d.jsx(fe, { ...n, gridLayout: void 0, value: p ? p.format(f) : " ", mask: "00/00/0000", onComplete: (e, t) => {
+      t && N(t, e);
+    }, onBlur: ne, onFocus: (e) => {
+      te(e);
+    }, onChange: (e, t) => {
+      t && T(e, t);
+    }, inputRef: (e) => {
+      i.current = e, F && (F.current = e);
+    }, rightElements: ie(), required: W, handlerSetOnDenied: () => Z(l) }),
+    a && ae()
+  ] });
+  return S ? /* @__PURE__ */ d.jsx(ue, { customClass: "-withinput", cols: S, children: z() }) : z();
+};
+export {
+  Fe as default
+};

package/lib/inputs/date/types.d.ts

@@ -0,0 +1,56 @@
+import { ReactNode, RefObject } from 'react';
+import { ColorStyles } from '../../@types/ColorStyles';
+import { PermissionAttr } from '../../@types/PermissionAttr';
+import { CustomInputEvent } from '../base/types';
+export interface IDatePickerProps {
+    value?: string;
+    openOnFocus?: boolean;
+    showButtonOpen?: boolean;
+    shouldCloseOnEsc?: boolean;
+    shouldCloseOnSelect?: boolean;
+    setFocusOnSelect?: boolean;
+    showCalendarInDialog?: boolean;
+    inputRef?: React.MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
+    dialogSize?: {
+        width: string;
+        height: string;
+    };
+    calendarColorStyle?: ColorStyles;
+    required?: boolean;
+    onComplete?: (e?: CustomInputEvent, maskValue?: string, date?: string) => void;
+    onBlur?: (e: CustomInputEvent) => void;
+    onFocus?: (e: CustomInputEvent) => void;
+    onChange?: (e: {
+        target: {
+            value: string | {
+                initial: string;
+                final: string;
+            };
+            name?: string;
+        };
+    }, date?: string) => void;
+    name?: string;
+    disabled?: boolean;
+    permissionAttr?: PermissionAttr;
+    label?: string;
+    gridLayout?: string;
+    hint?: string | string[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+export interface IDateDropdownProps {
+    children: ReactNode | ReactNode[];
+    dropdownRef: (el: HTMLDivElement) => void;
+    containerRef: RefObject<HTMLDivElement | HTMLElement>;
+    showButtonOpen: boolean;
+    inputDimensions?: DOMRect;
+}
+export interface IDateDialogProps {
+    children: ReactNode | ReactNode[];
+    handlerClose: (open: boolean) => void;
+    dialogSize: {
+        width: string;
+        height: string;
+    };
+}

package/lib/inputs/errorMessage/error.spec.d.ts

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

package/lib/inputs/errorMessage/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ErrorProps } from '../types';
+export declare const ErrorMessage: React.ForwardRefExoticComponent<ErrorProps & React.RefAttributes<HTMLParagraphElement>>;
+export default ErrorMessage;

package/lib/inputs/errorMessage/index.js

@@ -0,0 +1,24 @@
+import { j as f } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as u } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { forwardRef as g } from "react";
+import '../../assets/index7.css';const d = g((c, a) => {
+  const s = u.c(9), {
+    customClass: i,
+    messages: e,
+    style: m
+  } = c, p = i === void 0 ? "" : i;
+  if (!e || e.length === 0)
+    return null;
+  let r;
+  s[0] !== e ? (r = Array.isArray(e) ? e : [e], s[0] = e, s[1] = r) : r = s[1];
+  const l = r, n = `errormessages-component ${p}`;
+  let t;
+  s[2] !== l ? (t = l.join(", "), s[2] = l, s[3] = t) : t = s[3];
+  let o;
+  return s[4] !== a || s[5] !== m || s[6] !== n || s[7] !== t ? (o = /* @__PURE__ */ f.jsx("p", { ref: a, style: m, className: n, children: t }), s[4] = a, s[5] = m, s[6] = n, s[7] = t, s[8] = o) : o = s[8], o;
+});
+d.displayName = "ErrorMessage";
+export {
+  d as ErrorMessage,
+  d as default
+};

package/lib/inputs/file/DefaultFile.d.ts

@@ -0,0 +1,3 @@
+import { IDefaultFileProps } from './types';
+declare const DefaultFile: (props: IDefaultFileProps) => import("react/jsx-runtime").JSX.Element;
+export default DefaultFile;

package/lib/inputs/file/DefaultFile.js

@@ -0,0 +1,68 @@
+import { j as i } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as S } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as $ } from "react";
+import { _ as k } from "../../chunks/lodash.CIAK_hAg.js";
+import z from "../base/InputTextBase.js";
+import L from "./FileButtonSettings.js";
+import _ from "../../buttons/Button.js";
+import P from "../../icons/index.js";
+import '../../assets/button.css';import '../../assets/DefaultFile.css';/* empty css                           */
+import T from "../../popover/index.js";
+import U from "../../popover/PopoverText.js";
+const ee = (t) => {
+  const e = S.c(27), {
+    id: y,
+    accept: B,
+    onBtnClickInsert: x,
+    onBtnClickRemove: h,
+    inputRef: v,
+    defaultFiles: A,
+    hint: c,
+    onChange: j
+  } = t, n = y === void 0 ? "file" : y, g = B === void 0 ? "image/*" : B;
+  let m;
+  e[0] !== c ? (m = c === void 0 ? [] : c, e[0] = c, e[1] = m) : m = e[1];
+  const C = m, D = q, [a, I] = $(A), s = a instanceof Array && a.length > 0;
+  let p;
+  e[2] !== a || e[3] !== s ? (p = () => /* @__PURE__ */ i.jsx("div", { className: `size-position-icon ${s ? "" : "-disabled-popover"}`, children: /* @__PURE__ */ i.jsx(T, { iconSize: 16, children: /* @__PURE__ */ i.jsxs(U, { children: [
+    /* @__PURE__ */ i.jsx("strong", { children: "Arquivos" }),
+    /* @__PURE__ */ i.jsx("br", {}),
+    s && a.map(w)
+  ] }) }) }), e[2] = a, e[3] = s, e[4] = p) : p = e[4];
+  const b = p;
+  let f;
+  e[5] !== s || e[6] !== h ? (f = () => /* @__PURE__ */ i.jsx(_, { disabled: !s, className: "-pointerEventsRemove", transparent: !0, boxShadow: !1, onClick: () => {
+    h(), I([]);
+  }, icon: /* @__PURE__ */ i.jsx(P, { customClass: "colorIconUpload", name: "close" }) }), e[5] = s, e[6] = h, e[7] = f) : f = e[7];
+  const F = f;
+  let d;
+  e[8] !== j ? (d = (R) => {
+    R.preventDefault?.();
+    const N = D(R.target.files);
+    I(N), j?.(N, R);
+  }, e[8] = j, e[9] = d) : d = e[9];
+  const E = d;
+  let o;
+  e[10] !== n || e[11] !== x ? (o = /* @__PURE__ */ i.jsx(L, { id: n, onBtnClickInsert: x }), e[10] = n, e[11] = x, e[12] = o) : o = e[12];
+  let l;
+  e[13] !== b ? (l = b(), e[13] = b, e[14] = l) : l = e[14];
+  let r;
+  e[15] !== F ? (r = F(), e[15] = F, e[16] = r) : r = e[16];
+  let u;
+  return e[17] !== g || e[18] !== E || e[19] !== C || e[20] !== n || e[21] !== v || e[22] !== t || e[23] !== o || e[24] !== l || e[25] !== r ? (u = /* @__PURE__ */ i.jsx("div", { className: "input-simple-file-container", children: /* @__PURE__ */ i.jsxs(z, { ...t, hint: C, readOnlyClass: "-disabledVisualApply", customClassForInputContent: "-absolute -pointEventDisabled -disabledVisualApply", type: "file", id: n, accept: g, inputRef: v, onChange: E, rightElements: o, children: [
+    l,
+    r
+  ] }) }), e[17] = g, e[18] = E, e[19] = C, e[20] = n, e[21] = v, e[22] = t, e[23] = o, e[24] = l, e[25] = r, e[26] = u) : u = e[26], u;
+};
+function V(t) {
+  return t;
+}
+function q(t) {
+  return t?.length ? k.map(t, V) : [];
+}
+function w(t) {
+  return /* @__PURE__ */ i.jsx("div", { className: "list-simple-file", children: /* @__PURE__ */ i.jsx("div", { className: "file-name", children: /* @__PURE__ */ i.jsx("span", { children: t.name }) }) }, `${t.name}${t.size}`);
+}
+export {
+  ee as default
+};

package/lib/inputs/file/DragDropFile.d.ts

@@ -0,0 +1,3 @@
+import { IDragDropFileProps } from './types';
+declare const DragDropFile: (props: IDragDropFileProps) => import("react/jsx-runtime").JSX.Element;
+export default DragDropFile;

package/lib/inputs/file/DragDropFile.js

@@ -0,0 +1,135 @@
+import { j as t } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { useState as D, Fragment as w } from "react";
+import { _ as ee } from "../../chunks/lodash.CIAK_hAg.js";
+import "../../chunks/compiler-runtime.Cu50tn6L.js";
+import "../../buttons/DefaultButton.js";
+import S from "../../buttons/PrimaryButton.js";
+import $ from "../../buttons/DangerButton.js";
+import F from "../../icons/index.js";
+import '../../assets/button.css';/* empty css                           */
+import te from "../base/InputTextBase.js";
+import se from "../../hint/index.js";
+import { ErrorMessage as ae } from "../errorMessage/index.js";
+const q = (n) => n?.length ? ee.map(n, (i) => i) : [], g = (n) => n.split(",").map((i) => i.includes(".") ? i.split(".")[1] : i.split("/")[1]).join(", "), re = (n) => n.split(", "), he = (n) => {
+  const {
+    id: i = Math.random().toString(36).substring(2, 7),
+    accept: o = "image/png, image/jpeg",
+    labelButton: L = "Selecionar",
+    subtitleDragDrop: f = "Selecione arquivos do tipo ",
+    titleDragDrop: u = "Arquivo para importação",
+    onBtnClickInsert: A,
+    inputRef: z,
+    onChange: C,
+    onDragEnter: M,
+    onDragOver: P,
+    onDragLeave: U,
+    onDrop: I,
+    showSubtitle: H = !0,
+    multiple: x = !1,
+    hint: R = [],
+    hintPosition: W = "below",
+    errorMessages: G = [],
+    skeletonize: b = !1
+  } = n, [J, N] = D(!1), [r, h] = D([]), [j, T] = D(!1), [c, m] = D({
+    class: "",
+    text: u,
+    subtitle: f + g(o),
+    error: !1
+  }), v = (e) => {
+    e.preventDefault?.(), e.stopPropagation?.();
+  }, K = (e, s, a) => {
+    T(!1), s.forEach((l) => (!j && e.indexOf(l) === -1 && T(!0), j)), !x && (a.dataTransfer.items.length > 1 || r.length > 0) ? m({
+      class: "disapprovedFile",
+      text: "Não é permitido anexar mais de um arquivo.",
+      subtitle: "",
+      error: !0
+    }) : m(j ? {
+      class: "disapprovedFile",
+      text: "Por favor, verifique a extensão do(s) arquivo(s) inserido(s).",
+      subtitle: `Apenas as extensões ${g(o)} são permitidas.`,
+      error: !0
+    } : {
+      class: "approvedFile",
+      text: u,
+      subtitle: f + g(o),
+      error: !1
+    });
+  }, Q = (e) => {
+    let s = [];
+    return e.dataTransfer.items && Array.from(e.dataTransfer.items).map((a) => (s.indexOf(a.type) === -1 && (s = [...s, a.type]), s)), s;
+  }, k = (e) => {
+    const s = re(o), a = Q(e);
+    K(s, a, e), v(e), N(!0), M?.(e);
+  }, B = (e) => {
+    m({
+      class: "",
+      text: u,
+      subtitle: f + g(o),
+      error: !1
+    }), v(e), N(!1), U?.(e);
+  }, E = (e) => {
+    v(e), P?.(e);
+  }, O = (e) => {
+    v(e), N(!1);
+    const s = e.dataTransfer;
+    if (s && !c.error) {
+      const a = q(s.files);
+      if (a.length > 0) {
+        const l = r.concat(a), y = l.map((d) => d.name), p = l.filter(({
+          name: d
+        }, _) => !y.includes(d, _ + 1));
+        h(p), C?.(a, e), I?.(e);
+      }
+    }
+    m({
+      class: "",
+      text: u,
+      subtitle: f + g(o),
+      error: !1
+    });
+  }, V = (e) => {
+    e.preventDefault?.();
+    const s = q(e.target.files);
+    if (s.length > 0 && !j) {
+      const a = r.concat(s), l = a.map((p) => p.name), y = a.filter(({
+        name: p
+      }, d) => !l.includes(p, d + 1));
+      h(y), C?.(s, e);
+    }
+  }, X = () => h([]), Y = (e) => {
+    h((s) => s.filter((a) => a.name !== e));
+  }, Z = () => r?.length === 1 ? /* @__PURE__ */ t.jsxs(w, { children: [
+    r[0].type === "image/jpeg" || r[0].type === "image/png" ? /* @__PURE__ */ t.jsx("img", { alt: r[0].name, src: URL.createObjectURL(r[0]) }) : /* @__PURE__ */ t.jsx(F, { size: 64, name: "file_excel" }),
+    /* @__PURE__ */ t.jsx("div", { className: "image-preview-solo", children: /* @__PURE__ */ t.jsx("div", { className: "description-file", children: /* @__PURE__ */ t.jsx("span", { className: "subtitle", children: r[0].name }) }) })
+  ] }) : /* @__PURE__ */ t.jsx("ul", { className: "file-list", children: r.length > 0 && r.map((e) => /* @__PURE__ */ t.jsxs("li", { className: "file-card", children: [
+    /* @__PURE__ */ t.jsx($, { transparent: !0, boxShadow: !1, className: "delete-button", onClick: () => Y(e.name), icon: /* @__PURE__ */ t.jsx(F, { customClass: "color-icon-upload", name: "close" }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "image-content", children: (e.type === "image/jpeg" || e.type === "image/png") && /* @__PURE__ */ t.jsx("img", { alt: e.name, className: "image-preview", src: URL.createObjectURL(e) }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "description-file", children: /* @__PURE__ */ t.jsx("span", { className: "subtitle", children: e.name }) })
+  ] }, `${e.name}${e.size}`)) });
+  return /* @__PURE__ */ t.jsxs("div", { className: "input-dragdrop-container", onDragEnter: k, onSubmit: (e) => e.preventDefault(), children: [
+    /* @__PURE__ */ t.jsxs("div", { className: `drag-content ${b ? "-skeletonized" : ""}`, children: [
+      /* @__PURE__ */ t.jsx("div", { className: `${c.class} ${b ? "" : "content"}`, children: c.error || r.length === 0 ? /* @__PURE__ */ t.jsxs("label", { htmlFor: i, children: [
+        /* @__PURE__ */ t.jsx("h1", { className: "title", style: {
+          paddingBottom: "20px"
+        }, children: c.text }),
+        H && /* @__PURE__ */ t.jsx("p", { className: "subtitle", children: c.subtitle }),
+        !b && /* @__PURE__ */ t.jsx(S, { onClick: A, label: L })
+      ] }) : /* @__PURE__ */ t.jsxs(w, { children: [
+        Z(),
+        /* @__PURE__ */ t.jsxs("footer", { className: "footer-button-action", children: [
+          (!x && r.length < 1 || x) && /* @__PURE__ */ t.jsx(S, { className: "selectButton", onClick: A, label: L }),
+          /* @__PURE__ */ t.jsx($, { className: "cancelButton", onClick: X, icon: /* @__PURE__ */ t.jsx(F, { name: "close", color: "white" }), label: "Limpar" })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ t.jsx(te, { ...n, inputRef: z, style: {
+        display: "none"
+      }, type: "file", id: i, accept: o, multiple: x, onDragOver: E, onDrop: O, onDragLeave: B, onChange: V }),
+      J && /* @__PURE__ */ t.jsx("div", { className: "drag-position-element", id: "dragFileElement", onDragEnter: k, onDragLeave: B, onDragOver: E, onDrop: O })
+    ] }),
+    /* @__PURE__ */ t.jsx(ae, { messages: G }),
+    /* @__PURE__ */ t.jsx(se, { visible: !!R && W === "below", customClass: "hint", description: R })
+  ] });
+};
+export {
+  he as default
+};

package/lib/inputs/file/File.d.ts

@@ -0,0 +1,3 @@
+import { IFileProps } from './types';
+declare const File: ({ applyDragDrop, defaultFiles, gridLayout, onBtnClickRemove: onBtnClickRemoveProp, ...rest }: Omit<IFileProps, "onBtnClickInsert">) => import("react/jsx-runtime").JSX.Element;
+export default File;

package/lib/inputs/file/File.js

@@ -0,0 +1,31 @@
+import { j as n } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { useRef as l, useEffect as u } from "react";
+import p from "./DefaultFile.js";
+import C from "./DragDropFile.js";
+import "../../chunks/compiler-runtime.Cu50tn6L.js";
+import '../../assets/gridlayout.css';/* empty css                               */
+import R from "../../gridlayout/GridCol.js";
+import { transformFilesToFileList as k } from "./helpers.js";
+const I = ({
+  applyDragDrop: m = !1,
+  defaultFiles: r,
+  gridLayout: o,
+  onBtnClickRemove: e,
+  ...i
+}) => {
+  const t = l(null), c = () => {
+    t.current?.click();
+  }, f = () => {
+    t.current && (t.current.value = ""), e && e();
+  };
+  u(() => {
+    t?.current && r && (t.current.files = k(r));
+  }, [t?.current]);
+  const s = m ? /* @__PURE__ */ n.jsx(C, { ...i, defaultFiles: r, inputRef: t, onBtnClickInsert: () => c() }) : /* @__PURE__ */ n.jsx(p, { ...i, inputRef: t, defaultFiles: r, onBtnClickRemove: () => f(), onBtnClickInsert: () => c() });
+  return o !== void 0 ? /* @__PURE__ */ n.jsx(R, { customClass: "-withinput", cols: o, style: {
+    height: "100%"
+  }, children: s }) : s;
+};
+export {
+  I as default
+};

package/lib/inputs/file/FileButtonSettings.d.ts

@@ -0,0 +1,3 @@
+import { IFileButtonSettingsProps } from './types';
+declare const FileButtonSettings: (props: IFileButtonSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default FileButtonSettings;

package/lib/inputs/file/FileButtonSettings.js

@@ -0,0 +1,24 @@
+import { j as m } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as u } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import f from "../../buttons/Button.js";
+import b from "../../icons/index.js";
+import '../../assets/button.css';/* empty css                           */
+const _ = (p) => {
+  const t = u.c(9), {
+    size: c,
+    labelButton: d,
+    id: s,
+    onBtnClickInsert: n
+  } = p, r = c === void 0 ? "medium" : c, a = d === void 0 ? "Selecionar" : d;
+  let o, l;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = {
+    height: "100%"
+  }, l = /* @__PURE__ */ m.jsx(b, { name: "file_download" }), t[0] = o, t[1] = l) : (o = t[0], l = t[1]);
+  let e;
+  t[2] !== a || t[3] !== n || t[4] !== r ? (e = /* @__PURE__ */ m.jsx(f, { className: "uploadButton simple-search-file-button -shadowsdisabled -transparent", onClick: n, size: r, style: o, icon: l, label: a }), t[2] = a, t[3] = n, t[4] = r, t[5] = e) : e = t[5];
+  let i;
+  return t[6] !== s || t[7] !== e ? (i = /* @__PURE__ */ m.jsx("label", { id: "", htmlFor: s, children: e }), t[6] = s, t[7] = e, t[8] = i) : i = t[8], i;
+};
+export {
+  _ as default
+};

package/lib/inputs/file/filefield.spec.d.ts

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

package/lib/inputs/file/helpers.d.ts

@@ -0,0 +1,2 @@
+import { CustomFile } from './types';
+export declare const transformFilesToFileList: (files: CustomFile) => FileList;

package/lib/inputs/file/helpers.js

@@ -0,0 +1,11 @@
+const n = (s) => {
+  let e = s;
+  if (!(e instanceof FileList)) {
+    const i = new DataTransfer();
+    e instanceof File ? (i.items.add(e), e = i.files) : (e.map((t) => i.items.add(t)), e = i.files);
+  }
+  return e;
+};
+export {
+  n as transformFilesToFileList
+};

package/lib/inputs/file/index.d.ts

@@ -0,0 +1,5 @@
+import { default as File } from './File';
+import { default as DefaultFile } from './DefaultFile';
+import { default as DragDropFile } from './DragDropFile';
+export default File;
+export { DefaultFile, DragDropFile, };

package/lib/inputs/file/index.js

@@ -0,0 +1,8 @@
+import r from "./File.js";
+import { default as t } from "./DefaultFile.js";
+import { default as l } from "./DragDropFile.js";
+export {
+  t as DefaultFile,
+  l as DragDropFile,
+  r as default
+};

package/lib/inputs/file/types.d.ts

@@ -0,0 +1,49 @@
+import { RefObject, DragEvent } from 'react';
+import { Size } from '../../@types/Size';
+import { CustomInputEvent } from '../base/types';
+export type CustomFile = FileList | File | File[];
+export interface IFileProps {
+    onBtnClickInsert?: () => void;
+    onBtnClickRemove?: () => void;
+    id?: string;
+    applyDragDrop?: boolean;
+    gridLayout?: string;
+    multiple?: boolean;
+    label?: string;
+    defaultFiles?: CustomFile;
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    required?: boolean;
+    readOnly?: boolean;
+    name?: string;
+    onChange?: (files: File[], e?: CustomInputEvent | DragEvent) => void;
+    size?: Size;
+    accept?: string;
+    labelButton?: string;
+    inputRef?: RefObject<HTMLInputElement>;
+    type?: string;
+    onDragEnter?: (e?: DragEvent) => void;
+    onDragOver?: (e?: DragEvent) => void;
+    onDrop?: (e?: DragEvent) => void;
+    onDragLeave?: (e?: DragEvent) => void;
+    errorMessages?: string[];
+    skeletonize?: boolean;
+    showSubtitle?: boolean;
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+export interface IDefaultFileProps extends IFileProps {
+    onBtnClickInsert: () => void;
+    onBtnClickRemove: () => void;
+}
+export interface IDragDropFileProps extends IFileProps {
+    subtitleDragDrop?: string;
+    titleDragDrop?: string;
+}
+export interface IFileButtonSettingsProps {
+    id: string;
+    labelFileButton?: string;
+    size?: Size;
+    labelButton?: string;
+    onBtnClickInsert: () => void;
+}

package/lib/inputs/inputHOC.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IInputHOCProps } from './types';
+declare const InputHOC: <ComponentProps extends IInputHOCProps>(WrappedComponent: React.ComponentType<ComponentProps>) => (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default InputHOC;