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

package/lib/calendar/types.d.ts

@@ -1,3 +1,4 @@
+import { LegacyRef } from 'react';
 import { Moment } from 'moment';
 import { ColorStyles } from '../@types/ColorStyles.js';
 
@@ -9,6 +10,9 @@ interface ICalendarProps {
     onDateChange?: (date: Moment) => void;
     colorStyle?: ColorStyles;
     handleDateChange?: (date: Moment) => void;
+    gridLayout?: string;
+    currentDateButton?: (buttonElement: HTMLButtonElement) => void;
+    calendarContainer?: (calendarElement: HTMLDivElement | null) => void;
 }
 interface IWeekProps {
     weekStartDate: Moment;
@@ -19,6 +23,7 @@ interface IDayProps {
     day: Moment;
 }
 interface IMonthProps {
+    monthRef: LegacyRef<HTMLDivElement> | undefined;
     currentDate: Moment;
 }
 

package/lib/checkbox/Label.d.ts

@@ -0,0 +1,11 @@
+import { ICheckBoxProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+
+declare const _default: {
+    (props: ICheckBoxProps): JSX.Element;
+    displayName: string;
+};
+
+export { _default as default };

package/lib/checkbox/index.js

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _Label = _interopRequireDefault(require("./Label"));
 var _gridlayout = _interopRequireDefault(require("../gridlayout"));
 var _permissionValidations = require("../permissionValidations");
 require("../assets/styles/checkbox.scss");
 var _errorMessage = require("../inputs/errorMessage");
 var _ = require("..");
-var _textContent = _interopRequireDefault(require("../textContent"));
-var _popover = _interopRequireDefault(require("../popover"));
-var _hint = _interopRequireDefault(require("../hint"));
 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; }
@@ -42,11 +40,7 @@ const CheckBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     tooltipWidth = 'auto',
     skeletonize,
     targetRef,
-    errorMessages,
-    customClassForLabel,
-    hintPosition = 'below',
-    themePopover = 'light',
-    popoverAlign = 'left'
+    errorMessages
   } = _ref;
   const [isChecked, setIsChecked] = (0, _react.useState)(checked);
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
@@ -67,30 +61,26 @@ const CheckBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     };
     return {
       onClick: () => {
-        if (!shouldDisable() && !skeletonize) {
-          setIsChecked(!isChecked);
-          onChange({
-            target
-          });
-        }
+        onChange({
+          target
+        });
       },
       onKeyDown: undefined,
       role: 'checkbox',
       tabIndex: -1
     };
   };
-  const renderInput = () => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    "data-skeletonized": skeletonize,
+  const renderInput = () => /*#__PURE__*/_react.default.createElement("div", _extends({}, getProps(), {
     className: "checkbox-component",
-    style: {
-      display: 'flex',
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", _extends({
+    "data-skeletonized": skeletonize
+  }), /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": "checkbox-container",
     className: "inputcontent",
-    "aria-checked": isChecked
-  }, getProps()), /*#__PURE__*/_react.default.createElement("input", {
+    onClick: !shouldDisable() && !skeletonize ? () => setIsChecked(!isChecked) : undefined,
+    tabIndex: -1,
+    role: "checkbox",
+    "aria-checked": "false"
+  }, /*#__PURE__*/_react.default.createElement("input", {
     id: id || undefined,
     ref: r => {
       if (targetRef) targetRef(r);
@@ -108,31 +98,14 @@ const CheckBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   }), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_.Icon, {
     size: 12,
     name: "checkmark"
-  })), label && /*#__PURE__*/_react.default.createElement("div", {
-    className: "description"
-  }, /*#__PURE__*/_react.default.createElement(_textContent.default, {
-    required: required,
-    disabled: shouldDisable(),
-    className: customClassForLabel,
+  })), label && /*#__PURE__*/_react.default.createElement(_Label.default, {
+    label: label,
     tooltip: tooltip,
     tooltipWidth: tooltipWidth,
-    tooltipPosition: tooltipPosition
-  }), label, /*#__PURE__*/_react.default.createElement(_textContent.default, null), /*#__PURE__*/_react.default.createElement(_hint.default, {
+    tooltipPosition: tooltipPosition,
     disabled: disabled,
-    visible: !!hint && hintPosition === 'below',
-    description: hint,
-    customClass: "hint"
-  }))), !!hint && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
-    theme: themePopover,
-    align: popoverAlign,
-    customClass: "-hint",
-    iconColor: "#03bde2",
-    style: {
-      margin: '0px 5px',
-      height: 'auto',
-      width: 20
-    }
-  }, hint)), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
+    hint: hint
+  })), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
     messages: errorMessages
   }));
   if (onDenied.unvisible) return null;

package/lib/checkbox/types.d.ts

@@ -29,7 +29,6 @@ interface ICheckBoxProps {
     children?: ReactElement;
     autofocus?: boolean;
     hint?: string;
-    hintPosition?: 'below' | 'onLabelRight';
     gridLayout?: string;
     permissionAttr?: PermissionAttr | PermissionAttr[];
     tooltip?: string;
@@ -39,9 +38,6 @@ interface ICheckBoxProps {
     targetRef?: (ref: HTMLInputElement | null) => void;
     targetSpanRef?: (ref: HTMLSpanElement | null) => void;
     errorMessages?: string[] | undefined;
-    customClassForLabel?: string;
-    themePopover?: 'light' | 'dark';
-    popoverAlign?: 'right' | 'left';
 }
 
 export { ChangeEvent, ICheckBoxProps };

package/lib/dialog/base/Content.js

@@ -4,18 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 require("../../assets/styles/dialog.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; }
 const Content = _ref => {
   let {
     children,
     styleForContent
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.Suspense, null, /*#__PURE__*/_react.default.createElement("div", {
     id: "modal-dialog-content",
     className: "dialog-content",
     style: styleForContent
-  }, children);
+  }, children));
 };
 var _default = exports.default = Content;

package/lib/dialog/base/Header.js

@@ -14,7 +14,6 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const getCloseButton = handleClose => /*#__PURE__*/_react.default.createElement("button", {
   id: "botao-fechar-modal-cabecalho",
   className: "close-button",
-  tabIndex: 0,
   onClick: handleClose
 }, /*#__PURE__*/_react.default.createElement(_icons.default, {
   name: "cancel2"

package/lib/dialog/base/index.js

@@ -32,6 +32,7 @@ const BaseDialog = props => {
     headerRef
   } = (0, _react.useContext)(_form.FormDialogContext);
   const wrapperEl = (0, _react.useRef)(null);
+  const modalContainerRef = (0, _react.useRef)(null);
   const [isDragging, setIsDragging] = (0, _react.useState)(false);
   const [open = true, setOpen] = (0, _react.useState)(openProp);
   if (openProp !== undefined && openProp !== open) {
@@ -55,11 +56,23 @@ const BaseDialog = props => {
       handleClose();
     }
   };
-  const handleCloseOnEsc = event => {
+  const onKeyDownPress = event => {
     if (event.key === 'Escape') {
       handleClose();
     }
   };
+  const modalContainerWithoutBlur = event => {
+    var _modalContainerRef$cu, _wrapperEl$current;
+    const focusOnAnotherField = !((_modalContainerRef$cu = modalContainerRef.current) !== null && _modalContainerRef$cu !== void 0 && _modalContainerRef$cu.contains(event.relatedTarget));
+    const modalContent = (_wrapperEl$current = wrapperEl.current) === null || _wrapperEl$current === void 0 ? void 0 : _wrapperEl$current.querySelector('#modal-dialog-content');
+    const elementsFocusable = modalContent === null || modalContent === void 0 ? void 0 : modalContent.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    if (focusOnAnotherField && elementsFocusable !== null && elementsFocusable !== void 0 && elementsFocusable.length) {
+      const firstElement = elementsFocusable[0];
+      setTimeout(() => {
+        firstElement.focus();
+      }, 150);
+    }
+  };
   const onDialogPositionChange = _ref => {
     let {
       positionX,
@@ -103,6 +116,8 @@ const BaseDialog = props => {
     if (wrapperEl.current) setIsDragging(false);
   };
   const createdModal = /*#__PURE__*/_react.default.createElement("div", {
+    ref: modalContainerRef,
+    onBlur: modalContainerWithoutBlur,
     className: "modalcontainer",
     onMouseDown: handleClickOutside,
     style: {
@@ -120,14 +135,23 @@ const BaseDialog = props => {
     style: (0, _style.default)(props),
     ref: wrapperEl
   }, children)));
+  (0, _react.useLayoutEffect)(() => {
+    const {
+      activeElement
+    } = document;
+    const lastElementActiveBeforeOpen = activeElement;
+    return () => {
+      lastElementActiveBeforeOpen === null || lastElementActiveBeforeOpen === void 0 ? void 0 : lastElementActiveBeforeOpen.focus();
+    };
+  }, []);
   (0, _react.useEffect)(() => {
     if (open) {
       if (closeOnEsc) {
-        document.addEventListener('keydown', handleCloseOnEsc);
+        document.addEventListener('keydown', onKeyDownPress);
       }
     }
     return () => {
-      document.removeEventListener('keydown', handleCloseOnEsc);
+      document.removeEventListener('keydown', onKeyDownPress);
     };
   }, [open, closeOnEsc]);
   (0, _react.useEffect)(() => {

package/lib/drawer/Drawer.js

@@ -132,7 +132,7 @@ const BaseDrawer = _ref => {
     className: "drawercontent ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClassForContent)
   }, title && /*#__PURE__*/_react.default.createElement(_.DrawerHeader, _extends({}, headerProps, {
     customClass: customClassForDrawer
-  })), content ? /*#__PURE__*/_react.default.createElement(_.DrawerContent, null, content) : children, getSpinner())));
+  })), /*#__PURE__*/_react.default.createElement(_react.Suspense, null, content ? /*#__PURE__*/_react.default.createElement(_.DrawerContent, null, content) : children), getSpinner())));
   return /*#__PURE__*/_reactDom.default.createPortal(drawerContent(), drawerContainerEl.current);
 };
 var _default = exports.default = BaseDrawer;

package/lib/form/types.d.ts

@@ -85,13 +85,7 @@ interface IFieldProps extends WithFieldProps {
     autoFocus?: boolean;
     autoCompleteMask?: 'left' | 'right';
     mask?: string;
-    hint?: string | string[];
-    hintPosition?: 'below' | 'onLabelRight';
-    themePopover?: 'light' | 'dark';
-    popoverAlign?: 'right' | 'left';
-    displayCurrencySymbol?: boolean;
     removeZeroLeft?: boolean;
-    checked?: boolean;
 }
 interface CustomEvent {
     target: {
@@ -128,10 +122,6 @@ interface IFieldArrayProps extends WithFieldProps {
     onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
     handlerFieldValidade?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
     required?: boolean;
-    hint?: string | string[];
-    hintPosition?: 'below' | 'onLabelRight';
-    themePopover?: 'light' | 'dark';
-    popoverAlign?: 'right' | 'left';
 }
 type PeriodChangeEvent = {
     initial: string;
@@ -165,10 +155,6 @@ interface IFieldPeriodProps extends WithFieldProps {
     handlerFieldValidade?: (name: string, value: object, validatorsArray: PeriodValidator[] | PeriodValidator) => void;
     onChange?: (event: PeriodChangeEvent) => PeriodChangeEvent;
     gridLayout?: string;
-    hint?: string | string[];
-    hintPosition?: 'below' | 'onLabelRight';
-    themePopover?: 'light' | 'dark';
-    popoverAlign?: 'right' | 'left';
 }
 interface FormContextProps {
     skeletonize?: boolean;

package/lib/inputs/base/InputTextBase.js

@@ -13,8 +13,7 @@ var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip")
 var _permissionValidations = require("../../permissionValidations");
 var _hint = _interopRequireDefault(require("../../hint"));
 var _errorMessage = require("../errorMessage");
-var _textContent = _interopRequireDefault(require("../../textContent"));
-var _popover = _interopRequireDefault(require("../../popover"));
+var _Label = _interopRequireDefault(require("./Label"));
 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; }
@@ -44,7 +43,6 @@ const InputTextBase = props => {
     label,
     labelUppercase,
     hint,
-    hintPosition = 'below',
     errorMessages,
     visible = true,
     permissionAttr,
@@ -70,9 +68,7 @@ const InputTextBase = props => {
     onDragLeave,
     onClick,
     readOnlyClass,
-    autoComplete = 'on',
-    themePopover = 'light',
-    popoverAlign = 'left'
+    autoComplete = 'on'
   } = props;
   let propsInput;
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
@@ -199,38 +195,16 @@ const InputTextBase = props => {
     style: {
       textAlign: textAlign === 'center' ? 'left' : textAlign
     }
-  }, /*#__PURE__*/_react.default.createElement(_textContent.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Label.default, {
     labelRef: labelRef,
-    required: required,
     label: label,
+    required: required,
     onHoverLabel: onHoverLabel,
-    className: customClassForLabel,
+    customClassForLabel: customClassForLabel,
     labelUppercase: labelUppercase,
-    tooltip: label.toString(),
+    tooltip: showTooltip ? label.toString() : undefined,
     tooltipPosition: "top"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "text-content",
-    style: {
-      display: 'flex'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "label ".concat(customClassForLabel, " ").concat(labelUppercase && ' -uppercase'),
-    style: {
-      alignSelf: 'center'
-    }
-  }, label, required && /*#__PURE__*/_react.default.createElement("span", {
-    className: "-requiredlabel"
-  }, "*"), !!hint && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
-    theme: themePopover,
-    align: popoverAlign,
-    customClass: "-hint",
-    iconColor: "#03bde2",
-    style: {
-      margin: '0px 5px',
-      height: 'auto',
-      width: 20
-    }
-  }, hint))), /*#__PURE__*/_react.default.createElement(_textContent.default, null)), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "testInputWrapper",
     style: styleForWrapper,
     className: helpers.getInputWrapperClass(_objectSpread(_objectSpread({}, props), {}, {
@@ -252,7 +226,7 @@ const InputTextBase = props => {
     "data-testid": "teste-123"
   }, inputProps())), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), /*#__PURE__*/_react.default.createElement(_hint.default, {
     disabled: disabled,
-    visible: !!hint && hintPosition === 'below',
+    visible: !!hint,
     customClass: "hint",
     description: hint
   }), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {

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

@@ -73,7 +73,6 @@ interface IBaseProps {
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
     inputBaseRef?: RefObject<HTMLDivElement> | ((ref: HTMLDivElement) => void);
     hint?: string | string[];
-    hintPosition?: 'below' | 'onLabelRight';
     textAlign?: TextAlign;
     rounded?: boolean;
     errorMessages?: string[] | undefined;
@@ -93,8 +92,6 @@ interface IBaseProps {
     multiple?: boolean;
     readOnlyClass?: string;
     autoComplete?: 'on' | 'off';
-    themePopover?: 'light' | 'dark';
-    popoverAlign?: 'right' | 'left';
 }
 
 export { CustomInputEvent, IBaseProps, InputLabelProps };

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

@@ -9,11 +9,6 @@ interface IColorProps {
     name?: string;
     permissionAttr?: PermissionAttr;
     visible?: boolean;
-    label?: string;
-    hint?: string | string[];
-    hintPosition?: 'below' | 'onLabelRight';
-    themePopover?: 'light' | 'dark';
-    popoverAlign?: 'right' | 'left';
 }
 
 export { IColorProps };

package/lib/inputs/date/Dialog.js

@@ -14,12 +14,13 @@ const Dialog = _ref => {
     dialogSize
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_base.default, {
+    closeOnEsc: true,
+    closeOnOutsideClick: true,
+    handlerClose: () => handlerClose(false),
+    wrapperClassName: "",
     width: dialogSize.width,
     height: dialogSize.height,
-    onOpenChange: handlerClose,
-    closeOnOutsideClick: true,
-    closeOnEsc: true,
-    wrapperClassName: ""
+    onOpenChange: handlerClose
   }, children);
 };
 var _default = exports.default = Dialog;

package/lib/inputs/date/Dropdown.js

@@ -6,26 +6,34 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _helpers = require("./helpers");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const body = document.getElementsByTagName('body')[0];
+const CALENDAR_BUTTON_WIDTH = 24;
+const CALENDAR_MIN_WIDTH = 250;
 const Dropdown = props => {
   const {
+    containerRef,
+    showButtonOpen,
     dropdownRef,
-    children
+    children,
+    inputDimensions
   } = 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.setAttribute('style', (0, _helpers.getCalendarDropdownStyle)(props));
-    body.appendChild(elementRef.current);
+    elementRef.current.style.width = String(width).concat('px');
+    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 () => {
-      body.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.setAttribute('style', (0, _helpers.getCalendarDropdownStyle)(props));
+    elementRef.current.style.width = String(width).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/helpers.d.ts

@@ -1,17 +1,7 @@
 import moment from 'moment';
-import { IDateDropdownProps } from './types.js';
-import 'react';
-import '../../@types/ColorStyles.js';
-import '../../@types/PermissionAttr.js';
-import '../base/types.js';
-import '../../@types/Align.js';
-import '../../@types/Period.js';
-import '../../internals/types.js';
-import '../../@types/Position.js';
 
 declare const PT_BR_FORMAT = "DD/MM/YYYY";
 declare const EN_US_FORMAT = "YYYY-MM-DD";
-declare const getCalendarDropdownStyle: ({ topPosition, leftPosition, width, minWidth, }: IDateDropdownProps) => string;
 declare const getMomentValue: (value: string) => moment.Moment;
 
-export { EN_US_FORMAT, PT_BR_FORMAT, getCalendarDropdownStyle, getMomentValue };
+export { EN_US_FORMAT, PT_BR_FORMAT, getMomentValue };

package/lib/inputs/date/helpers.js

@@ -3,21 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getMomentValue = exports.getCalendarDropdownStyle = exports.PT_BR_FORMAT = exports.EN_US_FORMAT = void 0;
+exports.getMomentValue = exports.PT_BR_FORMAT = exports.EN_US_FORMAT = void 0;
 var _moment = _interopRequireDefault(require("moment"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const PT_BR_FORMAT = exports.PT_BR_FORMAT = 'DD/MM/YYYY';
 const EN_US_FORMAT = exports.EN_US_FORMAT = 'YYYY-MM-DD';
-const getCalendarDropdownStyle = _ref => {
-  let {
-    topPosition,
-    leftPosition,
-    width,
-    minWidth
-  } = _ref;
-  return "top: ".concat(topPosition, "px;\n  left: ").concat(leftPosition, "px;\n  width: ").concat(width, "px;\n  min-width: ").concat(minWidth, "px;");
-};
-exports.getCalendarDropdownStyle = getCalendarDropdownStyle;
 const getMomentValue = value => {
   let newValue = value;
   if ((0, _moment.default)(newValue, PT_BR_FORMAT, true).isValid()) {