linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/inputs/date/index.js

@@ -1,288 +1,137 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("../../assets/styles/datepicker.scss");
-var _react = _interopRequireWildcard(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
-var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
-var _buttons = _interopRequireDefault(require("../../buttons"));
-var _calendar = _interopRequireDefault(require("../../calendar"));
-var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
-var _Dialog = _interopRequireDefault(require("./Dialog"));
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-var _helpers = require("./helpers");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const DatePicker = props => {
+import { jsxs as ue, jsx as m } from "react/jsx-runtime";
+import '../../assets/styles/button.css';import '../../assets/styles/datepicker.css';/* empty css                                  */
+import { useState as g, useRef as C, useEffect as w } from "react";
+import i from "../../node_modules/moment/dist/moment.js";
+import de from "../../gridlayout/GridCol.js";
+import "../../_virtual/compiler-runtime.js";
+import fe from "../../buttons/Button.js";
+/* empty css                              */
+import me from "../../calendar/base/index.js";
+import ge from "../mask/BaseMask.js";
+import Ce from "./Dialog.js";
+import he from "./Dropdown.js";
+import { getMomentValue as De, EN_US_FORMAT as pe, EN_US_FORMAT_DATETIME as ye, blocksDateTimeFormat as Ee, PT_BR_FORMAT as be, PT_BR_FORMAT_DATETIME as Fe } from "./helpers.js";
+const Ae = (t) => {
   const {
-    showButtonOpen = true,
-    openOnFocus = true,
-    shouldCloseOnSelect = true,
-    setFocusOnSelect = true,
-    showCalendarInDialog = false,
-    required = false,
-    value = '',
-    name = '',
-    inputRef: inputRefProp,
-    dialogSize = {
-      width: '384px',
-      height: '384px'
+    showButtonOpen: O = !0,
+    openOnFocus: U = !0,
+    shouldCloseOnSelect: q = !0,
+    setFocusOnSelect: G = !0,
+    showCalendarInDialog: c = !1,
+    required: W = !1,
+    value: r = "",
+    name: J = "",
+    inputRef: T,
+    dialogSize: Q = {
+      width: "384px",
+      height: "384px"
     },
-    gridLayout,
-    shouldCloseOnEsc = true,
-    isDateTimeField = false
-  } = props;
-  const maskFormat = !isDateTimeField ? '00/00/0000' : Date;
-  const patternFormat = !isDateTimeField ? undefined : 'DD/MM/YYYY HH:mm';
-  const brFormatter = !isDateTimeField ? _helpers.PT_BR_FORMAT : _helpers.PT_BR_FORMAT_DATETIME;
-  const usFormatter = !isDateTimeField ? _helpers.EN_US_FORMAT : _helpers.EN_US_FORMAT_DATETIME;
-  const [valueState, setValueState] = (0, _react.useState)(value ? (0, _helpers.getMomentValue)(value) : undefined);
-  const [showCalendar, setShowCalendar] = (0, _react.useState)(false);
-  const [valueFromProps, setValueFromProps] = (0, _react.useState)((0, _moment.default)(value, patternFormat).format());
-  const [inputDimensions, setInputDimensions] = (0, _react.useState)();
-  const [calendarOnDialog, setCalendarOnDialog] = (0, _react.useState)(false);
-  const [onDenied, setOnDenied] = (0, _react.useState)({
-    disabled: false,
-    readOnly: false,
-    unvisible: false,
-    hideContent: false
-  });
-  const inputDateRef = (0, _react.useRef)();
-  const buttonOpenRef = (0, _react.useRef)();
-  const dropdownContainer = (0, _react.useRef)();
-  const currentDateButtonRef = (0, _react.useRef)();
-  const calendarContainerRef = (0, _react.useRef)(null);
-  const datePickerContainerRef = (0, _react.useRef)(null);
-  const onScreenResize = () => {
-    setInputDimensions(inputDateRef?.current?.getBoundingClientRect());
-  };
-  const onCloseDateDialog = () => {
-    setShowCalendar(false);
-    if (showCalendarInDialog) {
-      setTimeout(() => {
-        setCalendarOnDialog(false);
-        inputDateRef.current?.focus();
-      }, 100);
+    gridLayout: S,
+    shouldCloseOnEsc: X = !0,
+    isDateTimeField: f = !1
+  } = t, Z = f ? Date : "00/00/0000", V = f ? "DD/MM/YYYY HH:mm" : void 0, u = f ? Fe : be, h = f ? ye : pe, [p, y] = g(r ? De(r) : void 0), [s, d] = g(!1), [I, L] = g(i(r, V).format()), [$, M] = g(), [_, k] = g(!1), [l, ee] = g({
+    disabled: !1,
+    readOnly: !1,
+    unvisible: !1,
+    hideContent: !1
+  }), a = C(null), te = C(null), E = C(null), P = C(null), v = C(null), B = C(null), R = () => {
+    M(a?.current?.getBoundingClientRect());
+  }, ne = () => {
+    d(!1), c && setTimeout(() => {
+      k(!1), a.current?.focus();
+    }, 100);
+  }, oe = (e) => {
+    const n = !B.current?.contains(e.relatedTarget);
+    !c && s && n && d(!1);
+  }, A = (e) => {
+    if (X && s && e && e.key && e.key === "Escape" && (e.preventDefault(), d(!1), a.current?.focus()), s && c && e && e.key && e.key === "Tab") {
+      const n = v.current?.getElementsByClassName("navbutton"), F = (v.current?.getElementsByClassName("-selectedday"))[0].firstChild, D = Array.from([...n, F]), K = D[0], H = D[D.length - 1];
+      e.shiftKey && document.activeElement === K ? (e.preventDefault(), H.focus()) : !e.shiftKey && document.activeElement === H && (e.preventDefault(), K.focus());
     }
-  };
-  const onCloseWithoutBlur = event => {
-    const focusOnAnotherField = !datePickerContainerRef.current?.contains(event.relatedTarget);
-    if (!showCalendarInDialog && showCalendar && focusOnAnotherField) {
-      setShowCalendar(false);
+    e.stopPropagation();
+  }, b = () => {
+    const e = a.current?.getBoundingClientRect(), n = e && e.bottom;
+    E && E.current && e && (E.current.style.top = String(n).concat("px"));
+  }, x = () => {
+    d(!0), a.current && (a.current.focus(), M(a.current?.getBoundingClientRect())), c && setTimeout(() => {
+      P.current?.focus();
+    }, 100);
+  }, re = (e) => {
+    t.onFocus && t.onFocus(e), U && !s && !_ && x();
+  }, ae = (e) => {
+    t.onBlur && t.onBlur(e);
+  }, ie = (e) => {
+    if (typeof e == "object" && !(e instanceof Date)) {
+      const n = i(e.initial, u, !0).isValid(), o = i(e.final, u, !0).isValid();
+      return n && o;
     }
-  };
-  const onKeyDownPress = event => {
-    if (shouldCloseOnEsc && showCalendar && event && event.key && event.key === 'Escape') {
-      event.preventDefault();
-      setShowCalendar(false);
-      inputDateRef.current?.focus();
-    }
-    if (showCalendar && showCalendarInDialog && event && event.key && event.key === 'Tab') {
-      const buttonForNavigateCalendar = calendarContainerRef.current?.getElementsByClassName('navbutton');
-      const datePicked = calendarContainerRef.current?.getElementsByClassName('-selectedday');
-      const buttonDatePicked = datePicked[0].firstChild;
-      const buttonsForFocus = Array.from([...buttonForNavigateCalendar, buttonDatePicked]);
-      const firstElement = buttonsForFocus[0];
-      const lastElement = buttonsForFocus[buttonsForFocus.length - 1];
-      if (event.shiftKey && document.activeElement === firstElement) {
-        event.preventDefault();
-        lastElement.focus();
-      } else if (!event.shiftKey && document.activeElement === lastElement) {
-        event.preventDefault();
-        firstElement.focus();
-      }
-    }
-    event.stopPropagation();
-  };
-  const keepPositionCalendarByScroll = () => {
-    const inputDateDimensions = inputDateRef.current?.getBoundingClientRect();
-    const positionTop = inputDateDimensions && inputDateDimensions.bottom;
-    if (dropdownContainer && dropdownContainer.current && inputDateDimensions) {
-      dropdownContainer.current.style.top = String(positionTop).concat('px');
-    }
-  };
-  const openCalendar = () => {
-    setShowCalendar(true);
-    if (inputDateRef.current) {
-      inputDateRef.current.focus();
-      setInputDimensions(inputDateRef.current?.getBoundingClientRect());
-    }
-    if (showCalendarInDialog) {
-      setTimeout(() => {
-        currentDateButtonRef.current?.focus();
-      }, 100);
-    }
-  };
-  const onInputFocus = e => {
-    if (props.onFocus) props.onFocus(e);
-    if (openOnFocus && !showCalendar && !calendarOnDialog) {
-      openCalendar();
-    }
-  };
-  const onInputBlur = e => {
-    if (props.onBlur) props.onBlur(e);
-  };
-  const isValidDate = date => {
-    if (typeof date === 'object' && !(date instanceof Date)) {
-      const initialValid = (0, _moment.default)(date.initial, brFormatter, true).isValid();
-      const finalValid = (0, _moment.default)(date.final, brFormatter, true).isValid();
-      return initialValid && finalValid;
-    }
-    return (0, _moment.default)(date, brFormatter, true).isValid();
-  };
-  const onInputChange = function (event) {
-    let valueInput = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    if (typeof valueInput === 'string') {
-      const date = event.target.value ?? '';
-      if (props.onChange) {
-        if (isValidDate(date)) {
-          const newValue = (0, _moment.default)(date, brFormatter).format(usFormatter);
-          const obj = {
+    return i(e, u, !0).isValid();
+  }, N = (e, n = "") => {
+    if (typeof n == "string") {
+      const o = e.target.value ?? "";
+      if (t.onChange) {
+        if (ie(o)) {
+          const D = {
             target: {
-              value: newValue,
-              name: event.target.name
+              value: i(o, u).format(h),
+              name: e.target.name
             }
           };
-          props.onChange(obj, date);
-        } else if (event.target.value === '') {
-          const obj = {
+          t.onChange(D, o);
+        } else if (e.target.value === "") {
+          const F = {
             target: {
-              value: '',
-              name: event.target.name
+              value: "",
+              name: e.target.name
             }
           };
-          props.onChange(obj, date);
-          setShowCalendar(false);
-          setValueState(undefined);
+          t.onChange(F, o), d(!1), y(void 0);
         }
       }
     }
-  };
-  const setValue = (valueParam, e) => {
-    if (showCalendar && setFocusOnSelect) inputDateRef.current?.focus();
-    if (props.onComplete) props.onComplete(e, valueParam);
-    if (props.onChange) onInputChange({
+  }, j = (e, n) => {
+    s && G && a.current?.focus(), t.onComplete && t.onComplete(n, e), t.onChange && N({
       target: {
-        value: valueParam ?? '',
-        name
+        value: e ?? "",
+        name: J
       }
-    }, valueParam);
-    if (shouldCloseOnSelect) setShowCalendar(false);
-    setValueState((0, _moment.default)(valueParam, brFormatter));
-  };
-  const shouldDisable = () => props.disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
-  const getButtonOpen = () => {
-    if (!showButtonOpen) return undefined;
-    return /*#__PURE__*/_react.default.createElement(_buttons.default, {
-      key: "button-open-date-picker",
-      disabled: shouldDisable(),
-      tabIndex: -1,
-      customClass: "calendar-button",
-      iconName: "calendar",
-      title: showCalendar ? 'Fechar Calendário' : 'Abrir Calendário',
-      onClick: () => {
-        if (showCalendar) {
-          setShowCalendar(false);
-        } else openCalendar();
-      },
-      targetRef: ref => {
-        buttonOpenRef.current = ref;
-      }
-    });
-  };
-  const getCalendar = (valueCalendar, calendarColorStyle) => /*#__PURE__*/_react.default.createElement(_calendar.default, {
-    colorStyle: calendarColorStyle,
-    currentDate: valueCalendar !== undefined ? valueCalendar : (0, _moment.default)(),
-    onDateChange: date => {
-      setValue(date.format(brFormatter), undefined);
-      if (showCalendarInDialog) setCalendarOnDialog(false);
-    },
-    currentDateButton: buttonElement => currentDateButtonRef.current = buttonElement,
-    calendarContainer: calendarContainer => {
-      calendarContainerRef.current = calendarContainer;
-    }
-  });
-  const getCalendarComponent = () => {
-    if (onDenied && onDenied.readOnly) return null;
-    if (showCalendarInDialog) {
-      return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
-        dialogSize: dialogSize,
-        handlerClose: onCloseDateDialog
-      }, getCalendar(valueState, props?.calendarColorStyle));
-    }
-    return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
-      showButtonOpen: showButtonOpen,
-      inputDimensions: inputDimensions,
-      containerRef: datePickerContainerRef,
-      dropdownRef: el => {
-        dropdownContainer.current = el;
-      }
-    }, getCalendar(valueState, props?.calendarColorStyle));
-  };
-  (0, _react.useEffect)(() => {
-    if (value && (0, _moment.default)(value, usFormatter).format() !== 'Invalid date' && (0, _moment.default)(valueFromProps, usFormatter).format() !== (0, _moment.default)(value, usFormatter).format()) {
-      setValueState((0, _moment.default)(value, usFormatter));
-      setValueFromProps(value);
-    } else if (!value && value !== valueFromProps) {
-      setValueState(undefined);
-      setValueFromProps(value);
-    }
-  }, [value]);
-  (0, _react.useEffect)(() => {
-    window.addEventListener('resize', onScreenResize);
-    document.addEventListener('keydown', onKeyDownPress);
-    if (inputDateRef.current) onScreenResize();
-    if (showCalendar && showCalendarInDialog) setCalendarOnDialog(true);
-    return () => {
-      window.removeEventListener('resize', onScreenResize);
-      document.removeEventListener('keydown', onKeyDownPress);
-    };
-  }, [inputDateRef.current, showCalendar]);
-  (0, _react.useEffect)(() => {
-    document.addEventListener('scroll', keepPositionCalendarByScroll);
-    document.getElementById('modal-dialog-content')?.addEventListener('scroll', keepPositionCalendarByScroll);
-    return () => {
-      document.removeEventListener('scroll', keepPositionCalendarByScroll);
-      document.getElementById('modal-dialog-content')?.removeEventListener('scroll', keepPositionCalendarByScroll);
-    };
-  }, []);
-  if (onDenied && onDenied.unvisible) return null;
-  const component = () => /*#__PURE__*/_react.default.createElement("div", {
-    ref: datePickerContainerRef,
-    onBlur: onCloseWithoutBlur,
-    className: "datepicker-container"
-  }, /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
-    gridLayout: undefined,
-    isDateTimeField: isDateTimeField,
-    value: !valueState ? ' ' : valueState.format(brFormatter),
-    mask: maskFormat,
-    pattern: patternFormat,
-    blocks: !isDateTimeField ? {} : _helpers.blocksDateTimeFormat,
-    onComplete: e => {
-      if (e) {
-        setValue(e.target?.maskedValue, e);
-      }
-    },
-    onBlur: onInputBlur,
-    onFocus: e => {
-      onInputFocus(e);
-    },
-    onChange: (e, date) => {
-      if (date) onInputChange(e, date);
-    },
-    inputRef: inputRefProp,
-    rightElements: getButtonOpen(),
-    required: required,
-    handlerSetOnDenied: () => setOnDenied(onDenied)
-  })), showCalendar && getCalendarComponent());
-  return !gridLayout ? component() : /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-    customClass: "-withinput",
-    cols: gridLayout
-  }, component());
+    }, e), q && d(!1), y(i(e, u));
+  }, se = () => t.disabled || l && (l.disabled || l.hideContent), le = () => {
+    if (O)
+      return /* @__PURE__ */ m(fe, { disabled: se(), tabIndex: -1, customClass: "calendar-button", iconName: "calendar", title: s ? "Fechar Calendário" : "Abrir Calendário", onClick: () => {
+        s ? d(!1) : x();
+      }, targetRef: (e) => {
+        te.current = e;
+      } }, "button-open-date-picker");
+  }, z = (e, n) => /* @__PURE__ */ m(me, { colorStyle: n, currentDate: e !== void 0 ? e : i(), onDateChange: (o) => {
+    j(o.format(u), void 0), c && k(!1);
+  }, currentDateButton: (o) => P.current = o, calendarContainer: (o) => {
+    v.current = o;
+  } }), ce = () => l && l.readOnly ? null : c ? /* @__PURE__ */ m(Ce, { dialogSize: Q, handlerClose: ne, children: z(p, t?.calendarColorStyle) }) : /* @__PURE__ */ m(he, { showButtonOpen: O, inputDimensions: $, containerRef: B, dropdownRef: (e) => {
+    E.current = e;
+  }, children: z(p, t?.calendarColorStyle) });
+  if (w(() => {
+    r && i(r, h).format() !== "Invalid date" && i(I, h).format() !== i(r, h).format() ? (y(i(r, h)), L(r)) : !r && r !== I && (y(void 0), L(r));
+  }, [r]), w(() => (window.addEventListener("resize", R), document.addEventListener("keydown", A), a.current && R(), s && c && k(!0), () => {
+    window.removeEventListener("resize", R), document.removeEventListener("keydown", A);
+  }), [a.current, s]), 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);
+  }), []), l && l.unvisible) return null;
+  const Y = () => /* @__PURE__ */ ue("div", { ref: B, onBlur: oe, className: "datepicker-container", children: [
+    /* @__PURE__ */ m(ge, { ...t, gridLayout: void 0, isDateTimeField: f, value: p ? p.format(u) : " ", mask: Z, pattern: V, blocks: f ? Ee : {}, onComplete: (e) => {
+      e && j(e.target?.maskedValue, e);
+    }, onBlur: ae, onFocus: (e) => {
+      re(e);
+    }, onChange: (e, n) => {
+      N(e, n);
+    }, inputRef: (e) => {
+      a.current = e, T && (T.current = e);
+    }, rightElements: le(), required: W, handlerSetOnDenied: () => ee(l) }),
+    s && ce()
+  ] });
+  return S ? /* @__PURE__ */ m(de, { customClass: "-withinput", cols: S, children: Y() }) : Y();
+};
+export {
+  Ae as default
 };
-var _default = exports.default = DatePicker;
+//# 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 '../../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) => { onInputChange(e, date); }}\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","isDateTimeField","maskFormat","Date","patternFormat","undefined","brFormatter","PT_BR_FORMAT_DATETIME","PT_BR_FORMAT","usFormatter","EN_US_FORMAT_DATETIME","EN_US_FORMAT","valueState","setValueState","useState","getMomentValue","showCalendar","setShowCalendar","valueFromProps","setValueFromProps","moment","format","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","initialValid","initial","isValid","finalValid","final","onInputChange","valueInput","target","onChange","obj","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","blocksDateTimeFormat","maskedValue","Grid"],"mappings":"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"}

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

@@ -1,13 +1,8 @@
 import { ReactNode, RefObject } from 'react';
-import { ColorStyles } from '../../@types/ColorStyles.js';
-import { PermissionAttr } from '../../@types/PermissionAttr.js';
-import { CustomInputEvent } from '../base/types.js';
-import '../../@types/Align.js';
-import '../../@types/Period.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-interface IDatePickerProps {
+import { ColorStyles } from '../../@types/ColorStyles';
+import { PermissionAttr } from '../../@types/PermissionAttr';
+import { CustomInputEvent } from '../base/types';
+export interface IDatePickerProps {
     value?: string;
     openOnFocus?: boolean;
     showButtonOpen?: boolean;
@@ -15,7 +10,7 @@ interface IDatePickerProps {
     shouldCloseOnSelect?: boolean;
     setFocusOnSelect?: boolean;
     showCalendarInDialog?: boolean;
-    inputRef?: React.MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
+    inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;
     dialogSize?: {
         width: string;
         height: string;
@@ -45,14 +40,14 @@ interface IDatePickerProps {
     popoverAlign?: 'right' | 'left';
     isDateTimeField?: boolean;
 }
-interface IDateDropdownProps {
+export interface IDateDropdownProps {
     children: ReactNode | ReactNode[];
     dropdownRef: (el: HTMLDivElement) => void;
     containerRef: RefObject<HTMLDivElement | HTMLElement>;
     showButtonOpen: boolean;
     inputDimensions?: DOMRect;
 }
-interface IDateDialogProps {
+export interface IDateDialogProps {
     children: ReactNode | ReactNode[];
     handlerClose: (open: boolean) => void;
     dialogSize: {
@@ -60,5 +55,3 @@ interface IDateDialogProps {
         height: string;
     };
 }
-
-export { IDateDialogProps, IDateDropdownProps, IDatePickerProps };

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

@@ -1,16 +1,3 @@
-import React__default from 'react';
-import { ErrorProps } from '../types.js';
-import '../../@types/PermissionAttr.js';
-import '../../@types/DataCombo.js';
-import '../base/types.js';
-import '../../@types/Align.js';
-import '../../@types/Period.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-import '../../drawer/types.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-
-declare const ErrorMessage: React__default.ForwardRefExoticComponent<ErrorProps & React__default.RefAttributes<HTMLParagraphElement>>;
-
-export { ErrorMessage, ErrorMessage as default };
+import { ErrorProps } from '../types';
+export declare const ErrorMessage: import('react').ForwardRefExoticComponent<ErrorProps & import('react').RefAttributes<HTMLParagraphElement>>;
+export default ErrorMessage;

package/lib/inputs/errorMessage/index.js

@@ -1,26 +1,26 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import { jsx as f } from "react/jsx-runtime";
+import { c as g } from "../../_virtual/compiler-runtime.js";
+import { forwardRef as u } from "react";
+import '../../assets/styles/error.css';/* empty css                             */
+const d = u((c, a) => {
+  const s = g.c(9), {
+    customClass: n,
+    messages: e,
+    style: m
+  } = c, p = n === void 0 ? "" : n;
+  if (!e || e.length === 0)
+    return null;
+  let t;
+  s[0] !== e ? (t = Array.isArray(e) ? e : [e], s[0] = e, s[1] = t) : t = s[1];
+  const l = t, i = `errormessages-component ${p}`;
+  let r;
+  s[2] !== l ? (r = l.join(", "), s[2] = l, s[3] = r) : r = s[3];
+  let o;
+  return s[4] !== a || s[5] !== m || s[6] !== i || s[7] !== r ? (o = /* @__PURE__ */ f("p", { ref: a, style: m, className: i, children: r }), s[4] = a, s[5] = m, s[6] = i, s[7] = r, s[8] = o) : o = s[8], o;
 });
-exports.default = exports.ErrorMessage = void 0;
-var _react = _interopRequireWildcard(require("react"));
-require("../../assets/styles/error.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ErrorMessage = exports.ErrorMessage = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    customClass = '',
-    messages: messagesProp,
-    style
-  } = _ref;
-  if (!messagesProp || messagesProp.length === 0) return null;
-  const messages = Array.isArray(messagesProp) ? messagesProp : [messagesProp];
-  return /*#__PURE__*/_react.default.createElement("p", {
-    ref: ref,
-    style: style,
-    className: `errormessages-component ${customClass}`
-  }, messages.join(', '));
-});
-ErrorMessage.displayName = 'ErrorMessage';
-var _default = exports.default = ErrorMessage;
+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 { 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,EAAAA,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.d.ts

@@ -1,13 +1,3 @@
-import { IDefaultFileProps } from './types.js';
-import 'react';
-import '../../@types/Size.js';
-import '../base/types.js';
-import '../../@types/Align.js';
-import '../../@types/Period.js';
-import '../../@types/PermissionAttr.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const DefaultFile: (props: IDefaultFileProps) => JSX.Element;
-
-export { DefaultFile as default };
+import { IDefaultFileProps } from './types';
+declare const DefaultFile: (props: IDefaultFileProps) => import("react/jsx-runtime").JSX.Element;
+export default DefaultFile;