linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/inputs/date/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs/date/index.tsx"],"sourcesContent":["import '../../assets/styles/datepicker.scss';\n\nimport { FocusEvent as ReactFocusEvent, useEffect, useRef, useState } from 'react';\nimport moment, { Moment } from 'moment';\nimport Grid from '../../gridlayout';\nimport Button from '../../buttons';\nimport Calendar from '../../calendar';\nimport { ColorStyles } from '../../@types/ColorStyles';\nimport BaseMask from '../mask/BaseMask';\nimport { CustomInputEvent } from '../base/types';\nimport Dialog from './Dialog';\nimport Dropdown from './Dropdown';\nimport { IDatePickerProps } from './types';\nimport {\n  getMomentValue, PT_BR_FORMAT, EN_US_FORMAT, PT_BR_FORMAT_DATETIME,\n  EN_US_FORMAT_DATETIME, blocksDateTimeFormat,\n} from './helpers';\n\nconst DatePicker = (props: IDatePickerProps) => {\n  const {\n    showButtonOpen = true, openOnFocus = true, shouldCloseOnSelect = true, setFocusOnSelect = true,\n    showCalendarInDialog = false, required = false, value = '', name = '', inputRef: inputRefProp,\n    dialogSize = { width: '384px', height: '384px' }, gridLayout, shouldCloseOnEsc = true,\n    isDateTimeField = false,\n  } = props;\n\n  const maskFormat = !isDateTimeField ? '00/00/0000' : Date;\n  const patternFormat = !isDateTimeField ? undefined : 'DD/MM/YYYY HH:mm';\n  const brFormatter = !isDateTimeField ? PT_BR_FORMAT : PT_BR_FORMAT_DATETIME;\n  const usFormatter = !isDateTimeField ? EN_US_FORMAT : EN_US_FORMAT_DATETIME;\n\n  const [valueState, setValueState] =\n    useState<Moment | undefined>(value ? getMomentValue(value) : undefined);\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [valueFromProps, setValueFromProps] = useState(moment(value, patternFormat).format());\n  const [inputDimensions, setInputDimensions] = useState<DOMRect>();\n  const [calendarOnDialog, setCalendarOnDialog] = useState(false);\n  const [onDenied, setOnDenied] = useState({\n    disabled: false,\n    readOnly: false,\n    unvisible: false,\n    hideContent: false,\n  });\n  const inputDateRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const buttonOpenRef = useRef<HTMLButtonElement>(null);\n  const dropdownContainer = useRef<HTMLDivElement>(null);\n  const currentDateButtonRef = useRef<HTMLButtonElement>(null);\n  const calendarContainerRef = useRef<HTMLDivElement | null>(null);\n  const datePickerContainerRef = useRef<HTMLDivElement>(null);\n\n  const onScreenResize = () => {\n    setInputDimensions(inputDateRef?.current?.getBoundingClientRect());\n  };\n\n  const onCloseDateDialog = () => {\n    setShowCalendar(false);\n    if (showCalendarInDialog) {\n      setTimeout(() => {\n        setCalendarOnDialog(false);\n        inputDateRef.current?.focus();\n      }, 100);\n    }\n  };\n\n  const onCloseWithoutBlur = (event: ReactFocusEvent<HTMLDivElement>) => {\n    const focusOnAnotherField = !datePickerContainerRef.current?.contains(event.relatedTarget);\n    if (!showCalendarInDialog && showCalendar && focusOnAnotherField) { setShowCalendar(false); }\n  };\n\n  const onKeyDownPress = (event: KeyboardEvent) => {\n    if (shouldCloseOnEsc && showCalendar && event && event.key && event.key === 'Escape') {\n      event.preventDefault();\n      setShowCalendar(false);\n      inputDateRef.current?.focus();\n    }\n    if (showCalendar && showCalendarInDialog && event && event.key && event.key === 'Tab') {\n      const buttonForNavigateCalendar = calendarContainerRef.current?.getElementsByClassName('navbutton') as HTMLCollectionOf<HTMLButtonElement>;\n      const datePicked = calendarContainerRef.current?.getElementsByClassName('-selectedday') as HTMLCollectionOf<HTMLButtonElement>;\n      const buttonDatePicked = datePicked[0].firstChild as HTMLButtonElement;\n      const buttonsForFocus = Array.from([...buttonForNavigateCalendar, buttonDatePicked]);\n      const firstElement = buttonsForFocus[0];\n      const lastElement = buttonsForFocus[buttonsForFocus.length - 1];\n\n      if (event.shiftKey && document.activeElement === firstElement) {\n        event.preventDefault();\n        lastElement.focus();\n      } else if (!event.shiftKey && document.activeElement === lastElement) {\n        event.preventDefault();\n        firstElement.focus();\n      }\n    }\n    event.stopPropagation();\n  };\n\n  const keepPositionCalendarByScroll = () => {\n    const inputDateDimensions = inputDateRef.current?.getBoundingClientRect();\n    const positionTop = inputDateDimensions && inputDateDimensions.bottom;\n    if (dropdownContainer && dropdownContainer.current && inputDateDimensions) {\n      dropdownContainer.current.style.top = String(positionTop).concat('px');\n    }\n  };\n\n  const openCalendar = () => {\n    setShowCalendar(true);\n    if (inputDateRef.current) {\n      inputDateRef.current.focus();\n      setInputDimensions(inputDateRef.current?.getBoundingClientRect());\n    }\n    if (showCalendarInDialog) {\n      setTimeout(() => { currentDateButtonRef.current?.focus(); }, 100);\n    }\n  };\n\n  const onInputFocus = (e: CustomInputEvent) => {\n    if (props.onFocus) props.onFocus(e);\n    if (openOnFocus && !showCalendar && !calendarOnDialog) { openCalendar(); }\n  };\n\n  const onInputBlur = (e: CustomInputEvent) => {\n    if (props.onBlur) props.onBlur(e);\n  };\n\n  const isValidDate = (date: Date | string | { initial?: string, final?: string }) => {\n    if (typeof date === 'object' && !(date instanceof Date)) {\n      const initialValid = moment(date.initial, brFormatter, true).isValid();\n      const finalValid = moment(date.final, brFormatter, true).isValid();\n\n      return initialValid && finalValid;\n    }\n\n    return moment(date, brFormatter, true).isValid();\n  };\n\n  const onInputChange = (\n    event: CustomInputEvent,\n    valueInput: string | {\n      initial: string;\n      final: string;\n    } = '',\n  ) => {\n    if (typeof valueInput === 'string') {\n      const date = event.target.value ?? '';\n      if (props.onChange) {\n        if (isValidDate(date)) {\n          const newValue = moment(date, brFormatter).format(usFormatter);\n          const obj = { target: { value: newValue, name: event.target.name } };\n          props.onChange(obj, date);\n        } else if (event.target.value === '') {\n          const obj = { target: { value: '', name: event.target.name } };\n          props.onChange(obj, date);\n          setShowCalendar(false);\n          setValueState(undefined);\n        }\n      }\n    }\n  };\n\n  const setValue = (valueParam?: string, e?: CustomInputEvent) => {\n    if (showCalendar && setFocusOnSelect) inputDateRef.current?.focus();\n    if (props.onComplete) props.onComplete(e, valueParam);\n    if (props.onChange) onInputChange({ target: { value: valueParam ?? '', name } }, valueParam);\n    if (shouldCloseOnSelect) setShowCalendar(false);\n    setValueState(moment(valueParam, brFormatter));\n  };\n\n  const shouldDisable = () =>\n    props.disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const getButtonOpen = () => {\n    if (!showButtonOpen) return undefined;\n    return (\n      <Button\n        key=\"button-open-date-picker\"\n        disabled={shouldDisable()}\n        tabIndex={-1}\n        customClass=\"calendar-button\"\n        iconName='calendar'\n        title={showCalendar ? 'Fechar Calendário' : 'Abrir Calendário'}\n        onClick={() => { if (showCalendar) { setShowCalendar(false); } else openCalendar(); }}\n        targetRef={(ref: HTMLButtonElement) => { buttonOpenRef.current = ref; }} />\n    );\n  };\n\n  const getCalendar = (valueCalendar?: Moment, calendarColorStyle?: ColorStyles) => (\n    <Calendar\n      colorStyle={calendarColorStyle}\n      currentDate={valueCalendar !== undefined ? valueCalendar : moment()}\n      onDateChange={(date) => {\n        setValue(date.format(brFormatter), undefined);\n        if (showCalendarInDialog) setCalendarOnDialog(false);\n      }}\n      currentDateButton={buttonElement => currentDateButtonRef.current = buttonElement}\n      calendarContainer={(calendarContainer) => { \n        calendarContainerRef.current = calendarContainer; \n      }} />\n  );\n\n  const getCalendarComponent = () => {\n    if (onDenied && onDenied.readOnly) return null;\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          dialogSize={dialogSize}\n          handlerClose={onCloseDateDialog}>\n          {getCalendar(valueState, props?.calendarColorStyle)}\n        </Dialog>\n      );\n    }\n\n    return (\n      <Dropdown\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        containerRef={datePickerContainerRef as any}\n        dropdownRef={(el: HTMLDivElement) => { dropdownContainer.current = el; }}>\n        {getCalendar(valueState, props?.calendarColorStyle)}\n      </Dropdown>\n    );\n  };\n\n  useEffect(() => {\n    if (value && moment(value, usFormatter).format() !== 'Invalid date' &&\n      moment(valueFromProps, usFormatter).format() !== moment(value, usFormatter).format()) {\n      setValueState(moment(value, usFormatter));\n      setValueFromProps(value);\n    } else if (!value && value !== valueFromProps) {\n      setValueState(undefined);\n      setValueFromProps(value);\n    }\n  }, [value]);\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('keydown', onKeyDownPress);\n    if (inputDateRef.current) onScreenResize();\n    if (showCalendar && showCalendarInDialog) setCalendarOnDialog(true);\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('keydown', onKeyDownPress);\n    };\n  }, [inputDateRef.current, showCalendar]);\n\n  useEffect(() => {\n    document.addEventListener('scroll', keepPositionCalendarByScroll);\n    document.getElementById('modal-dialog-content')?.addEventListener('scroll', keepPositionCalendarByScroll);\n\n    return () => {\n      document.removeEventListener('scroll', keepPositionCalendarByScroll);\n      document.getElementById('modal-dialog-content')?.removeEventListener('scroll', keepPositionCalendarByScroll);\n    };\n  }, []);\n\n  if (onDenied && onDenied.unvisible) return null;\n\n  const component = () => (\n    <div ref={datePickerContainerRef} onBlur={onCloseWithoutBlur} className=\"datepicker-container\">\n      <BaseMask\n        {...props}\n        gridLayout={undefined}\n        isDateTimeField={isDateTimeField}\n        value={!valueState ? ' ' : valueState.format(brFormatter)}\n        mask={maskFormat}\n        pattern={patternFormat}\n        blocks={!isDateTimeField ? {} : blocksDateTimeFormat}\n        onComplete={(e) => { if (e) { setValue(e.target?.maskedValue, e); } }}\n        onBlur={onInputBlur}\n        onFocus={(e: CustomInputEvent) => { onInputFocus(e); }}\n        onChange={(e, date) => { if (date) onInputChange(e, date); }}\n        inputRef={inputRefProp}\n        rightElements={getButtonOpen()}\n        required={required}\n        handlerSetOnDenied={() => setOnDenied(onDenied)} />\n      {showCalendar && getCalendarComponent()}\n    </div>\n  );\n\n  return (!gridLayout ? component() : <Grid customClass=\"-withinput\" cols={gridLayout}>{component()}</Grid>);\n};\n\nexport default DatePicker;\n"],"mappings":"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"}

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

@@ -10,7 +10,7 @@ export interface IDatePickerProps {
     shouldCloseOnSelect?: boolean;
     setFocusOnSelect?: boolean;
     showCalendarInDialog?: boolean;
-    inputRef?: React.MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
+    inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;
     dialogSize?: {
         width: string;
         height: string;
@@ -34,10 +34,11 @@ export interface IDatePickerProps {
     permissionAttr?: PermissionAttr;
     label?: string;
     gridLayout?: string;
-    hint?: string | string[];
+    hint?: string;
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
+    isDateTimeField?: boolean;
 }
 export interface IDateDropdownProps {
     children: ReactNode | ReactNode[];

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

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

package/lib/inputs/errorMessage/index.js

@@ -1,24 +1,19 @@
-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;
+import '../../assets/styles/error.css';/* empty css                        */
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/inputs/errorMessage/index.tsx
+var n = e(({ customClass: e = "", messages: n, style: r }, i) => {
+	if (!n || n.length === 0) return null;
+	let a = Array.isArray(n) ? n : [n];
+	return /* @__PURE__ */ t("p", {
+		ref: i,
+		style: r,
+		className: `errormessages-component ${e}`,
+		children: a.join(", ")
+	});
 });
-d.displayName = "ErrorMessage";
-export {
-  d as ErrorMessage,
-  d as default
-};
+n.displayName = "ErrorMessage";
+//#endregion
+export { n as ErrorMessage, n as default };
+
+//# sourceMappingURL=index.js.map

package/lib/inputs/errorMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs/errorMessage/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { ErrorProps } from '../types';\nimport '../../assets/styles/error.scss';\n\nexport const ErrorMessage = forwardRef<HTMLParagraphElement, ErrorProps>(({ \n  customClass = '', messages: messagesProp, style, \n}, ref) => {\n  if (!messagesProp || messagesProp.length === 0) return null;\n\n  const messages = Array.isArray(messagesProp) ? messagesProp : [messagesProp];\n\n  return (\n    <p ref={ref} style={style} className={`errormessages-component ${customClass}`}>\n      {messages.join(', ')}\n    </p>\n  );\n});\n\nErrorMessage.displayName = 'ErrorMessage';\nexport default ErrorMessage;\n"],"mappings":";;;;AAIA,IAAa,IAAe,GAA8C,EACxE,iBAAc,IAAI,UAAU,GAAc,YACzC,MAAQ;AACT,KAAI,CAAC,KAAgB,EAAa,WAAW,EAAG,QAAO;CAEvD,IAAM,IAAW,MAAM,QAAQ,EAAa,GAAG,IAAe,CAAC,EAAa;AAE5E,QACE,kBAAC,KAAD;EAAQ;EAAY;EAAO,WAAW,2BAA2B;YAC9D,EAAS,KAAK,KAAA;EACb,CAAA;EAEN;AAEF,EAAa,cAAc"}

package/lib/inputs/file/DefaultFile.js

@@ -1,68 +1,89 @@
-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;
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_compiler_runtime as t } from "../../node_modules/react/compiler-runtime.js";
+import n from "../../icons/index.js";
+import { require_lodash as r } from "../../node_modules/lodash/lodash.js";
+import i from "../../buttons/index.js";
+import a from "../../popover/PopoverText.js";
+import o from "../../popover/index.js";
+import s from "../base/InputTextBase.js";
+import c from "./FileButtonSettings.js";
+import '../../assets/styles/file.css';/* empty css                       */
+import { useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/lib/inputs/file/DefaultFile.tsx
+var f = t(), p = /* @__PURE__ */ e(r(), 1), m = (e) => {
+	let t = (0, f.c)(18), { id: r, accept: p, onBtnClickInsert: m, onBtnClickRemove: h, inputRef: v, defaultFiles: y, hint: b, multiple: x, onChange: S } = e, C = r === void 0 ? "file" : r, w = p === void 0 ? "image/*" : p, T = b === void 0 ? "" : b, E = g, [D, O] = l(y), k = D instanceof Array && D.length > 0, A;
+	t[0] === S ? A = t[1] : (A = (e) => {
+		e.preventDefault?.();
+		let t = E(e.target.files);
+		O(t), S?.(t, e);
+	}, t[0] = S, t[1] = A);
+	let j = A, M;
+	if (t[2] !== w || t[3] !== D || t[4] !== j || t[5] !== T || t[6] !== C || t[7] !== k || t[8] !== v || t[9] !== x || t[10] !== m || t[11] !== h || t[12] !== e) {
+		let r;
+		t[14] === m ? r = t[15] : (r = () => m(), t[14] = m, t[15] = r);
+		let l;
+		t[16] === h ? l = t[17] : (l = () => {
+			h(), O([]);
+		}, t[16] = h, t[17] = l), M = u("div", {
+			className: "input-simple-file-container",
+			children: d(s, {
+				...e,
+				hint: T,
+				readOnlyClass: "-disabledVisualApply",
+				customClassForWrapper: "file-wrapper",
+				customClassForInputContent: "file-content -absolute -pointEventDisabled -disabledVisualApply",
+				type: "file",
+				id: C,
+				accept: w,
+				inputRef: v,
+				onChange: j,
+				rightElements: u(c, {
+					id: C,
+					onBtnClickInsert: r
+				}),
+				children: [x && u("div", {
+					className: `size-position-icon ${k ? "" : "-disabled-popover"}`,
+					children: u(o, {
+						iconSize: 16,
+						children: d(a, { children: [
+							u("strong", { children: "Arquivos" }),
+							u("br", {}),
+							k && D.map(_)
+						] })
+					})
+				}), u(i, {
+					disabled: !k,
+					className: "-pointerEventsRemove",
+					transparent: !0,
+					boxShadow: !1,
+					onClick: l,
+					icon: u(n, {
+						customClass: "colorIconUpload",
+						name: "close"
+					})
+				})]
+			})
+		}), t[2] = w, t[3] = D, t[4] = j, t[5] = T, t[6] = C, t[7] = k, t[8] = v, t[9] = x, t[10] = m, t[11] = h, t[12] = e, t[13] = M;
+	} else M = t[13];
+	return M;
 };
-function V(t) {
-  return t;
+function h(e) {
+	return e;
 }
-function q(t) {
-  return t?.length ? k.map(t, V) : [];
+function g(e) {
+	return e?.length ? p.default.map(e, h) : [];
 }
-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}`);
+function _(e) {
+	return u("div", {
+		className: "list-simple-file",
+		children: u("div", {
+			className: "file-name",
+			children: u("span", { children: e.name })
+		})
+	}, `${e.name}${e.size}`);
 }
-export {
-  ee as default
-};
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=DefaultFile.js.map

package/lib/inputs/file/DefaultFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultFile.js","names":[],"sources":["../../../src/lib/inputs/file/DefaultFile.tsx"],"sourcesContent":["import { useState } from 'react';\nimport _ from 'lodash';\nimport InputTextBase from '../base/InputTextBase';\nimport FileButtonSettings from './FileButtonSettings';\nimport { IDefaultFileProps } from './types';\nimport '../../assets/styles/file.scss';\nimport Button from '../../buttons';\nimport Icon from '../../icons';\nimport Popover, { PopoverText } from '../../popover';\nimport { CustomInputEvent } from '../base/types';\n\nconst DefaultFile = (props: IDefaultFileProps) => {\n  const {\n    id = 'file', accept = 'image/*', onBtnClickInsert, onBtnClickRemove, inputRef, defaultFiles,\n    hint = '', multiple, onChange,\n  } = props;\n\n  const getFilesList = (files: FileList | null | undefined): File[] => (\n    !files?.length ? [] : _.map(files, file => file)\n  );\n\n  const [fileList, setFileList] = useState(defaultFiles);\n  const ifExistFiles = fileList instanceof Array && fileList.length > 0;\n\n  const handleChange = (e: CustomInputEvent) => {\n    e.preventDefault?.();\n    const files = getFilesList(e.target.files);\n    setFileList(files);\n    onChange?.(files, e);\n  };\n\n  return (\n    <div className=\"input-simple-file-container\">\n      <InputTextBase\n        {...props}\n        hint={hint}\n        readOnlyClass=\"-disabledVisualApply\"\n        customClassForWrapper=\"file-wrapper\"\n        customClassForInputContent=\"file-content -absolute -pointEventDisabled -disabledVisualApply\"\n        type=\"file\"\n        id={id}\n        accept={accept}\n        inputRef={inputRef}\n        onChange={handleChange}\n        rightElements={\n          <FileButtonSettings\n            id={id}\n            onBtnClickInsert={() => (onBtnClickInsert())} />\n        }>\n        {multiple && (\n          <div className={`size-position-icon ${!ifExistFiles ? '-disabled-popover' : ''}`}>\n            <Popover iconSize={16} >\n              <PopoverText>\n                <strong>Arquivos</strong>\n                <br />\n                { ifExistFiles && fileList.map(file => (\n                  <div className=\"list-simple-file\"key={`${file.name}${file.size}`}>\n                    <div className=\"file-name\">\n                      <span>{file.name}</span>\n                    </div>\n                  </div>\n                ))}\n              </PopoverText>\n            </Popover>\n          </div>\n        )}\n        <Button\n          disabled={!ifExistFiles}\n          className=\"-pointerEventsRemove\"\n          transparent\n          boxShadow={false}\n          onClick={() => {\n            onBtnClickRemove();\n            setFileList([]);\n          }}\n          icon={<Icon customClass=\"colorIconUpload\" name=\"close\" />} />\n      </InputTextBase>\n    </div>\n  );\n};\n\nexport default DefaultFile;\n"],"mappings":";;;;;;;;;;;;;4CAWM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EACJ,EAAA,IAAA,GAAA,QAAA,GAAA,qBAAA,qBAAA,aAAA,iBAAA,MAAA,GAAA,aAAA,gBAGI,GAFF,IAAA,MAAA,KAAA,IAAA,SAAA,GAAa,IAAA,MAAA,KAAA,IAAA,YAAA,GACb,IAAA,MAAA,KAAA,IAAA,KAAA,GAGF,IAAM,GAIN,CAAA,GAAA,KAAgC,EAAS,EAAa,EACtD,IAAqB,aAAoB,SAAS,EAAA,SAAkB,GAAA;AAAA,CAAA,EAAA,OAAA,gBAE9D,KAAA,MAAA;AACJ,IAAA,kBAAoB;EACpB,IAAA,IAAc,EAAa,EAAA,OAAE,MAAa;AAE1C,EADA,EAAY,EAAM,EAClB,IAAW,GAAO,EAAE;;CAJtB,IAAA,IAAM;;;gBAuB+C,IAAA,EAAA,OAA3C,UAAyB,GAAkB,EAAA,EAAA,MAAA,GAAA,EAAA,MAAA;EAAA,IAAA;AA8B7C,EA9B6C,EAAA,QAAA,iBAwB7C,UAAA;AAEE,GADA,GAAkB,EAClB,EAAY,EAAE,CAAC;4BAzCvB,IAAA,EAAC,OAAD;GAAA,WAAe;GAAA,UACb,EAAC,GAAD;IAAA,GACM;IAAA;IAAA,eAEU;IAAA,uBACQ;IAAA,4BACK;IAAA,MACtB;IAAA;IAAA;IAAA;IAAA,UAIK;IAAA,eAER,EAAC,GAAD;KAAA;KAAA,kBAEE;KAAgD,CAAA;IAAA,UAdtD,CAgBG,KACC,EAAC,OAAD;KAAA,WAAgB,sBAAuB,IAAD,KAAA;KAAsC,UAC1E,EAAC,GAAD;MAAA,UAAmB;MAAA,UACjB,EAAC,GAAD,EAAA,UAAA;OACE,EAAC,UAAD,EAAA,UAAQ,YAAiB,CAAA;OACzB,EAAC,MAAD,EAAM,CAAA;OACJ,KAAgB,EAAA,IAAS,EAMzB;OAAA,EACU,CAAA;MACN,CAAA;KACN,CAAA,EAER,EAAC,GAAD;KAAA,UACY,CAAC;KAAA,WACD;KAAA,aACV;KAAA,WACW;KAAA,SACX;WAIM,EAAC,GAAD;MAAA,aAAkB;MAAA,MAAuB;MAAU,CAAA;KAAI,CAAA,CAAA;;GAE7D,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA;OAAA,KAAA,EAAA;AAAA,QA7CN;;AArBE,SAAA,EAAA,GAAA;AAAA,QAOyC;;AAPzC,SAAA,EAAA,GAAA;AAAA,QAOD,GAAA,SAAqB,EAAA,QAAA,IAAM,GAAA,EAAoB,GAAhD,EAAgD;;AAP9C,SAAA,EAAA,GAAA;AAAA,QA6CY,EAAC,OAAD;EAAA,WAAe;EAAA,UACb,EAAC,OAAD;GAAA,WAAe;GAAA,UACb,EAAC,QAAD,EAAA,UAAO,EAAA,MAAiB,CAAA;GACpB,CAAA;EACF,EAJgC,GAAG,EAAA,OAAY,EAAA,OAI/C"}