linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/inputs/date/index.js

@@ -1,136 +1,300 @@
-import { j as d } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { useState as m, useRef as g, useEffect as w } from "react";
-import { h as s } from "../../chunks/moment.DMLRxgRE.js";
-import se from "./Dialog.js";
-import le from "./Dropdown.js";
-import "../../chunks/compiler-runtime.Cu50tn6L.js";
-import ce from "../../buttons/Button.js";
-import "../../icons/index.js";
-import '../../assets/gridlayout.css';import '../../assets/button.css';import '../../assets/index21.css';/* empty css                           */
-/* empty css                               */
-import ue from "../../gridlayout/GridCol.js";
-import de from "../../calendar/base/index.js";
-import fe from "../mask/BaseMask.js";
-import { getMomentValue as me, EN_US_FORMAT as h, PT_BR_FORMAT as f } from "./helpers.js";
-const Fe = (n) => {
+"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: O = !0,
-    openOnFocus: q = !0,
-    shouldCloseOnSelect: G = !0,
-    setFocusOnSelect: U = !0,
-    showCalendarInDialog: c = !1,
-    required: W = !1,
-    value: r = "",
-    name: H = "",
-    inputRef: F,
-    dialogSize: J = {
-      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: Q = !0
-  } = n, [p, D] = m(r ? me(r) : void 0), [a, u] = m(!1), [x, j] = m(r), [X, V] = m(), [Y, v] = m(!1), [l, Z] = m({
-    disabled: !1,
-    readOnly: !1,
-    unvisible: !1,
-    hideContent: !1
-  }), i = g(null), $ = g(null), y = g(null), L = g(null), B = g(null), R = g(null), k = () => {
-    V(i?.current?.getBoundingClientRect());
-  }, _ = () => {
-    u(!1), c && setTimeout(() => {
-      v(!1), i.current?.focus();
-    }, 100);
-  }, ee = (e) => {
-    const t = !R.current?.contains(e.relatedTarget);
-    !c && a && t && u(!1);
-  }, I = (e) => {
-    if (Q && a && e && e.key && e.key === "Escape" && (e.preventDefault(), u(!1), i.current?.focus()), a && c && e && e.key && e.key === "Tab") {
-      const t = B.current?.getElementsByClassName("navbutton"), b = (B.current?.getElementsByClassName("-selectedday"))[0].firstChild, C = Array.from([...t, b]), M = C[0], K = C[C.length - 1];
-      e.shiftKey && document.activeElement === M ? (e.preventDefault(), K.focus()) : !e.shiftKey && document.activeElement === K && (e.preventDefault(), M.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 = () => {
+    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);
     }
-    e.stopPropagation();
-  }, E = () => {
-    const e = i.current?.getBoundingClientRect(), t = e && e.bottom;
-    y && y.current && e && (y.current.style.top = String(t).concat("px"));
-  }, P = () => {
-    u(!0), i.current && (i.current.focus(), V(i.current?.getBoundingClientRect())), c && setTimeout(() => {
-      L.current?.focus();
-    }, 100);
-  }, te = (e) => {
-    n.onFocus && n.onFocus(e), q && !a && !Y && P();
-  }, ne = (e) => {
-    n.onBlur && n.onBlur(e);
-  }, oe = (e) => {
-    if (typeof e == "object" && !(e instanceof Date)) {
-      const t = s(e.initial, f, !0).isValid(), o = s(e.final, f, !0).isValid();
-      return t && o;
+  };
+  const onCloseWithoutBlur = event => {
+    var _datePickerContainerR;
+    const focusOnAnotherField = !((_datePickerContainerR = datePickerContainerRef.current) !== null && _datePickerContainerR !== void 0 && _datePickerContainerR.contains(event.relatedTarget));
+    if (!showCalendarInDialog && showCalendar && focusOnAnotherField) {
+      setShowCalendar(false);
     }
-    return s(e, f, !0).isValid();
-  }, T = (e, t = "") => {
-    if (typeof t == "string") {
-      const o = e.target.value ?? "";
-      if (n.onChange) {
-        if (oe(o)) {
-          const C = {
+  };
+  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: s(o, f).format(h),
-              name: e.target.name
+              value: newValue,
+              name: event.target.name
             }
           };
-          n.onChange(C, o);
-        } else if (e.target.value === "") {
-          const b = {
+          props.onChange(obj, date);
+        } else if (event.target.value === '') {
+          const obj = {
             target: {
-              value: "",
-              name: e.target.name
+              value: '',
+              name: event.target.name
             }
           };
-          n.onChange(b, o), u(!1), D(void 0);
+          props.onChange(obj, date);
+          setShowCalendar(false);
+          setValueState(undefined);
         }
       }
     }
-  }, N = (e, t) => {
-    a && U && i.current?.focus(), n.onComplete && n.onComplete(t, e), n.onChange && T({
+  };
+  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: e,
-        name: H
+        value: valueParam !== null && valueParam !== void 0 ? valueParam : '',
+        name
       }
-    }, e), G && u(!1), D(s(e, f));
-  }, re = () => n.disabled || l && (l.disabled || l.hideContent), ie = () => {
-    if (O)
-      return /* @__PURE__ */ d.jsx(ce, { disabled: re(), tabIndex: -1, customClass: "calendar-button", iconName: "calendar", title: a ? "Fechar Calendário" : "Abrir Calendário", onClick: () => {
-        a ? u(!1) : P();
-      }, targetRef: (e) => {
-        $.current = e;
-      } }, "button-open-date-picker");
-  }, A = (e, t) => /* @__PURE__ */ d.jsx(de, { colorStyle: t, currentDate: e !== void 0 ? e : s(), onDateChange: (o) => {
-    N(o.format(f), void 0), c && v(!1);
-  }, currentDateButton: (o) => L.current = o, calendarContainer: (o) => {
-    B.current = o;
-  } }), ae = () => l && l.readOnly ? null : c ? /* @__PURE__ */ d.jsx(se, { dialogSize: J, handlerClose: _, children: A(p, n?.calendarColorStyle) }) : /* @__PURE__ */ d.jsx(le, { showButtonOpen: O, inputDimensions: X, containerRef: R, dropdownRef: (e) => {
-    y.current = e;
-  }, children: A(p, n?.calendarColorStyle) });
-  if (w(() => {
-    r && s(r, h).format() !== "Invalid date" && s(x, h).format() !== s(r, h).format() ? (D(s(r, h)), j(r)) : !r && r !== x && (D(void 0), j(r));
-  }, [r]), w(() => (window.addEventListener("resize", k), document.addEventListener("keydown", I), i.current && k(), a && c && v(!0), () => {
-    window.removeEventListener("resize", k), document.removeEventListener("keydown", I);
-  }), [i.current, a]), w(() => (document.addEventListener("scroll", E), document.getElementById("modal-dialog-content")?.addEventListener("scroll", E), () => {
-    document.removeEventListener("scroll", E), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", E);
-  }), []), l && l.unvisible) return null;
-  const z = () => /* @__PURE__ */ d.jsxs("div", { ref: R, onBlur: ee, className: "datepicker-container", children: [
-    /* @__PURE__ */ d.jsx(fe, { ...n, gridLayout: void 0, value: p ? p.format(f) : " ", mask: "00/00/0000", onComplete: (e, t) => {
-      t && N(t, e);
-    }, onBlur: ne, onFocus: (e) => {
-      te(e);
-    }, onChange: (e, t) => {
-      t && T(e, t);
-    }, inputRef: (e) => {
-      i.current = e, F && (F.current = e);
-    }, rightElements: ie(), required: W, handlerSetOnDenied: () => Z(l) }),
-    a && ae()
-  ] });
-  return S ? /* @__PURE__ */ d.jsx(ue, { customClass: "-withinput", cols: S, children: z() }) : z();
-};
-export {
-  Fe 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 === 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());
 };
+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;
@@ -34,19 +39,20 @@ export interface IDatePickerProps {
     permissionAttr?: PermissionAttr;
     label?: string;
     gridLayout?: string;
-    hint?: string | string[];
+    hint?: string;
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
+    isDateTimeField?: boolean;
 }
-export interface IDateDropdownProps {
+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: {
@@ -54,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,4 +1,16 @@
-import { default as React } from 'react';
-import { ErrorProps } from '../types';
-export declare const ErrorMessage: React.ForwardRefExoticComponent<ErrorProps & 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,24 +1,25 @@
-import { j as f } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as u } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { forwardRef as g } from "react";
-import '../../assets/index7.css';const d = g((c, a) => {
-  const s = u.c(9), {
-    customClass: i,
-    messages: e,
-    style: m
-  } = c, p = i === void 0 ? "" : i;
-  if (!e || e.length === 0)
-    return null;
-  let r;
-  s[0] !== e ? (r = Array.isArray(e) ? e : [e], s[0] = e, s[1] = r) : r = s[1];
-  const l = r, n = `errormessages-component ${p}`;
-  let t;
-  s[2] !== l ? (t = l.join(", "), s[2] = l, s[3] = t) : t = s[3];
-  let o;
-  return s[4] !== a || s[5] !== m || s[6] !== n || s[7] !== t ? (o = /* @__PURE__ */ f.jsx("p", { ref: a, style: m, className: n, children: t }), s[4] = a, s[5] = m, s[6] = n, s[7] = t, s[8] = o) : o = s[8], o;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-d.displayName = "ErrorMessage";
-export {
-  d as ErrorMessage,
-  d as default
-};
+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(', '));
+});
+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 };