linear-react-components-ui 1.1.26-beta.12 → 1.1.26-beta.14

package/lib/inputs/date/helpers.js

@@ -1,10 +1,11 @@
-import { h as o } from "../../chunks/moment.DMLRxgRE.js";
-const e = "DD/MM/YYYY", Y = "YYYY-MM-DD", s = (r) => {
+import o from "../../node_modules/moment/dist/moment.js";
+const e = "DD/MM/YYYY", Y = "YYYY-MM-DD", M = (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
+  M as getMomentValue
 };
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../src/lib/inputs/date/helpers.ts"],"sourcesContent":["import moment from 'moment';\nimport { IDateDropdownProps } from './types';\n\nconst PT_BR_FORMAT = 'DD/MM/YYYY';\nconst EN_US_FORMAT = 'YYYY-MM-DD';\n\nconst getMomentValue = (value: string) => {\n  let newValue = value;\n  if (moment(newValue, PT_BR_FORMAT, true).isValid()) {\n    newValue = moment(newValue, PT_BR_FORMAT).format(PT_BR_FORMAT);\n  }\n\n  return (typeof newValue === 'string' ? moment(newValue, EN_US_FORMAT) : newValue);\n};\n\nexport { getMomentValue, PT_BR_FORMAT, EN_US_FORMAT };\n"],"names":["PT_BR_FORMAT","EN_US_FORMAT","getMomentValue","value","newValue","moment","isValid","format"],"mappings":";AAGA,MAAMA,IAAe,cACfC,IAAe,cAEfC,IAAiBA,CAACC,MAAkB;AACxC,MAAIC,IAAWD;AACf,SAAIE,EAAOD,GAAUJ,GAAc,EAAI,EAAEM,cACvCF,IAAWC,EAAOD,GAAUJ,CAAY,EAAEO,OAAOP,CAAY,IAGvD,OAAOI,KAAa,WAAWC,EAAOD,GAAUH,CAAY,IAAIG;AAC1E;"}

package/lib/inputs/date/index.js

@@ -1,18 +1,18 @@
-import { j as d } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { jsxs as le, jsx as f } from "react/jsx-runtime";
 import { useState as m, useRef as g, useEffect as w } from "react";
-import { h as s } from "../../chunks/moment.DMLRxgRE.js";
+import l from "../../node_modules/moment/dist/moment.js";
 import se from "./Dialog.js";
-import le from "./Dropdown.js";
-import "../../chunks/compiler-runtime.Cu50tn6L.js";
-import ce from "../../buttons/Button.js";
+import ce from "./Dropdown.js";
+import ue 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) => {
+import '../../styles/assets/styles/datepicker.css';import '../../styles/assets/styles/gridlayout.css';import '../../styles/assets/styles/button.css';/* empty css                              */
+/* empty css                                  */
+import de from "../../gridlayout/GridCol.js";
+import fe from "../../calendar/base/index.js";
+import me from "../mask/BaseMask.js";
+import { getMomentValue as ge, EN_US_FORMAT as h, PT_BR_FORMAT as d } from "./helpers.js";
+/* empty css                                  */
+const Se = (n) => {
   const {
     showButtonOpen: O = !0,
     openOnFocus: q = !0,
@@ -29,108 +29,109 @@ const Fe = (n) => {
     },
     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({
+  } = n, [p, D] = m(r ? ge(r) : void 0), [a, u] = m(!1), [V, L] = m(r), [X, I] = m(), [Y, B] = m(!1), [s, 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());
+  }), i = g(null), $ = g(null), y = g(null), P = g(null), E = g(null), R = g(null), k = () => {
+    I(i?.current?.getBoundingClientRect());
   }, _ = () => {
     u(!1), c && setTimeout(() => {
-      v(!1), i.current?.focus();
+      B(!1), i.current?.focus();
     }, 100);
   }, ee = (e) => {
     const t = !R.current?.contains(e.relatedTarget);
     !c && a && t && u(!1);
-  }, I = (e) => {
+  }, T = (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];
+      const t = E.current?.getElementsByClassName("navbutton"), v = (E.current?.getElementsByClassName("-selectedday"))[0].firstChild, C = Array.from([...t, v]), 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 = () => {
+  }, b = () => {
     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();
+  }, x = () => {
+    u(!0), i.current && (i.current.focus(), I(i.current?.getBoundingClientRect())), c && setTimeout(() => {
+      P.current?.focus();
     }, 100);
   }, te = (e) => {
-    n.onFocus && n.onFocus(e), q && !a && !Y && P();
+    n.onFocus && n.onFocus(e), q && !a && !Y && x();
   }, 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();
+      const t = l(e.initial, d, !0).isValid(), o = l(e.final, d, !0).isValid();
       return t && o;
     }
-    return s(e, f, !0).isValid();
-  }, T = (e, t = "") => {
+    return l(e, d, !0).isValid();
+  }, N = (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),
+              value: l(o, d).format(h),
               name: e.target.name
             }
           };
           n.onChange(C, o);
         } else if (e.target.value === "") {
-          const b = {
+          const v = {
             target: {
               value: "",
               name: e.target.name
             }
           };
-          n.onChange(b, o), u(!1), D(void 0);
+          n.onChange(v, o), u(!1), D(void 0);
         }
       }
     }
-  }, N = (e, t) => {
-    a && U && i.current?.focus(), n.onComplete && n.onComplete(t, e), n.onChange && T({
+  }, j = (e, t) => {
+    a && U && i.current?.focus(), n.onComplete && n.onComplete(t, e), n.onChange && N({
       target: {
         value: e,
         name: H
       }
-    }, e), G && u(!1), D(s(e, f));
-  }, re = () => n.disabled || l && (l.disabled || l.hideContent), ie = () => {
+    }, e), G && u(!1), D(l(e, d));
+  }, re = () => n.disabled || s && (s.disabled || s.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();
+      return /* @__PURE__ */ f(ue, { disabled: re(), tabIndex: -1, customClass: "calendar-button", iconName: "calendar", title: a ? "Fechar Calendário" : "Abrir Calendário", onClick: () => {
+        a ? u(!1) : x();
       }, 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) => {
+  }, A = (e, t) => /* @__PURE__ */ f(fe, { colorStyle: t, currentDate: e !== void 0 ? e : l(), onDateChange: (o) => {
+    j(o.format(d), void 0), c && B(!1);
+  }, currentDateButton: (o) => P.current = o, calendarContainer: (o) => {
+    E.current = o;
+  } }), ae = () => s && s.readOnly ? null : c ? /* @__PURE__ */ f(se, { dialogSize: J, handlerClose: _, children: A(p, n?.calendarColorStyle) }) : /* @__PURE__ */ f(ce, { 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);
+    r && l(r, h).format() !== "Invalid date" && l(V, h).format() !== l(r, h).format() ? (D(l(r, h)), L(r)) : !r && r !== V && (D(void 0), L(r));
+  }, [r]), w(() => (window.addEventListener("resize", k), document.addEventListener("keydown", T), i.current && k(), a && c && B(!0), () => {
+    window.removeEventListener("resize", k), document.removeEventListener("keydown", T);
+  }), [i.current, a]), w(() => (document.addEventListener("scroll", b), document.getElementById("modal-dialog-content")?.addEventListener("scroll", b), () => {
+    document.removeEventListener("scroll", b), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", b);
+  }), []), s && s.unvisible) return null;
+  const z = () => /* @__PURE__ */ le("div", { ref: R, onBlur: ee, className: "datepicker-container", children: [
+    /* @__PURE__ */ f(me, { ...n, gridLayout: void 0, value: p ? p.format(d) : " ", mask: "00/00/0000", onComplete: (e, t) => {
+      t && j(t, e);
     }, onBlur: ne, onFocus: (e) => {
       te(e);
     }, onChange: (e, t) => {
-      t && T(e, t);
+      t && N(e, t);
     }, inputRef: (e) => {
       i.current = e, F && (F.current = e);
-    }, rightElements: ie(), required: W, handlerSetOnDenied: () => Z(l) }),
+    }, rightElements: ie(), required: W, handlerSetOnDenied: () => Z(s) }),
     a && ae()
   ] });
-  return S ? /* @__PURE__ */ d.jsx(ue, { customClass: "-withinput", cols: S, children: z() }) : z();
+  return S ? /* @__PURE__ */ f(de, { customClass: "-withinput", cols: S, children: z() }) : z();
 };
 export {
-  Fe as default
+  Se as default
 };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/date/index.tsx"],"sourcesContent":["import React, { FocusEvent as ReactFocusEvent, useEffect, useRef, useState } from 'react';\nimport moment, { Moment } from 'moment';\nimport Dialog from './Dialog';\nimport Dropdown from './Dropdown';\nimport Button from '../../buttons';\nimport Grid from '../../gridlayout';\nimport Calendar from '../../calendar';\nimport BaseMask from '../mask/BaseMask';\nimport { IDatePickerProps } from './types';\nimport { CustomInputEvent } from '../base/types';\nimport { ColorStyles } from '../../@types/ColorStyles';\nimport { getMomentValue, PT_BR_FORMAT, EN_US_FORMAT } from './helpers';\nimport '../../assets/styles/datepicker.scss';\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  } = props;\n\n  const [valueState, setValueState] =\n    useState<Moment | undefined>(value ? getMomentValue(value) : undefined);\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [valueFromProps, setValueFromProps] = useState(value);\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, PT_BR_FORMAT, true).isValid();\n      const finalValid = moment(date.final, PT_BR_FORMAT, true).isValid();\n      return initialValid && finalValid;\n    }\n    return moment(date, PT_BR_FORMAT, 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, PT_BR_FORMAT).format(EN_US_FORMAT);\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, PT_BR_FORMAT));\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(PT_BR_FORMAT), 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, EN_US_FORMAT).format() !== 'Invalid date' &&\n      moment(valueFromProps, EN_US_FORMAT).format() !== moment(value, EN_US_FORMAT).format()) {\n      setValueState(moment(value, EN_US_FORMAT));\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        value={!valueState ? ' ' : valueState.format(PT_BR_FORMAT)}\n        mask=\"00/00/0000\"\n        onComplete={(e, date) => {\n          if (date) { setValue(date, e); }\n        }}\n        onBlur={onInputBlur}\n        onFocus={(e: CustomInputEvent) => { onInputFocus(e); }}\n        onChange={(e, date) => {\n          if (date) onInputChange(e, date);\n        }}\n        inputRef={(el: HTMLInputElement | HTMLTextAreaElement | null) => {\n          inputDateRef.current = el;\n          if (inputRefProp) inputRefProp.current = el;\n        }}\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"],"names":["DatePicker","props","showButtonOpen","openOnFocus","shouldCloseOnSelect","setFocusOnSelect","showCalendarInDialog","required","value","name","inputRef","inputRefProp","dialogSize","width","height","gridLayout","shouldCloseOnEsc","valueState","setValueState","useState","getMomentValue","undefined","showCalendar","setShowCalendar","valueFromProps","setValueFromProps","inputDimensions","setInputDimensions","calendarOnDialog","setCalendarOnDialog","onDenied","setOnDenied","disabled","readOnly","unvisible","hideContent","inputDateRef","useRef","buttonOpenRef","dropdownContainer","currentDateButtonRef","calendarContainerRef","datePickerContainerRef","onScreenResize","current","getBoundingClientRect","onCloseDateDialog","setTimeout","focus","onCloseWithoutBlur","event","focusOnAnotherField","contains","relatedTarget","onKeyDownPress","key","preventDefault","buttonForNavigateCalendar","getElementsByClassName","buttonDatePicked","firstChild","buttonsForFocus","Array","from","firstElement","lastElement","length","shiftKey","document","activeElement","stopPropagation","keepPositionCalendarByScroll","inputDateDimensions","positionTop","bottom","style","top","String","concat","openCalendar","onInputFocus","e","onFocus","onInputBlur","onBlur","isValidDate","date","Date","initialValid","moment","initial","PT_BR_FORMAT","isValid","finalValid","final","onInputChange","valueInput","target","onChange","obj","format","EN_US_FORMAT","setValue","valueParam","onComplete","shouldDisable","getButtonOpen","Button","ref","getCalendar","valueCalendar","calendarColorStyle","Calendar","buttonElement","calendarContainer","getCalendarComponent","jsx","Dialog","Dropdown","el","useEffect","window","addEventListener","removeEventListener","getElementById","component","jsxs","BaseMask","Grid"],"mappings":"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"}

package/lib/inputs/errorMessage/index.js

@@ -1,24 +1,26 @@
-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), {
+import { jsx as f } from "react/jsx-runtime";
+import { c as g } from "react/compiler-runtime";
+import { forwardRef as u } from "react";
+import '../../styles/assets/styles/error.css';/* empty css                             */
+const d = u((c, a) => {
+  const s = g(9), {
     customClass: i,
     messages: e,
-    style: m
+    style: l
   } = 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];
+  s[0] !== e ? (t = Array.isArray(e) ? e : [e], s[0] = e, s[1] = t) : t = s[1];
+  const m = t, n = `errormessages-component ${p}`;
+  let r;
+  s[2] !== m ? (r = m.join(", "), s[2] = m, s[3] = r) : r = 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;
+  return s[4] !== a || s[5] !== l || s[6] !== n || s[7] !== r ? (o = /* @__PURE__ */ f("p", { ref: a, style: l, className: n, children: r }), s[4] = a, s[5] = l, s[6] = n, s[7] = r, s[8] = o) : o = s[8], o;
 });
 d.displayName = "ErrorMessage";
 export {
   d as ErrorMessage,
   d as default
 };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/errorMessage/index.tsx"],"sourcesContent":["import React, { 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"],"names":["ErrorMessage","forwardRef","t0","ref","$","_c","customClass","t1","messages","messagesProp","style","undefined","length","t2","Array","isArray","t3","t4","join","t5","displayName"],"mappings":";;;;AAIO,MAAMA,IAAeC,EAA6C,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,aAAAC;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAR,GACxEI,IAAAC,MAAAI,SAAA,KAAAJ;AAEA,MAAI,CAACE,KAAgBA,EAAYG,WAAY;AAAC,WAAS;AAAK,MAAAC;AAAA,EAAAT,SAAAK,KAE3CI,IAAAC,MAAKC,QAASN,CAA4C,IAA1DA,IAAA,CAA8CA,CAAY,GAACL,OAAAK,GAAAL,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAA5E,QAAAI,IAAiBK,GAGuBG,IAAA,2BAA2BV,CAAW;AAAE,MAAAW;AAAA,EAAAb,SAAAI,KAC3ES,IAAAT,EAAQU,KAAM,IAAI,GAACd,OAAAI,GAAAJ,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAe;AAAA,SAAAf,EAAA,CAAA,MAAAD,KAAAC,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAY,KAAAZ,SAAAa,KADtBE,sBAAA,KAAA,EAAQhB,KAAAA,GAAYO,OAAAA,GAAkB,WAAAM,GACnCC,UAAAA,GACH,GAAIb,OAAAD,GAAAC,OAAAM,GAAAN,OAAAY,GAAAZ,OAAAa,GAAAb,OAAAe,KAAAA,IAAAf,EAAA,CAAA,GAFJe;AAEI,CAEP;AAEDnB,EAAaoB,cAAc;"}

package/lib/inputs/file/DefaultFile.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultFile.js","sources":["../../../src/lib/inputs/file/DefaultFile.tsx"],"sourcesContent":["import React, { 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 = [], 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 popUpDescription = () => (\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\n  const buttonRemoveFile = () => (\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  );\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        customClassForInputContent=\"-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        {popUpDescription()}\n        {buttonRemoveFile()}\n      </InputTextBase>\n    </div>\n  );\n};\n\nexport default DefaultFile;\n"],"names":["DefaultFile","props","$","_c","id","t0","accept","t1","onBtnClickInsert","onBtnClickRemove","inputRef","defaultFiles","hint","t2","onChange","undefined","t3","getFilesList","_temp2","fileList","setFileList","useState","ifExistFiles","Array","length","t4","jsx","Popover","PopoverText","map","_temp3","popUpDescription","t5","Button","Icon","buttonRemoveFile","t6","e","preventDefault","files_0","target","files","handleChange","t7","FileButtonSettings","t8","t9","t10","InputTextBase","_temp","file","_","file_0","name","size"],"mappings":"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"}