@geneui/components 2.11.2 → 2.12.2

package/{index-0199942c.js → DatePickerInput/index.js}

@@ -1,35 +1,36 @@
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import React__default, { useRef, useCallback, useEffect, useMemo, useState } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { d as dayjsWithPlugins, a as dayjs } from './dateValidation-67caec66.js';
-import { d as popoverConfig, i as inputConfig } from './configs-91c86664.js';
-import { n as noop, s as stopEvent } from './index-ac59cb10.js';
-import { u as useKeyDown } from './useKeyDown-38102ae7.js';
-import { u as useDeviceType } from './useDeviceType-dd51db38.js';
-import { c as classnames } from './index-6ff23041.js';
-import { P as PopoverV2 } from './index-5e96cb4d.js';
-import DatePicker from './DatePicker.js';
-import ExtendedInput from './ExtendedInput.js';
-import { g as getBrowserDateFormat } from './localization-4ba17032.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
+import React__default, { useMemo, useState, useRef, useCallback, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { d as dayjsWithPlugins, a as dayjs } from '../dateValidation-67caec66.js';
+import { c as classnames } from '../index-6ff23041.js';
+import { e as popoverConfig, i as inputConfig } from '../configs-fed6ac34.js';
+import { n as noop, s as stopEvent } from '../index-a0e4e333.js';
+import useClick from '../hooks/useClick.js';
+import useKeyDown from '../hooks/useKeyDown.js';
+import useDeviceType from '../hooks/useDeviceType.js';
+import { P as PopoverV2 } from '../index-462461c0.js';
+import ExtendedInput from '../ExtendedInput/index.js';
+import DatePicker from '../DatePicker/index.js';
+import { g as getBrowserDateFormat } from '../localization-4ba17032.js';
+import '../_commonjsHelpers-24198af3.js';
+import 'react-dom';
+import '../hooks/useWindowSize.js';
+import '../index-122432cd.js';
+import '../hooks/useClickOutside.js';
+import '../Scrollbar/index.js';
+import '../GeneUIProvider/index.js';
+import '../debounce-4419bc2f.js';
+import '../hooks/useEllipsisDetection.js';
+import '../Icon/index.js';
+import '../SuggestionList/index.js';
+import '../config-0ca92874.js';
+import '../Tooltip/index.js';
+import '../Popover-f4d1cac0.js';
+import '../guid-8ddf77b3.js';
+import '../Button/index.js';
 
-function useClick(callback) {
-  const ref = useRef();
-  const handleClick = useCallback(e => {
-    if (ref.current && ref.current.contains(e.target)) {
-      callback && callback(e);
-    }
-  }, [ref.current, callback]);
-  useEffect(() => {
-    document.addEventListener('mousedown', handleClick);
-    return () => document.removeEventListener('mousedown', handleClick);
-  }, [handleClick]);
-  const setRef = node => ref.current = node;
-  return setRef;
-}
-
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .mobile-date-ranges-holder{width:100%}[data-gene-ui-version=\"1.0.0\"] .md-range-title{font:600 1.6rem/2.2rem var(--font-family);margin:0 0 1.5rem;padding:0 1rem}[data-gene-ui-version=\"1.0.0\"] .default-cursor{cursor:default!important}[data-gene-ui-version=\"1.0.0\"] .mobile-date-ranges-picker{grid-column-gap:2rem;grid-row-gap:2rem;display:grid;grid-template-areas:\"m-start-date m-end-date\";grid-template-columns:repeat(2,calc(50% - 1rem));width:100%}[data-gene-ui-version=\"1.0.0\"] .mobile-date-ranges-picker.with-time{grid-template-areas:\"m-start-date m-start-time\" \"m-end-date m-end-time\";grid-template-columns:calc(55% - 1rem) calc(45% - 1rem)}[data-gene-ui-version=\"1.0.0\"] .mobile-date-ranges-picker .m-start-date{grid-area:m-start-date}[data-gene-ui-version=\"1.0.0\"] .mobile-date-ranges-picker .m-end-date{grid-area:m-end-date}[data-gene-ui-version=\"1.0.0\"] .mobile-date-ranges-picker .m-start-time{grid-area:m-start-time}[data-gene-ui-version=\"1.0.0\"] .mobile-date-ranges-picker .m-end-time{grid-area:m-end-time}[data-gene-ui-version=\"1.0.0\"] .mobile-date-ranges-picker i[class*=calendar],[data-gene-ui-version=\"1.0.0\"] .mobile-single-date-picker i[class*=calendar]{order:-2;pointer-events:none}[data-gene-ui-version=\"1.0.0\"] .mobile-date-ranges-picker i[class*=clear],[data-gene-ui-version=\"1.0.0\"] .mobile-single-date-picker i[class*=clear]{order:-1}[data-gene-ui-version=\"1.0.0\"] .date-input .input-structure>label{height:var(--input-element-height)}[data-gene-ui-version=\"1.0.0\"] .date-input .input-structure>.icon+label input{padding-inline:2rem 4.4rem}[data-gene-ui-version=\"1.0.0\"] .date-input .input-structure .input-element-relative{inset-inline-start:0;position:absolute;top:0;width:90%}[data-gene-ui-version=\"1.0.0\"] .date-input .input-structure .input-element-relative>input{padding-inline:2rem 1.5rem;padding-inline-end:2.4rem}[data-gene-ui-version=\"1.0.0\"] .date-input .input-structure .input-element-relative>.read-only{padding-inline:2rem 1.5rem}[data-gene-ui-version=\"1.0.0\"] .date-input i[class*=calendar]{order:-2}[data-gene-ui-version=\"1.0.0\"] .date-input i[class*=clear]{order:-1}[data-gene-ui-version=\"1.0.0\"] .mobile-date-ranges-picker .bc-icon-calendar,[data-gene-ui-version=\"1.0.0\"] .mobile-date-ranges-picker .bc-icon.clock,[data-gene-ui-version=\"1.0.0\"] .mobile-single-date-picker .bc-icon-calendar,[data-gene-ui-version=\"1.0.0\"] .mobile-single-date-picker .bc-icon.clock{pointer-events:none}[data-gene-ui-version=\"1.0.0\"] .clearable-date-picker input{width:85%}";
+var css_248z = "[data-gene-ui-version=\"2.12.2\"] .mobile-date-ranges-holder{width:100%}[data-gene-ui-version=\"2.12.2\"] .md-range-title{font:600 1.6rem/2.2rem var(--font-family);margin:0 0 1.5rem;padding:0 1rem}[data-gene-ui-version=\"2.12.2\"] .default-cursor{cursor:default!important}[data-gene-ui-version=\"2.12.2\"] .text-cursor{cursor:text}[data-gene-ui-version=\"2.12.2\"] .mobile-date-ranges-picker{grid-column-gap:2rem;grid-row-gap:2rem;display:grid;grid-template-areas:\"m-start-date m-end-date\";grid-template-columns:repeat(2,calc(50% - 1rem));width:100%}[data-gene-ui-version=\"2.12.2\"] .mobile-date-ranges-picker.with-time{grid-template-areas:\"m-start-date m-start-time\" \"m-end-date m-end-time\";grid-template-columns:calc(55% - 1rem) calc(45% - 1rem)}[data-gene-ui-version=\"2.12.2\"] .mobile-date-ranges-picker .m-start-date{grid-area:m-start-date}[data-gene-ui-version=\"2.12.2\"] .mobile-date-ranges-picker .m-end-date{grid-area:m-end-date}[data-gene-ui-version=\"2.12.2\"] .mobile-date-ranges-picker .m-start-time{grid-area:m-start-time}[data-gene-ui-version=\"2.12.2\"] .mobile-date-ranges-picker .m-end-time{grid-area:m-end-time}[data-gene-ui-version=\"2.12.2\"] .mobile-date-ranges-picker i[class*=calendar],[data-gene-ui-version=\"2.12.2\"] .mobile-single-date-picker i[class*=calendar]{order:-2;pointer-events:none}[data-gene-ui-version=\"2.12.2\"] .mobile-date-ranges-picker i[class*=clear],[data-gene-ui-version=\"2.12.2\"] .mobile-single-date-picker i[class*=clear]{order:-1}[data-gene-ui-version=\"2.12.2\"] .date-input .input-structure>label{height:var(--input-element-height)}[data-gene-ui-version=\"2.12.2\"] .date-input .input-structure>.icon+label input{padding-inline:2rem 4.4rem}[data-gene-ui-version=\"2.12.2\"] .date-input .input-structure .input-element-relative{left:0;position:absolute;width:100%}[data-gene-ui-version=\"2.12.2\"] .date-input .input-structure .input-element-relative>input{padding-inline:2rem 1.5rem;padding-inline-end:6.4rem}[data-gene-ui-version=\"2.12.2\"] .date-input .input-structure .input-element-relative>.read-only{padding-inline:2rem 1.5rem}[data-gene-ui-version=\"2.12.2\"] .date-input i[class*=calendar]{order:-2}[data-gene-ui-version=\"2.12.2\"] .date-input i[class*=clear]{order:-1}[data-gene-ui-version=\"2.12.2\"] .mobile-date-ranges-picker .bc-icon-calendar,[data-gene-ui-version=\"2.12.2\"] .mobile-date-ranges-picker .bc-icon.clock,[data-gene-ui-version=\"2.12.2\"] .mobile-single-date-picker .bc-icon-calendar,[data-gene-ui-version=\"2.12.2\"] .mobile-single-date-picker .bc-icon.clock{pointer-events:none}";
 styleInject(css_248z);
 
 const getLastValidValue$1 = (date, validFormat) => date && date.isValid() ? date.format(validFormat) : '';
@@ -80,6 +81,10 @@ function DatePickerInput(_ref) {
   const inputRef = useRef();
   const handleChange = useCallback(value => {
     const date = dayjsWithPlugins(value);
+    if (!withTime) {
+      setPopoverState(false);
+      inputRef.current.blur();
+    }
     setDate(date);
     onChange(date.toDate());
     setInputValue(date.format(validFormat));
@@ -116,6 +121,9 @@ function DatePickerInput(_ref) {
   }, [frozenDateRange, validFormat, onChange, required]);
   const checkDateInerval = useCallback(() => {
     let value = getLastValidValue$1(date, validFormat);
+    if (!value) {
+      return null;
+    }
     const minUnix = minDate && minDate.valueOf();
     const maxUnix = maxDate && maxDate.valueOf();
     const dateUnix = date && dayjs(date, validFormat).valueOf();
@@ -144,10 +152,10 @@ function DatePickerInput(_ref) {
   const handleIconClick = useCallback((e, isBlurInitiatorCalendarIcon) => {
     e.stopPropagation();
     e.preventDefault();
-    if (!popoverOpened && !isBlurInitiatorCalendarIcon) {
+    if (!popoverOpened && !isBlurInitiatorCalendarIcon || withoutPicker) {
       inputRef.current.focus();
     }
-  }, [popoverOpened]);
+  }, [popoverOpened, withoutPicker]);
   useEffect(() => {
     const date = dayjsWithPlugins(value);
     if (value) {
@@ -219,8 +227,7 @@ function DatePickerInput(_ref) {
       className: readOnly ? 'pointer-events-none' : ''
     }, pickerProps, {
       markedDate: markedDate,
-      frozenDateRange: frozenDateRange,
-      autocomplete: "off"
+      frozenDateRange: frozenDateRange
     }))
   }, /*#__PURE__*/React__default.createElement(ExtendedInput, _extends({
     clickableIcon: true,
@@ -232,8 +239,9 @@ function DatePickerInput(_ref) {
     onChange: handleInputChange,
     icon: readOnly ? '' : 'bc-icon-calendar',
     className: classnames(className, 'date-input', {
-      'default-cursor': readOnly,
-      'clearable-date-picker': clearable
+      'default-cursor': readOnly || disabled,
+      'clearable-date-picker': clearable,
+      'text-cursor': withoutPicker
     })
   }, sharedProps)));
 }
@@ -246,96 +254,96 @@ DatePickerInput.propTypes = {
   /**
    * Controls alignment of popover
    */
-  popoverAlign: propTypesExports.oneOf(popoverConfig.align),
+  popoverAlign: PropTypes.oneOf(popoverConfig.align),
   /**
    * Controls flexibility of input element
    */
-  flexibility: propTypesExports.oneOf(flexibility$1),
+  flexibility: PropTypes.oneOf(flexibility$1),
   /**
    * Controls appearance of input element
    */
-  appearance: propTypesExports.oneOf(appearances$1),
+  appearance: PropTypes.oneOf(appearances$1),
   /**
    * Placeholder text for input
    */
-  placeholder: propTypesExports.string,
+  placeholder: PropTypes.string,
   /**
    *  Disables datepicker when input is focused
    */
-  withoutPicker: propTypesExports.bool,
+  withoutPicker: PropTypes.bool,
   /**
    * Accepts same props as DatePicker component(organisms)
    */
-  pickerProps: propTypesExports.object,
+  pickerProps: PropTypes.object,
   /**
    * Min specifies the minimum value allowed for datepicker
    */
-  min: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjsWithPlugins), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number]),
+  min: PropTypes.oneOfType([PropTypes.instanceOf(dayjsWithPlugins), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]),
   /**
    * Max specifies the maximum value allowed for datepicker
    */
-  max: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjsWithPlugins), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number]),
+  max: PropTypes.oneOfType([PropTypes.instanceOf(dayjsWithPlugins), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]),
   /**
    * The value of the input element, required for a controlled component.
    */
-  value: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjsWithPlugins), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number]),
+  value: PropTypes.oneOfType([PropTypes.instanceOf(dayjsWithPlugins), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]),
   /**
    * The CSS class name of the wrapper element.
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Controls input size
    */
-  size: propTypesExports.oneOf(size$1),
+  size: PropTypes.oneOf(size$1),
   /**
    * Custom date format
    */
-  format: propTypesExports.string,
+  format: PropTypes.string,
   /**
    * If true, the input element will be disabled.
    */
-  disabled: propTypesExports.bool,
+  disabled: PropTypes.bool,
   /**
    * 	It prevents the user from changing the value of the field.
    */
-  readOnly: propTypesExports.bool,
+  readOnly: PropTypes.bool,
   /**
    * If true, the input element will show icon which can reset selected date.
    */
-  clearable: propTypesExports.bool,
+  clearable: PropTypes.bool,
   /**
    * Callback fired when the value is changed.
    * function(date: Date) => void
    */
-  onChange: propTypesExports.func,
+  onChange: PropTypes.func,
   /**
    * Callback fired when the input looses focus.
    * function(e: Event) => void
    */
-  onBlur: propTypesExports.func,
+  onBlur: PropTypes.func,
   /**
    * Callback fired when the input get focused.
    * function(e: Event) => void
    */
-  onFocus: propTypesExports.func,
+  onFocus: PropTypes.func,
   /**
    * If false, the input will indicate an error.
    */
-  isValid: propTypesExports.bool,
+  isValid: PropTypes.bool,
   /**
    * Title for input
    */
-  title: propTypesExports.string,
+  title: PropTypes.string,
   /**
    *  MarkedDate specifies the default mark date
    */
-  markedDate: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjs), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number]),
+  markedDate: PropTypes.oneOfType([PropTypes.instanceOf(dayjs), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]),
   /**
    * Prop is responsible for disabling selected range
    */
-  frozenDateRange: propTypesExports.arrayOf(propTypesExports.shape({
-    from: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjs), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number]).isRequired,
-    to: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjs), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number]).isRequired
+  frozenDateRange: PropTypes.arrayOf(PropTypes.shape({
+    from: PropTypes.oneOfType([PropTypes.instanceOf(dayjs), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]).isRequired,
+    to: PropTypes.oneOfType([PropTypes.instanceOf(dayjs), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]).isRequired
   }))
 };
 DatePickerInput.defaultProps = {
@@ -466,10 +474,14 @@ function DateRangePickerInput(_ref) {
       const end = dayjsWithPlugins(endDate);
       setStartDate(start);
       setEndDate(end);
+      if (!withTime) {
+        inputRef.current.blur();
+        setPopoverState(false);
+      }
       setInputValue("".concat(start.format(validFormat)).concat(rangeSeparator).concat(end.format(validFormat)));
       onChange(value);
     }
-  }, [validFormat, rangeSeparator, onChange]);
+  }, [validFormat, rangeSeparator, onChange, withTime]);
   const handleInputChange = useCallback(e => {
     var _value, _value2, _value3;
     let {
@@ -569,10 +581,10 @@ function DateRangePickerInput(_ref) {
   const handleIconClick = useCallback((e, isBlurInitiatorCalendarIcon) => {
     e.stopPropagation();
     e.preventDefault();
-    if (!popoverOpened && !isBlurInitiatorCalendarIcon) {
+    if (!popoverOpened && !isBlurInitiatorCalendarIcon || withoutPicker) {
       inputRef.current.focus();
     }
-  }, [popoverOpened]);
+  }, [popoverOpened, withoutPicker]);
   useEffect(() => {
     const [first, second] = value;
     const startDate = dayjsWithPlugins(first);
@@ -701,10 +713,11 @@ function DateRangePickerInput(_ref) {
     icon: readOnly ? '' : 'bc-icon-calendar',
     onIconClick: handleIconClick,
     className: classnames(className, 'date-input', {
-      'default-cursor': readOnly,
-      'clearable-date-picker': clearable
+      'default-cursor': readOnly || disabled,
+      'clearable-date-picker': clearable,
+      'text-cursor': withoutPicker
     }),
-    autoComplete: "off"
+    autocomplete: "off"
   }, sharedProps)));
 }
 const {
@@ -716,128 +729,128 @@ DateRangePickerInput.propTypes = {
   /**
    * Controls appearance of input element
    */
-  appearance: propTypesExports.oneOf(appearances),
+  appearance: PropTypes.oneOf(appearances),
   /**
    * Placeholder text for input
    */
-  placeholder: propTypesExports.string,
+  placeholder: PropTypes.string,
   /**
    * Title for input
    */
-  title: propTypesExports.string,
+  title: PropTypes.string,
   /**
    * The CSS class name of the wrapper element.
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Custom date format
    */
-  format: propTypesExports.string,
+  format: PropTypes.string,
   /**
    * Controls flexibility of input element
    */
-  flexibility: propTypesExports.oneOf(flexibility),
+  flexibility: PropTypes.oneOf(flexibility),
   /**
    * Define range picker is with time or no.
    */
-  withTime: propTypesExports.bool,
+  withTime: PropTypes.bool,
   /**
    * If true, the input element will show icon which can reset selected date.
    */
-  clearable: propTypesExports.bool,
+  clearable: PropTypes.bool,
   /**
    * If true, the input element will be disabled.
    */
-  disabled: propTypesExports.bool,
+  disabled: PropTypes.bool,
   /**
    * 	It prevents the user from changing the value of the field.
    */
-  readOnly: propTypesExports.bool,
+  readOnly: PropTypes.bool,
   /**
    * Callback fired when the value is changed.
    * function([startDate: Date, endDate: Date) => void
    */
-  onChange: propTypesExports.func,
+  onChange: PropTypes.func,
   /**
    * Callback fired when the input looses focus.
    * function(e: Event) => void
    */
-  onBlur: propTypesExports.func,
+  onBlur: PropTypes.func,
   /**
    * Callback fired when the input get focused.
    * function(e: Event) => void
    */
-  onFocus: propTypesExports.func,
+  onFocus: PropTypes.func,
   /**
    * The value of the input element, required for a controlled component.
    */
-  value: propTypesExports.oneOfType([propTypesExports.arrayOf(propTypesExports.instanceOf(dayjsWithPlugins)), propTypesExports.arrayOf(propTypesExports.instanceOf(Date)), propTypesExports.arrayOf(propTypesExports.string), propTypesExports.arrayOf(propTypesExports.number)]),
+  value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.instanceOf(dayjsWithPlugins)), PropTypes.arrayOf(PropTypes.instanceOf(Date)), PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)]),
   /**
    * If false, the input will indicate an error.
    */
-  isValid: propTypesExports.bool,
+  isValid: PropTypes.bool,
   /**
    *  Disables datepicker when input is focused
    */
-  withoutPicker: propTypesExports.bool,
+  withoutPicker: PropTypes.bool,
   /**
    * Accepts same props as DatePicker component(organisms)
    */
-  pickerProps: propTypesExports.object,
+  pickerProps: PropTypes.object,
   /**
    * Min specifies the minimum value allowed for datepicker
    */
-  min: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjsWithPlugins), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number]),
+  min: PropTypes.oneOfType([PropTypes.instanceOf(dayjsWithPlugins), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]),
   /**
    * Max specifies the maximum value allowed for datepicker
    */
-  max: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjsWithPlugins), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number]),
+  max: PropTypes.oneOfType([PropTypes.instanceOf(dayjsWithPlugins), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]),
   /**
    * Controls input size
    */
-  size: propTypesExports.oneOf(size),
+  size: PropTypes.oneOf(size),
   /**
    * Controls alignment of popover
    */
-  popoverAlign: propTypesExports.oneOf(popoverConfig.align),
+  popoverAlign: PropTypes.oneOf(popoverConfig.align),
   /**
    * Placeholder text for start date input, which is used in mobile version
    */
-  startDatePlaceholder: propTypesExports.string,
+  startDatePlaceholder: PropTypes.string,
   /**
    * Placeholder text for end date input, which is used in mobile version
    */
-  endDatePlaceholder: propTypesExports.string,
+  endDatePlaceholder: PropTypes.string,
   /**
    * Placeholder text for start time input, which is used in mobile version
    */
-  startTimePlaceholder: propTypesExports.string,
+  startTimePlaceholder: PropTypes.string,
   /**
    * Placeholder text for end time input, which is used in mobile version
    */
-  endTimePlaceholder: propTypesExports.string,
+  endTimePlaceholder: PropTypes.string,
   /**
    * Set default start time when date changed
    */
-  defaultStartTime: propTypesExports.string,
+  defaultStartTime: PropTypes.string,
   /**
    * Set default end time when date changed
    */
-  defaultEndTime: propTypesExports.string,
+  defaultEndTime: PropTypes.string,
   /**
    * Prop is responsible for add one second to end date time value in case of true parameter
    */
-  isIncludeEndDateLastSecond: propTypesExports.bool,
+  isIncludeEndDateLastSecond: PropTypes.bool,
   /**
    * MarkedDate specifies the default mark date
    */
-  markedDate: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjs), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number]),
+  markedDate: PropTypes.oneOfType([PropTypes.instanceOf(dayjs), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]),
   /**
    * Prop is responsible for disabling selected range
    */
-  frozenDateRange: propTypesExports.arrayOf(propTypesExports.shape({
-    from: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjs), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number]).isRequired,
-    to: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjs), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number]).isRequired
+  frozenDateRange: PropTypes.arrayOf(PropTypes.shape({
+    from: PropTypes.oneOfType([PropTypes.instanceOf(dayjs), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]).isRequired,
+    to: PropTypes.oneOfType([PropTypes.instanceOf(dayjs), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]).isRequired
   }))
 };
 DateRangePickerInput.defaultProps = {
@@ -862,6 +875,7 @@ DateRangePickerInput.defaultProps = {
   clearable: false
 };
 
+// Styles
 DatePickerInput.WithRange = DateRangePickerInput;
 
-export { DatePickerInput as D, useClick as u };
+export { DatePickerInput as default };

package/{Divider.js → Divider/index.js}

@@ -1,11 +1,10 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { useMemo } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .divider{background:rgba(var(--background-sc-rgb),.05);height:2.6rem;width:1px}[data-gene-ui-version=\"1.0.0\"] .divider:not(.divider-withNoSpace){margin:0 1.5rem}[data-gene-ui-version=\"1.0.0\"] .divider:not(.divider-withNoSpace).type-horizontal{margin:1.5rem 0}[data-gene-ui-version=\"1.0.0\"] .divider.type-horizontal{height:1px;width:2.6rem}[data-gene-ui-version=\"1.0.0\"] .divider.type-horizontal.full-width{width:100%}";
+var css_248z = "[data-gene-ui-version=\"2.12.2\"] .divider{background:rgba(var(--background-sc-rgb),.05);height:2.6rem;width:1px}[data-gene-ui-version=\"2.12.2\"] .divider:not(.divider-withNoSpace){margin:0 1.5rem}[data-gene-ui-version=\"2.12.2\"] .divider:not(.divider-withNoSpace).type-horizontal{margin:1.5rem 0}[data-gene-ui-version=\"2.12.2\"] .divider.type-horizontal{height:1px;width:2.6rem}[data-gene-ui-version=\"2.12.2\"] .divider.type-horizontal.full-width{width:100%}";
 styleInject(css_248z);
 
 function Divider(_ref) {
@@ -33,19 +32,19 @@ Divider.propTypes = {
   /**
    * Divider direction
    */
-  type: propTypesExports.oneOf(['horizontal', 'vertical']),
+  type: PropTypes.oneOf(['horizontal', 'vertical']),
   /**
    * Divider additional className
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Divider size will be applied to height(when "type" is set to "vertical") or to width(when "type" is set to "horizontal")
    */
-  size: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * withSpace by default true. If you want to remove the divider`s spacing, switch to false
    */
-  withSpace: propTypesExports.bool
+  withSpace: PropTypes.bool
 };
 Divider.defaultProps = {
   type: 'vertical',