linear-react-components-ui 0.4.77-beta.25 → 0.4.77-beta.26

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

@@ -0,0 +1,66 @@
+import { KeyboardEvent, MutableRefObject } from 'react';
+import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
+import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Period.js';
+
+interface IBaseMaskProps {
+    value?: string;
+    onBlur?: (e: CustomInputEvent) => void;
+    onKeyDown?: (e: KeyboardEvent<Element>) => void;
+    defaultValue?: string;
+    mask?: string | NumberConstructor;
+    isNumeric?: boolean;
+    scale?: number;
+    radix?: string;
+    thousandsSeparator?: string;
+    rightElements?: JSX.Element | JSX.Element[];
+    leftElements?: JSX.Element | JSX.Element[];
+    handlerSetOnDenied?: (onDeniedValue: OnDenied) => void;
+    onChange?: (e: CustomInputEvent, maskValue?: string, date?: string | {
+        initial: string;
+        final: string;
+    }) => void;
+    padFractionalZeros?: boolean;
+    onComplete?: (e: CustomInputEvent, maskValue?: string, date?: string) => void;
+    inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
+    permissionAttr?: PermissionAttr;
+    errorMessages?: string[];
+    rounded?: boolean;
+    textAlign?: string;
+    customClassForInputContent?: string;
+    label?: string;
+    name?: string;
+    customClassForLabel?: string;
+    customClass?: string;
+    gridLayout?: string;
+    placeHolder?: string;
+    readOnly?: boolean;
+    labelUppercase?: boolean;
+    disabled?: boolean;
+    unmask?: boolean;
+    lazy?: boolean;
+    placeholderChar?: string;
+    onFocus?: (e: CustomInputEvent) => void;
+    required?: boolean;
+}
+interface ICnpjFieldProps extends IBaseMaskProps {
+    value?: string;
+    enableValidation?: boolean;
+    handlerSetComponentValidator?: (validator: () => void) => void;
+    onChange?: (e?: CustomInputEvent) => void;
+}
+interface ICpfProps extends IBaseMaskProps {
+    value?: string;
+    enableValidation?: boolean;
+    handlerSetComponentValidator?: (validator: () => void) => void;
+    onChange?: (e?: CustomInputEvent) => void;
+}
+interface IPhoneFieldProps extends IBaseMaskProps {
+    value?: string;
+    cellNumber?: boolean;
+}
+interface IZipCode extends IBaseMaskProps {
+    value?: string;
+}
+
+export { IBaseMaskProps, ICnpjFieldProps, ICpfProps, IPhoneFieldProps, IZipCode };

package/lib/inputs/multiSelect/ActionButtons.d.ts

@@ -0,0 +1,10 @@
+import { IActionButtonsProps } from './types.js';
+import 'react';
+import '../../@types/DataCombo.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+
+declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, }: IActionButtonsProps) => JSX.Element;
+
+export { ActionButtons as default };

package/lib/inputs/multiSelect/Dropdown.d.ts

@@ -0,0 +1,10 @@
+import { IDropdownMultiSelectProps } from './types.js';
+import 'react';
+import '../../@types/DataCombo.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+
+declare const Dropdown: (props: IDropdownMultiSelectProps) => JSX.Element;
+
+export { Dropdown as default };

package/lib/inputs/multiSelect/helper.d.ts

@@ -0,0 +1,9 @@
+import { DataCombo } from '../../@types/DataCombo.js';
+
+declare const getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }: {
+    dataSource: DataCombo[];
+    descriptionKey: string;
+    inputText: string;
+}) => any[];
+
+export { getFilteredDataCombo as default };

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

@@ -0,0 +1,10 @@
+import { IMultiSelectProps } from './types.js';
+import 'react';
+import '../../@types/DataCombo.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+
+declare const MultiSelectField: (props: IMultiSelectProps) => JSX.Element;
+
+export { MultiSelectField as default };

package/lib/inputs/multiSelect/index.js

@@ -108,7 +108,11 @@ var MultiSelectField = function MultiSelectField(props) {
       insideComponent = _useState18[0],
       setInsideComponent = _useState18[1];
 
-  var gridEl = (0, _react.useRef)();
+  var _useState19 = (0, _react.useState)(),
+      _useState20 = _slicedToArray(_useState19, 2),
+      elementStyles = _useState20[0],
+      setElementStyles = _useState20[1];
+
   var componentRef = (0, _react.useRef)(null);
   var selectWrapper = (0, _react.useRef)();
 
@@ -240,7 +244,7 @@ var MultiSelectField = function MultiSelectField(props) {
   (0, _react.useEffect)(function () {
     if (gridLayout) {
       var currentGridEl = document.querySelector("#".concat(componentId, ">.-withinput.grid-container"));
-      if (currentGridEl) gridEl.current = currentGridEl;
+      if (currentGridEl) setElementStyles(window.getComputedStyle(currentGridEl));
     }
 
     window.addEventListener('resize', onScreenResize);
@@ -253,18 +257,21 @@ var MultiSelectField = function MultiSelectField(props) {
     };
   }, []);
   (0, _react.useEffect)(function () {
-    if (value !== null && dataSource.length > 0) {
+    if (dataSource.length > 0) {
       var newSelecteds = dataSource.filter(function (item) {
         return value === null || value === void 0 ? void 0 : value.includes(item[idKey]);
       });
       setSelecteds(newSelecteds);
-    } else if (dataSource !== dataCombo) {
+    }
+  }, [value === null || value === void 0 ? void 0 : value.length, dataSource.length]);
+  (0, _react.useEffect)(function () {
+    if (!_lodash.default.isEqual(dataSource, dataCombo)) {
       var newDataCombo = (0, _helper.default)(_extends({}, props, {
         inputText: inputValue
       }));
       setDataCombo(newDataCombo);
     }
-  }, [props]);
+  }, [dataSource]);
   (0, _react.useEffect)(function () {
     var checkAll = _lodash.default.isEqual(dataCombo, selecteds);
 
@@ -312,7 +319,7 @@ var MultiSelectField = function MultiSelectField(props) {
     onFilter: handleOnFilter,
     onFocus: _onFocus,
     onBlur: onBlurComponent,
-    gridWrapperStyle: gridLayout ? window.getComputedStyle(gridEl.current) : undefined
+    gridWrapperStyle: elementStyles
   })));
 };
 

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

@@ -0,0 +1,49 @@
+import { ChangeEvent, RefObject } from 'react';
+import { DataCombo } from '../../@types/DataCombo.js';
+import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+
+interface IActionButtonsProps {
+    handleOpenClose: () => void;
+    handleCheckAll: () => void;
+    handleUncheckAll: () => void;
+    disabled: boolean;
+    dropdownOpened?: boolean;
+}
+interface IDropdownMultiSelectProps {
+    dataCombo: DataCombo[];
+    idKey: string;
+    descriptionKey: string;
+    inputValue: string;
+    isAllChecked: boolean;
+    dropdownWidth: number;
+    onBlur: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onFocus: () => void;
+    onSelect: (data: DataCombo) => void;
+    onFilter: (value: string) => void;
+    onUncheckAll: (checkAll: boolean) => void;
+    onCheckAll: (checkAll: boolean) => void;
+    opened: boolean;
+    selecteds?: DataCombo[] | null;
+    imgSrcKey?: string;
+    imageAlign?: 'left' | 'right';
+    gridWrapperStyle?: {
+        paddingLeft: string;
+        paddingRight: string;
+    };
+    selectFieldRef?: RefObject<HTMLDivElement>;
+    dropdownMaxHeight?: number;
+}
+interface IMultiSelectProps {
+    dataSource: DataCombo[];
+    idKey: string;
+    descriptionKey: string;
+    value?: any[];
+    gridLayout?: string;
+    onSelect: (data?: string[]) => void;
+    onBlur?: (e: CustomInputEvent) => void;
+    disabled?: boolean;
+}
+
+export { IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };

package/lib/inputs/number/BaseNumber.d.ts

@@ -0,0 +1,12 @@
+import { IBaseNumberProps } from './types.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import 'react';
+import '../../@types/Period.js';
+import '../types.js';
+import '../../@types/DataCombo.js';
+import '../select/types.js';
+
+declare const BaseNumber: (props: IBaseNumberProps) => JSX.Element;
+
+export { BaseNumber as default };

package/lib/inputs/number/BaseNumber.js

@@ -19,7 +19,7 @@ var BaseNumber = function BaseNumber(props) {
   var _props$returnFormatte = props.returnFormattedValueOnBlur,
       returnFormattedValueOnBlur = _props$returnFormatte === void 0 ? true : _props$returnFormatte;
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
-    value: typeof props.value === 'number' ? (0, _format_number.numberToPtBR)(props.value) : props.value,
+    value: (0, _format_number.numberToPtBR)(props.value),
     thousandsSeparator: ".",
     radix: ",",
     mask: Number,

package/lib/inputs/number/Currency.d.ts

@@ -0,0 +1,12 @@
+import { ICurrenceProps } from './types.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import 'react';
+import '../../@types/Period.js';
+import '../types.js';
+import '../../@types/DataCombo.js';
+import '../select/types.js';
+
+declare const CurrencyField: (props: ICurrenceProps) => JSX.Element;
+
+export { CurrencyField as default };

package/lib/inputs/number/Decimal.d.ts

@@ -0,0 +1,12 @@
+import { IBaseNumberProps } from './types.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import 'react';
+import '../../@types/Period.js';
+import '../types.js';
+import '../../@types/DataCombo.js';
+import '../select/types.js';
+
+declare const DecimalField: (props: IBaseNumberProps) => JSX.Element;
+
+export { DecimalField as default };

package/lib/inputs/number/format_number.d.ts

@@ -0,0 +1,4 @@
+declare const numberToPtBR: (value?: string | number) => string | undefined;
+declare const numberToEnUS: (value: string) => string | number;
+
+export { numberToEnUS, numberToPtBR };

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

@@ -0,0 +1,14 @@
+export { default as CurrencyField } from './Currency.js';
+export { default as DecimalField } from './Decimal.js';
+import { INumberFieldProps } from './types.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import 'react';
+import '../../@types/Period.js';
+import '../types.js';
+import '../../@types/DataCombo.js';
+import '../select/types.js';
+
+declare const NumberField: (props: INumberFieldProps) => JSX.Element;
+
+export { NumberField as default };

package/lib/inputs/number/numberfield.spec.js

@@ -1,66 +1,49 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@testing-library/react");
-
 require("@testing-library/jest-dom/extend-expect");
-
 var _index = _interopRequireDefault(require("./index"));
-
 var _storageMock = _interopRequireWildcard(require("../../../../config/jest/storageMock"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 describe('NumberField', function () {
   var numberField = function numberField(fieldProps) {
     return /*#__PURE__*/_react.default.createElement(_index.default, fieldProps);
   };
-
   var setSessionStorageMock = function setSessionStorageMock() {
     Object.defineProperty(window, 'sessionStorage', {
       value: (0, _storageMock.default)()
     });
   };
-
   describe('prop value should', function () {
     it('be applied when is a numeric string', function () {
       var value = '1';
-
       var _render = (0, _react2.render)(numberField({
-        value: value
-      })),
-          container = _render.container;
-
+          value: value
+        })),
+        container = _render.container;
       var inputHTML = container.querySelector('.textinput');
       expect(inputHTML.value).toBe(value);
     });
     it('not be applied when is not a numeric string', function () {
       var value = 'sus';
-
       var _render2 = (0, _react2.render)(numberField({
-        value: value
-      })),
-          container = _render2.container;
-
+          value: value
+        })),
+        container = _render2.container;
       var inputHTML = container.querySelector('.textinput');
       expect(inputHTML.value).toBe('');
     });
   });
   it('should apply textAlign', function () {
     var textAlign = 'left';
-
     var _render3 = (0, _react2.render)(numberField({
-      textAlign: textAlign
-    })),
-        container = _render3.container;
-
+        textAlign: textAlign
+      })),
+      container = _render3.container;
     var inputHTML = container.querySelector('.textinput');
     expect(inputHTML).toHaveClass("text-align-".concat(textAlign));
   });
@@ -69,12 +52,10 @@ describe('NumberField', function () {
       it('should render subject', function () {
         setSessionStorageMock();
         var permissionAttr = (0, _storageMock.permissionAttrMockAuthorized)('unvisible');
-
         var _render4 = (0, _react2.render)(numberField({
-          permissionAttr: permissionAttr
-        })),
-            container = _render4.container;
-
+            permissionAttr: permissionAttr
+          })),
+          container = _render4.container;
         expect(container.querySelector('.input-base-component')).not.toBeNull();
       });
     });
@@ -82,12 +63,10 @@ describe('NumberField', function () {
       it('onDenied.unvisible option should not render subject', function () {
         setSessionStorageMock();
         var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('unvisible');
-
         var _render5 = (0, _react2.render)(numberField({
-          permissionAttr: permissionAttr
-        })),
-            container = _render5.container;
-
+            permissionAttr: permissionAttr
+          })),
+          container = _render5.container;
         expect(container.querySelector('.input-base-component')).toBeNull();
       });
       describe('onDenied.disabled option/disabled prop should', function () {
@@ -95,33 +74,27 @@ describe('NumberField', function () {
           setSessionStorageMock();
           var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('disabled');
           var onChange = jest.fn();
-
           var _render6 = (0, _react2.render)(numberField({
-            permissionAttr: permissionAttr,
-            onChange: onChange
-          })),
-              container = _render6.container;
-
+              permissionAttr: permissionAttr,
+              onChange: onChange
+            })),
+            container = _render6.container;
           var inputHTML = container.querySelector('.textinput');
-
           _react2.fireEvent.change(inputHTML, {
             target: {
               value: 'sus'
             }
           });
-
           expect(inputHTML.disabled).toBeTruthy();
           expect(onChange).not.toBeCalled();
         });
         it('add -disabled css class', function () {
           setSessionStorageMock();
           var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('disabled');
-
           var _render7 = (0, _react2.render)(numberField({
-            permissionAttr: permissionAttr
-          })),
-              container = _render7.container;
-
+              permissionAttr: permissionAttr
+            })),
+            container = _render7.container;
           var inputWrapper = container.querySelector('.inputwrapper');
           expect(inputWrapper).toHaveClass('-disabled');
         });
@@ -130,12 +103,10 @@ describe('NumberField', function () {
         it('apply readOnly attribute in input', function () {
           setSessionStorageMock();
           var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('readOnly');
-
           var _render8 = (0, _react2.render)(numberField({
-            permissionAttr: permissionAttr
-          })),
-              container = _render8.container;
-
+              permissionAttr: permissionAttr
+            })),
+            container = _render8.container;
           var inputHTML = container.querySelector('.textinput');
           expect(inputHTML.readOnly).toBeTruthy();
         });
@@ -143,21 +114,17 @@ describe('NumberField', function () {
           setSessionStorageMock();
           var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('readOnly');
           var onChange = jest.fn();
-
           var _render9 = (0, _react2.render)(numberField({
-            permissionAttr: permissionAttr,
-            onChange: onChange
-          })),
-              container = _render9.container;
-
+              permissionAttr: permissionAttr,
+              onChange: onChange
+            })),
+            container = _render9.container;
           var inputHTML = container.querySelector('.textinput');
-
           _react2.fireEvent.change(inputHTML, {
             target: {
               value: 'sus'
             }
           });
-
           expect(onChange).not.toBeCalled();
         });
       });
@@ -165,48 +132,39 @@ describe('NumberField', function () {
         it('should set input value to blank', function () {
           setSessionStorageMock();
           var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('hideContent');
-
           var _render10 = (0, _react2.render)(numberField({
-            permissionAttr: permissionAttr,
-            value: 'text'
-          })),
-              container = _render10.container;
-
+              permissionAttr: permissionAttr,
+              value: 'text'
+            })),
+            container = _render10.container;
           var inputHTML = container.querySelector('.textinput');
           expect(inputHTML.value).toBe('');
         });
         it('disable input', function () {
           setSessionStorageMock();
           var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('disabled'); // CORRIGIR?
-
           var onChange = jest.fn();
-
           var _render11 = (0, _react2.render)(numberField({
-            permissionAttr: permissionAttr,
-            onChange: onChange
-          })),
-              container = _render11.container;
-
+              permissionAttr: permissionAttr,
+              onChange: onChange
+            })),
+            container = _render11.container;
           var inputHTML = container.querySelector('.textinput');
-
           _react2.fireEvent.change(inputHTML, {
             target: {
               value: 'sus'
             }
           });
-
           expect(onChange).not.toBeCalled();
           expect(inputHTML.disabled).toBeTruthy();
         });
         it('add -disabled css class', function () {
           setSessionStorageMock();
           var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('hideContent');
-
           var _render12 = (0, _react2.render)(numberField({
-            permissionAttr: permissionAttr
-          })),
-              container = _render12.container;
-
+              permissionAttr: permissionAttr
+            })),
+            container = _render12.container;
           var inputWrapper = container.querySelector('.inputwrapper');
           expect(inputWrapper).toHaveClass('-disabled');
         });

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

@@ -0,0 +1,30 @@
+import { PermissionAttr } from '../../@types/PermissionAttr.js';
+import { CustomInputEvent } from '../base/types.js';
+import { IMaskHOCProps } from '../types.js';
+import 'react';
+import '../../@types/Period.js';
+import '../../@types/DataCombo.js';
+import '../select/types.js';
+
+interface INumberFieldProps extends IMaskHOCProps {
+    value?: string;
+    textAlign?: string;
+    permissionAttr?: PermissionAttr;
+    disabled?: boolean;
+    onChange?: (e?: CustomInputEvent, maskValue?: string, date?: string | {
+        initial: string;
+        final: string;
+    }) => void;
+}
+interface IBaseNumberProps extends INumberFieldProps {
+    value?: string;
+    leftElements?: JSX.Element | JSX.Element[];
+    onBlur?: (e: CustomInputEvent) => void;
+    returnFormattedValueOnBlur?: boolean;
+}
+interface ICurrenceProps extends INumberFieldProps {
+    currencySymbol?: string;
+    displayCurrencySymbol?: boolean;
+}
+
+export { IBaseNumberProps, ICurrenceProps, INumberFieldProps };

package/lib/inputs/period/Dialog.d.ts

@@ -0,0 +1,11 @@
+import { IDialogProps } from './types.js';
+import 'moment';
+import 'react';
+import '../../@types/ColorStyles.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+
+declare const Dialog: ({ handlerClose, children, dialogSize }: IDialogProps) => JSX.Element;
+
+export { Dialog as default };

package/lib/inputs/period/Dropdown.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { IPeriodDropdownProps } from './types.js';
+import 'moment';
+import '../../@types/ColorStyles.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+
+declare const Dropdown: (props: IPeriodDropdownProps) => React.ReactPortal;
+
+export { Dropdown as default };

package/lib/inputs/period/PeriodList.d.ts

@@ -0,0 +1,11 @@
+import { IPeriodListProps } from './types.js';
+import 'moment';
+import 'react';
+import '../../@types/ColorStyles.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+
+declare const PeriodList: ({ selected, handleOnSelect }: IPeriodListProps) => JSX.Element;
+
+export { PeriodList as default };

package/lib/inputs/period/helper.d.ts

@@ -0,0 +1,19 @@
+import { Moment } from 'moment';
+import { DateTypes } from './types.js';
+import 'react';
+import '../../@types/ColorStyles.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+
+declare const getCalendarDropdownStyle: ({ topPosition, leftPosition, width }: {
+    topPosition: number | string;
+    leftPosition: number | string;
+    width: number | string;
+}) => string;
+
+declare const getDropdownItemCssClass: (selected?: boolean, disabled?: boolean, striped?: boolean) => string;
+declare const CalcDatesByPeriod: (dateType: DateTypes) => Moment[];
+declare const isDateValid: (date: Moment) => boolean;
+
+export { CalcDatesByPeriod, getCalendarDropdownStyle as default, getDropdownItemCssClass, isDateValid };

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

@@ -0,0 +1,11 @@
+import { IPeriodPickerProps } from './types.js';
+import 'moment';
+import 'react';
+import '../../@types/ColorStyles.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+
+declare const PeriodPicker: (props: IPeriodPickerProps) => JSX.Element | null;
+
+export { PeriodPicker as default };