linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/inputs/date/index.js

@@ -1,300 +1,159 @@
-"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 => {
-  const {
-    showButtonOpen = true,
-    openOnFocus = true,
-    shouldCloseOnSelect = true,
-    setFocusOnSelect = true,
-    showCalendarInDialog = false,
-    required = false,
-    value = '',
-    name = '',
-    inputRef: inputRefProp,
-    dialogSize = {
-      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 = () => {
-    var _inputDateRef$current;
-    setInputDimensions(inputDateRef === null || inputDateRef === void 0 ? void 0 : (_inputDateRef$current = inputDateRef.current) === null || _inputDateRef$current === void 0 ? void 0 : _inputDateRef$current.getBoundingClientRect());
-  };
-  const onCloseDateDialog = () => {
-    setShowCalendar(false);
-    if (showCalendarInDialog) {
-      setTimeout(() => {
-        var _inputDateRef$current2;
-        setCalendarOnDialog(false);
-        (_inputDateRef$current2 = inputDateRef.current) === null || _inputDateRef$current2 === void 0 ? void 0 : _inputDateRef$current2.focus();
-      }, 100);
-    }
-  };
-  const onCloseWithoutBlur = event => {
-    var _datePickerContainerR;
-    const focusOnAnotherField = !((_datePickerContainerR = datePickerContainerRef.current) !== null && _datePickerContainerR !== void 0 && _datePickerContainerR.contains(event.relatedTarget));
-    if (!showCalendarInDialog && showCalendar && focusOnAnotherField) {
-      setShowCalendar(false);
-    }
-  };
-  const onKeyDownPress = event => {
-    if (shouldCloseOnEsc && showCalendar && event && event.key && event.key === 'Escape') {
-      var _inputDateRef$current3;
-      event.preventDefault();
-      setShowCalendar(false);
-      (_inputDateRef$current3 = inputDateRef.current) === null || _inputDateRef$current3 === void 0 ? void 0 : _inputDateRef$current3.focus();
-    }
-    if (showCalendar && showCalendarInDialog && event && event.key && event.key === 'Tab') {
-      var _calendarContainerRef, _calendarContainerRef2;
-      const buttonForNavigateCalendar = (_calendarContainerRef = calendarContainerRef.current) === null || _calendarContainerRef === void 0 ? void 0 : _calendarContainerRef.getElementsByClassName('navbutton');
-      const datePicked = (_calendarContainerRef2 = calendarContainerRef.current) === null || _calendarContainerRef2 === void 0 ? void 0 : _calendarContainerRef2.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 = () => {
-    var _inputDateRef$current4;
-    const inputDateDimensions = (_inputDateRef$current4 = inputDateRef.current) === null || _inputDateRef$current4 === void 0 ? void 0 : _inputDateRef$current4.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) {
-      var _inputDateRef$current5;
-      inputDateRef.current.focus();
-      setInputDimensions((_inputDateRef$current5 = inputDateRef.current) === null || _inputDateRef$current5 === void 0 ? void 0 : _inputDateRef$current5.getBoundingClientRect());
-    }
-    if (showCalendarInDialog) {
-      setTimeout(() => {
-        var _currentDateButtonRef;
-        (_currentDateButtonRef = currentDateButtonRef.current) === null || _currentDateButtonRef === void 0 ? void 0 : _currentDateButtonRef.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') {
-      var _event$target$value;
-      const date = (_event$target$value = event.target.value) !== null && _event$target$value !== void 0 ? _event$target$value : '';
-      if (props.onChange) {
-        if (isValidDate(date)) {
-          const newValue = (0, _moment.default)(date, brFormatter).format(usFormatter);
-          const obj = {
-            target: {
-              value: newValue,
-              name: event.target.name
-            }
-          };
-          props.onChange(obj, date);
-        } else if (event.target.value === '') {
-          const obj = {
-            target: {
-              value: '',
-              name: event.target.name
-            }
-          };
-          props.onChange(obj, date);
-          setShowCalendar(false);
-          setValueState(undefined);
-        }
-      }
-    }
-  };
-  const setValue = (valueParam, e) => {
-    var _inputDateRef$current6;
-    if (showCalendar && setFocusOnSelect) (_inputDateRef$current6 = inputDateRef.current) === null || _inputDateRef$current6 === void 0 ? void 0 : _inputDateRef$current6.focus();
-    if (props.onComplete) props.onComplete(e, valueParam);
-    if (props.onChange) onInputChange({
-      target: {
-        value: valueParam !== null && valueParam !== void 0 ? valueParam : '',
-        name
-      }
-    }, 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 === null || props === void 0 ? void 0 : props.calendarColorStyle));
-    }
-    return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
-      showButtonOpen: showButtonOpen,
-      inputDimensions: inputDimensions,
-      containerRef: datePickerContainerRef,
-      dropdownRef: el => {
-        dropdownContainer.current = el;
-      }
-    }, getCalendar(valueState, props === null || props === void 0 ? void 0 : 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)(() => {
-    var _document$getElementB;
-    document.addEventListener('scroll', keepPositionCalendarByScroll);
-    (_document$getElementB = document.getElementById('modal-dialog-content')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('scroll', keepPositionCalendarByScroll);
-    return () => {
-      var _document$getElementB2;
-      document.removeEventListener('scroll', keepPositionCalendarByScroll);
-      (_document$getElementB2 = document.getElementById('modal-dialog-content')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.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) {
-        var _e$target;
-        setValue((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _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());
+import e from "../../gridlayout/index.js";
+import t from "../../buttons/index.js";
+import n from "../../node_modules/moment/dist/moment.js";
+import r from "../../calendar/index.js";
+import i from "../mask/BaseMask.js";
+import '../../assets/styles/datepicker.css';/* empty css                             */
+import a from "./Dialog.js";
+import ee from "./Dropdown.js";
+import { EN_US_FORMAT as te, EN_US_FORMAT_DATETIME as o, PT_BR_FORMAT as s, PT_BR_FORMAT_DATETIME as c, blocksDateTimeFormat as l, getMomentValue as u } from "./helpers.js";
+import { useEffect as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as ne } from "react/jsx-runtime";
+//#region src/lib/inputs/date/index.tsx
+var h = (h) => {
+	let { showButtonOpen: g = !0, openOnFocus: _ = !0, shouldCloseOnSelect: re = !0, setFocusOnSelect: v = !0, showCalendarInDialog: y = !1, required: ie = !1, value: b = "", name: x = "", inputRef: ae, dialogSize: oe = {
+		width: "384px",
+		height: "384px"
+	}, gridLayout: S, shouldCloseOnEsc: C = !0, isDateTimeField: w = !1 } = h, T = w ? Date : "00/00/0000", E = w ? "DD/MM/YYYY HH:mm" : void 0, D = w ? c : s, O = w ? o : te, [k, A] = p(b ? u(b) : void 0), [j, M] = p(!1), [N, P] = p(n(b, E).format()), [se, F] = p(), [I, L] = p(!1), [R, z] = p({
+		disabled: !1,
+		readOnly: !1,
+		unvisible: !1,
+		hideContent: !1
+	}), B = f(null), V = f(null), H = f(null), U = f(null), W = f(null), G = f(null), K = () => {
+		F(B?.current?.getBoundingClientRect());
+	}, ce = () => {
+		M(!1), y && setTimeout(() => {
+			L(!1), B.current?.focus();
+		}, 100);
+	}, le = (e) => {
+		let t = !G.current?.contains(e.relatedTarget);
+		!y && j && t && M(!1);
+	}, q = (e) => {
+		if (C && j && e && e.key && e.key === "Escape" && (e.preventDefault(), M(!1), B.current?.focus()), j && y && e && e.key && e.key === "Tab") {
+			let t = W.current?.getElementsByClassName("navbutton"), n = (W.current?.getElementsByClassName("-selectedday"))[0].firstChild, r = Array.from([...t, n]), i = r[0], a = r[r.length - 1];
+			e.shiftKey && document.activeElement === i ? (e.preventDefault(), a.focus()) : !e.shiftKey && document.activeElement === a && (e.preventDefault(), i.focus());
+		}
+		e.stopPropagation();
+	}, J = () => {
+		let e = B.current?.getBoundingClientRect(), t = e && e.bottom;
+		H && H.current && e && (H.current.style.top = String(t).concat("px"));
+	}, Y = () => {
+		M(!0), B.current && (B.current.focus(), F(B.current?.getBoundingClientRect())), y && setTimeout(() => {
+			U.current?.focus();
+		}, 100);
+	}, ue = (e) => {
+		h.onFocus && h.onFocus(e), _ && !j && !I && Y();
+	}, de = (e) => {
+		h.onBlur && h.onBlur(e);
+	}, fe = (e) => {
+		if (typeof e == "object" && !(e instanceof Date)) {
+			let t = n(e.initial, D, !0).isValid(), r = n(e.final, D, !0).isValid();
+			return t && r;
+		}
+		return n(e, D, !0).isValid();
+	}, X = (e, t = "") => {
+		if (typeof t == "string") {
+			let t = e.target.value ?? "";
+			if (h.onChange) {
+				if (fe(t)) {
+					let r = { target: {
+						value: n(t, D).format(O),
+						name: e.target.name
+					} };
+					h.onChange(r, t);
+				} else if (e.target.value === "") {
+					let n = { target: {
+						value: "",
+						name: e.target.name
+					} };
+					h.onChange(n, t), M(!1), A(void 0);
+				}
+			}
+		}
+	}, Z = (e, t) => {
+		j && v && B.current?.focus(), h.onComplete && h.onComplete(t, e), h.onChange && X({ target: {
+			value: e ?? "",
+			name: x
+		} }, e), re && M(!1), A(n(e, D));
+	}, pe = () => h.disabled || R && (R.disabled || R.hideContent), me = () => {
+		if (g) return /* @__PURE__ */ m(t, {
+			disabled: pe(),
+			tabIndex: -1,
+			customClass: "calendar-button",
+			iconName: "calendar",
+			title: j ? "Fechar Calendário" : "Abrir Calendário",
+			onClick: () => {
+				j ? M(!1) : Y();
+			},
+			targetRef: (e) => {
+				V.current = e;
+			}
+		}, "button-open-date-picker");
+	}, Q = (e, t) => /* @__PURE__ */ m(r, {
+		colorStyle: t,
+		currentDate: e === void 0 ? n() : e,
+		onDateChange: (e) => {
+			Z(e.format(D), void 0), y && L(!1);
+		},
+		currentDateButton: (e) => U.current = e,
+		calendarContainer: (e) => {
+			W.current = e;
+		}
+	}), he = () => R && R.readOnly ? null : y ? /* @__PURE__ */ m(a, {
+		dialogSize: oe,
+		handlerClose: ce,
+		children: Q(k, h?.calendarColorStyle)
+	}) : /* @__PURE__ */ m(ee, {
+		showButtonOpen: g,
+		inputDimensions: se,
+		containerRef: G,
+		dropdownRef: (e) => {
+			H.current = e;
+		},
+		children: Q(k, h?.calendarColorStyle)
+	});
+	if (d(() => {
+		b && n(b, O).format() !== "Invalid date" && n(N, O).format() !== n(b, O).format() ? (A(n(b, O)), P(b)) : !b && b !== N && (A(void 0), P(b));
+	}, [b]), d(() => (window.addEventListener("resize", K), document.addEventListener("keydown", q), B.current && K(), j && y && L(!0), () => {
+		window.removeEventListener("resize", K), document.removeEventListener("keydown", q);
+	}), [B.current, j]), d(() => (document.addEventListener("scroll", J), document.getElementById("modal-dialog-content")?.addEventListener("scroll", J), () => {
+		document.removeEventListener("scroll", J), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", J);
+	}), []), R && R.unvisible) return null;
+	let $ = () => /* @__PURE__ */ ne("div", {
+		ref: G,
+		onBlur: le,
+		className: "datepicker-container",
+		children: [/* @__PURE__ */ m(i, {
+			...h,
+			gridLayout: void 0,
+			isDateTimeField: w,
+			value: k ? k.format(D) : " ",
+			mask: T,
+			pattern: E,
+			blocks: w ? l : {},
+			onComplete: (e) => {
+				e && Z(e.target?.maskedValue, e);
+			},
+			onBlur: de,
+			onFocus: (e) => {
+				ue(e);
+			},
+			onChange: (e, t) => {
+				t && X(e, t);
+			},
+			inputRef: ae,
+			rightElements: me(),
+			required: ie,
+			handlerSetOnDenied: () => z(R)
+		}), j && he()]
+	});
+	return S ? /* @__PURE__ */ m(e, {
+		customClass: "-withinput",
+		cols: S,
+		children: $()
+	}) : $();
 };
-var _default = exports.default = DatePicker;
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -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,25 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ErrorMessage = void 0;
-var _react = _interopRequireWildcard(require("react"));
-require("../../assets/styles/error.scss");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 ".concat(customClass)
-  }, messages.join(', '));
+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(", ")
+	});
 });
-ErrorMessage.displayName = 'ErrorMessage';
-var _default = exports.default = ErrorMessage;
+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"}