@geneui/components 2.11.2 → 2.12.1

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

@@ -1,35 +1,37 @@
-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 PopoverV2 from '../PopoverV2/index.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 '../jsx-runtime-57b40d9e.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.1\"] .mobile-date-ranges-holder{width:100%}[data-gene-ui-version=\"2.12.1\"] .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.1\"] .default-cursor{cursor:default!important}[data-gene-ui-version=\"2.12.1\"] .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.1\"] .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.1\"] .mobile-date-ranges-picker .m-start-date{grid-area:m-start-date}[data-gene-ui-version=\"2.12.1\"] .mobile-date-ranges-picker .m-end-date{grid-area:m-end-date}[data-gene-ui-version=\"2.12.1\"] .mobile-date-ranges-picker .m-start-time{grid-area:m-start-time}[data-gene-ui-version=\"2.12.1\"] .mobile-date-ranges-picker .m-end-time{grid-area:m-end-time}[data-gene-ui-version=\"2.12.1\"] .mobile-date-ranges-picker i[class*=calendar],[data-gene-ui-version=\"2.12.1\"] .mobile-single-date-picker i[class*=calendar]{order:-2;pointer-events:none}[data-gene-ui-version=\"2.12.1\"] .mobile-date-ranges-picker i[class*=clear],[data-gene-ui-version=\"2.12.1\"] .mobile-single-date-picker i[class*=clear]{order:-1}[data-gene-ui-version=\"2.12.1\"] .date-input .input-structure>label{height:var(--input-element-height)}[data-gene-ui-version=\"2.12.1\"] .date-input .input-structure>.icon+label input{padding-inline:2rem 4.4rem}[data-gene-ui-version=\"2.12.1\"] .date-input .input-structure .input-element-relative{inset-inline-start:0;position:absolute;top:0;width:90%}[data-gene-ui-version=\"2.12.1\"] .date-input .input-structure .input-element-relative>input{padding-inline:2rem 1.5rem;padding-inline-end:2.4rem}[data-gene-ui-version=\"2.12.1\"] .date-input .input-structure .input-element-relative>.read-only{padding-inline:2rem 1.5rem}[data-gene-ui-version=\"2.12.1\"] .date-input i[class*=calendar]{order:-2}[data-gene-ui-version=\"2.12.1\"] .date-input i[class*=clear]{order:-1}[data-gene-ui-version=\"2.12.1\"] .mobile-date-ranges-picker .bc-icon-calendar,[data-gene-ui-version=\"2.12.1\"] .mobile-date-ranges-picker .bc-icon.clock,[data-gene-ui-version=\"2.12.1\"] .mobile-single-date-picker .bc-icon-calendar,[data-gene-ui-version=\"2.12.1\"] .mobile-single-date-picker .bc-icon.clock{pointer-events:none}[data-gene-ui-version=\"2.12.1\"] .clearable-date-picker input{width:85%}";
 styleInject(css_248z);
 
 const getLastValidValue$1 = (date, validFormat) => date && date.isValid() ? date.format(validFormat) : '';
@@ -80,6 +82,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 +122,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();
@@ -246,96 +255,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 +475,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 {
@@ -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.1\"] .divider{background:rgba(var(--background-sc-rgb),.05);height:2.6rem;width:1px}[data-gene-ui-version=\"2.12.1\"] .divider:not(.divider-withNoSpace){margin:0 1.5rem}[data-gene-ui-version=\"2.12.1\"] .divider:not(.divider-withNoSpace).type-horizontal{margin:1.5rem 0}[data-gene-ui-version=\"2.12.1\"] .divider.type-horizontal{height:1px;width:2.6rem}[data-gene-ui-version=\"2.12.1\"] .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',

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

@@ -1,24 +1,23 @@
 import React__default, { useRef, useState, useEffect, useCallback, useMemo, Fragment } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as clsx } from './clsx.m-2bb6df4b.js';
-import { n as noop } from './index-ac59cb10.js';
-import './configs-91c86664.js';
-import { u as useClickOutside } from './useClickOutside-5183e396.js';
-import Icon from './Icon.js';
-import Tooltip from './Tooltip.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import './dateValidation-67caec66.js';
-import './_commonjsHelpers-24198af3.js';
+import PropTypes from 'prop-types';
+import { c as clsx } from '../clsx.m-2bb6df4b.js';
+import { n as noop } from '../index-a0e4e333.js';
+import '../configs-fed6ac34.js';
+import useClickOutside from '../hooks/useClickOutside.js';
+import Icon from '../Icon/index.js';
+import Tooltip from '../Tooltip/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
-import './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import './index-6ff23041.js';
-import './globalStyling-9c60a159.js';
-import './Popover-f4d1cac0.js';
-import './useDeviceType-dd51db38.js';
-import './useWindowSize-80369d76.js';
-import './GeneUIProvider.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
+import '../index-6ff23041.js';
+import '../Popover-f4d1cac0.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../GeneUIProvider/index.js';
 
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .bc-drawer{--width:7.2rem;--head-justify:center;--item-width:4.2rem;--item-padding:0;--item-justify:center;--item-title-display:none;--item-icon-margin:0;background:var(--background);border-right:1px solid rgba(var(--background-sc-rgb),.1);left:0;overflow:hidden;top:0;transition:width .15s cubic-bezier(.4,0,.2,1);width:var(--width);z-index:200}[data-gene-ui-version=\"1.0.0\"] .bc-drawer.open{--width:30rem;--head-justify:space-between;--item-width:100%;--item-padding:0 14px;--item-justify:flex-start;--item-title-display:block;--item-icon-margin:17px}[data-gene-ui-version=\"1.0.0\"] .bc-drawer.open .bc-drawer-head:after{background-color:#1473e6;bottom:0;content:\"\";height:3px;left:20px;margin:17px 198px 0 0;position:absolute;width:34px}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-head{align-items:center;border-bottom:1px solid rgba(var(--background-sc-rgb),.1);display:flex;height:64px;justify-content:var(--head-justify);padding:20px;position:relative;width:var(--width)}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-head .bc-drawer-head-title{font-size:16px;font-weight:600}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-head .bc-drawer-head-icon{cursor:pointer}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-head .bc-drawer-head-icon:hover{color:#1473e6}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-content{display:flex;flex-direction:column;height:calc(100% - 64px);overflow-x:hidden;overflow-y:auto;padding:10px 12px;width:var(--width)}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-item{align-items:center;border-radius:21px;cursor:pointer;display:flex;height:42px;justify-content:var(--item-justify);min-height:42px;overflow:hidden;padding:var(--item-padding);position:relative;transition:width .15s cubic-bezier(.4,0,.2,1);transition:color .3s,background .3s,opacity .2s;width:var(--item-width)}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-item:hover{background-color:#00000008}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-item.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-item.active:not(.nested){background-color:#1473e6;color:#fff}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-item.active.nested{background-color:#1473e608;color:#1473e6}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-item.nested{padding-left:57px}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-item .bc-drawer-item-icon{margin-right:var(--item-icon-margin)}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-item .bc-drawer-item-title{display:var(--item-title-display);font-weight:600}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-item .bc-drawer-item-arrow{position:absolute;right:17px;transition:.15s cubic-bezier(.4,0,.2,1)}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-item .bc-drawer-item-arrow.open{transform:rotate(-180deg)}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-item-nested-list{max-height:0;overflow:hidden;transition:.15s cubic-bezier(.4,0,.2,1);width:100%}[data-gene-ui-version=\"1.0.0\"] .bc-drawer .bc-drawer-item-nested-list.open{max-height:100%}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .bc-drawer{--width:7.2rem;--head-justify:center;--item-width:4.2rem;--item-padding:0;--item-justify:center;--item-title-display:none;--item-icon-margin:0;background:var(--background);border-right:1px solid rgba(var(--background-sc-rgb),.1);left:0;overflow:hidden;top:0;transition:width .15s cubic-bezier(.4,0,.2,1);width:var(--width);z-index:200}[data-gene-ui-version=\"2.12.1\"] .bc-drawer.open{--width:30rem;--head-justify:space-between;--item-width:100%;--item-padding:0 14px;--item-justify:flex-start;--item-title-display:block;--item-icon-margin:17px}[data-gene-ui-version=\"2.12.1\"] .bc-drawer.open .bc-drawer-head:after{background-color:#1473e6;bottom:0;content:\"\";height:3px;left:20px;margin:17px 198px 0 0;position:absolute;width:34px}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-head{align-items:center;border-bottom:1px solid rgba(var(--background-sc-rgb),.1);display:flex;height:64px;justify-content:var(--head-justify);padding:20px;position:relative;width:var(--width)}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-head .bc-drawer-head-title{font-size:16px;font-weight:600}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-head .bc-drawer-head-icon{cursor:pointer}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-head .bc-drawer-head-icon:hover{color:#1473e6}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-content{display:flex;flex-direction:column;height:calc(100% - 64px);overflow-x:hidden;overflow-y:auto;padding:10px 12px;width:var(--width)}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-item{align-items:center;border-radius:21px;cursor:pointer;display:flex;height:42px;justify-content:var(--item-justify);min-height:42px;overflow:hidden;padding:var(--item-padding);position:relative;transition:width .15s cubic-bezier(.4,0,.2,1);transition:color .3s,background .3s,opacity .2s;width:var(--item-width)}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-item:hover{background-color:#00000008}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-item.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-item.active:not(.nested){background-color:#1473e6;color:#fff}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-item.active.nested{background-color:#1473e608;color:#1473e6}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-item.nested{padding-left:57px}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-item .bc-drawer-item-icon{margin-right:var(--item-icon-margin)}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-item .bc-drawer-item-title{display:var(--item-title-display);font-weight:600}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-item .bc-drawer-item-arrow{position:absolute;right:17px;transition:.15s cubic-bezier(.4,0,.2,1)}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-item .bc-drawer-item-arrow.open{transform:rotate(-180deg)}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-item-nested-list{max-height:0;overflow:hidden;transition:.15s cubic-bezier(.4,0,.2,1);width:100%}[data-gene-ui-version=\"2.12.1\"] .bc-drawer .bc-drawer-item-nested-list.open{max-height:100%}";
 styleInject(css_248z);
 
 function Drawer(_ref) {
@@ -179,33 +178,33 @@ Drawer.propTypes = {
   /**
    * Date for display the menu
    */
-  menu: propTypesExports.arrayOf(propTypesExports.shape({
-    title: propTypesExports.string,
-    icon: propTypesExports.string,
-    id: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-    disabled: propTypesExports.bool,
-    nested: propTypesExports.arrayOf(propTypesExports.shape({
-      title: propTypesExports.string,
-      id: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-      disabled: propTypesExports.bool
+  menu: PropTypes.arrayOf(PropTypes.shape({
+    title: PropTypes.string,
+    icon: PropTypes.string,
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    disabled: PropTypes.bool,
+    nested: PropTypes.arrayOf(PropTypes.shape({
+      title: PropTypes.string,
+      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+      disabled: PropTypes.bool
     }))
   })),
   /**
    * If you want to control the selected item in the menu, you must date id of one of the 'menu' items.
    */
-  value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * If you want not to control the menu from the top but have a default value, you can send it using defaultValue
    */
-  defaultValue: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Label is displayed at the top in the driver
    */
-  title: propTypesExports.string,
+  title: PropTypes.string,
   /**
    * Override or extend the className applied to the component.
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /** 
   * Callback fired when a menu item is selected.
   Signature:
@@ -213,52 +212,52 @@ Drawer.propTypes = {
   item: Item is the element that was select from the menu
   nested: If you select an item from the submenu, it will be sent as the second argument, and the first will be the item of its parent.
   */
-  onChange: propTypesExports.func,
+  onChange: PropTypes.func,
   /**
   * Callback fired when a drawer is opened.
   Signature:
   function(event: object) => void
   event: The event source of the callback.
   */
-  onOpen: propTypesExports.func,
+  onOpen: PropTypes.func,
   /**
   * Callback fired when a drawer is closed.
   Signature:
   function(event: object) => void
   event: The event source of the callback.
   */
-  onClose: propTypesExports.func,
+  onClose: PropTypes.func,
   /**
    * If true, the component is shown by default.
    */
-  defaultOpen: propTypesExports.bool,
+  defaultOpen: PropTypes.bool,
   /**
   * Height for the component
   by default: 100vh
   */
-  height: propTypesExports.string,
+  height: PropTypes.string,
   /**
   * The positioning type. The behavior of the different options is described in the MDN web docs.
   'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'
   */
-  position: propTypesExports.string,
+  position: PropTypes.string,
   /**
    * With this prop you can control Drawer opening and closing from parent component
    */
-  isOpen: propTypesExports.bool,
+  isOpen: PropTypes.bool,
   /**
    * Drawer to close after item select
    */
-  closeAfterSelect: propTypesExports.bool,
+  closeAfterSelect: PropTypes.bool,
   /**
    * Closes when click outside
    */
-  closeWithOutsideClick: propTypesExports.bool,
+  closeWithOutsideClick: PropTypes.bool,
   /**
    * Callback fired when a outside click.
    * (event: MouseEvent) => void.
    */
-  onOutsideClick: propTypesExports.func
+  onOutsideClick: PropTypes.func
 };
 
 export { Drawer as default };