@zohodesk/components 1.0.0-temp-223.1 → 1.0.0-temp-224

package/es/v1/RippleEffect/RippleEffect.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import CssProvider from "../../Provider/CssProvider";
-import style from "../../RippleEffect/RippleEffect.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import CssProvider from '../../Provider/CssProvider';
+import style from '../../RippleEffect/RippleEffect.module.css';
 export default function RippleEffect(props) {
   let {
     children,

package/es/v1/Select/GroupSelect.js

@@ -1,27 +1,27 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { GroupSelect_defaultProps } from "./props/defaultProps";
-import { GroupSelect_propTypes } from "./props/propTypes";
+import { GroupSelect_defaultProps } from './props/defaultProps';
+import { GroupSelect_propTypes } from './props/propTypes';
 /**** Components ****/
 
-import Popup from "../Popup/Popup";
-import TextBoxIcon from "../TextBoxIcon/TextBoxIcon";
-import Textbox from "../TextBox/TextBox";
-import Card, { CardHeader, CardContent, CardFooter } from "../Card/Card";
-import Suggestions from "../MultiSelect/Suggestions";
-import EmptyState from "../MultiSelect/EmptyState";
+import Popup from '../Popup/Popup';
+import TextBoxIcon from '../TextBoxIcon/TextBoxIcon';
+import Textbox from '../TextBox/TextBox';
+import Card, { CardHeader, CardContent, CardFooter } from '../Card/Card';
+import Suggestions from '../MultiSelect/Suggestions';
+import EmptyState from '../MultiSelect/EmptyState';
 import { Icon } from '@zohodesk/icons';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
-import DropDownHeading from "../DropDown/DropDownHeading";
-import { Container, Box } from "../Layout";
-import { getUniqueId } from "../../Provider/IdProvider";
-import ResponsiveDropBox from "../ResponsiveDropBox/ResponsiveDropBox";
-import { ResponsiveReceiver } from "../../Responsive/CustomResponsive";
-import style from "../../Select/Select.module.css";
+import DropDownHeading from '../DropDown/DropDownHeading';
+import { Container, Box } from '../Layout';
+import { getUniqueId } from '../../Provider/IdProvider';
+import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
+import { ResponsiveReceiver } from '../../Responsive/CustomResponsive';
+import style from '../../Select/Select.module.css';
 /**** Methods ****/
 
-import { makeGetGroupSelectOptions, optionIdGrouping, makeGetGroupSelectFilterSuggestions, extractOptionId, extractOptionIdFromJson } from "../../utils/dropDownUtils";
-import { getIsEmptyValue, scrollTo, debounce, getSearchString, findScrollEnd, getKeyValue } from "../../utils/Common";
+import { makeGetGroupSelectOptions, optionIdGrouping, makeGetGroupSelectFilterSuggestions, extractOptionId, extractOptionIdFromJson } from '../../utils/dropDownUtils';
+import { getIsEmptyValue, scrollTo, debounce, getSearchString, findScrollEnd, getKeyValue } from '../../utils/Common';
 /* eslint-disable react/no-unused-prop-types */
 
 /* eslint-disable react/sort-prop-types */

package/es/v1/Select/Select.js

@@ -1,28 +1,28 @@
 /**** Libraries ****/
 import React, { Component } from 'react';
-import { Select_defaultProps } from "./props/defaultProps";
-import { Select_propTypes } from "./props/propTypes";
+import { Select_defaultProps } from './props/defaultProps';
+import { Select_propTypes } from './props/propTypes';
 /**** Components ****/
 
-import Popup from "../Popup/Popup";
-import TextBoxIcon from "../TextBoxIcon/TextBoxIcon";
-import { Container, Box } from "../Layout";
-import Textbox from "../TextBox/TextBox";
-import Card, { CardHeader, CardContent, CardFooter } from "../Card/Card";
-import Suggestions from "../MultiSelect/Suggestions";
-import EmptyState from "../MultiSelect/EmptyState";
-import { getUniqueId } from "../../Provider/IdProvider";
+import Popup from '../Popup/Popup';
+import TextBoxIcon from '../TextBoxIcon/TextBoxIcon';
+import { Container, Box } from '../Layout';
+import Textbox from '../TextBox/TextBox';
+import Card, { CardHeader, CardContent, CardFooter } from '../Card/Card';
+import Suggestions from '../MultiSelect/Suggestions';
+import EmptyState from '../MultiSelect/EmptyState';
+import { getUniqueId } from '../../Provider/IdProvider';
 import { Icon } from '@zohodesk/icons';
-import ResponsiveDropBox from "../ResponsiveDropBox/ResponsiveDropBox";
-import { ResponsiveReceiver } from "../../Responsive/CustomResponsive";
+import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
+import { ResponsiveReceiver } from '../../Responsive/CustomResponsive';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
 /**** Methods ****/
 
-import { makeFormatOptions, makeGetMultiSelectFilterSuggestions as makeGetFilterSuggestions, makeGetSelectedValueText as makeGetSelectedValue } from "../../utils/dropDownUtils";
-import { debounce, scrollTo, getIsEmptyValue, getSearchString, findScrollEnd, getKeyValue } from "../../utils/Common.js";
+import { makeFormatOptions, makeGetMultiSelectFilterSuggestions as makeGetFilterSuggestions, makeGetSelectedValueText as makeGetSelectedValue } from '../../utils/dropDownUtils';
+import { debounce, scrollTo, getIsEmptyValue, getSearchString, findScrollEnd, getKeyValue } from '../../utils/Common.js';
 /**** CSS ****/
 
-import style from "../../Select/Select.module.css";
+import style from '../../Select/Select.module.css';
 /* eslint-disable react/no-deprecated */
 
 /* eslint-disable react/no-unused-prop-types */

package/es/v1/Select/SelectWithAvatar.js

@@ -1,27 +1,27 @@
 /**** Libraries ****/
 import React from 'react';
-import { SelectWithAvatar_defaultProps } from "./props/defaultProps";
-import { SelectWithAvatar_propTypes } from "./props/propTypes";
+import { SelectWithAvatar_defaultProps } from './props/defaultProps';
+import { SelectWithAvatar_propTypes } from './props/propTypes';
 /**** Components ****/
 
-import { SelectComponent } from "./Select";
-import Popup from "../Popup/Popup";
-import Tag from "../Tag/Tag";
-import Textbox from "../TextBox/TextBox";
-import TextBoxIcon from "../TextBoxIcon/TextBoxIcon";
-import { Container, Box } from "../Layout";
-import Card, { CardContent, CardHeader } from "../Card/Card";
-import Suggestions from "../MultiSelect/Suggestions";
-import EmptyState from "../MultiSelect/EmptyState";
-import DropDownHeading from "../DropDown/DropDownHeading";
-import { getUniqueId } from "../../Provider/IdProvider";
-import ResponsiveDropBox from "../ResponsiveDropBox/ResponsiveDropBox";
-import { ResponsiveReceiver } from "../../Responsive/CustomResponsive";
+import { SelectComponent } from './Select';
+import Popup from '../Popup/Popup';
+import Tag from '../Tag/Tag';
+import Textbox from '../TextBox/TextBox';
+import TextBoxIcon from '../TextBoxIcon/TextBoxIcon';
+import { Container, Box } from '../Layout';
+import Card, { CardContent, CardHeader } from '../Card/Card';
+import Suggestions from '../MultiSelect/Suggestions';
+import EmptyState from '../MultiSelect/EmptyState';
+import DropDownHeading from '../DropDown/DropDownHeading';
+import { getUniqueId } from '../../Provider/IdProvider';
+import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
+import { ResponsiveReceiver } from '../../Responsive/CustomResponsive';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
 /**** CSS ****/
 
-import style from "../../MultiSelect/MultiSelect.module.css";
-import selectStyle from "../../Select/Select.module.css";
+import style from '../../MultiSelect/MultiSelect.module.css';
+import selectStyle from '../../Select/Select.module.css';
 
 class SelectWithAvatarComponent extends SelectComponent {
   constructor(props) {

package/es/v1/Select/SelectWithIcon.js

@@ -1,25 +1,25 @@
 import React, { Component } from 'react';
-import { SelectWithIcon_defaultProps } from "./props/defaultProps";
-import { SelectWithIcon_propTypes } from "./props/propTypes";
+import { SelectWithIcon_defaultProps } from './props/defaultProps';
+import { SelectWithIcon_propTypes } from './props/propTypes';
 /**** Components ****/
 
-import Popup from "../Popup/Popup";
-import TextBoxIcon from "../TextBoxIcon/TextBoxIcon";
+import Popup from '../Popup/Popup';
+import TextBoxIcon from '../TextBoxIcon/TextBoxIcon';
 import { Icon } from '@zohodesk/icons';
-import ListItemWithIcon from "../ListItem/ListItemWithIcon";
-import Card, { CardHeader, CardContent } from "../Card/Card";
-import EmptyState from "../MultiSelect/EmptyState";
-import { Container, Box } from "../Layout";
-import { getUniqueId } from "../../Provider/IdProvider";
-import ResponsiveDropBox from "../ResponsiveDropBox/ResponsiveDropBox";
-import { ResponsiveReceiver } from "../../Responsive/CustomResponsive";
+import ListItemWithIcon from '../ListItem/ListItemWithIcon';
+import Card, { CardHeader, CardContent } from '../Card/Card';
+import EmptyState from '../MultiSelect/EmptyState';
+import { Container, Box } from '../Layout';
+import { getUniqueId } from '../../Provider/IdProvider';
+import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
+import { ResponsiveReceiver } from '../../Responsive/CustomResponsive';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
 /**** Methods ****/
 
-import { scrollTo, findScrollEnd } from "../../utils/Common.js";
+import { scrollTo, findScrollEnd } from '../../utils/Common.js';
 /**** CSS ****/
 
-import style from "../../Select/Select.module.css";
+import style from '../../Select/Select.module.css';
 
 class SelectWithIcon extends Component {
   constructor(props) {

package/es/v1/Select/index.js

@@ -1,4 +1,4 @@
-export { default as Select } from "./Select";
-export { default as GroupSelect } from "./GroupSelect";
-export { default as SelectWithAvatar } from "./SelectWithAvatar";
-export { default as SelectWithIcon } from "./SelectWithIcon";
+export { default as Select } from './Select';
+export { default as GroupSelect } from './GroupSelect';
+export { default as SelectWithAvatar } from './SelectWithAvatar';
+export { default as SelectWithIcon } from './SelectWithIcon';

package/es/v1/Select/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { getLibraryConfig } from "../../../Provider/Config";
+import { getLibraryConfig } from '../../../Provider/Config';
 export const Select_defaultProps = {
   animationStyle: 'bounce',
   autoComplete: getLibraryConfig('autoComplete'),

package/es/v1/Stencils/Stencils.js

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../Stencils/Stencils.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from '../../Stencils/Stencils.module.css';
 
 function Stencils(props) {
   let {

package/es/v1/Switch/Switch.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Container, Box } from "../Layout";
-import Label from "../Label/Label";
-import style from "../../Switch/Switch.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import { Container, Box } from '../Layout';
+import Label from '../Label/Label';
+import style from '../../Switch/Switch.module.css';
 
 const Switch = props => {
   let {

package/es/v1/Tab/Tab.js

@@ -1,9 +1,9 @@
 import React, { useMemo, useCallback } from 'react';
-import { Tab_defaultProps } from "./props/defaultProps";
-import { Tab_propTypes } from "./props/propTypes";
-import { Box, Container } from "../Layout";
-import { cs } from "../../utils/Common";
-import styles from "./v1Tab.module.css";
+import { Tab_defaultProps } from './props/defaultProps';
+import { Tab_propTypes } from './props/propTypes';
+import { Box, Container } from '../Layout';
+import { cs } from '../../utils/Common';
+import styles from './v1Tab.module.css';
 const tabTypes = {
   alpha: {
     active: 'alphaActive',

package/es/v1/Tab/TabContent.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { TabContent_defaultProps } from "./props/defaultProps";
-import { TabContent_propTypes } from "./props/propTypes";
-import { Container } from "../Layout";
-import style from "./v1TabContent.module.css";
+import { TabContent_defaultProps } from './props/defaultProps';
+import { TabContent_propTypes } from './props/propTypes';
+import { Container } from '../Layout';
+import style from './v1TabContent.module.css';
 /* eslint-disable react/forbid-component-props */
 
 const TabContent = _ref => {

package/es/v1/Tab/TabContentWrapper.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { TabContentWrapper_defaultProps } from "./props/defaultProps";
-import { TabContentWrapper_propTypes } from "./props/propTypes";
-import { Box } from "../Layout";
+import { TabContentWrapper_defaultProps } from './props/defaultProps';
+import { TabContentWrapper_propTypes } from './props/propTypes';
+import { Box } from '../Layout';
 /* eslint-disable react/forbid-component-props */
 
 const TabContentWrapper = _ref => {

package/es/v1/Tab/TabWrapper.js

@@ -1,7 +1,7 @@
 import React, { useState, useCallback } from 'react';
-import { TabWrapper_defaultProps } from "./props/defaultProps";
-import { TabWrapper_propTypes } from "./props/propTypes";
-import { Container } from "../Layout";
+import { TabWrapper_defaultProps } from './props/defaultProps';
+import { TabWrapper_propTypes } from './props/propTypes';
+import { Container } from '../Layout';
 
 function TabWrapper(_ref) {
   let {

package/es/v1/Tab/Tabs.js

@@ -1,20 +1,20 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
 import useEffectCallOnlyAfterState from '@zohodesk/hooks/es/utils/useEffectCallOnlyAfterState';
-import TextBoxIcon from "../TextBoxIcon/TextBoxIcon";
+import TextBoxIcon from '../TextBoxIcon/TextBoxIcon';
 import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
-import Tab from "./Tab";
-import { Tabs_defaultProps } from "./props/defaultProps";
-import { Tabs_propTypes } from "./props/propTypes";
-import { remConvert, getTotalDimension, cs, throttle, cancelBubblingEffect } from "../../utils/Common";
-import { Box, Container } from "../Layout";
-import ResizeObserver from "../../Responsive/ResizeObserver";
-import ListItem from "../ListItem/ListItem";
+import Tab from './Tab';
+import { Tabs_defaultProps } from './props/defaultProps';
+import { Tabs_propTypes } from './props/propTypes';
+import { remConvert, getTotalDimension, cs, throttle, cancelBubblingEffect } from '../../utils/Common';
+import { Box, Container } from '../Layout';
+import ResizeObserver from '../../Responsive/ResizeObserver';
+import ListItem from '../ListItem/ListItem';
 import { Icon } from '@zohodesk/icons';
-import tabsStyle from "./v1Tabs.module.css";
-import Popup from "../Popup/Popup";
-import ResponsiveDropBox from "../ResponsiveDropBox/ResponsiveDropBox";
-import { ResponsiveReceiver } from "../../Responsive/CustomResponsive";
-import btnstyle from "../../semantic/Button/semanticButton.module.css";
+import tabsStyle from './v1Tabs.module.css';
+import Popup from '../Popup/Popup';
+import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
+import { ResponsiveReceiver } from '../../Responsive/CustomResponsive';
+import btnstyle from '../../semantic/Button/semanticButton.module.css';
 
 const Tabs = props => {
   const [totalDimension, setTotalDimension] = useState(null);

package/es/v1/Tab/index.js

@@ -1,5 +1,5 @@
-export { default as TabWrapper } from "./TabWrapper";
-export { default as TabContentWrapper } from "./TabContentWrapper";
-export { default as TabContent } from "./TabContent";
-export { default as Tabs } from "./Tabs";
-export { default as Tab } from "./Tab";
+export { default as TabWrapper } from './TabWrapper';
+export { default as TabContentWrapper } from './TabContentWrapper';
+export { default as TabContent } from './TabContent';
+export { default as Tabs } from './Tabs';
+export { default as Tab } from './Tab';

package/es/v1/Tag/Tag.js

@@ -1,12 +1,12 @@
 import React, { memo } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import Avatar from "../Avatar/Avatar";
-import { Container } from "../Layout";
-import Button from "../semantic/Button/Button";
-import { useUniqueId } from "../../Provider/IdProvider";
-import style from "../../Tag/Tag.module.css";
+import Avatar from '../Avatar/Avatar';
+import { Container } from '../Layout';
+import Button from '../semantic/Button/Button';
+import { useUniqueId } from '../../Provider/IdProvider';
+import style from '../../Tag/Tag.module.css';
 /*
  * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
  * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',

package/es/v1/TextBox/TextBox.js

@@ -1,7 +1,7 @@
 import React, { memo, useRef, useCallback } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../TextBox/TextBox.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from '../../TextBox/TextBox.module.css';
 
 function TextBox(props) {
   let {

package/es/v1/TextBoxIcon/TextBoxIcon.js

@@ -1,11 +1,11 @@
 import React, { useState, useRef, useCallback } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import TextBox from "../TextBox/TextBox";
-import { Container, Box } from "../Layout";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import TextBox from '../TextBox/TextBox';
+import { Container, Box } from '../Layout';
 import { Icon } from '@zohodesk/icons';
-import btnStyle from "../../semantic/Button/semanticButton.module.css";
-import style from "../../TextBoxIcon/TextBoxIcon.module.css";
+import btnStyle from '../../semantic/Button/semanticButton.module.css';
+import style from '../../TextBoxIcon/TextBoxIcon.module.css';
 /* eslint-disable react/forbid-component-props */
 
 export default function TextBoxIcon(props) {

package/es/v1/TextBoxIcon/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { propTypes as TextBox_propTypes } from "../../TextBox/props/propTypes";
+import { propTypes as TextBox_propTypes } from '../../TextBox/props/propTypes';
 export const propTypes = { ...TextBox_propTypes,
   borderColor: PropTypes.oneOf(['transparent', 'default', 'error']),
   children: PropTypes.node,

package/es/v1/Textarea/Textarea.js

@@ -1,7 +1,7 @@
 import React, { useRef } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../Textarea/Textarea.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from '../../Textarea/Textarea.module.css';
 export default function Textarea(props) {
   let {
     size,

package/es/v1/Tooltip/Tooltip.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { getLibraryConfig } from "../../Provider/Config";
-import ResizeObserver from "../../Responsive/ResizeObserver";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import { getLibraryConfig } from '../../Provider/Config';
+import ResizeObserver from '../../Responsive/ResizeObserver';
 import selectn from 'selectn';
-import { whiteSpaceClassMapping } from "../../utils/cssUtils";
-import style from "../../Tooltip/Tooltip.module.css";
+import { whiteSpaceClassMapping } from '../../utils/cssUtils';
+import style from '../../Tooltip/Tooltip.module.css';
 export default class Tooltip extends React.Component {
   constructor(props) {
     super(props);

package/es/v1/Typography/Typography.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import cssJSLogic from "./css/cssJSLogic";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import cssJSLogic from './css/cssJSLogic';
 import { mergeStyle } from '@zohodesk/utils';
-import defaultStyle from "./css/v1_Typography.module.css";
+import defaultStyle from './css/v1_Typography.module.css';
 
 const Typography = props => {
   const {

package/es/v1/Typography/css/cssJSLogic.js

@@ -1,5 +1,5 @@
 import { compileClassNames } from '@zohodesk/utils';
-import { letterspacingMapping, lineheightMapping } from "../utils";
+import { letterspacingMapping, lineheightMapping } from '../utils';
 export default function cssJSLogic(_ref) {
   let {
     props,

package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityComponent } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
-import LibraryContext from "../../../Provider/LibraryContextInit";
+import LibraryContext from '../../../Provider/LibraryContextInit';
 export default function VelocityAnimation(props) {
   let {
     children,

package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityTransitionGroup } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
-import LibraryContext from "../../../Provider/LibraryContextInit";
+import LibraryContext from '../../../Provider/LibraryContextInit';
 
 function clearProps(props) {
   let newProps = Object.assign({}, props);

package/es/v1/semantic/Button/Button.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../../semantic/Button/semanticButton.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from '../../../semantic/Button/semanticButton.module.css';
 export default function Button(props) {
   const {
     value,

package/es/v1/semantic/index.js

@@ -1 +1 @@
-export { default as SemanticButton } from "./Button/Button";
+export { default as SemanticButton } from './Button/Button';

package/lib/Popup/Popup.js

@@ -162,8 +162,8 @@ var Popup = function Popup(Component) {
       _this.getIsOutsideScrollBlocked = _this.getIsOutsideScrollBlocked.bind(_assertThisInitialized(_this));
       _this.getNeedArrow = _this.getNeedArrow.bind(_assertThisInitialized(_this));
       _this.getCustomPositionOrder = _this.getCustomPositionOrder.bind(_assertThisInitialized(_this));
-      _this.handleOpenPopupPositionChange = _this.handleOpenPopupPositionChange.bind(_assertThisInitialized(_this)); // this.getScrollDebounceTime = this.getScrollDebounceTime.bind(this);
-
+      _this.handleOpenPopupPositionChange = _this.handleOpenPopupPositionChange.bind(_assertThisInitialized(_this));
+      _this.getScrollDebounceTime = _this.getScrollDebounceTime.bind(_assertThisInitialized(_this));
       _this.getCloseOnScrollPopup = _this.getCloseOnScrollPopup.bind(_assertThisInitialized(_this));
       _this.handleCloseLastOpenedGroup = _this.handleCloseLastOpenedGroup.bind(_assertThisInitialized(_this));
       _this.handleDocumentMouseDown = _this.handleDocumentMouseDown.bind(_assertThisInitialized(_this));
@@ -180,7 +180,6 @@ var Popup = function Popup(Component) {
       _this.updateVisibilityOnIntersection = _this.updateVisibilityOnIntersection.bind(_assertThisInitialized(_this));
       _this.handleAddingScrollToUpdatePosition = _this.handleAddingScrollToUpdatePosition.bind(_assertThisInitialized(_this));
       _this.handleRemovingScrollToUpdatePosition = _this.handleRemovingScrollToUpdatePosition.bind(_assertThisInitialized(_this));
-      _this.updatePositionOnScroll = _this.updatePositionOnScroll.bind(_assertThisInitialized(_this));
       _this.setContainerDynamicPositioning = _this.setContainerDynamicPositioning.bind(_assertThisInitialized(_this));
       _this.updatePopupState = _this.updatePopupState.bind(_assertThisInitialized(_this));
       _this.handleScrollAndBlockEvents = _this.handleScrollAndBlockEvents.bind(_assertThisInitialized(_this));
@@ -195,8 +194,11 @@ var Popup = function Popup(Component) {
       _this.customPositionOrder = customPositionOrder;
       _this.scrollDebounceTime = popupScrollDebounceTime;
       _this.closeOnScroll = closeOnScrollPopup;
-      _this.isOutsideScrollBlock = isOutsideScrollBlock; // const { scrollDebounceTime } = this.getScrollDebounceTime(this);
-      // this.handleScroll = debounce(this.handleScroll.bind(this), scrollDebounceTime);
+      _this.isOutsideScrollBlock = isOutsideScrollBlock;
+
+      var scrollDebounceTime = _this.getScrollDebounceTime(_assertThisInitialized(_this));
+
+      _this.updatePositionOnScroll = scrollDebounceTime > 0 ? (0, _Common.debounce)(_this.updatePositionOnScroll.bind(_assertThisInitialized(_this)), scrollDebounceTime) : _this.updatePositionOnScroll.bind(_assertThisInitialized(_this)); // this.handleScroll = debounce(this.handleScroll.bind(this), scrollDebounceTime);
 
       return _this;
     }
@@ -513,6 +515,7 @@ var Popup = function Popup(Component) {
       key: "updateVisibilityOnIntersection",
       value: function updateVisibilityOnIntersection(entry) {
         var dropElement = this.dropElement;
+        if (!dropElement) return;
 
         if (entry.isIntersecting === true) {
           this.isTargetElementVisible = true;
@@ -534,12 +537,14 @@ var Popup = function Popup(Component) {
         var isArrow = popup.props.isArrow;
         var needPopupArrow = popup.needPopupArrow;
         return isArrow !== undefined ? isArrow : needPopupArrow;
-      } // getScrollDebounceTime(popup) {
-      //   const { scrollDebounceTime } = popup.props;
-      //   const { scrollDebounceTime: popupScrollDebounceTime } = popup;
-      //   return scrollDebounceTime !== undefined ? scrollDebounceTime : popupScrollDebounceTime;
-      // }
-
+      }
+    }, {
+      key: "getScrollDebounceTime",
+      value: function getScrollDebounceTime(popup) {
+        var scrollDebounceTime = popup.props.scrollDebounceTime;
+        var popupScrollDebounceTime = popup.scrollDebounceTime;
+        return scrollDebounceTime !== undefined ? scrollDebounceTime : popupScrollDebounceTime;
+      }
     }, {
       key: "getCloseOnScrollPopup",
       value: function getCloseOnScrollPopup(popup) {

package/lib/Tab/TabWrapper.js

@@ -46,7 +46,8 @@ function TabWrapper(_ref) {
       align = _ref.align,
       dataId = _ref.dataId,
       children = _ref.children,
-      dataSelectorId = _ref.dataSelectorId;
+      dataSelectorId = _ref.dataSelectorId,
+      alignWrapper = _ref.alignWrapper;
 
   var _useState = (0, _react.useState)(!hookToDisableInternalState ? defaultTab || 0 : null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -61,7 +62,7 @@ function TabWrapper(_ref) {
     onSelect && onSelect(id);
   }, [hookToDisableInternalState, onSelect]);
   return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    alignBox: align === 'vertical' ? 'column' : 'row',
+    alignBox: alignWrapper ? alignWrapper : align === 'vertical' ? 'column' : 'row',
     dataId: dataId,
     dataSelectorId: dataSelectorId
   }, _react["default"].Children.map(children, function (child) {