@geneui/components 2.11.1 → 2.12.1

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

@@ -1,9 +1,8 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-24198af3.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
+import PropTypes from 'prop-types';
+import { g as getDefaultExportFromCjs } from '../_commonjsHelpers-24198af3.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 
 var bundleExports = {};
 var bundle = {
@@ -17,7 +16,7 @@ var bundle = {
 
 var Skeleton = /*@__PURE__*/getDefaultExportFromCjs(bundleExports);
 
-var css_248z = "[data-gene-ui-version=\"2.11.0\"] .skeleton-holder{display:block;max-width:100%}[data-gene-ui-version=\"2.11.0\"] .skeleton-holder .react-loading-skeleton{background-color:var(--background-hover);background-image:linear-gradient(90deg,var(--background-hover),var(--background),var(--background-hover))}[data-gene-ui-version=\"2.11.0\"] .skeleton-holder span{display:block}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .skeleton-holder{display:block;max-width:100%}[data-gene-ui-version=\"2.12.1\"] .skeleton-holder .react-loading-skeleton{background-color:var(--background-hover);background-image:linear-gradient(90deg,var(--background-hover),var(--background),var(--background-hover))}[data-gene-ui-version=\"2.12.1\"] .skeleton-holder span{display:block}";
 styleInject(css_248z);
 
 function SkeletonLoader(_ref) {
@@ -40,35 +39,35 @@ SkeletonLoader.propTypes = {
   /**
    * Show circle shape when set to "true" otherwise shows square shape.
    */
-  circle: propTypesExports.bool,
+  circle: PropTypes.bool,
   /**
    * Shows Skeleton when set to "true"
    */
-  isBusy: propTypesExports.bool,
+  isBusy: PropTypes.bool,
   /**
    * Specify how many shapes need to be displayed
    */
-  count: propTypesExports.number,
+  count: PropTypes.number,
   /**
    * Skeleton width
    */
-  width: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Skeleton height
    */
-  height: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Wrapper for skeleton
    */
-  wrapper: propTypesExports.node,
+  wrapper: PropTypes.node,
   /**
    * What need to be displayed when "isBusy" is set to "false". Any valid React node
    */
-  children: propTypesExports.node,
+  children: PropTypes.node,
   /**
    * Displaying shaped can be specified by duration(in seconds)
    */
-  duration: propTypesExports.number
+  duration: PropTypes.number
 };
 SkeletonLoader.defaultProps = {
   count: 1,

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

@@ -1,29 +1,32 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { useState, useRef, useCallback, useEffect } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import { c as createSliderWithTooltip, S as Slider } from './rangeAndSlider-20599da4.js';
-import { u as useWidth } from './useWidth-9f4647f8.js';
-import './dateValidation-67caec66.js';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import { c as createSliderWithTooltip, S as Slider } from '../rangeAndSlider-0301a458.js';
+import useWidth from '../hooks/useWidth.js';
+import '../dateValidation-67caec66.js';
 import 'react-dom';
-import './configs-91c86664.js';
-import Icon from './Icon.js';
-import NumberInput from './ValidatableNumberInput.js';
-import './globalStyling-9c60a159.js';
-import './_commonjsHelpers-24198af3.js';
-import './style-inject.es-746bb8ed.js';
-import './useWindowSize-80369d76.js';
-import './index-ac59cb10.js';
-import './useMount-6fef51a5.js';
-import './ExtendedInput.js';
-import './useDeviceType-dd51db38.js';
-import './index-5cea9a7d.js';
-import './useKeyDown-38102ae7.js';
-import './useClickOutside-5183e396.js';
-import './Scrollbar.js';
-import './Tooltip.js';
-import './Popover-f4d1cac0.js';
-import './GeneUIProvider.js';
+import '../configs-fed6ac34.js';
+import Icon from '../Icon/index.js';
+import NumberInput from '../ValidatableNumberInput/index.js';
+import '../_commonjsHelpers-24198af3.js';
+import '../index-45eafea6.js';
+import '../react-lifecycles-compat.es-6e1f3768.js';
+import '../style-inject.es-746bb8ed.js';
+import '../hooks/useWindowSize.js';
+import '../index-a0e4e333.js';
+import '../hooks/useMount.js';
+import '../ExtendedInput/index.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useEllipsisDetection.js';
+import '../SuggestionList/index.js';
+import '../hooks/useKeyDown.js';
+import '../hooks/useClickOutside.js';
+import '../config-0ca92874.js';
+import '../Scrollbar/index.js';
+import '../Tooltip/index.js';
+import '../Popover-f4d1cac0.js';
+import '../GeneUIProvider/index.js';
 
 const SliderWithTooltip = createSliderWithTooltip(Slider);
 function tipFormatter(value, tooltipType) {
@@ -165,79 +168,79 @@ SliderMolecule.propTypes = {
   /**
    * Controlled value.
    */
-  value: propTypesExports.number,
+  value: PropTypes.number,
   /**
    * Disabled state.
    */
-  disabled: propTypesExports.bool,
+  disabled: PropTypes.bool,
   /**
    * Fires an event when 'Slider' changes checked state((event: Event) => void).
    */
-  onChange: propTypesExports.func,
+  onChange: PropTypes.func,
   /**
    * Additional view to choose step.
    */
-  withInput: propTypesExports.bool,
+  withInput: PropTypes.bool,
   /**
    * Show/hide 'Slider' tooltip.
    */
-  withTooltip: propTypesExports.bool,
+  withTooltip: PropTypes.bool,
   /**
    * Switch on/off small size.
    */
-  isSmallHandler: propTypesExports.bool,
+  isSmallHandler: PropTypes.bool,
   /**
    * External/Additional className that can be added to 'Range' component.
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Initial value.
    */
-  defaultValue: propTypesExports.number,
+  defaultValue: PropTypes.number,
   /**
    * Show/hide actions with (+/-) icons
    */
-  plusMinusIcons: propTypesExports.bool,
+  plusMinusIcons: PropTypes.bool,
   /**
    * Show/hide actions with (like/dislike) icons
    */
-  likeDislikeIcons: propTypesExports.bool,
+  likeDislikeIcons: PropTypes.bool,
   /**
    * Show/hide circles.
    */
-  showCircleOnDrag: propTypesExports.bool,
+  showCircleOnDrag: PropTypes.bool,
   /**
    * Max value.
    */
-  max: propTypesExports.number.isRequired,
+  max: PropTypes.number.isRequired,
   /**
    * Min value.
    */
-  min: propTypesExports.number.isRequired,
+  min: PropTypes.number.isRequired,
   /**
    * Skip steps count.
    */
-  step: propTypesExports.number.isRequired,
+  step: PropTypes.number.isRequired,
   /**
    * Change circle size based on range
    */
-  circleSizeBasedOnRange: propTypesExports.bool,
+  circleSizeBasedOnRange: PropTypes.bool,
   /**
    * Show/hide action button.
    */
-  withActionButtons: propTypesExports.bool,
+  withActionButtons: PropTypes.bool,
   /**
    * Various circle type.
    */
-  circleType: propTypesExports.oneOf(['c-type-1', 'c-type-2', 'c-type-3']),
+  circleType: PropTypes.oneOf(['c-type-1', 'c-type-2', 'c-type-3']),
   /**
    * Various tooltip type.
    */
-  tooltipType: propTypesExports.oneOf(['default', 'percentage', 'currency', 'pixel']),
+  tooltipType: PropTypes.oneOf(['default', 'percentage', 'currency', 'pixel']),
   /**
    * Various themes/colors for component.
    */
-  coloring: propTypesExports.oneOf(['primary', 'positive-value', 'negative-value', 'gradient-value'])
+  coloring: PropTypes.oneOf(['primary', 'positive-value', 'negative-value', 'gradient-value'])
 };
 SliderMolecule.defaultProps = {
   disabled: false,

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

@@ -1,22 +1,21 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import Icon from './Icon.js';
-import Tooltip from './Tooltip.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import './Popover-f4d1cac0.js';
-import './_commonjsHelpers-24198af3.js';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import Icon from '../Icon/index.js';
+import Tooltip from '../Tooltip/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../Popover-f4d1cac0.js';
+import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
-import './configs-91c86664.js';
-import './index-ac59cb10.js';
-import './dateValidation-67caec66.js';
-import './useDeviceType-dd51db38.js';
-import './useWindowSize-80369d76.js';
-import './GeneUIProvider.js';
+import '../configs-fed6ac34.js';
+import '../index-a0e4e333.js';
+import '../dateValidation-67caec66.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../GeneUIProvider/index.js';
 
-var css_248z = "[data-gene-ui-version=\"2.11.0\"] .static-title-holder{align-items:flex-start;display:inline-flex;flex-direction:column;max-width:100%;vertical-align:top}[data-gene-ui-version=\"2.11.0\"] .static-title-holder .st-t{font:600 1.4rem/1.8rem var(--font-family);margin:0 0 .4rem;opacity:.5;padding:0 var(--static-title-padding,0)}[data-gene-ui-version=\"2.11.0\"] .static-title-holder .st-c{max-width:100%}[data-gene-ui-version=\"2.11.0\"] .static-title-holder .st-c:nth-child(2){align-items:center;display:flex;min-height:3.2rem}[data-gene-ui-version=\"2.11.0\"] .static-title-holder.f-full-width,[data-gene-ui-version=\"2.11.0\"] .static-title-holder.f-full-width .st-c{width:100%}[data-gene-ui-version=\"2.11.0\"] .status-holder{align-items:center;display:flex;font:600 1.4rem/2.4rem var(--font-family)}[data-gene-ui-version=\"2.11.0\"] .status-holder p{height:2.4rem;overflow:hidden}[data-gene-ui-version=\"2.11.0\"] .status-holder span{display:block;overflow:hidden}[data-gene-ui-version=\"2.11.0\"] .status-holder>*+*{margin:0 0 0 .7rem}html[dir=rtl] .status-holder>*+*{margin:0 .7rem 0 0}[data-gene-ui-version=\"2.11.0\"] .status-holder .status-icon{align-items:center;color:var(--hero);display:flex;height:3rem;justify-content:center;position:relative;transition:color .3s,opacity .3s;width:3rem}[data-gene-ui-version=\"2.11.0\"] .status-holder .status-icon:after,[data-gene-ui-version=\"2.11.0\"] .status-holder .status-icon:before{border-radius:100%;content:\"\";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s,background .3s,border-color .3s;width:100%}[data-gene-ui-version=\"2.11.0\"] .status-holder .status-icon:before{background:var(--hero)}[data-gene-ui-version=\"2.11.0\"] .status-holder .status-icon:after{border:1px solid var(--hero)}[data-gene-ui-version=\"2.11.0\"] .status-holder .status-icon .icon{position:relative;z-index:2}[data-gene-ui-version=\"2.11.0\"] .status-holder:hover .hover-text+span,[data-gene-ui-version=\"2.11.0\"] .status-holder:not(:hover) .hover-text{height:0}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .status-holder.clickable:hover .status-icon:before{opacity:.05}[data-gene-ui-version=\"2.11.0\"] .status-holder.clickable:hover .status-icon:after{opacity:.66}}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .static-title-holder{align-items:flex-start;display:inline-flex;flex-direction:column;max-width:100%;vertical-align:top}[data-gene-ui-version=\"2.12.1\"] .static-title-holder .st-t{font:600 1.4rem/1.8rem var(--font-family);margin:0 0 .4rem;opacity:.5;padding:0 var(--static-title-padding,0)}[data-gene-ui-version=\"2.12.1\"] .static-title-holder .st-c{max-width:100%}[data-gene-ui-version=\"2.12.1\"] .static-title-holder .st-c:nth-child(2){align-items:center;display:flex;min-height:3.2rem}[data-gene-ui-version=\"2.12.1\"] .static-title-holder.f-full-width,[data-gene-ui-version=\"2.12.1\"] .static-title-holder.f-full-width .st-c{width:100%}[data-gene-ui-version=\"2.12.1\"] .status-holder{align-items:center;display:flex;font:600 1.4rem/2.4rem var(--font-family)}[data-gene-ui-version=\"2.12.1\"] .status-holder p{height:2.4rem;overflow:hidden}[data-gene-ui-version=\"2.12.1\"] .status-holder span{display:block;overflow:hidden}[data-gene-ui-version=\"2.12.1\"] .status-holder>*+*{margin:0 0 0 .7rem}html[dir=rtl] .status-holder>*+*{margin:0 .7rem 0 0}[data-gene-ui-version=\"2.12.1\"] .status-holder .status-icon{align-items:center;color:var(--hero);display:flex;height:3rem;justify-content:center;position:relative;transition:color .3s,opacity .3s;width:3rem}[data-gene-ui-version=\"2.12.1\"] .status-holder .status-icon:after,[data-gene-ui-version=\"2.12.1\"] .status-holder .status-icon:before{border-radius:100%;content:\"\";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s,background .3s,border-color .3s;width:100%}[data-gene-ui-version=\"2.12.1\"] .status-holder .status-icon:before{background:var(--hero)}[data-gene-ui-version=\"2.12.1\"] .status-holder .status-icon:after{border:1px solid var(--hero)}[data-gene-ui-version=\"2.12.1\"] .status-holder .status-icon .icon{position:relative;z-index:2}[data-gene-ui-version=\"2.12.1\"] .status-holder:hover .hover-text+span,[data-gene-ui-version=\"2.12.1\"] .status-holder:not(:hover) .hover-text{height:0}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .status-holder.clickable:hover .status-icon:before{opacity:.05}[data-gene-ui-version=\"2.12.1\"] .status-holder.clickable:hover .status-icon:after{opacity:.66}}";
 styleInject(css_248z);
 
 const statusIconTypes = ['dot', 'play', 'stop', 'circle', 'circle-outline'];
@@ -70,35 +69,35 @@ Status.propTypes = {
   /**
    * Label for 'Status'.
    */
-  label: propTypesExports.string,
+  label: PropTypes.string,
   /**
    * Title for 'Status'.
    */
-  title: propTypesExports.string,
+  title: PropTypes.string,
   /**
    * Fires an event on 'Status' change((event: Event) => void).
    */
-  onClick: propTypesExports.func,
+  onClick: PropTypes.func,
   /**
    * External/Additional className that can be added to 'Status' component.
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Title for hovered state 'Status'.
    */
-  hoverTitle: propTypesExports.string,
+  hoverTitle: PropTypes.string,
   /**
    * Text for tooltip.
    */
-  tooltipText: propTypesExports.string,
+  tooltipText: PropTypes.string,
   /**
    * External color className
    */
-  color: propTypesExports.string,
+  color: PropTypes.string,
   /**
    * Various types for icon
    */
-  iconType: propTypesExports.oneOf(statusIconTypes)
+  iconType: PropTypes.oneOf(statusIconTypes)
 };
 
 export { Status as default, statusIconTypes };

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

@@ -1,28 +1,29 @@
 import React__default, { useRef, useState } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import { h as stepsConfig } from './configs-91c86664.js';
-import Icon from './Icon.js';
-import Tooltip from './Tooltip.js';
-import './dateValidation-67caec66.js';
-import { d as debounce } from './debounce-4419bc2f.js';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import { r as stepsConfig } from '../configs-fed6ac34.js';
+import Icon from '../Icon/index.js';
+import Tooltip from '../Tooltip/index.js';
+import '../dateValidation-67caec66.js';
+import { d as debounce } from '../debounce-4419bc2f.js';
 import 'react-dom';
-import { P as Popover } from './index-a4635754.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import { c as childrenOf } from './index-ac59cb10.js';
-import './globalStyling-9c60a159.js';
-import './Popover-f4d1cac0.js';
-import './_commonjsHelpers-24198af3.js';
-import './useDeviceType-dd51db38.js';
-import './useWindowSize-80369d76.js';
-import './GeneUIProvider.js';
-import './index-122432cd.js';
-import './Portal.js';
-import './Scrollbar.js';
-import './guid-8ddf77b3.js';
+import Popover from '../Popover/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { c as childrenOf } from '../index-a0e4e333.js';
+import '../Popover-f4d1cac0.js';
+import '../_commonjsHelpers-24198af3.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../GeneUIProvider/index.js';
+import '../index-122432cd.js';
+import '../hooks/useUpdatableRef.js';
+import '../hooks/useForceUpdate.js';
+import '../Portal/index.js';
+import '../Scrollbar/index.js';
+import '../guid-8ddf77b3.js';
 
-var css_248z = "[data-gene-ui-version=\"2.11.0\"] .steps-holder{--circle-font-size:1.2rem;--font-size:1.2rem;--circle-size:2.6rem;--min-height:8.8rem;display:flex;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.11.0\"] .steps-holder.s-big{--circle-font-size:1.6rem;--font-size:1.4rem;--circle-size:3.6rem;--min-height:9.8rem}[data-gene-ui-version=\"2.11.0\"] .steps-holder.s-big .bc-icon-selected{font-size:var(--circle-size)}[data-gene-ui-version=\"2.11.0\"] .steps-holder.d-horizontal{align-items:center;min-height:var(--min-height);text-align:center;width:100%}[data-gene-ui-version=\"2.11.0\"] .steps-holder.d-horizontal>li:not(:first-child){margin:0 0 0 1rem}html[dir=rtl] .steps-holder.d-horizontal>li:not(:first-child){margin:0 1rem 0 0}[data-gene-ui-version=\"2.11.0\"] .steps-holder.d-horizontal .line{height:1px;width:100%}[data-gene-ui-version=\"2.11.0\"] .steps-holder.d-horizontal .line:before{height:inherit;width:0}[data-gene-ui-version=\"2.11.0\"] .steps-holder.d-horizontal .line.active:before{width:100%}[data-gene-ui-version=\"2.11.0\"] .steps-holder.d-vertical{align-items:flex-start;flex-direction:column;height:100%}[data-gene-ui-version=\"2.11.0\"] .steps-holder.d-vertical>li:not(:first-child){margin:.8rem 0 0}[data-gene-ui-version=\"2.11.0\"] .steps-holder.d-vertical .line-box{display:flex;justify-content:center;width:var(--circle-size)}[data-gene-ui-version=\"2.11.0\"] .a-dots.steps-holder.d-vertical .line-box{width:1.9rem}[data-gene-ui-version=\"2.11.0\"] .steps-holder.d-vertical .line{height:100%;min-height:3.4rem;width:1px}[data-gene-ui-version=\"2.11.0\"] .steps-holder.d-vertical .line:before{height:0;width:inherit}[data-gene-ui-version=\"2.11.0\"] .steps-holder.d-vertical .line.active:before{height:100%}[data-gene-ui-version=\"2.11.0\"] .steps-holder.d-vertical .step-texts{margin:0 0 0 1.5rem}html[dir=rtl] .steps-holder.d-vertical .step-texts{margin:0 1.5rem 0 0}[data-gene-ui-version=\"2.11.0\"] .steps-holder .line{background:rgba(var(--background-sc-rgb),.04)}[data-gene-ui-version=\"2.11.0\"] .steps-holder .line:before{background:var(--hero);content:\"\";display:block;transition:width .4s,height .4s}[data-gene-ui-version=\"2.11.0\"] .steps-holder.a-dots .line{background:var(--hero)}[data-gene-ui-version=\"2.11.0\"] .steps-holder .s-success{--hero:var(--confirm);--hero-hover:var(--confirm-hover);--hero-sc:var(--confirm-sc);--hero-rgb:var(--confirm-rgb);--hero-sc-rgb:var(--confirm-sc-rgb)}[data-gene-ui-version=\"2.11.0\"] .steps-holder .s-fail{--hero:var(--danger);--hero-hover:var(--danger-hover);--hero-sc:var(--danger-sc);--hero-rgb:var(--danger-rgb);--hero-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.11.0\"] .step{align-items:center;display:flex;flex-shrink:0;font:600 var(--font-size)/1.8rem var(--font-family);position:relative}[data-gene-ui-version=\"2.11.0\"] .step.clickable{cursor:pointer}[data-gene-ui-version=\"2.11.0\"] .step.clickable .step-circle:before{border:1px solid var(--hero);border-radius:100%;bottom:-.4rem;content:\"\";display:block;left:-.4rem;position:absolute;right:-.4rem;top:-.4rem;transform:scale(0);transition:transform .4s,border-color .4s}[data-gene-ui-version=\"2.11.0\"] .s-initial.step.clickable .step-circle:before,[data-gene-ui-version=\"2.11.0\"] .steps-holder:not(.highlight-current) .s-current.step.clickable .step-circle:before{border-color:rgba(var(--background-sc-rgb),.06)}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .step.clickable:hover .step-circle:before{transform:scale(1)}}[data-gene-ui-version=\"2.11.0\"] .step.clickable.s-activated .step-circle:before{transform:scale(1)}[data-gene-ui-version=\"2.11.0\"] .line-box{flex:auto}[data-gene-ui-version=\"2.11.0\"] .d-horizontal .step-label,[data-gene-ui-version=\"2.11.0\"] .d-horizontal .step-title{bottom:100%;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap;width:auto}[data-gene-ui-version=\"2.11.0\"] .d-horizontal .step-title{margin:0 0 1rem}[data-gene-ui-version=\"2.11.0\"] .d-horizontal .step-title:nth-last-child(2){bottom:auto;margin:1rem 0 0;top:100%}[data-gene-ui-version=\"2.11.0\"] .step-label{opacity:.5}[data-gene-ui-version=\"2.11.0\"] .d-horizontal .step-label{margin:0 0 1.6rem}[data-gene-ui-version=\"2.11.0\"] .step-texts{align-items:flex-start;display:flex;flex-direction:column;pointer-events:none}[data-gene-ui-version=\"2.11.0\"] .step-texts.both{font-size:1.4rem}[data-gene-ui-version=\"2.11.0\"] .step-circle{align-items:center;background:rgba(var(--background-sc-rgb),.04);border-radius:100%;display:flex;font-size:var(--circle-font-size);height:var(--circle-size);justify-content:center;position:relative;transition:color .3s,background .3s;width:var(--circle-size)}[data-gene-ui-version=\"2.11.0\"] .highlight-current .s-current .step-circle,[data-gene-ui-version=\"2.11.0\"] .passed .step-circle,[data-gene-ui-version=\"2.11.0\"] .s-activated .step-circle{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.11.0\"] .step-layer{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:transform .4s;width:100%}[data-gene-ui-version=\"2.11.0\"] .passed .step-layer.layer-1,[data-gene-ui-version=\"2.11.0\"] .step-layer.layer-2{transform:scale(0)}[data-gene-ui-version=\"2.11.0\"] .passed .step-layer.layer-2{transform:scale(1)}[data-gene-ui-version=\"2.11.0\"] .step-dot{--size:1.9rem;--inner-size:0.9rem;align-items:center;display:flex;height:var(--size);justify-content:center;position:relative;width:var(--size)}[data-gene-ui-version=\"2.11.0\"] .view-normal .step-dot{--size:15px;--inner-size:7px}[data-gene-ui-version=\"2.11.0\"] .view-small .step-dot{--size:11px;--inner-size:5px}[data-gene-ui-version=\"2.11.0\"] .step-dot:after,[data-gene-ui-version=\"2.11.0\"] .step-dot:before{border-radius:100%;box-shadow:inset 0 0 0 .2rem var(--hero);content:\"\";display:block}[data-gene-ui-version=\"2.11.0\"] .step-dot:before{content:\"\";height:var(--inner-size);transition:box-shadow .3s;width:var(--inner-size)}[data-gene-ui-version=\"2.11.0\"] .passed .step-dot:before,[data-gene-ui-version=\"2.11.0\"] .s-activated .step-dot:before,[data-gene-ui-version=\"2.11.0\"] .s-current .step-dot:before{box-shadow:inset 0 0 0 .9rem var(--hero)}[data-gene-ui-version=\"2.11.0\"] .step-dot:after{height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:transform .3s;width:100%}[data-gene-ui-version=\"2.11.0\"] .s-activated .step-dot:after,[data-gene-ui-version=\"2.11.0\"] .s-current .step-dot:after{transform:scale(1)}[data-gene-ui-version=\"2.11.0\"] .detailed-value-popover-container{padding:16px}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .steps-holder{--circle-font-size:1.2rem;--font-size:1.2rem;--circle-size:2.6rem;--min-height:8.8rem;display:flex;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.12.1\"] .steps-holder.s-big{--circle-font-size:1.6rem;--font-size:1.4rem;--circle-size:3.6rem;--min-height:9.8rem}[data-gene-ui-version=\"2.12.1\"] .steps-holder.s-big .bc-icon-selected{font-size:var(--circle-size)}[data-gene-ui-version=\"2.12.1\"] .steps-holder.d-horizontal{align-items:center;min-height:var(--min-height);text-align:center;width:100%}[data-gene-ui-version=\"2.12.1\"] .steps-holder.d-horizontal>li:not(:first-child){margin:0 0 0 1rem}html[dir=rtl] .steps-holder.d-horizontal>li:not(:first-child){margin:0 1rem 0 0}[data-gene-ui-version=\"2.12.1\"] .steps-holder.d-horizontal .line{height:1px;width:100%}[data-gene-ui-version=\"2.12.1\"] .steps-holder.d-horizontal .line:before{height:inherit;width:0}[data-gene-ui-version=\"2.12.1\"] .steps-holder.d-horizontal .line.active:before{width:100%}[data-gene-ui-version=\"2.12.1\"] .steps-holder.d-vertical{align-items:flex-start;flex-direction:column;height:100%}[data-gene-ui-version=\"2.12.1\"] .steps-holder.d-vertical>li:not(:first-child){margin:.8rem 0 0}[data-gene-ui-version=\"2.12.1\"] .steps-holder.d-vertical .line-box{display:flex;justify-content:center;width:var(--circle-size)}[data-gene-ui-version=\"2.12.1\"] .a-dots.steps-holder.d-vertical .line-box{width:1.9rem}[data-gene-ui-version=\"2.12.1\"] .steps-holder.d-vertical .line{height:100%;min-height:3.4rem;width:1px}[data-gene-ui-version=\"2.12.1\"] .steps-holder.d-vertical .line:before{height:0;width:inherit}[data-gene-ui-version=\"2.12.1\"] .steps-holder.d-vertical .line.active:before{height:100%}[data-gene-ui-version=\"2.12.1\"] .steps-holder.d-vertical .step-texts{margin:0 0 0 1.5rem}html[dir=rtl] .steps-holder.d-vertical .step-texts{margin:0 1.5rem 0 0}[data-gene-ui-version=\"2.12.1\"] .steps-holder .line{background:rgba(var(--background-sc-rgb),.04)}[data-gene-ui-version=\"2.12.1\"] .steps-holder .line:before{background:var(--hero);content:\"\";display:block;transition:width .4s,height .4s}[data-gene-ui-version=\"2.12.1\"] .steps-holder.a-dots .line{background:var(--hero)}[data-gene-ui-version=\"2.12.1\"] .steps-holder .s-success{--hero:var(--confirm);--hero-hover:var(--confirm-hover);--hero-sc:var(--confirm-sc);--hero-rgb:var(--confirm-rgb);--hero-sc-rgb:var(--confirm-sc-rgb)}[data-gene-ui-version=\"2.12.1\"] .steps-holder .s-fail{--hero:var(--danger);--hero-hover:var(--danger-hover);--hero-sc:var(--danger-sc);--hero-rgb:var(--danger-rgb);--hero-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.12.1\"] .step{align-items:center;display:flex;flex-shrink:0;font:600 var(--font-size)/1.8rem var(--font-family);position:relative}[data-gene-ui-version=\"2.12.1\"] .step.clickable{cursor:pointer}[data-gene-ui-version=\"2.12.1\"] .step.clickable .step-circle:before{border:1px solid var(--hero);border-radius:100%;bottom:-.4rem;content:\"\";display:block;left:-.4rem;position:absolute;right:-.4rem;top:-.4rem;transform:scale(0);transition:transform .4s,border-color .4s}[data-gene-ui-version=\"2.12.1\"] .s-initial.step.clickable .step-circle:before,[data-gene-ui-version=\"2.12.1\"] .steps-holder:not(.highlight-current) .s-current.step.clickable .step-circle:before{border-color:rgba(var(--background-sc-rgb),.06)}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .step.clickable:hover .step-circle:before{transform:scale(1)}}[data-gene-ui-version=\"2.12.1\"] .step.clickable.s-activated .step-circle:before{transform:scale(1)}[data-gene-ui-version=\"2.12.1\"] .line-box{flex:auto}[data-gene-ui-version=\"2.12.1\"] .d-horizontal .step-label,[data-gene-ui-version=\"2.12.1\"] .d-horizontal .step-title{bottom:100%;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap;width:auto}[data-gene-ui-version=\"2.12.1\"] .d-horizontal .step-title{margin:0 0 1rem}[data-gene-ui-version=\"2.12.1\"] .d-horizontal .step-title:nth-last-child(2){bottom:auto;margin:1rem 0 0;top:100%}[data-gene-ui-version=\"2.12.1\"] .step-label{opacity:.5}[data-gene-ui-version=\"2.12.1\"] .d-horizontal .step-label{margin:0 0 1.6rem}[data-gene-ui-version=\"2.12.1\"] .step-texts{align-items:flex-start;display:flex;flex-direction:column;pointer-events:none}[data-gene-ui-version=\"2.12.1\"] .step-texts.both{font-size:1.4rem}[data-gene-ui-version=\"2.12.1\"] .step-circle{align-items:center;background:rgba(var(--background-sc-rgb),.04);border-radius:100%;display:flex;font-size:var(--circle-font-size);height:var(--circle-size);justify-content:center;position:relative;transition:color .3s,background .3s;width:var(--circle-size)}[data-gene-ui-version=\"2.12.1\"] .highlight-current .s-current .step-circle,[data-gene-ui-version=\"2.12.1\"] .passed .step-circle,[data-gene-ui-version=\"2.12.1\"] .s-activated .step-circle{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.12.1\"] .step-layer{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:transform .4s;width:100%}[data-gene-ui-version=\"2.12.1\"] .passed .step-layer.layer-1,[data-gene-ui-version=\"2.12.1\"] .step-layer.layer-2{transform:scale(0)}[data-gene-ui-version=\"2.12.1\"] .passed .step-layer.layer-2{transform:scale(1)}[data-gene-ui-version=\"2.12.1\"] .step-dot{--size:1.9rem;--inner-size:0.9rem;align-items:center;display:flex;height:var(--size);justify-content:center;position:relative;width:var(--size)}[data-gene-ui-version=\"2.12.1\"] .view-normal .step-dot{--size:15px;--inner-size:7px}[data-gene-ui-version=\"2.12.1\"] .view-small .step-dot{--size:11px;--inner-size:5px}[data-gene-ui-version=\"2.12.1\"] .step-dot:after,[data-gene-ui-version=\"2.12.1\"] .step-dot:before{border-radius:100%;box-shadow:inset 0 0 0 .2rem var(--hero);content:\"\";display:block}[data-gene-ui-version=\"2.12.1\"] .step-dot:before{content:\"\";height:var(--inner-size);transition:box-shadow .3s;width:var(--inner-size)}[data-gene-ui-version=\"2.12.1\"] .passed .step-dot:before,[data-gene-ui-version=\"2.12.1\"] .s-activated .step-dot:before,[data-gene-ui-version=\"2.12.1\"] .s-current .step-dot:before{box-shadow:inset 0 0 0 .9rem var(--hero)}[data-gene-ui-version=\"2.12.1\"] .step-dot:after{height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:transform .3s;width:100%}[data-gene-ui-version=\"2.12.1\"] .s-activated .step-dot:after,[data-gene-ui-version=\"2.12.1\"] .s-current .step-dot:after{transform:scale(1)}[data-gene-ui-version=\"2.12.1\"] .detailed-value-popover-container{padding:16px}";
 styleInject(css_248z);
 
 const positionMap = {
@@ -173,47 +174,47 @@ Step.propTypes = {
   /**
    * Title of Step
    */
-  title: propTypesExports.string,
+  title: PropTypes.string,
   /**
    * Label of Step
    */
-  label: propTypesExports.string,
+  label: PropTypes.string,
   /**
    * Tooltip of Step
    */
-  tooltip: propTypesExports.string,
+  tooltip: PropTypes.string,
   /**
    * Fires an event on ExtendedInput change((event: Event) => void).
    */
-  onClick: propTypesExports.func,
+  onClick: PropTypes.func,
   /**
    * Icon for current step
    */
-  icon: propTypesExports.string,
+  icon: PropTypes.string,
   /**
    * Current step status
    */
-  status: propTypesExports.oneOf(stepsConfig.status),
+  status: PropTypes.oneOf(stepsConfig.status),
   /**
    * View/style for step
    */
-  appearance: propTypesExports.oneOf(stepsConfig.appearance),
+  appearance: PropTypes.oneOf(stepsConfig.appearance),
   /**
    * style for step
    */
-  style: propTypesExports.object,
+  style: PropTypes.object,
   /**
    * Color for failed step
    */
-  failColor: propTypesExports.string,
+  failColor: PropTypes.string,
   /**
    * Color for success step
    */
-  successColor: propTypesExports.string,
+  successColor: PropTypes.string,
   /**
    * Default color for step
    */
-  heroColor: propTypesExports.string
+  heroColor: PropTypes.string
 };
 Step.defaultProps = {
   appearance: stepsConfig.appearance[0]
@@ -266,23 +267,23 @@ Steps.propTypes = {
   /**
    * View of 'Steps'.
    */
-  direction: propTypesExports.oneOf(stepsConfig.direction),
+  direction: PropTypes.oneOf(stepsConfig.direction),
   /**
    * Size of 'Steps'.
    */
-  size: propTypesExports.oneOf(stepsConfig.size),
+  size: PropTypes.oneOf(stepsConfig.size),
   /**
    * View type of 'Steps'.
    */
-  appearance: propTypesExports.oneOf(stepsConfig.appearance),
+  appearance: PropTypes.oneOf(stepsConfig.appearance),
   /**
    * Turn on/off highlighted view of current step.
    */
-  highlightCurrent: propTypesExports.bool,
+  highlightCurrent: PropTypes.bool,
   /**
    * Show/hide extra lines in 'Steps'.
    */
-  extraLines: propTypesExports.bool,
+  extraLines: PropTypes.bool,
   /**
    * The child or children of 'Steps' molecule
    */
@@ -290,15 +291,15 @@ Steps.propTypes = {
   /**
    * Initial/current step
    */
-  current: propTypesExports.number,
+  current: PropTypes.number,
   /**
    * Status of current step
    */
-  status: propTypesExports.oneOf(stepsConfig.status),
+  status: PropTypes.oneOf(stepsConfig.status),
   /**
    * Additional classname
    */
-  className: propTypesExports.string
+  className: PropTypes.string
 };
 Steps.defaultProps = {
   direction: stepsConfig.direction[0],

package/{index-5cea9a7d.js → SuggestionList/index.js}

@@ -1,40 +1,17 @@
 import React__default, { useMemo, useState, useRef, useCallback, useEffect } from 'react';
-import { s as stopEvent } from './index-ac59cb10.js';
-import { u as useKeyDown } from './useKeyDown-38102ae7.js';
-import './configs-91c86664.js';
-import { u as useClickOutside } from './useClickOutside-5183e396.js';
-import { c as classnames } from './index-6ff23041.js';
-import CustomScrollbar from './Scrollbar.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import ReactDOM__default from 'react-dom';
-
-const callAfterDelay = (callBack, time) => {
-  const timerId = setTimeout(() => {
-    clearTimeout(timerId);
-    ReactDOM__default.unstable_batchedUpdates(() => {
-      callBack();
-    });
-  }, time);
-};
-
-const actionTypes = {
-  add: 'add',
-  edit: 'edit',
-  delete: 'delete'
-};
-const keyDownKeys = {
-  space: ' ',
-  enter: 'Enter',
-  escape: 'Escape',
-  arrowDown: 'ArrowDown',
-  arrowUp: 'ArrowUp',
-  arrowLeft: 'ArrowLeft',
-  arrowRight: 'ArrowRight',
-  backspace: 'Backspace',
-  delete: 'Delete',
-  tab: 'Tab'
-};
-const SPACE_HEIGHT = 8;
+import { c as classnames } from '../index-6ff23041.js';
+import { s as stopEvent } from '../index-a0e4e333.js';
+import useKeyDown from '../hooks/useKeyDown.js';
+import '../configs-fed6ac34.js';
+import useClickOutside from '../hooks/useClickOutside.js';
+import { c as callAfterDelay, k as keyDownKeys } from '../config-0ca92874.js';
+import CustomScrollbar from '../Scrollbar/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import 'prop-types';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
+import 'react-dom';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 
 const getCaretPos = (e, textarea, index, key) => {
   textarea.insertAdjacentHTML('afterend', "<div id='dummy'></div>");
@@ -105,7 +82,7 @@ const getCursorPos = input => {
   return -1;
 };
 
-var css_248z = "[data-gene-ui-version=\"2.11.0\"] .suggestion-list{background:var(--background);border:1px solid #0000000d;border-radius:1rem;box-shadow:0 .2rem .4rem 0 #0000000d,0 0 0 1px #ffffff14;overflow:hidden;position:fixed;width:200px;z-index:400}[data-gene-ui-version=\"2.11.0\"] .suggestion-list .suggestion-rows{font:600 1.4rem/1.8rem var(--font-family);width:100%}[data-gene-ui-version=\"2.11.0\"] .suggestion-list .suggestion-rows ul{width:100%}[data-gene-ui-version=\"2.11.0\"] .suggestion-list .suggestion-rows ul li{align-items:center;cursor:pointer;display:flex;height:4rem;padding-left:16px;transition:background .4s,color .4s;width:100%}[data-gene-ui-version=\"2.11.0\"] .suggestion-list .suggestion-rows ul li.hover{background:rgba(var(--background-sc-rgb),.05)}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .suggestion-list{background:var(--background);border:1px solid #0000000d;border-radius:1rem;box-shadow:0 .2rem .4rem 0 #0000000d,0 0 0 1px #ffffff14;overflow:hidden;position:fixed;width:200px;z-index:400}[data-gene-ui-version=\"2.12.1\"] .suggestion-list .suggestion-rows{font:600 1.4rem/1.8rem var(--font-family);width:100%}[data-gene-ui-version=\"2.12.1\"] .suggestion-list .suggestion-rows ul{width:100%}[data-gene-ui-version=\"2.12.1\"] .suggestion-list .suggestion-rows ul li{align-items:center;cursor:pointer;display:flex;height:4rem;padding-left:16px;transition:background .4s,color .4s;width:100%}[data-gene-ui-version=\"2.12.1\"] .suggestion-list .suggestion-rows ul li.hover{background:rgba(var(--background-sc-rgb),.05)}";
 styleInject(css_248z);
 
 const ROW_WIDTH = 300;
@@ -404,4 +381,4 @@ function SuggestionList(_ref) {
   }, /*#__PURE__*/React__default.createElement("span", null, i.label))))))));
 }
 
-export { SuggestionList as S, actionTypes as a, SPACE_HEIGHT as b, callAfterDelay as c, keyDownKeys as k };
+export { SuggestionList as default };