linear-react-components-ui 1.1.24-beta.1 → 1.1.24-beta.11

package/lib/index-3b70931d.d.ts

@@ -0,0 +1,44 @@
+import React__default from 'react';
+import { TextAlign } from './@types/Align.js';
+import { ColorTheme } from './@types/ColorStyles.js';
+import { HintPosition, Position } from './@types/Position.js';
+import { PermissionAttr, OnDenied } from './@types/PermissionAttr.js';
+import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
+import { ITooltipCommonProps } from './tooltip/types.js';
+
+interface TextFieldInputProps extends React__default.ComponentPropsWithoutRef<'input'>, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    errors?: string[];
+    gridLayout?: string;
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    rounded?: boolean;
+    readOnly?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    textAlign?: TextAlign;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+}
+declare const Input: React__default.ForwardRefExoticComponent<TextFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const index_Input: typeof Input;
+declare const index_LeftSlot: typeof LeftSlot;
+declare const index_RightSlot: typeof RightSlot;
+type index_TextFieldInputProps = TextFieldInputProps;
+declare namespace index {
+  export {
+    index_Input as Input,
+    index_LeftSlot as LeftSlot,
+    index_RightSlot as RightSlot,
+    index_TextFieldInputProps as TextFieldInputProps,
+  };
+}
+
+export { Input as I, TextFieldInputProps as T, index as i };

package/lib/index-7dfa8924.d.ts

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { T as TextFieldInputProps } from './index-3b70931d.js';
+
+interface FileFieldInputProps extends Omit<TextFieldInputProps, 'type'> {
+    multiple?: boolean;
+    accept?: string;
+    maxSize?: number;
+    gridLayout?: string;
+    showClearButton?: boolean;
+}
+declare const Input: React__default.ForwardRefExoticComponent<FileFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+type index_FileFieldInputProps = FileFieldInputProps;
+declare const index_Input: typeof Input;
+declare namespace index {
+  export {
+    index_FileFieldInputProps as FileFieldInputProps,
+    index_Input as Input,
+  };
+}
+
+export { FileFieldInputProps as F, Input as I, index as i };

package/lib/index-9e576346.d.ts

@@ -0,0 +1,23 @@
+import React__default from 'react';
+import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
+import { T as TextFieldInputProps } from './index-3b70931d.js';
+
+interface ColorFieldInputProps extends TextFieldInputProps {
+    isTypeText?: boolean;
+}
+declare const Input: React__default.ForwardRefExoticComponent<ColorFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+type index_ColorFieldInputProps = ColorFieldInputProps;
+declare const index_Input: typeof Input;
+declare const index_LeftSlot: typeof LeftSlot;
+declare const index_RightSlot: typeof RightSlot;
+declare namespace index {
+  export {
+    index_ColorFieldInputProps as ColorFieldInputProps,
+    index_Input as Input,
+    index_LeftSlot as LeftSlot,
+    index_RightSlot as RightSlot,
+  };
+}
+
+export { ColorFieldInputProps as C, Input as I, index as i };

package/lib/index-ecafc8c6.d.ts

@@ -0,0 +1,30 @@
+import React__default from 'react';
+import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
+import { Decimal } from './inputs2/numberfield/decimal.js';
+import { Currency } from './inputs2/numberfield/currency.js';
+import { NumberFieldInputProps, CurrencyFieldInputProps, DecimalFieldInputProps } from './inputs2/numberfield/types.js';
+
+declare const Input: React__default.ForwardRefExoticComponent<NumberFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const index_Currency: typeof Currency;
+declare const index_CurrencyFieldInputProps: typeof CurrencyFieldInputProps;
+declare const index_Decimal: typeof Decimal;
+declare const index_DecimalFieldInputProps: typeof DecimalFieldInputProps;
+declare const index_Input: typeof Input;
+declare const index_LeftSlot: typeof LeftSlot;
+declare const index_NumberFieldInputProps: typeof NumberFieldInputProps;
+declare const index_RightSlot: typeof RightSlot;
+declare namespace index {
+  export {
+    index_Currency as Currency,
+    index_CurrencyFieldInputProps as CurrencyFieldInputProps,
+    index_Decimal as Decimal,
+    index_DecimalFieldInputProps as DecimalFieldInputProps,
+    index_Input as Input,
+    index_LeftSlot as LeftSlot,
+    index_NumberFieldInputProps as NumberFieldInputProps,
+    index_RightSlot as RightSlot,
+  };
+}
+
+export { Input as I, index as i };

package/lib/index-efe0a0e4.d.ts

@@ -0,0 +1,41 @@
+import React__default from 'react';
+import { Size } from './@types/Size.js';
+import { ColorTheme } from './@types/ColorStyles.js';
+import { ITooltipCommonProps } from './tooltip/types.js';
+import { HintPosition, Position } from './@types/Position.js';
+import { PermissionAttr, OnDenied } from './@types/PermissionAttr.js';
+
+type InputHTMLProps = Omit<React__default.ComponentProps<'input'>, 'size' | 'type'>;
+interface CheckboxFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    size?: Exclude<Size, 'mini'>;
+    variant?: 'default' | 'secondary';
+    errors?: string[];
+    gridLayout?: string;
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    rounded?: boolean;
+    readOnly?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+}
+declare const Input: React__default.ForwardRefExoticComponent<Pick<CheckboxFieldInputProps, "form" | "label" | "slot" | "style" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "customClass" | "permissionAttr" | "size" | "skeletonize" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "tooltip" | "tooltipWidth" | "tooltipPosition" | "checked" | "required" | "labelUppercase" | "hint" | "hintPosition" | "themePopover" | "popoverAlign" | "width" | "height" | "multiple" | "readOnly" | "list" | "step" | "maxLength" | "rounded" | "onDeniedActions" | "gridLayout" | "accept" | "autoComplete" | "max" | "min" | "src" | "alt" | "errors" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "variant"> & React__default.RefAttributes<HTMLInputElement>>;
+
+type index_CheckboxFieldInputProps = CheckboxFieldInputProps;
+declare const index_Input: typeof Input;
+declare namespace index {
+  export {
+    index_CheckboxFieldInputProps as CheckboxFieldInputProps,
+    index_Input as Input,
+  };
+}
+
+export { CheckboxFieldInputProps as C, Input as I, index as i };

package/lib/inputs/base/InputTextBase.js

@@ -16,8 +16,7 @@ var _textContent = _interopRequireDefault(require("../../textContent"));
 var _popover = _interopRequireWildcard(require("../../popover"));
 var _tooltip = require("../../tooltip");
 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 _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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -131,11 +130,13 @@ const InputTextBase = props => {
     if (!disableCallbacks) {
       propsInput = _objectSpread(_objectSpread({}, propsInput), {}, {
         onFocus: e => {
-          props.onInputReceiveFocus?.();
+          var _props$onInputReceive;
+          (_props$onInputReceive = props.onInputReceiveFocus) === null || _props$onInputReceive === void 0 ? void 0 : _props$onInputReceive.call(props);
           if (props.onFocus) props.onFocus(e);
         },
         onBlur: e => {
-          props.onInputLostFocus?.();
+          var _props$onInputLostFoc;
+          (_props$onInputLostFoc = props.onInputLostFocus) === null || _props$onInputLostFoc === void 0 ? void 0 : _props$onInputLostFoc.call(props);
           if (props.onBlur) props.onBlur(e);
         },
         onKeyDown: e => {
@@ -199,7 +200,7 @@ const InputTextBase = props => {
   if (!visible || unvisible) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
-    className: `input-base-component ${skeletonize ? '-skeletonized' : ''} ${customClass}`,
+    className: "input-base-component ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClass),
     ref: inputBaseRef
   }, label && /*#__PURE__*/_react.default.createElement("div", {
     className: "labelcontainer",
@@ -221,7 +222,7 @@ const InputTextBase = props => {
       display: 'flex'
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `label ${customClassForLabel} ${labelUppercase && ' -uppercase'}`,
+    className: "label ".concat(customClassForLabel, " ").concat(labelUppercase && ' -uppercase'),
     style: {
       alignSelf: 'center'
     }
@@ -247,11 +248,11 @@ const InputTextBase = props => {
     }))
   }, leftElements && /*#__PURE__*/_react.default.createElement("div", {
     style: styleForSideButtons,
-    className: `sidebuttons ${customClassForSideButtons}`
+    className: "sidebuttons ".concat(customClassForSideButtons)
   }, leftElements), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "testInputContent",
     style: styleForInputContent,
-    className: `inputcontent ${customClassForInputContent}`
+    className: "inputcontent ".concat(customClassForInputContent)
   }, type === 'textarea' ? /*#__PURE__*/_react.default.createElement("textarea", _extends({
     rows: props.rows,
     cols: props.cols,

package/lib/inputs/base/helpers.js

@@ -13,7 +13,7 @@ const getInputClass = _ref => {
     readOnly,
     readOnlyClass
   } = _ref;
-  return `textinput text-align-${textAlign} ${readOnlyClass} ${readOnly ? ' -readonly' : ''}`;
+  return "textinput text-align-".concat(textAlign, " ").concat(readOnlyClass, " ").concat(readOnly ? ' -readonly' : '');
 };
 exports.getInputClass = getInputClass;
 const getInputWrapperClass = props => {
@@ -24,11 +24,7 @@ const getInputWrapperClass = props => {
     errorMessages,
     disabled
   } = props;
-  return `inputwrapper ${inputHasFocus && ' -focusable'}
-          ${customClassForWrapper}
-          ${errorMessages && errorMessages.length > 0 && ' -requirederror'}
-          ${rounded && ' -roundedborders'}
-          ${disabled && ' -disabled'}`;
+  return "inputwrapper ".concat(inputHasFocus && ' -focusable', "\n          ").concat(customClassForWrapper, "\n          ").concat(errorMessages && errorMessages.length > 0 && ' -requirederror', "\n          ").concat(rounded && ' -roundedborders', "\n          ").concat(disabled && ' -disabled');
 };
 exports.getInputWrapperClass = getInputWrapperClass;
 const getRightElements = (errorMessages, skeletonize, rightElements) => {
@@ -38,7 +34,7 @@ const getRightElements = (errorMessages, skeletonize, rightElements) => {
     elements = [elements];
   }
   elements = elements.map((element, index) => element && /*#__PURE__*/_react.default.cloneElement(element, {
-    key: `rightelement-${index + 1}`
+    key: "rightelement-".concat(index + 1)
   }));
   if (errorMessages) return elements;
   return elements;

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

@@ -54,7 +54,7 @@ interface IBaseProps extends ITooltipCommonProps {
     onDragLeave?: (e: DragEvent) => void;
     leftElements?: JSX.Element | JSX.Element[];
     rightElements?: JSX.Element | JSX.Element[];
-    children?: JSX.Element | JSX.Element[];
+    children?: React.ReactNode;
     customClass?: string;
     customClassForWrapper?: string;
     customClassForInputContent?: string;

package/lib/inputs/color/index.js

@@ -10,8 +10,7 @@ var _text = _interopRequireDefault(require("../text"));
 var _buttons = _interopRequireDefault(require("../../buttons"));
 require("../../assets/styles/colorpicker.scss");
 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 _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 ColorPicker = props => {
   const {
@@ -71,7 +70,7 @@ const ColorPicker = props => {
       ref: inputRef,
       type: "color",
       defaultValue: color,
-      name: name,
+      name: "".concat(name, "-hidden"),
       onClick: e => onButtonClick ? onButtonClick(e) : undefined,
       onInput: onInputChangeDefault
     })],

package/lib/inputs/date/Dropdown.js

@@ -20,18 +20,20 @@ const Dropdown = props => {
   const elementRef = (0, _react.useRef)(document.createElement('div'));
   const width = inputDimensions && inputDimensions.width + (showButtonOpen ? CALENDAR_BUTTON_WIDTH : 0) + 4 || CALENDAR_MIN_WIDTH;
   (0, _react.useEffect)(() => {
+    var _containerRef$current;
     elementRef.current.className = 'datepicker-component';
     elementRef.current.style.width = String(width).concat('px');
-    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');
-    containerRef.current?.appendChild(elementRef.current);
+    elementRef.current.style.top = String(inputDimensions === null || inputDimensions === void 0 ? void 0 : inputDimensions.bottom).concat('px');
+    (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.appendChild(elementRef.current);
     dropdownRef(elementRef.current);
     return () => {
-      containerRef.current?.removeChild(elementRef.current);
+      var _containerRef$current2;
+      (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.removeChild(elementRef.current);
     };
   }, []);
   (0, _react.useEffect)(() => {
     elementRef.current.style.width = String(width).concat('px');
-    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');
+    elementRef.current.style.top = String(inputDimensions === null || inputDimensions === void 0 ? void 0 : inputDimensions.bottom).concat('px');
   }, [props]);
   return /*#__PURE__*/_reactDom.default.createPortal(children, elementRef.current);
 };

package/lib/inputs/date/index.js

@@ -15,8 +15,7 @@ var _helpers = require("./helpers");
 require("../../assets/styles/datepicker.scss");
 var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
 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 _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 {
@@ -59,32 +58,37 @@ const DatePicker = props => {
   const calendarContainerRef = (0, _react.useRef)(null);
   const datePickerContainerRef = (0, _react.useRef)(null);
   const onScreenResize = () => {
-    setInputDimensions(inputDateRef?.current?.getBoundingClientRect());
+    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.current?.focus();
+        (_inputDateRef$current2 = inputDateRef.current) === null || _inputDateRef$current2 === void 0 ? void 0 : _inputDateRef$current2.focus();
       }, 100);
     }
   };
   const onCloseWithoutBlur = event => {
-    const focusOnAnotherField = !datePickerContainerRef.current?.contains(event.relatedTarget);
+    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.current?.focus();
+      (_inputDateRef$current3 = inputDateRef.current) === null || _inputDateRef$current3 === void 0 ? void 0 : _inputDateRef$current3.focus();
     }
     if (showCalendar && showCalendarInDialog && event && event.key && event.key === 'Tab') {
-      const buttonForNavigateCalendar = calendarContainerRef.current?.getElementsByClassName('navbutton');
-      const datePicked = calendarContainerRef.current?.getElementsByClassName('-selectedday');
+      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];
@@ -100,7 +104,8 @@ const DatePicker = props => {
     event.stopPropagation();
   };
   const keepPositionCalendarByScroll = () => {
-    const inputDateDimensions = inputDateRef.current?.getBoundingClientRect();
+    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');
@@ -109,12 +114,14 @@ const DatePicker = props => {
   const openCalendar = () => {
     setShowCalendar(true);
     if (inputDateRef.current) {
+      var _inputDateRef$current5;
       inputDateRef.current.focus();
-      setInputDimensions(inputDateRef.current?.getBoundingClientRect());
+      setInputDimensions((_inputDateRef$current5 = inputDateRef.current) === null || _inputDateRef$current5 === void 0 ? void 0 : _inputDateRef$current5.getBoundingClientRect());
     }
     if (showCalendarInDialog) {
       setTimeout(() => {
-        currentDateButtonRef.current?.focus();
+        var _currentDateButtonRef;
+        (_currentDateButtonRef = currentDateButtonRef.current) === null || _currentDateButtonRef === void 0 ? void 0 : _currentDateButtonRef.focus();
       }, 100);
     }
   };
@@ -138,7 +145,8 @@ const DatePicker = props => {
   const onInputChange = function (event) {
     let valueInput = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     if (typeof valueInput === 'string') {
-      const date = event.target.value ?? '';
+      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);
@@ -164,11 +172,12 @@ const DatePicker = props => {
     }
   };
   const setValue = (valueParam, e) => {
-    if (showCalendar && setFocusOnSelect) inputDateRef.current?.focus();
+    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 ?? '',
+        value: valueParam !== null && valueParam !== void 0 ? valueParam : '',
         name
       }
     }, valueParam);
@@ -213,7 +222,7 @@ const DatePicker = props => {
       return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
         dialogSize: dialogSize,
         handlerClose: onCloseDateDialog
-      }, getCalendar(valueState, props?.calendarColorStyle));
+      }, getCalendar(valueState, props === null || props === void 0 ? void 0 : props.calendarColorStyle));
     }
     return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
       showButtonOpen: showButtonOpen,
@@ -222,7 +231,7 @@ const DatePicker = props => {
       dropdownRef: el => {
         dropdownContainer.current = el;
       }
-    }, getCalendar(valueState, props?.calendarColorStyle));
+    }, 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()) {
@@ -244,11 +253,13 @@ const DatePicker = props => {
     };
   }, [inputDateRef.current, showCalendar]);
   (0, _react.useEffect)(() => {
+    var _document$getElementB;
     document.addEventListener('scroll', keepPositionCalendarByScroll);
-    document.getElementById('modal-dialog-content')?.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.getElementById('modal-dialog-content')?.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;
@@ -265,7 +276,8 @@ const DatePicker = props => {
     blocks: !isDateTimeField ? {} : _helpers.blocksDateTimeFormat,
     onComplete: e => {
       if (e) {
-        setValue(e.target?.maskedValue, e);
+        var _e$target;
+        setValue((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.maskedValue, e);
       }
     },
     onBlur: onInputBlur,

package/lib/inputs/errorMessage/index.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 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; }
+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 = '',
@@ -19,7 +18,7 @@ const ErrorMessage = exports.ErrorMessage = /*#__PURE__*/(0, _react.forwardRef)(
   return /*#__PURE__*/_react.default.createElement("p", {
     ref: ref,
     style: style,
-    className: `errormessages-component ${customClass}`
+    className: "errormessages-component ".concat(customClass)
   }, messages.join(', '));
 });
 ErrorMessage.displayName = 'ErrorMessage';

package/lib/inputs/file/DefaultFile.js

@@ -13,8 +13,7 @@ var _buttons = _interopRequireDefault(require("../../buttons"));
 var _icons = _interopRequireDefault(require("../../icons"));
 var _popover = _interopRequireWildcard(require("../../popover"));
 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 _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 DefaultFile = props => {
   const {
@@ -25,22 +24,45 @@ const DefaultFile = props => {
     inputRef,
     defaultFiles,
     hint = '',
+    multiple,
     onChange
   } = props;
-  const getFilesList = files => !files?.length ? [] : _lodash.default.map(files, file => file);
+  const getFilesList = files => !(files !== null && files !== void 0 && files.length) ? [] : _lodash.default.map(files, file => file);
   const [fileList, setFileList] = (0, _react.useState)(defaultFiles);
   const ifExistFiles = fileList instanceof Array && fileList.length > 0;
-  const popUpDescription = () => /*#__PURE__*/_react.default.createElement("div", {
-    className: `size-position-icon ${!ifExistFiles ? '-disabled-popover' : ''}`
+  const handleChange = e => {
+    var _e$preventDefault;
+    (_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
+    const files = getFilesList(e.target.files);
+    setFileList(files);
+    onChange === null || onChange === void 0 ? void 0 : onChange(files, e);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "input-simple-file-container"
+  }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
+    hint: hint,
+    readOnlyClass: "-disabledVisualApply",
+    customClassForWrapper: "file-wrapper",
+    customClassForInputContent: "file-content -absolute -pointEventDisabled -disabledVisualApply",
+    type: "file",
+    id: id,
+    accept: accept,
+    inputRef: inputRef,
+    onChange: handleChange,
+    rightElements: /*#__PURE__*/_react.default.createElement(_FileButtonSettings.default, {
+      id: id,
+      onBtnClickInsert: () => onBtnClickInsert()
+    })
+  }), multiple && /*#__PURE__*/_react.default.createElement("div", {
+    className: "size-position-icon ".concat(!ifExistFiles ? '-disabled-popover' : '')
   }, /*#__PURE__*/_react.default.createElement(_popover.default, {
     iconSize: 16
   }, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, null, /*#__PURE__*/_react.default.createElement("strong", null, "Arquivos"), /*#__PURE__*/_react.default.createElement("br", null), ifExistFiles && fileList.map(file => /*#__PURE__*/_react.default.createElement("div", {
     className: "list-simple-file",
-    key: `${file.name}${file.size}`
+    key: "".concat(file.name).concat(file.size)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "file-name"
-  }, /*#__PURE__*/_react.default.createElement("span", null, file.name)))))));
-  const buttonRemoveFile = () => /*#__PURE__*/_react.default.createElement(_buttons.default, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, file.name))))))), /*#__PURE__*/_react.default.createElement(_buttons.default, {
     disabled: !ifExistFiles,
     className: "-pointerEventsRemove",
     transparent: true,
@@ -53,28 +75,6 @@ const DefaultFile = props => {
       customClass: "colorIconUpload",
       name: "close"
     })
-  });
-  const handleChange = e => {
-    e.preventDefault?.();
-    const files = getFilesList(e.target.files);
-    setFileList(files);
-    onChange?.(files, e);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "input-simple-file-container"
-  }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
-    hint: hint,
-    readOnlyClass: "-disabledVisualApply",
-    customClassForInputContent: "-absolute -pointEventDisabled -disabledVisualApply",
-    type: "file",
-    id: id,
-    accept: accept,
-    inputRef: inputRef,
-    onChange: handleChange,
-    rightElements: /*#__PURE__*/_react.default.createElement(_FileButtonSettings.default, {
-      id: id,
-      onBtnClickInsert: onBtnClickInsert
-    })
-  }), popUpDescription(), buttonRemoveFile()));
+  })));
 };
 var _default = exports.default = DefaultFile;