@wix/design-system 1.164.0 → 1.166.0

package/dist/cjs/Accordion/Accordion.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_Accordion";
+var _namespace_ = "wds_1_166_0_Accordion";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_Accordion__root","accordion":"wds_1_164_0_Accordion__accordion","item":"wds_1_164_0_Accordion__item"};
+module.exports.classes = {"root":"wds_1_166_0_Accordion__root","accordion":"wds_1_166_0_Accordion__accordion","item":"wds_1_166_0_Accordion__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Accordion/components/AccordionItem/AccordionItem.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_164_0_AccordionItem";
+var _namespace_ = "wds_1_166_0_AccordionItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AccordionItem__root","header":"wds_1_164_0_AccordionItem__header","iconsContainer":"wds_1_164_0_AccordionItem__iconsContainer","affix":"wds_1_164_0_AccordionItem__affix","titleWrapper":"wds_1_164_0_AccordionItem__titleWrapper","children":"wds_1_164_0_AccordionItem__children"};
+module.exports.classes = {"root":"wds_1_166_0_AccordionItem__root","header":"wds_1_166_0_AccordionItem__header","iconsContainer":"wds_1_166_0_AccordionItem__iconsContainer","affix":"wds_1_166_0_AccordionItem__affix","titleWrapper":"wds_1_166_0_AccordionItem__titleWrapper","children":"wds_1_166_0_AccordionItem__children"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Accordion/components/AccordionItemCaret/AccordionItemCaret.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_164_0_AccordionItemCaret";
+var _namespace_ = "wds_1_166_0_AccordionItemCaret";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AccordionItemCaret__root","textButton":"wds_1_164_0_AccordionItemCaret__textButton"};
+module.exports.classes = {"root":"wds_1_166_0_AccordionItemCaret__root","textButton":"wds_1_166_0_AccordionItemCaret__textButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AddItem/AddItem.st.css.js

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_AddItem";
+var _namespace_ = "wds_1_166_0_AddItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AddItem__root","icon":"wds_1_164_0_AddItem__icon","illustration":"wds_1_164_0_AddItem__illustration","contentContainer":"wds_1_164_0_AddItem__contentContainer","content":"wds_1_164_0_AddItem__content","textWrapper":"wds_1_164_0_AddItem__textWrapper","textContent":"wds_1_164_0_AddItem__textContent","subtitle":"wds_1_164_0_AddItem__subtitle","tooltip":"wds_1_164_0_AddItem__tooltip"};
+module.exports.classes = {"root":"wds_1_166_0_AddItem__root","icon":"wds_1_166_0_AddItem__icon","illustration":"wds_1_166_0_AddItem__illustration","contentContainer":"wds_1_166_0_AddItem__contentContainer","content":"wds_1_166_0_AddItem__content","textWrapper":"wds_1_166_0_AddItem__textWrapper","textContent":"wds_1_166_0_AddItem__textContent","subtitle":"wds_1_166_0_AddItem__subtitle","tooltip":"wds_1_166_0_AddItem__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AddItem/AddItem.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/AddItem/AddItem.types.ts"],"sourcesContent":["import React from 'react';\nimport { TooltipCommonProps } from '../common';\n\nexport interface AddItemProps {\n  /** any renderable node or a render function. In case of a render function, text styles will not be applied. */\n  children?: React.ReactNode | (() => React.ReactNode);\n  /** apply disabled styles */\n  disabled?: boolean;\n  /** the theme of component */\n  theme?: AddItemTheme;\n  /** switching content alignment  */\n  alignItems?: AddItemAlignItems;\n  /** size to control icon and spacing  */\n  size?: AddItemSize;\n  /** click event handler  */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** Applied as data-hook HTML attribute that can be used to create driver in testing */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** When provided, hover will display a tooltip */\n  tooltipContent?: React.ReactNode;\n  /** Tooltip props\n   * @linkTypeTo components-overlays--tooltip\n   */\n  tooltipProps?: TooltipCommonProps;\n  /** Displays the plus icon */\n  showIcon?: boolean;\n  /** Removes padding */\n  removePadding?: boolean;\n  /** sets the border-radius css property on the button element */\n  borderRadius?: React.CSSProperties['borderRadius'];\n  /** Defines a string value that labels the add item element */\n  ariaLabel?: string;\n  /** Subtitle of the component */\n  ariaLabelledBy?: string;\n  /** Subtitle of the component */\n  subtitle?: React.ReactNode;\n  /** The illustraion icon src or node */\n  icon?: React.ReactNode;\n}\n\nexport interface AddItemActions {\n  blur: () => void;\n  focus: () => void;\n}\n\nexport type AddItemTheme = 'dashes' | 'plain' | 'filled' | 'image';\nexport type AddItemAlignItems = 'center' | 'right' | 'left';\nexport type AddItemSize = 'large' | 'medium' | 'small' | 'tiny';\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/AddItem/AddItem.types.ts"],"sourcesContent":["import React from 'react';\nimport { TooltipCommonProps } from '../common';\n\nexport interface AddItemProps {\n  /** any renderable node or a render function. In case of a render function, text styles will not be applied. */\n  children?: React.ReactNode | (() => React.ReactNode);\n  /** apply disabled styles */\n  disabled?: boolean;\n  /** the theme of component */\n  theme?: AddItemTheme;\n  /** switching content alignment  */\n  alignItems?: AddItemAlignItems;\n  /** size to control icon and spacing  */\n  size?: AddItemSize;\n  /** click event handler  */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** Applied as data-hook HTML attribute that can be used to create driver in testing */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** When provided, hover will display a tooltip */\n  tooltipContent?: React.ReactNode;\n  /** Tooltip props\n   * @linkTypeTo components-overlays--tooltip\n   */\n  tooltipProps?: TooltipCommonProps;\n  /** Displays the plus icon */\n  showIcon?: boolean;\n  /** Removes padding */\n  removePadding?: boolean;\n  /** sets the border-radius css property on the button element */\n  borderRadius?: React.CSSProperties['borderRadius'];\n  /** Defines a string value that labels the add item element */\n  ariaLabel?: string;\n  /** Subtitle of the component */\n  ariaLabelledBy?: string;\n  /** Subtitle of the component */\n  subtitle?: React.ReactNode;\n  /** The illustration icon src or node */\n  icon?: React.ReactNode;\n}\n\nexport interface AddItemActions {\n  blur: () => void;\n  focus: () => void;\n}\n\nexport type AddItemTheme = 'dashes' | 'plain' | 'filled' | 'image';\nexport type AddItemAlignItems = 'center' | 'right' | 'left';\nexport type AddItemSize = 'large' | 'medium' | 'small' | 'tiny';\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/AddressInputItem/AddressInputItem.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_AddressInputItem";
+var _namespace_ = "wds_1_166_0_AddressInputItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AddressInputItem__root"};
+module.exports.classes = {"root":"wds_1_166_0_AddressInputItem__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AnalyticsLayout/AnalyticsLayout.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_AnalyticsLayout";
+var _namespace_ = "wds_1_166_0_AnalyticsLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AnalyticsLayout__root","row":"wds_1_164_0_AnalyticsLayout__row"};
+module.exports.classes = {"root":"wds_1_166_0_AnalyticsLayout__root","row":"wds_1_166_0_AnalyticsLayout__row"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AnalyticsLayout/Cell/Cell.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_AnalyticsLayoutCell";
+var _namespace_ = "wds_1_166_0_AnalyticsLayoutCell";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AnalyticsLayoutCell__root"};
+module.exports.classes = {"root":"wds_1_166_0_AnalyticsLayoutCell__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AnalyticsSummaryCard/AnalyticsSummaryCard.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_AnalyticsSummaryCard";
+var _namespace_ = "wds_1_166_0_AnalyticsSummaryCard";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AnalyticsSummaryCard__root","title":"wds_1_164_0_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_164_0_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_164_0_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_164_0_AnalyticsSummaryCard__trend","loader":"wds_1_164_0_AnalyticsSummaryCard__loader","ctaButton":"wds_1_164_0_AnalyticsSummaryCard__ctaButton","footer":"wds_1_164_0_AnalyticsSummaryCard__footer","sparkline":"wds_1_164_0_AnalyticsSummaryCard__sparkline"};
+module.exports.classes = {"root":"wds_1_166_0_AnalyticsSummaryCard__root","title":"wds_1_166_0_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_166_0_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_166_0_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_166_0_AnalyticsSummaryCard__trend","loader":"wds_1_166_0_AnalyticsSummaryCard__loader","ctaButton":"wds_1_166_0_AnalyticsSummaryCard__ctaButton","footer":"wds_1_166_0_AnalyticsSummaryCard__footer","sparkline":"wds_1_166_0_AnalyticsSummaryCard__sparkline"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AngleInput/AngleInput.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_AngleInput";
+var _namespace_ = "wds_1_166_0_AngleInput";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AngleInput__root","visuallyHidden":"wds_1_164_0_visuallyHidden__visuallyHidden","track":"wds_1_164_0_AngleInput__track","arm":"wds_1_164_0_AngleInput__arm","knob":"wds_1_164_0_AngleInput__knob","knobWrapper":"wds_1_164_0_AngleInput__knobWrapper","visuallyHiddenInput":"wds_1_164_0_AngleInput__visuallyHiddenInput wds_1_164_0_visuallyHidden__visuallyHidden"};
+module.exports.classes = {"root":"wds_1_166_0_AngleInput__root","visuallyHidden":"wds_1_166_0_visuallyHidden__visuallyHidden","track":"wds_1_166_0_AngleInput__track","arm":"wds_1_166_0_AngleInput__arm","knob":"wds_1_166_0_AngleInput__knob","knobWrapper":"wds_1_166_0_AngleInput__knobWrapper","visuallyHiddenInput":"wds_1_166_0_AngleInput__visuallyHiddenInput wds_1_166_0_visuallyHidden__visuallyHidden"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AnnouncementModalLayout/AnnouncementModalLayout.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_AnnouncementModalLayout";
+var _namespace_ = "wds_1_166_0_AnnouncementModalLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_164_0_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_164_0_AnnouncementModalLayout__link","bottomSpacing":"wds_1_164_0_AnnouncementModalLayout__bottomSpacing"};
+module.exports.classes = {"root":"wds_1_166_0_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_166_0_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_166_0_AnnouncementModalLayout__link","bottomSpacing":"wds_1_166_0_AnnouncementModalLayout__bottomSpacing"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AreaChart/AreaChart.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_AreaChart";
+var _namespace_ = "wds_1_166_0_AreaChart";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AreaChart__root","lineChart":"wds_1_164_0_AreaChart__lineChart","lineChartCursor":"wds_1_164_0_AreaChart__lineChartCursor","lineChartAxis":"wds_1_164_0_AreaChart__lineChartAxis"};
+module.exports.classes = {"root":"wds_1_166_0_AreaChart__root","lineChart":"wds_1_166_0_AreaChart__lineChart","lineChartCursor":"wds_1_166_0_AreaChart__lineChartCursor","lineChartAxis":"wds_1_166_0_AreaChart__lineChartAxis"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AudioPlayer/AudioPlayer.js

@@ -336,7 +336,7 @@ AudioPlayer.propTypes = {
    */
   onEnd: _propTypes.default.func,
   /**
-   * Defines a callback function which is called when audio is seeked explicitly (i.e. when user drags the slider).
+   * Defines a callback function which is called when audio is sought explicitly (i.e. when user drags the slider).
    */
   onSeek: _propTypes.default.func
 };

package/dist/cjs/AudioPlayer/AudioPlayer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_AudioPlayerSt","_Tooltip","_IconButton","_Loader","_Heading","_wixUiIconsCommon","_constants","_AudioManager","_utils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AudioPlayer","memo","forwardRef","_ref","ref","dataHook","className","src","format","preload","webAudioAPI","onLoad","onLoadError","onPlay","onPause","onEnd","onSeek","autoplay","isSliderLocked","setIsSliderLocked","useState","hoverPosition","setHoverPosition","handleSizeInPercentage","setHandleSizeInPercentage","playing","setPlaying","showDuration","setShowDuration","playPauseButtonRef","useRef","useImperativeHandle","focus","current","_onDestroy","useCallback","_onEnd","_onLoad","loadingState","duration","seek","setSeek","useAudioManager","onDestroy","allowSeekLoop","isLoaded","_hoverISO","useMemo","secondsToISO","positionToSeconds","_seekPercentage","secondsToPosition","_togglePlayPause","_playPauseButtonContent","createElement","dataHooks","audioPlayerLoad","__self","__source","fileName","lineNumber","columnNumber","size","PauseFilled","audioPlayerPause","PlayFilled","audioPlayerPlay","_setSliderPositions","x","width","clickX","positionInPixels","position","Math","min","max","_handleSliderMouseDown","event","clientX","currentTarget","getBoundingClientRect","_handleSliderMouseMove","_handleSliderMouseUp","useEffect","window","addEventListener","removeEventListener","st","classes","root","onClick","audioPlayerPlayPause","playPauseButton","audioPlayerSlider","slider","style","vars","concat","onMouseDown","onMouseMove","track","tooltip","left","content","tooltipTarget","audioPlayerSliderHandle","handle","grow","abs","timer","audioTimeIndicator","displayName","propTypes","PropTypes","string","isRequired","oneOf","bool","func","_default","exports"],"sources":["../../../src/AudioPlayer/AudioPlayer.js"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n  useMemo,\n  useState,\n  useEffect,\n  forwardRef,\n  useRef,\n  useImperativeHandle,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes, vars } from './AudioPlayer.st.css';\nimport Tooltip from '../Tooltip';\nimport IconButton from '../IconButton';\nimport Loader from '../Loader';\nimport Heading from '../Heading';\nimport { PlayFilled, PauseFilled } from '@wix/wix-ui-icons-common';\nimport { dataHooks } from './constants';\nimport { useAudioManager } from './AudioManager/AudioManager';\nimport { positionToSeconds, secondsToISO, secondsToPosition } from './utils';\n\n/** AudioPlayer */\nconst AudioPlayer = memo(\n  forwardRef(\n    (\n      {\n        dataHook,\n        className,\n        src,\n        format,\n        preload = 'metadata',\n        webAudioAPI = false,\n        onLoad,\n        onLoadError,\n        onPlay,\n        onPause,\n        onEnd,\n        onSeek,\n        autoplay,\n      },\n      ref,\n    ) => {\n      const [isSliderLocked, setIsSliderLocked] = useState(true);\n      const [hoverPosition, setHoverPosition] = useState(0);\n      const [handleSizeInPercentage, setHandleSizeInPercentage] = useState(0);\n      const [playing, setPlaying] = useState(false);\n      const [showDuration, setShowDuration] = useState(true);\n\n      const playPauseButtonRef = useRef();\n\n      useImperativeHandle(ref, () => ({\n        focus: () =>\n          playPauseButtonRef.current && playPauseButtonRef.current.focus(),\n      }));\n\n      const _onDestroy = useCallback(() => {\n        setPlaying(false);\n        setShowDuration(true);\n      }, [setPlaying, setShowDuration]);\n\n      const _onEnd = useCallback(() => {\n        setShowDuration(true);\n        setPlaying(false);\n        onEnd && onEnd();\n      }, [onEnd, setShowDuration, setPlaying]);\n\n      const _onLoad = useCallback(() => {\n        if (autoplay) {\n          setShowDuration(false);\n          setPlaying(true);\n        }\n        onLoad && onLoad();\n      }, [onLoad, autoplay]);\n\n      const { loadingState, duration, seek, setSeek } = useAudioManager({\n        src,\n        format,\n        preload,\n        webAudioAPI,\n        onLoad: _onLoad,\n        onLoadError,\n        onPlay,\n        onSeek,\n        onPause,\n        playing,\n        onDestroy: _onDestroy,\n        onEnd: _onEnd,\n        allowSeekLoop: isSliderLocked,\n      });\n\n      const isLoaded = loadingState === 'loaded';\n\n      const _hoverISO = useMemo(() => {\n        if (!isLoaded) {\n          return secondsToISO(0, false, duration);\n        }\n\n        return secondsToISO(\n          positionToSeconds(hoverPosition, duration),\n          true,\n          duration,\n        );\n      }, [isLoaded, hoverPosition, duration]);\n\n      // takes the current seek (in seconds) and converts it to slider position.\n      const _seekPercentage = useMemo(() => {\n        if (!isLoaded) {\n          return 0;\n        }\n\n        return secondsToPosition(seek, duration);\n      }, [isLoaded, seek, duration]);\n\n      const _togglePlayPause = useCallback(() => {\n        setShowDuration(false);\n\n        if (playing) {\n          setPlaying(false);\n        } else {\n          setPlaying(true);\n        }\n      }, [playing, setPlaying, setShowDuration]);\n\n      const _playPauseButtonContent = useMemo(() => {\n        if (loadingState === 'loading') {\n          return (\n            <span data-hook={dataHooks.audioPlayerLoad}>\n              <Loader size=\"tiny\" />\n            </span>\n          );\n        }\n\n        return playing ? (\n          <PauseFilled data-hook={dataHooks.audioPlayerPause} />\n        ) : (\n          <PlayFilled data-hook={dataHooks.audioPlayerPlay} />\n        );\n      }, [loadingState, playing]);\n\n      const _setSliderPositions = useCallback(\n        (x, width, clickX) => {\n          const positionInPixels = ((clickX - x) / width) * 100;\n          const position = Math.min(Math.max(positionInPixels, 0), 100);\n\n          setHandleSizeInPercentage((12 / width) * 100);\n          setHoverPosition(position);\n        },\n        [setHoverPosition],\n      );\n\n      const _handleSliderMouseDown = useCallback(\n        event => {\n          const { clientX, currentTarget } = event;\n          const { x, width } = currentTarget.getBoundingClientRect();\n\n          setIsSliderLocked(false);\n          _setSliderPositions(x, width, clientX);\n        },\n        [_setSliderPositions, setIsSliderLocked],\n      );\n\n      const _handleSliderMouseMove = useCallback(\n        event => {\n          const { clientX, currentTarget } = event;\n          const { x, width } = currentTarget.getBoundingClientRect();\n\n          _setSliderPositions(x, width, clientX);\n        },\n        [_setSliderPositions],\n      );\n\n      const _handleSliderMouseUp = useCallback(() => {\n        setIsSliderLocked(true);\n      }, [setIsSliderLocked]);\n\n      useEffect(() => {\n        window.addEventListener('mouseup', _handleSliderMouseUp);\n\n        return () =>\n          window.removeEventListener('mouseup', _handleSliderMouseUp);\n      }, [_handleSliderMouseUp]);\n\n      // seek audio file to the slider location when dragged.\n      useEffect(() => {\n        if (!isSliderLocked) {\n          setSeek(positionToSeconds(hoverPosition, duration));\n          setShowDuration(false);\n        }\n      }, [duration, hoverPosition, isSliderLocked, setSeek]);\n\n      return (\n        <div className={st(classes.root, className)} data-hook={dataHook}>\n          <IconButton\n            ref={playPauseButtonRef}\n            size=\"small\"\n            onClick={_togglePlayPause}\n            dataHook={dataHooks.audioPlayerPlayPause}\n            className={classes.playPauseButton}\n          >\n            {_playPauseButtonContent}\n          </IconButton>\n          <div\n            data-hook={dataHooks.audioPlayerSlider}\n            className={classes.slider}\n            style={{\n              [vars['audio-player-position']]: `${_seekPercentage}%`,\n            }}\n            onMouseDown={_handleSliderMouseDown}\n            onMouseMove={_handleSliderMouseMove}\n          >\n            <div className={classes.track} />\n            <div\n              className={classes.tooltip}\n              style={{ left: `${hoverPosition}%` }}\n            >\n              <Tooltip content={`${_hoverISO}`}>\n                <div className={classes.tooltipTarget} />\n              </Tooltip>\n            </div>\n            <div\n              data-hook={dataHooks.audioPlayerSliderHandle}\n              className={st(classes.handle, {\n                grow:\n                  isLoaded &&\n                  (!isSliderLocked ||\n                    Math.abs(_seekPercentage - hoverPosition) <\n                      handleSizeInPercentage),\n              })}\n              style={{ left: `${_seekPercentage}%` }}\n            />\n          </div>\n          <Heading\n            size=\"tiny\"\n            className={classes.timer}\n            dataHook={dataHooks.audioTimeIndicator}\n          >\n            {showDuration\n              ? secondsToISO(duration, isLoaded, duration)\n              : secondsToISO(seek, isLoaded, duration)}\n          </Heading>\n        </div>\n      );\n    },\n  ),\n);\n\nAudioPlayer.displayName = 'AudioPlayer';\n\nAudioPlayer.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /**\n   * Specifies a link to the source of the track to be loaded for the sound (URL or base64 data URI).\n   * If a file has no extension, you will need to specify the extension using the format property.\n   */\n  src: PropTypes.string.isRequired,\n\n  /**\n   * Specifies a file format in situations where extraction does not work (such as a SoundCloud stream).<br/>\n   * By default, AudioPlayer detects your file format from the extension.\n   */\n  format: PropTypes.string,\n\n  /**\n   * Determines what to download when the component is rendered: full file, its metadata or nothing at all.\n   * When webAudioAPI = true you can only set it to either 'auto' or 'none'.\n   * When webAudioAPI = false you can set it to 'auto', 'metadata' or 'none'.\n   */\n  preload: PropTypes.oneOf(['auto', 'metadata', 'none']),\n\n  /**\n   * Start playback automatically when audio is loaded.\n   */\n  autoplay: PropTypes.bool,\n\n  /**\n   * Specifies whether to force web audio API. Use it for relatively small audio files only because you have to wait for the full file\n   * to be downloaded and decoded before playing. Web Audio API allows advanced capabilities as described in\n   * [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API).\n   */\n  webAudioAPI: PropTypes.bool,\n\n  /**\n   * Defines a callback function which is called when audio is loaded.\n   */\n  onLoad: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called every time audio fails to load.\n   */\n  onLoadError: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called when audio is played.\n   */\n  onPlay: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called when audio is paused.\n   */\n  onPause: PropTypes.func,\n\n  /**\n   Will be called when audio is ended.\n   */\n  onEnd: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called when audio is seeked explicitly (i.e. when user drags the slider).\n   */\n  onSeek: PropTypes.func,\n};\n\nexport default AudioPlayer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_AudioPlayerSt","_Tooltip","_IconButton","_Loader","_Heading","_wixUiIconsCommon","_constants","_AudioManager","_utils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AudioPlayer","memo","forwardRef","_ref","ref","dataHook","className","src","format","preload","webAudioAPI","onLoad","onLoadError","onPlay","onPause","onEnd","onSeek","autoplay","isSliderLocked","setIsSliderLocked","useState","hoverPosition","setHoverPosition","handleSizeInPercentage","setHandleSizeInPercentage","playing","setPlaying","showDuration","setShowDuration","playPauseButtonRef","useRef","useImperativeHandle","focus","current","_onDestroy","useCallback","_onEnd","_onLoad","loadingState","duration","seek","setSeek","useAudioManager","onDestroy","allowSeekLoop","isLoaded","_hoverISO","useMemo","secondsToISO","positionToSeconds","_seekPercentage","secondsToPosition","_togglePlayPause","_playPauseButtonContent","createElement","dataHooks","audioPlayerLoad","__self","__source","fileName","lineNumber","columnNumber","size","PauseFilled","audioPlayerPause","PlayFilled","audioPlayerPlay","_setSliderPositions","x","width","clickX","positionInPixels","position","Math","min","max","_handleSliderMouseDown","event","clientX","currentTarget","getBoundingClientRect","_handleSliderMouseMove","_handleSliderMouseUp","useEffect","window","addEventListener","removeEventListener","st","classes","root","onClick","audioPlayerPlayPause","playPauseButton","audioPlayerSlider","slider","style","vars","concat","onMouseDown","onMouseMove","track","tooltip","left","content","tooltipTarget","audioPlayerSliderHandle","handle","grow","abs","timer","audioTimeIndicator","displayName","propTypes","PropTypes","string","isRequired","oneOf","bool","func","_default","exports"],"sources":["../../../src/AudioPlayer/AudioPlayer.js"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n  useMemo,\n  useState,\n  useEffect,\n  forwardRef,\n  useRef,\n  useImperativeHandle,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes, vars } from './AudioPlayer.st.css';\nimport Tooltip from '../Tooltip';\nimport IconButton from '../IconButton';\nimport Loader from '../Loader';\nimport Heading from '../Heading';\nimport { PlayFilled, PauseFilled } from '@wix/wix-ui-icons-common';\nimport { dataHooks } from './constants';\nimport { useAudioManager } from './AudioManager/AudioManager';\nimport { positionToSeconds, secondsToISO, secondsToPosition } from './utils';\n\n/** AudioPlayer */\nconst AudioPlayer = memo(\n  forwardRef(\n    (\n      {\n        dataHook,\n        className,\n        src,\n        format,\n        preload = 'metadata',\n        webAudioAPI = false,\n        onLoad,\n        onLoadError,\n        onPlay,\n        onPause,\n        onEnd,\n        onSeek,\n        autoplay,\n      },\n      ref,\n    ) => {\n      const [isSliderLocked, setIsSliderLocked] = useState(true);\n      const [hoverPosition, setHoverPosition] = useState(0);\n      const [handleSizeInPercentage, setHandleSizeInPercentage] = useState(0);\n      const [playing, setPlaying] = useState(false);\n      const [showDuration, setShowDuration] = useState(true);\n\n      const playPauseButtonRef = useRef();\n\n      useImperativeHandle(ref, () => ({\n        focus: () =>\n          playPauseButtonRef.current && playPauseButtonRef.current.focus(),\n      }));\n\n      const _onDestroy = useCallback(() => {\n        setPlaying(false);\n        setShowDuration(true);\n      }, [setPlaying, setShowDuration]);\n\n      const _onEnd = useCallback(() => {\n        setShowDuration(true);\n        setPlaying(false);\n        onEnd && onEnd();\n      }, [onEnd, setShowDuration, setPlaying]);\n\n      const _onLoad = useCallback(() => {\n        if (autoplay) {\n          setShowDuration(false);\n          setPlaying(true);\n        }\n        onLoad && onLoad();\n      }, [onLoad, autoplay]);\n\n      const { loadingState, duration, seek, setSeek } = useAudioManager({\n        src,\n        format,\n        preload,\n        webAudioAPI,\n        onLoad: _onLoad,\n        onLoadError,\n        onPlay,\n        onSeek,\n        onPause,\n        playing,\n        onDestroy: _onDestroy,\n        onEnd: _onEnd,\n        allowSeekLoop: isSliderLocked,\n      });\n\n      const isLoaded = loadingState === 'loaded';\n\n      const _hoverISO = useMemo(() => {\n        if (!isLoaded) {\n          return secondsToISO(0, false, duration);\n        }\n\n        return secondsToISO(\n          positionToSeconds(hoverPosition, duration),\n          true,\n          duration,\n        );\n      }, [isLoaded, hoverPosition, duration]);\n\n      // takes the current seek (in seconds) and converts it to slider position.\n      const _seekPercentage = useMemo(() => {\n        if (!isLoaded) {\n          return 0;\n        }\n\n        return secondsToPosition(seek, duration);\n      }, [isLoaded, seek, duration]);\n\n      const _togglePlayPause = useCallback(() => {\n        setShowDuration(false);\n\n        if (playing) {\n          setPlaying(false);\n        } else {\n          setPlaying(true);\n        }\n      }, [playing, setPlaying, setShowDuration]);\n\n      const _playPauseButtonContent = useMemo(() => {\n        if (loadingState === 'loading') {\n          return (\n            <span data-hook={dataHooks.audioPlayerLoad}>\n              <Loader size=\"tiny\" />\n            </span>\n          );\n        }\n\n        return playing ? (\n          <PauseFilled data-hook={dataHooks.audioPlayerPause} />\n        ) : (\n          <PlayFilled data-hook={dataHooks.audioPlayerPlay} />\n        );\n      }, [loadingState, playing]);\n\n      const _setSliderPositions = useCallback(\n        (x, width, clickX) => {\n          const positionInPixels = ((clickX - x) / width) * 100;\n          const position = Math.min(Math.max(positionInPixels, 0), 100);\n\n          setHandleSizeInPercentage((12 / width) * 100);\n          setHoverPosition(position);\n        },\n        [setHoverPosition],\n      );\n\n      const _handleSliderMouseDown = useCallback(\n        event => {\n          const { clientX, currentTarget } = event;\n          const { x, width } = currentTarget.getBoundingClientRect();\n\n          setIsSliderLocked(false);\n          _setSliderPositions(x, width, clientX);\n        },\n        [_setSliderPositions, setIsSliderLocked],\n      );\n\n      const _handleSliderMouseMove = useCallback(\n        event => {\n          const { clientX, currentTarget } = event;\n          const { x, width } = currentTarget.getBoundingClientRect();\n\n          _setSliderPositions(x, width, clientX);\n        },\n        [_setSliderPositions],\n      );\n\n      const _handleSliderMouseUp = useCallback(() => {\n        setIsSliderLocked(true);\n      }, [setIsSliderLocked]);\n\n      useEffect(() => {\n        window.addEventListener('mouseup', _handleSliderMouseUp);\n\n        return () =>\n          window.removeEventListener('mouseup', _handleSliderMouseUp);\n      }, [_handleSliderMouseUp]);\n\n      // seek audio file to the slider location when dragged.\n      useEffect(() => {\n        if (!isSliderLocked) {\n          setSeek(positionToSeconds(hoverPosition, duration));\n          setShowDuration(false);\n        }\n      }, [duration, hoverPosition, isSliderLocked, setSeek]);\n\n      return (\n        <div className={st(classes.root, className)} data-hook={dataHook}>\n          <IconButton\n            ref={playPauseButtonRef}\n            size=\"small\"\n            onClick={_togglePlayPause}\n            dataHook={dataHooks.audioPlayerPlayPause}\n            className={classes.playPauseButton}\n          >\n            {_playPauseButtonContent}\n          </IconButton>\n          <div\n            data-hook={dataHooks.audioPlayerSlider}\n            className={classes.slider}\n            style={{\n              [vars['audio-player-position']]: `${_seekPercentage}%`,\n            }}\n            onMouseDown={_handleSliderMouseDown}\n            onMouseMove={_handleSliderMouseMove}\n          >\n            <div className={classes.track} />\n            <div\n              className={classes.tooltip}\n              style={{ left: `${hoverPosition}%` }}\n            >\n              <Tooltip content={`${_hoverISO}`}>\n                <div className={classes.tooltipTarget} />\n              </Tooltip>\n            </div>\n            <div\n              data-hook={dataHooks.audioPlayerSliderHandle}\n              className={st(classes.handle, {\n                grow:\n                  isLoaded &&\n                  (!isSliderLocked ||\n                    Math.abs(_seekPercentage - hoverPosition) <\n                      handleSizeInPercentage),\n              })}\n              style={{ left: `${_seekPercentage}%` }}\n            />\n          </div>\n          <Heading\n            size=\"tiny\"\n            className={classes.timer}\n            dataHook={dataHooks.audioTimeIndicator}\n          >\n            {showDuration\n              ? secondsToISO(duration, isLoaded, duration)\n              : secondsToISO(seek, isLoaded, duration)}\n          </Heading>\n        </div>\n      );\n    },\n  ),\n);\n\nAudioPlayer.displayName = 'AudioPlayer';\n\nAudioPlayer.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /**\n   * Specifies a link to the source of the track to be loaded for the sound (URL or base64 data URI).\n   * If a file has no extension, you will need to specify the extension using the format property.\n   */\n  src: PropTypes.string.isRequired,\n\n  /**\n   * Specifies a file format in situations where extraction does not work (such as a SoundCloud stream).<br/>\n   * By default, AudioPlayer detects your file format from the extension.\n   */\n  format: PropTypes.string,\n\n  /**\n   * Determines what to download when the component is rendered: full file, its metadata or nothing at all.\n   * When webAudioAPI = true you can only set it to either 'auto' or 'none'.\n   * When webAudioAPI = false you can set it to 'auto', 'metadata' or 'none'.\n   */\n  preload: PropTypes.oneOf(['auto', 'metadata', 'none']),\n\n  /**\n   * Start playback automatically when audio is loaded.\n   */\n  autoplay: PropTypes.bool,\n\n  /**\n   * Specifies whether to force web audio API. Use it for relatively small audio files only because you have to wait for the full file\n   * to be downloaded and decoded before playing. Web Audio API allows advanced capabilities as described in\n   * [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API).\n   */\n  webAudioAPI: PropTypes.bool,\n\n  /**\n   * Defines a callback function which is called when audio is loaded.\n   */\n  onLoad: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called every time audio fails to load.\n   */\n  onLoadError: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called when audio is played.\n   */\n  onPlay: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called when audio is paused.\n   */\n  onPause: PropTypes.func,\n\n  /**\n   Will be called when audio is ended.\n   */\n  onEnd: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called when audio is sought explicitly (i.e. when user drags the slider).\n   */\n  onSeek: PropTypes.func,\n};\n\nexport default AudioPlayer;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/AudioPlayer/AudioPlayer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_AudioPlayer";
+var _namespace_ = "wds_1_166_0_AudioPlayer";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AudioPlayer__root","playPauseButton":"wds_1_164_0_AudioPlayer__playPauseButton","slider":"wds_1_164_0_AudioPlayer__slider","track":"wds_1_164_0_AudioPlayer__track","handle":"wds_1_164_0_AudioPlayer__handle","tooltip":"wds_1_164_0_AudioPlayer__tooltip","tooltipTarget":"wds_1_164_0_AudioPlayer__tooltipTarget","timer":"wds_1_164_0_AudioPlayer__timer"};
+module.exports.classes = {"root":"wds_1_166_0_AudioPlayer__root","playPauseButton":"wds_1_166_0_AudioPlayer__playPauseButton","slider":"wds_1_166_0_AudioPlayer__slider","track":"wds_1_166_0_AudioPlayer__track","handle":"wds_1_166_0_AudioPlayer__handle","tooltip":"wds_1_166_0_AudioPlayer__tooltip","tooltipTarget":"wds_1_166_0_AudioPlayer__tooltipTarget","timer":"wds_1_166_0_AudioPlayer__timer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"audio-player-position":"--wds_1_164_0_AudioPlayer-audio-player-position"}; 
+module.exports.vars = {"audio-player-position":"--wds_1_166_0_AudioPlayer-audio-player-position"}; 
 
 
 

package/dist/cjs/AutoCompleteWithLabel/AutoCompleteWithLabel.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_AutoCompleteWithLabel";
+var _namespace_ = "wds_1_166_0_AutoCompleteWithLabel";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AutoCompleteWithLabel__root","statusMessage":"wds_1_164_0_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_164_0_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_164_0_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_164_0_AutoCompleteWithLabel__suffix"};
+module.exports.classes = {"root":"wds_1_166_0_AutoCompleteWithLabel__root","statusMessage":"wds_1_166_0_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_166_0_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_166_0_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_166_0_AutoCompleteWithLabel__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Avatar/Avatar.st.css.js

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_Avatar";
+var _namespace_ = "wds_1_166_0_Avatar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_Avatar__root","text-small-bold":"wds_1_164_0_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_164_0_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_164_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_164_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_164_0_StylableTypography__text-tiny-bold","placeholder":"wds_1_164_0_Avatar__placeholder","avatarContainer":"wds_1_164_0_Avatar__avatarContainer","coreAvatar":"wds_1_164_0_Avatar__coreAvatar","avatar":"wds_1_164_0_Avatar__avatar","presence":"wds_1_164_0_Avatar__presence","indication":"wds_1_164_0_Avatar__indication","iconButtonShadow":"wds_1_164_0_Avatar__iconButtonShadow","colorA1":"wds_1_164_0_Avatar__colorA1","colorA2":"wds_1_164_0_Avatar__colorA2","colorA3":"wds_1_164_0_Avatar__colorA3","colorA4":"wds_1_164_0_Avatar__colorA4","colorA5":"wds_1_164_0_Avatar__colorA5","colorA6":"wds_1_164_0_Avatar__colorA6","colorA7":"wds_1_164_0_Avatar__colorA7","loaderContainer":"wds_1_164_0_Avatar__loaderContainer","overlay":"wds_1_164_0_Avatar__overlay","loader":"wds_1_164_0_Avatar__loader"};
+module.exports.classes = {"root":"wds_1_166_0_Avatar__root","text-small-bold":"wds_1_166_0_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_166_0_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_166_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_166_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_166_0_StylableTypography__text-tiny-bold","placeholder":"wds_1_166_0_Avatar__placeholder","avatarContainer":"wds_1_166_0_Avatar__avatarContainer","coreAvatar":"wds_1_166_0_Avatar__coreAvatar","avatar":"wds_1_166_0_Avatar__avatar","presence":"wds_1_166_0_Avatar__presence","indication":"wds_1_166_0_Avatar__indication","iconButtonShadow":"wds_1_166_0_Avatar__iconButtonShadow","colorA1":"wds_1_166_0_Avatar__colorA1","colorA2":"wds_1_166_0_Avatar__colorA2","colorA3":"wds_1_166_0_Avatar__colorA3","colorA4":"wds_1_166_0_Avatar__colorA4","colorA5":"wds_1_166_0_Avatar__colorA5","colorA6":"wds_1_166_0_Avatar__colorA6","colorA7":"wds_1_166_0_Avatar__colorA7","loaderContainer":"wds_1_166_0_Avatar__loaderContainer","overlay":"wds_1_166_0_Avatar__overlay","loader":"wds_1_166_0_Avatar__loader"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Avatar/AvatarCore/AvatarCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_AvatarCore";
+var _namespace_ = "wds_1_166_0_AvatarCore";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AvatarCore__root","content":"wds_1_164_0_AvatarCore__content"};
+module.exports.classes = {"root":"wds_1_166_0_AvatarCore__root","content":"wds_1_166_0_AvatarCore__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Avatar/AvatarCore/AvatarCore.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","avatarCoreDriverFactory","base","byDataHook","dataHook","$","concat","baseUniDriverFactory","getAttribute","attrName","attr","getProperty","propName","_prop","getContentType","getTextContent","text","hasClass","className","isImageLoaded","_isImageLoaded","_asyncToGenerator2","exports"],"sources":["../../../../src/Avatar/AvatarCore/AvatarCore.uni.driver.ts"],"sourcesContent":["import { UniDriver, BaseUniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../utils/test-utils/unidriver';\nimport { ContentType } from './AvatarCore';\n\nexport interface AvatarCoreDriver extends BaseUniDriver {\n  /** Get the currently displayed type. Types are: 'text', 'icon', 'image'. It could be that the resolved type is 'image' but the currently displayed one is `text`. */\n  getContentType(): Promise<ContentType>;\n  /** Get the text content (generated initials) */\n  getTextContent(dataHook?: string): Promise<string>;\n  /** Wether the image wass loaded */\n  isImageLoaded(): Promise<boolean>;\n  /** Get the attribute value */\n  getAttribute(attrName: string, dataHook?: string): Promise<string | null>;\n  /** Get the property value */\n  getProperty(propName: string): Promise<string | null>;\n\n  hasClass(className: string, dataHook?: string): Promise<boolean>;\n}\n\nexport const avatarCoreDriverFactory = (base: UniDriver): AvatarCoreDriver => {\n  const byDataHook = (dataHook?: string) =>\n    dataHook ? base.$(`[data-hook=\"${dataHook}\"]`) : base;\n  return {\n    ...baseUniDriverFactory(base),\n    getAttribute: (attrName, dataHook) => {\n      if (dataHook) {\n        return base.$(`[data-hook=\"${dataHook}\"`).attr(attrName);\n      }\n      return base.attr(attrName);\n    },\n    getProperty: propName => base._prop(propName),\n    getContentType: () =>\n      base.attr('data-content-type') as Promise<ContentType>,\n    getTextContent: dataHook => byDataHook(dataHook).text(),\n    hasClass: (className, dataHook) => {\n      return byDataHook(dataHook || 'content').hasClass(className);\n    },\n    isImageLoaded: async () => (await base.attr('data-img-loaded')) === 'true',\n  };\n};\n"],"mappings":";;;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAAwE,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAkBjE,IAAMqB,uBAAuB,GAAIC,IAAe,IAAuB;EAC5E,IAAMC,UAAU,GAAIC,QAAiB,IACnCA,QAAQ,GAAGF,IAAI,CAACG,CAAC,iBAAAC,MAAA,CAAgBF,QAAQ,QAAI,CAAC,GAAGF,IAAI;EACvD,OAAAV,aAAA,CAAAA,aAAA,KACK,IAAAe,+BAAoB,EAACL,IAAI,CAAC;IAC7BM,YAAY,EAAEA,CAACC,QAAQ,EAAEL,QAAQ,KAAK;MACpC,IAAIA,QAAQ,EAAE;QACZ,OAAOF,IAAI,CAACG,CAAC,iBAAAC,MAAA,CAAgBF,QAAQ,OAAG,CAAC,CAACM,IAAI,CAACD,QAAQ,CAAC;MAC1D;MACA,OAAOP,IAAI,CAACQ,IAAI,CAACD,QAAQ,CAAC;IAC5B,CAAC;IACDE,WAAW,EAAEC,QAAQ,IAAIV,IAAI,CAACW,KAAK,CAACD,QAAQ,CAAC;IAC7CE,cAAc,EAAEA,CAAA,KACdZ,IAAI,CAACQ,IAAI,CAAC,mBAAmB,CAAyB;IACxDK,cAAc,EAAEX,QAAQ,IAAID,UAAU,CAACC,QAAQ,CAAC,CAACY,IAAI,CAAC,CAAC;IACvDC,QAAQ,EAAEA,CAACC,SAAS,EAAEd,QAAQ,KAAK;MACjC,OAAOD,UAAU,CAACC,QAAQ,IAAI,SAAS,CAAC,CAACa,QAAQ,CAACC,SAAS,CAAC;IAC9D,CAAC;IACDC,aAAa;MAAA,IAAAC,cAAA,OAAAC,kBAAA,CAAAxB,OAAA,EAAE;QAAA,OAAY,OAAOK,IAAI,CAACQ,IAAI,CAAC,iBAAiB,CAAC,MAAM,MAAM;MAAA;MAAA,SAA1ES,aAAaA,CAAA;QAAA,OAAAC,cAAA,CAAA7B,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAb0B,aAAa;IAAA;EAA6D;AAE9E,CAAC;AAACG,OAAA,CAAArB,uBAAA,GAAAA,uBAAA","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","avatarCoreDriverFactory","base","byDataHook","dataHook","$","concat","baseUniDriverFactory","getAttribute","attrName","attr","getProperty","propName","_prop","getContentType","getTextContent","text","hasClass","className","isImageLoaded","_isImageLoaded","_asyncToGenerator2","exports"],"sources":["../../../../src/Avatar/AvatarCore/AvatarCore.uni.driver.ts"],"sourcesContent":["import { UniDriver, BaseUniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../utils/test-utils/unidriver';\nimport { ContentType } from './AvatarCore';\n\nexport interface AvatarCoreDriver extends BaseUniDriver {\n  /** Get the currently displayed type. Types are: 'text', 'icon', 'image'. It could be that the resolved type is 'image' but the currently displayed one is `text`. */\n  getContentType(): Promise<ContentType>;\n  /** Get the text content (generated initials) */\n  getTextContent(dataHook?: string): Promise<string>;\n  /** Whether the image was loaded */\n  isImageLoaded(): Promise<boolean>;\n  /** Get the attribute value */\n  getAttribute(attrName: string, dataHook?: string): Promise<string | null>;\n  /** Get the property value */\n  getProperty(propName: string): Promise<string | null>;\n\n  hasClass(className: string, dataHook?: string): Promise<boolean>;\n}\n\nexport const avatarCoreDriverFactory = (base: UniDriver): AvatarCoreDriver => {\n  const byDataHook = (dataHook?: string) =>\n    dataHook ? base.$(`[data-hook=\"${dataHook}\"]`) : base;\n  return {\n    ...baseUniDriverFactory(base),\n    getAttribute: (attrName, dataHook) => {\n      if (dataHook) {\n        return base.$(`[data-hook=\"${dataHook}\"`).attr(attrName);\n      }\n      return base.attr(attrName);\n    },\n    getProperty: propName => base._prop(propName),\n    getContentType: () =>\n      base.attr('data-content-type') as Promise<ContentType>,\n    getTextContent: dataHook => byDataHook(dataHook).text(),\n    hasClass: (className, dataHook) => {\n      return byDataHook(dataHook || 'content').hasClass(className);\n    },\n    isImageLoaded: async () => (await base.attr('data-img-loaded')) === 'true',\n  };\n};\n"],"mappings":";;;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAAwE,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAkBjE,IAAMqB,uBAAuB,GAAIC,IAAe,IAAuB;EAC5E,IAAMC,UAAU,GAAIC,QAAiB,IACnCA,QAAQ,GAAGF,IAAI,CAACG,CAAC,iBAAAC,MAAA,CAAgBF,QAAQ,QAAI,CAAC,GAAGF,IAAI;EACvD,OAAAV,aAAA,CAAAA,aAAA,KACK,IAAAe,+BAAoB,EAACL,IAAI,CAAC;IAC7BM,YAAY,EAAEA,CAACC,QAAQ,EAAEL,QAAQ,KAAK;MACpC,IAAIA,QAAQ,EAAE;QACZ,OAAOF,IAAI,CAACG,CAAC,iBAAAC,MAAA,CAAgBF,QAAQ,OAAG,CAAC,CAACM,IAAI,CAACD,QAAQ,CAAC;MAC1D;MACA,OAAOP,IAAI,CAACQ,IAAI,CAACD,QAAQ,CAAC;IAC5B,CAAC;IACDE,WAAW,EAAEC,QAAQ,IAAIV,IAAI,CAACW,KAAK,CAACD,QAAQ,CAAC;IAC7CE,cAAc,EAAEA,CAAA,KACdZ,IAAI,CAACQ,IAAI,CAAC,mBAAmB,CAAyB;IACxDK,cAAc,EAAEX,QAAQ,IAAID,UAAU,CAACC,QAAQ,CAAC,CAACY,IAAI,CAAC,CAAC;IACvDC,QAAQ,EAAEA,CAACC,SAAS,EAAEd,QAAQ,KAAK;MACjC,OAAOD,UAAU,CAACC,QAAQ,IAAI,SAAS,CAAC,CAACa,QAAQ,CAACC,SAAS,CAAC;IAC9D,CAAC;IACDC,aAAa;MAAA,IAAAC,cAAA,OAAAC,kBAAA,CAAAxB,OAAA,EAAE;QAAA,OAAY,OAAOK,IAAI,CAACQ,IAAI,CAAC,iBAAiB,CAAC,MAAM,MAAM;MAAA;MAAA,SAA1ES,aAAaA,CAAA;QAAA,OAAAC,cAAA,CAAA7B,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAb0B,aAAa;IAAA;EAA6D;AAE9E,CAAC;AAACG,OAAA,CAAArB,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/dist/cjs/AvatarGroup/AvatarGroup.js

@@ -63,10 +63,10 @@ var setAvatarCompPropsArr = (items, avatarSize, itemsMaxLength) => {
       title
     };
   });
-  var avatars = avatarItemsLenghtHandler(avatarItems, avatarItems.length, itemsMaxLength, avatarSize);
+  var avatars = avatarItemsLengthHandler(avatarItems, avatarItems.length, itemsMaxLength, avatarSize);
   return avatars;
 };
-var avatarItemsLenghtHandler = (items, itemsLength, maxItems, avatarSize) => {
+var avatarItemsLengthHandler = (items, itemsLength, maxItems, avatarSize) => {
   var moreItemAvatar = {
     text: "".concat(itemsLength - maxItems + 1, "+"),
     size: avatarSize === 'small' ? 'size24' : 'size30',

package/dist/cjs/AvatarGroup/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_AvatarGroupSt","_Avatar","_Text","_Divider","_constants","_jsxFileName","getRandomColorPattern","patternColor","firstIndex","Math","floor","random","lastIndex","slice","myPatternColors","getAvatarColor","_ref","index","color","colorIndex","setAvatarCompPropsArr","items","avatarSize","itemsMaxLength","avatarItems","map","item","ariaLabel","imgProps","name","text","placeholder","title","size","shape","avatarColor","avatars","avatarItemsLenghtHandler","length","itemsLength","maxItems","moreItemAvatar","concat","isMoreItem","MoreIndicator","_ref2","default","createElement","dataHooks","avatarGroupMoreItem","className","st","classes","moreIndicatorCircle","__self","__source","fileName","lineNumber","columnNumber","secondary","weight","moreIndicatorText","AvatarGroup","_ref3","dataHook","type","showDivider","avatarCompArr","root","key","Object","values","avatarContainer","shouldIncludeDivider","Fragment","_extends2","avatarGroupItem","direction","divider","displayName","propTypes","PropTypes","string","oneOf","bool","number","arrayOf","object","node","isRequired","_default","exports"],"sources":["../../../src/AvatarGroup/AvatarGroup.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './AvatarGroup.st.css';\nimport Avatar from '../Avatar';\nimport Text from '../Text';\nimport Divider from '../Divider';\nimport { dataHooks } from './constants';\n\nconst getRandomColorPattern = () => {\n  const patternColor = [\n    'A1',\n    'A2',\n    'A3',\n    'A4',\n    'A5',\n    'A6',\n    'A1',\n    'A2',\n    'A3',\n    'A4',\n    'A5',\n    'A6',\n  ];\n  const firstIndex = Math.floor(Math.random() * 6); // get random number between 0 to 5\n  const lastIndex = firstIndex + 6;\n  return patternColor.slice(firstIndex, lastIndex);\n};\nconst myPatternColors = getRandomColorPattern();\nconst getAvatarColor = ({ index, color }) => {\n  let colorIndex = index;\n  if (color) {\n    return color;\n  }\n\n  while (colorIndex > 5) {\n    colorIndex = colorIndex - 6;\n  }\n  return myPatternColors[colorIndex];\n};\nconst setAvatarCompPropsArr = (items, avatarSize, itemsMaxLength) => {\n  // gets the items prop from avatarGroup component and set it with the proper prop for avatar component such as size, shape etc.\n  const avatarItems = items.map((item, index) => {\n    const { ariaLabel, color, imgProps, name, text, placeholder, title } = item;\n\n    const size = avatarSize === 'small' ? 'size24' : 'size30';\n    const shape = 'circle';\n    const avatarColor = getAvatarColor({ index, color });\n    return {\n      size,\n      shape,\n      ariaLabel,\n      color: avatarColor,\n      imgProps,\n      name,\n      text,\n      placeholder,\n      title,\n    };\n  });\n  const avatars = avatarItemsLenghtHandler(\n    avatarItems,\n    avatarItems.length,\n    itemsMaxLength,\n    avatarSize,\n  );\n  return avatars;\n};\nconst avatarItemsLenghtHandler = (items, itemsLength, maxItems, avatarSize) => {\n  const moreItemAvatar = {\n    text: `${itemsLength - maxItems + 1}+`,\n    size: avatarSize === 'small' ? 'size24' : 'size30',\n    isMoreItem: true,\n  };\n\n  if (itemsLength > maxItems && maxItems >= 2) {\n    items.length = maxItems;\n    items[maxItems - 1] = moreItemAvatar;\n  }\n  return items;\n};\n\nconst MoreIndicator = ({ text, size }) => (\n  <div\n    data-hook={dataHooks.avatarGroupMoreItem}\n    className={st(classes.moreIndicatorCircle, { size })}\n  >\n    <Text secondary weight=\"normal\" className={classes.moreIndicatorText}>\n      {text}\n    </Text>\n  </div>\n);\n\n/** AvatarGroup */\nconst AvatarGroup = ({\n  dataHook,\n  className,\n  type = 'stretched',\n  items = [],\n  maxItems = 5,\n  size = 'medium',\n  showDivider = false,\n}) => {\n  const itemsMaxLength = maxItems < 2 ? 2 : maxItems;\n  const avatarCompArr = setAvatarCompPropsArr(items, size, itemsMaxLength);\n\n  return (\n    <div\n      className={st(classes.root, { size, type }, className)}\n      data-hook={dataHook}\n    >\n      {avatarCompArr.map((item, index) => {\n        const key = `${Object.values(item)}`;\n        if (item.isMoreItem) {\n          return (\n            <div key={key} className={classes.avatarContainer}>\n              <MoreIndicator text={item.text} size={size} />\n            </div>\n          );\n        }\n\n        const shouldIncludeDivider =\n          index === 0 && showDivider && avatarCompArr.length > 1;\n\n        return (\n          <React.Fragment key={key}>\n            <div className={classes.avatarContainer}>\n              <Avatar {...item} dataHook={dataHooks.avatarGroupItem} />\n            </div>\n            {shouldIncludeDivider && (\n              <Divider\n                direction=\"vertical\"\n                className={st(classes.divider, { size, type })}\n              />\n            )}\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n};\n\nAvatarGroup.displayName = 'AvatarGroup';\n\nAvatarGroup.propTypes = {\n  /**\n   * Applies a data-hook HTML attribute that can be used in the tests\n   */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className: PropTypes.string,\n\n  /**\n   * Changes the way avatars are displayed inside the group.\n   */\n  type: PropTypes.oneOf(['stretched', 'condensed']),\n\n  /**\n   * Changes the size of avatars in the group\n   */\n  size: PropTypes.oneOf(['medium', 'small']),\n\n  /**\n   * Separates the first avatar with a divider  from the rest of the group\n   */\n  showDivider: PropTypes.bool,\n\n  /**\n   * Sets the maximum number of avatars to be displayed. Number which exceeds this limit will be hidden under the “N+” item.\n   */\n  maxItems: PropTypes.number,\n\n  /**\n   * Use to pass an array of avatars\n   */\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      ariaLabel: PropTypes.string,\n      color: PropTypes.oneOf(['A1', 'A2', 'A3', 'A4', 'A5', 'A6']),\n      imgProps: PropTypes.object,\n      name: PropTypes.string,\n      text: PropTypes.string,\n      placeholder: PropTypes.node,\n      title: PropTypes.string,\n    }),\n  ).isRequired,\n};\n\nexport default AvatarGroup;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_AvatarGroupSt","_Avatar","_Text","_Divider","_constants","_jsxFileName","getRandomColorPattern","patternColor","firstIndex","Math","floor","random","lastIndex","slice","myPatternColors","getAvatarColor","_ref","index","color","colorIndex","setAvatarCompPropsArr","items","avatarSize","itemsMaxLength","avatarItems","map","item","ariaLabel","imgProps","name","text","placeholder","title","size","shape","avatarColor","avatars","avatarItemsLengthHandler","length","itemsLength","maxItems","moreItemAvatar","concat","isMoreItem","MoreIndicator","_ref2","default","createElement","dataHooks","avatarGroupMoreItem","className","st","classes","moreIndicatorCircle","__self","__source","fileName","lineNumber","columnNumber","secondary","weight","moreIndicatorText","AvatarGroup","_ref3","dataHook","type","showDivider","avatarCompArr","root","key","Object","values","avatarContainer","shouldIncludeDivider","Fragment","_extends2","avatarGroupItem","direction","divider","displayName","propTypes","PropTypes","string","oneOf","bool","number","arrayOf","object","node","isRequired","_default","exports"],"sources":["../../../src/AvatarGroup/AvatarGroup.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './AvatarGroup.st.css';\nimport Avatar from '../Avatar';\nimport Text from '../Text';\nimport Divider from '../Divider';\nimport { dataHooks } from './constants';\n\nconst getRandomColorPattern = () => {\n  const patternColor = [\n    'A1',\n    'A2',\n    'A3',\n    'A4',\n    'A5',\n    'A6',\n    'A1',\n    'A2',\n    'A3',\n    'A4',\n    'A5',\n    'A6',\n  ];\n  const firstIndex = Math.floor(Math.random() * 6); // get random number between 0 to 5\n  const lastIndex = firstIndex + 6;\n  return patternColor.slice(firstIndex, lastIndex);\n};\nconst myPatternColors = getRandomColorPattern();\nconst getAvatarColor = ({ index, color }) => {\n  let colorIndex = index;\n  if (color) {\n    return color;\n  }\n\n  while (colorIndex > 5) {\n    colorIndex = colorIndex - 6;\n  }\n  return myPatternColors[colorIndex];\n};\nconst setAvatarCompPropsArr = (items, avatarSize, itemsMaxLength) => {\n  // gets the items prop from avatarGroup component and set it with the proper prop for avatar component such as size, shape etc.\n  const avatarItems = items.map((item, index) => {\n    const { ariaLabel, color, imgProps, name, text, placeholder, title } = item;\n\n    const size = avatarSize === 'small' ? 'size24' : 'size30';\n    const shape = 'circle';\n    const avatarColor = getAvatarColor({ index, color });\n    return {\n      size,\n      shape,\n      ariaLabel,\n      color: avatarColor,\n      imgProps,\n      name,\n      text,\n      placeholder,\n      title,\n    };\n  });\n  const avatars = avatarItemsLengthHandler(\n    avatarItems,\n    avatarItems.length,\n    itemsMaxLength,\n    avatarSize,\n  );\n  return avatars;\n};\nconst avatarItemsLengthHandler = (items, itemsLength, maxItems, avatarSize) => {\n  const moreItemAvatar = {\n    text: `${itemsLength - maxItems + 1}+`,\n    size: avatarSize === 'small' ? 'size24' : 'size30',\n    isMoreItem: true,\n  };\n\n  if (itemsLength > maxItems && maxItems >= 2) {\n    items.length = maxItems;\n    items[maxItems - 1] = moreItemAvatar;\n  }\n  return items;\n};\n\nconst MoreIndicator = ({ text, size }) => (\n  <div\n    data-hook={dataHooks.avatarGroupMoreItem}\n    className={st(classes.moreIndicatorCircle, { size })}\n  >\n    <Text secondary weight=\"normal\" className={classes.moreIndicatorText}>\n      {text}\n    </Text>\n  </div>\n);\n\n/** AvatarGroup */\nconst AvatarGroup = ({\n  dataHook,\n  className,\n  type = 'stretched',\n  items = [],\n  maxItems = 5,\n  size = 'medium',\n  showDivider = false,\n}) => {\n  const itemsMaxLength = maxItems < 2 ? 2 : maxItems;\n  const avatarCompArr = setAvatarCompPropsArr(items, size, itemsMaxLength);\n\n  return (\n    <div\n      className={st(classes.root, { size, type }, className)}\n      data-hook={dataHook}\n    >\n      {avatarCompArr.map((item, index) => {\n        const key = `${Object.values(item)}`;\n        if (item.isMoreItem) {\n          return (\n            <div key={key} className={classes.avatarContainer}>\n              <MoreIndicator text={item.text} size={size} />\n            </div>\n          );\n        }\n\n        const shouldIncludeDivider =\n          index === 0 && showDivider && avatarCompArr.length > 1;\n\n        return (\n          <React.Fragment key={key}>\n            <div className={classes.avatarContainer}>\n              <Avatar {...item} dataHook={dataHooks.avatarGroupItem} />\n            </div>\n            {shouldIncludeDivider && (\n              <Divider\n                direction=\"vertical\"\n                className={st(classes.divider, { size, type })}\n              />\n            )}\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n};\n\nAvatarGroup.displayName = 'AvatarGroup';\n\nAvatarGroup.propTypes = {\n  /**\n   * Applies a data-hook HTML attribute that can be used in the tests\n   */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className: PropTypes.string,\n\n  /**\n   * Changes the way avatars are displayed inside the group.\n   */\n  type: PropTypes.oneOf(['stretched', 'condensed']),\n\n  /**\n   * Changes the size of avatars in the group\n   */\n  size: PropTypes.oneOf(['medium', 'small']),\n\n  /**\n   * Separates the first avatar with a divider  from the rest of the group\n   */\n  showDivider: PropTypes.bool,\n\n  /**\n   * Sets the maximum number of avatars to be displayed. Number which exceeds this limit will be hidden under the “N+” item.\n   */\n  maxItems: PropTypes.number,\n\n  /**\n   * Use to pass an array of avatars\n   */\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      ariaLabel: PropTypes.string,\n      color: PropTypes.oneOf(['A1', 'A2', 'A3', 'A4', 'A5', 'A6']),\n      imgProps: PropTypes.object,\n      name: PropTypes.string,\n      text: PropTypes.string,\n      placeholder: PropTypes.node,\n      title: PropTypes.string,\n    }),\n  ).isRequired,\n};\n\nexport default AvatarGroup;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAwC,IAAAO,YAAA;AAExC,IAAMC,qBAAqB,GAAGA,CAAA,KAAM;EAClC,IAAMC,YAAY,GAAG,CACnB,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,CACL;EACD,IAAMC,UAAU,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;EAClD,IAAMC,SAAS,GAAGJ,UAAU,GAAG,CAAC;EAChC,OAAOD,YAAY,CAACM,KAAK,CAACL,UAAU,EAAEI,SAAS,CAAC;AAClD,CAAC;AACD,IAAME,eAAe,GAAGR,qBAAqB,CAAC,CAAC;AAC/C,IAAMS,cAAc,GAAGC,IAAA,IAAsB;EAAA,IAArB;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAAF,IAAA;EACtC,IAAIG,UAAU,GAAGF,KAAK;EACtB,IAAIC,KAAK,EAAE;IACT,OAAOA,KAAK;EACd;EAEA,OAAOC,UAAU,GAAG,CAAC,EAAE;IACrBA,UAAU,GAAGA,UAAU,GAAG,CAAC;EAC7B;EACA,OAAOL,eAAe,CAACK,UAAU,CAAC;AACpC,CAAC;AACD,IAAMC,qBAAqB,GAAGA,CAACC,KAAK,EAAEC,UAAU,EAAEC,cAAc,KAAK;EACnE;EACA,IAAMC,WAAW,GAAGH,KAAK,CAACI,GAAG,CAAC,CAACC,IAAI,EAAET,KAAK,KAAK;IAC7C,IAAM;MAAEU,SAAS;MAAET,KAAK;MAAEU,QAAQ;MAAEC,IAAI;MAAEC,IAAI;MAAEC,WAAW;MAAEC;IAAM,CAAC,GAAGN,IAAI;IAE3E,IAAMO,IAAI,GAAGX,UAAU,KAAK,OAAO,GAAG,QAAQ,GAAG,QAAQ;IACzD,IAAMY,KAAK,GAAG,QAAQ;IACtB,IAAMC,WAAW,GAAGpB,cAAc,CAAC;MAAEE,KAAK;MAAEC;IAAM,CAAC,CAAC;IACpD,OAAO;MACLe,IAAI;MACJC,KAAK;MACLP,SAAS;MACTT,KAAK,EAAEiB,WAAW;MAClBP,QAAQ;MACRC,IAAI;MACJC,IAAI;MACJC,WAAW;MACXC;IACF,CAAC;EACH,CAAC,CAAC;EACF,IAAMI,OAAO,GAAGC,wBAAwB,CACtCb,WAAW,EACXA,WAAW,CAACc,MAAM,EAClBf,cAAc,EACdD,UACF,CAAC;EACD,OAAOc,OAAO;AAChB,CAAC;AACD,IAAMC,wBAAwB,GAAGA,CAAChB,KAAK,EAAEkB,WAAW,EAAEC,QAAQ,EAAElB,UAAU,KAAK;EAC7E,IAAMmB,cAAc,GAAG;IACrBX,IAAI,KAAAY,MAAA,CAAKH,WAAW,GAAGC,QAAQ,GAAG,CAAC,MAAG;IACtCP,IAAI,EAAEX,UAAU,KAAK,OAAO,GAAG,QAAQ,GAAG,QAAQ;IAClDqB,UAAU,EAAE;EACd,CAAC;EAED,IAAIJ,WAAW,GAAGC,QAAQ,IAAIA,QAAQ,IAAI,CAAC,EAAE;IAC3CnB,KAAK,CAACiB,MAAM,GAAGE,QAAQ;IACvBnB,KAAK,CAACmB,QAAQ,GAAG,CAAC,CAAC,GAAGC,cAAc;EACtC;EACA,OAAOpB,KAAK;AACd,CAAC;AAED,IAAMuB,aAAa,GAAGC,KAAA;EAAA,IAAC;IAAEf,IAAI;IAAEG;EAAK,CAAC,GAAAY,KAAA;EAAA,oBACnCjD,MAAA,CAAAkD,OAAA,CAAAC,aAAA;IACE,aAAWC,oBAAS,CAACC,mBAAoB;IACzCC,SAAS,EAAE,IAAAC,iBAAE,EAACC,sBAAO,CAACC,mBAAmB,EAAE;MAAEpB;IAAK,CAAC,CAAE;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAErD9D,MAAA,CAAAkD,OAAA,CAAAC,aAAA,CAAC7C,KAAA,CAAA4C,OAAI;IAACa,SAAS;IAACC,MAAM,EAAC,QAAQ;IAACV,SAAS,EAAEE,sBAAO,CAACS,iBAAkB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAClE5B,IACG,CACH,CAAC;AAAA,CACP;;AAED;AACA,IAAMgC,WAAW,GAAGC,KAAA,IAQd;EAAA,IARe;IACnBC,QAAQ;IACRd,SAAS;IACTe,IAAI,GAAG,WAAW;IAClB5C,KAAK,GAAG,EAAE;IACVmB,QAAQ,GAAG,CAAC;IACZP,IAAI,GAAG,QAAQ;IACfiC,WAAW,GAAG;EAChB,CAAC,GAAAH,KAAA;EACC,IAAMxC,cAAc,GAAGiB,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAGA,QAAQ;EAClD,IAAM2B,aAAa,GAAG/C,qBAAqB,CAACC,KAAK,EAAEY,IAAI,EAAEV,cAAc,CAAC;EAExE,oBACE3B,MAAA,CAAAkD,OAAA,CAAAC,aAAA;IACEG,SAAS,EAAE,IAAAC,iBAAE,EAACC,sBAAO,CAACgB,IAAI,EAAE;MAAEnC,IAAI;MAAEgC;IAAK,CAAC,EAAEf,SAAS,CAAE;IACvD,aAAWc,QAAS;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEnBS,aAAa,CAAC1C,GAAG,CAAC,CAACC,IAAI,EAAET,KAAK,KAAK;IAClC,IAAMoD,GAAG,MAAA3B,MAAA,CAAM4B,MAAM,CAACC,MAAM,CAAC7C,IAAI,CAAC,CAAE;IACpC,IAAIA,IAAI,CAACiB,UAAU,EAAE;MACnB,oBACE/C,MAAA,CAAAkD,OAAA,CAAAC,aAAA;QAAKsB,GAAG,EAAEA,GAAI;QAACnB,SAAS,EAAEE,sBAAO,CAACoB,eAAgB;QAAAlB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnD,YAAA;UAAAoD,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAChD9D,MAAA,CAAAkD,OAAA,CAAAC,aAAA,CAACH,aAAa;QAACd,IAAI,EAAEJ,IAAI,CAACI,IAAK;QAACG,IAAI,EAAEA,IAAK;QAAAqB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnD,YAAA;UAAAoD,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAC1C,CAAC;IAEV;IAEA,IAAMe,oBAAoB,GACxBxD,KAAK,KAAK,CAAC,IAAIiD,WAAW,IAAIC,aAAa,CAAC7B,MAAM,GAAG,CAAC;IAExD,oBACE1C,MAAA,CAAAkD,OAAA,CAAAC,aAAA,CAACnD,MAAA,CAAAkD,OAAK,CAAC4B,QAAQ;MAACL,GAAG,EAAEA,GAAI;MAAAf,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnD,YAAA;QAAAoD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACvB9D,MAAA,CAAAkD,OAAA,CAAAC,aAAA;MAAKG,SAAS,EAAEE,sBAAO,CAACoB,eAAgB;MAAAlB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnD,YAAA;QAAAoD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACtC9D,MAAA,CAAAkD,OAAA,CAAAC,aAAA,CAAC9C,OAAA,CAAA6C,OAAM,MAAA6B,SAAA,CAAA7B,OAAA,MAAKpB,IAAI;MAAEsC,QAAQ,EAAEhB,oBAAS,CAAC4B,eAAgB;MAAAtB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnD,YAAA;QAAAoD,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAE,CACrD,CAAC,EACLe,oBAAoB,iBACnB7E,MAAA,CAAAkD,OAAA,CAAAC,aAAA,CAAC5C,QAAA,CAAA2C,OAAO;MACN+B,SAAS,EAAC,UAAU;MACpB3B,SAAS,EAAE,IAAAC,iBAAE,EAACC,sBAAO,CAAC0B,OAAO,EAAE;QAAE7C,IAAI;QAAEgC;MAAK,CAAC,CAAE;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnD,YAAA;QAAAoD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAChD,CAEW,CAAC;EAErB,CAAC,CACE,CAAC;AAEV,CAAC;AAEDI,WAAW,CAACiB,WAAW,GAAG,aAAa;AAEvCjB,WAAW,CAACkB,SAAS,GAAG;EACtB;AACF;AACA;EACEhB,QAAQ,EAAEiB,kBAAS,CAACC,MAAM;EAE1B;AACF;AACA;EACEhC,SAAS,EAAE+B,kBAAS,CAACC,MAAM;EAE3B;AACF;AACA;EACEjB,IAAI,EAAEgB,kBAAS,CAACE,KAAK,CAAC,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;EAEjD;AACF;AACA;EACElD,IAAI,EAAEgD,kBAAS,CAACE,KAAK,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;EAE1C;AACF;AACA;EACEjB,WAAW,EAAEe,kBAAS,CAACG,IAAI;EAE3B;AACF;AACA;EACE5C,QAAQ,EAAEyC,kBAAS,CAACI,MAAM;EAE1B;AACF;AACA;EACEhE,KAAK,EAAE4D,kBAAS,CAACK,OAAO,CACtBL,kBAAS,CAAC/C,KAAK,CAAC;IACdP,SAAS,EAAEsD,kBAAS,CAACC,MAAM;IAC3BhE,KAAK,EAAE+D,kBAAS,CAACE,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5DvD,QAAQ,EAAEqD,kBAAS,CAACM,MAAM;IAC1B1D,IAAI,EAAEoD,kBAAS,CAACC,MAAM;IACtBpD,IAAI,EAAEmD,kBAAS,CAACC,MAAM;IACtBnD,WAAW,EAAEkD,kBAAS,CAACO,IAAI;IAC3BxD,KAAK,EAAEiD,kBAAS,CAACC;EACnB,CAAC,CACH,CAAC,CAACO;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7C,OAAA,GAEagB,WAAW","ignoreList":[]}

package/dist/cjs/AvatarGroup/AvatarGroup.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_AvatarGroup";
+var _namespace_ = "wds_1_166_0_AvatarGroup";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_AvatarGroup__root","avatarContainer":"wds_1_164_0_AvatarGroup__avatarContainer","moreIndicatorCircle":"wds_1_164_0_AvatarGroup__moreIndicatorCircle","moreIndicatorText":"wds_1_164_0_AvatarGroup__moreIndicatorText","divider":"wds_1_164_0_AvatarGroup__divider"};
+module.exports.classes = {"root":"wds_1_166_0_AvatarGroup__root","avatarContainer":"wds_1_166_0_AvatarGroup__avatarContainer","moreIndicatorCircle":"wds_1_166_0_AvatarGroup__moreIndicatorCircle","moreIndicatorText":"wds_1_166_0_AvatarGroup__moreIndicatorText","divider":"wds_1_166_0_AvatarGroup__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AvatarGroup/AvatarGroup.uni.driver.js

@@ -57,7 +57,7 @@ var avatarGroupDriverFactory = (base, body) => {
       return getMoreIndicatorContent;
     }(),
     /**
-     * Checks whether the moreIndicatior exists
+     * Checks whether the moreIndicator exists
      * @returns {Promise<boolean>}
      */
     isMoreIndicatorExist: function () {

package/dist/cjs/AvatarGroup/AvatarGroup.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","avatarGroupDriverFactory","base","body","baseUniDriverFactory","getVisibleAvatarsCount","_getVisibleAvatarsCount","_asyncToGenerator2","numberOfAvatars","countByHook","dataHooks","avatarGroupItem","isMoreIndicatorExist","findByHook","avatarGroupMoreItem","exists","getVisibleAvatarTextContentByIndex","_getVisibleAvatarTextContentByIndex","index","findByHookAtIndex","text","_x","getMoreIndicatorContent","_getMoreIndicatorContent","_isMoreIndicatorExist","exports"],"sources":["../../../src/AvatarGroup/AvatarGroup.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  countByHook,\n  findByHook,\n  findByHookAtIndex,\n} from '../utils/test-utils/unidriver';\nimport { dataHooks } from './constants';\n\nexport const avatarGroupDriverFactory = (base, body) => {\n  return {\n    ...baseUniDriverFactory(base, body),\n\n    /**\n     * Gets the number Of displayed Avatars\n     * @returns {Promise<number>}\n     */\n    getVisibleAvatarsCount: async () => {\n      let numberOfAvatars = await countByHook(base, dataHooks.avatarGroupItem);\n      const isMoreIndicatorExist = await (\n        await findByHook(base, dataHooks.avatarGroupMoreItem)\n      ).exists();\n      if (isMoreIndicatorExist) {\n        numberOfAvatars++;\n      }\n      return numberOfAvatars;\n    },\n\n    /**\n     * Gets the text content\n     * @param {number} index Avatar index\n     * @returns {Promise<string>}\n     */\n    getVisibleAvatarTextContentByIndex: async index =>\n      await findByHookAtIndex(base, dataHooks.avatarGroupItem, index).text(),\n\n    /**\n     * Gets the moreIndicator content\n     * @returns {Promise<string>}\n     */\n    getMoreIndicatorContent: async () =>\n      await (await findByHook(base, dataHooks.avatarGroupMoreItem)).text(),\n\n    /**\n     * Checks whether the moreIndicatior exists\n     * @returns {Promise<boolean>}\n     */\n    isMoreIndicatorExist: async () =>\n      await (await findByHook(base, dataHooks.avatarGroupMoreItem)).exists(),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","avatarGroupDriverFactory","base","body","baseUniDriverFactory","getVisibleAvatarsCount","_getVisibleAvatarsCount","_asyncToGenerator2","numberOfAvatars","countByHook","dataHooks","avatarGroupItem","isMoreIndicatorExist","findByHook","avatarGroupMoreItem","exists","getVisibleAvatarTextContentByIndex","_getVisibleAvatarTextContentByIndex","index","findByHookAtIndex","text","_x","getMoreIndicatorContent","_getMoreIndicatorContent","_isMoreIndicatorExist","exports"],"sources":["../../../src/AvatarGroup/AvatarGroup.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  countByHook,\n  findByHook,\n  findByHookAtIndex,\n} from '../utils/test-utils/unidriver';\nimport { dataHooks } from './constants';\n\nexport const avatarGroupDriverFactory = (base, body) => {\n  return {\n    ...baseUniDriverFactory(base, body),\n\n    /**\n     * Gets the number Of displayed Avatars\n     * @returns {Promise<number>}\n     */\n    getVisibleAvatarsCount: async () => {\n      let numberOfAvatars = await countByHook(base, dataHooks.avatarGroupItem);\n      const isMoreIndicatorExist = await (\n        await findByHook(base, dataHooks.avatarGroupMoreItem)\n      ).exists();\n      if (isMoreIndicatorExist) {\n        numberOfAvatars++;\n      }\n      return numberOfAvatars;\n    },\n\n    /**\n     * Gets the text content\n     * @param {number} index Avatar index\n     * @returns {Promise<string>}\n     */\n    getVisibleAvatarTextContentByIndex: async index =>\n      await findByHookAtIndex(base, dataHooks.avatarGroupItem, index).text(),\n\n    /**\n     * Gets the moreIndicator content\n     * @returns {Promise<string>}\n     */\n    getMoreIndicatorContent: async () =>\n      await (await findByHook(base, dataHooks.avatarGroupMoreItem)).text(),\n\n    /**\n     * Checks whether the moreIndicator exists\n     * @returns {Promise<boolean>}\n     */\n    isMoreIndicatorExist: async () =>\n      await (await findByHook(base, dataHooks.avatarGroupMoreItem)).exists(),\n  };\n};\n"],"mappings":"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","ignoreList":[]}