linear-react-components-ui 1.1.26-beta.17 → 1.1.26-beta.18

package/lib/inputs/date/index.js

@@ -1,137 +1,291 @@
-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) => {
+"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 => {
   const {
-    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"
+    showButtonOpen = true,
+    openOnFocus = true,
+    shouldCloseOnSelect = true,
+    setFocusOnSelect = true,
+    showCalendarInDialog = false,
+    required = false,
+    value = '',
+    name = '',
+    inputRef: inputRefProp,
+    dialogSize = {
+      width: '384px',
+      height: '384px'
     },
-    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());
+    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);
     }
-    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 onCloseWithoutBlur = event => {
+    const focusOnAnotherField = !datePickerContainerRef.current?.contains(event.relatedTarget);
+    if (!showCalendarInDialog && showCalendar && focusOnAnotherField) {
+      setShowCalendar(false);
     }
-    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 = {
+  };
+  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 = {
             target: {
-              value: i(o, u).format(h),
-              name: e.target.name
+              value: newValue,
+              name: event.target.name
             }
           };
-          t.onChange(D, o);
-        } else if (e.target.value === "") {
-          const F = {
+          props.onChange(obj, date);
+        } else if (event.target.value === '') {
+          const obj = {
             target: {
-              value: "",
-              name: e.target.name
+              value: '',
+              name: event.target.name
             }
           };
-          t.onChange(F, o), d(!1), y(void 0);
+          props.onChange(obj, date);
+          setShowCalendar(false);
+          setValueState(undefined);
         }
       }
     }
-  }, j = (e, n) => {
-    s && G && a.current?.focus(), t.onComplete && t.onComplete(n, e), t.onChange && N({
+  };
+  const setValue = (valueParam, e) => {
+    if (showCalendar && setFocusOnSelect) inputDateRef.current?.focus();
+    if (props.onComplete) props.onComplete(e, valueParam);
+    if (props.onChange) onInputChange({
       target: {
-        value: e ?? "",
-        name: J
+        value: valueParam ?? '',
+        name
       }
-    }, 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
+    }, 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) => {
+      onInputChange(e, date);
+    },
+    inputRef: el => {
+      inputDateRef.current = el;
+      if (inputRefProp) inputRefProp.current = el;
+    },
+    rightElements: getButtonOpen(),
+    required: required,
+    handlerSetOnDenied: () => setOnDenied(onDenied)
+  })), showCalendar && getCalendarComponent());
+  return !gridLayout ? component() : /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+    customClass: "-withinput",
+    cols: gridLayout
+  }, component());
 };
-//# sourceMappingURL=index.js.map
+var _default = exports.default = DatePicker;

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

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

package/lib/inputs/date/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -1,3 +1,16 @@
-import { ErrorProps } from '../types';
-export declare const ErrorMessage: import('react').ForwardRefExoticComponent<ErrorProps & import('react').RefAttributes<HTMLParagraphElement>>;
-export default ErrorMessage;
+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 };

package/lib/inputs/errorMessage/index.js

@@ -1,26 +1,26 @@
-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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-d.displayName = "ErrorMessage";
-export {
-  d as ErrorMessage,
-  d as default
-};
-//# sourceMappingURL=index.js.map
+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;

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

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