@wix/design-system 1.180.0 → 1.182.0

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_CardGalleryItem";
+var _namespace_ = "wds_1_182_0_CardGalleryItem";
 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_180_0_CardGalleryItem__root","card":"wds_1_180_0_Card__card","overlay":"wds_1_180_0_CardGalleryItem__overlay","primaryAction":"wds_1_180_0_CardGalleryItem__primaryAction","secondaryAction":"wds_1_180_0_CardGalleryItem__secondaryAction","container":"wds_1_180_0_CardGalleryItem__container","footer":"wds_1_180_0_CardGalleryItem__footer","settingsMenu":"wds_1_180_0_CardGalleryItem__settingsMenu","footerSuffix":"wds_1_180_0_CardGalleryItem__footerSuffix","footerContent":"wds_1_180_0_CardGalleryItem__footerContent","footerImage":"wds_1_180_0_CardGalleryItem__footerImage","badgeWrapper":"wds_1_180_0_CardGalleryItem__badgeWrapper","dragHandleWrapper":"wds_1_180_0_CardGalleryItem__dragHandleWrapper","dragHandleFloatingWrapper":"wds_1_180_0_CardGalleryItem__dragHandleFloatingWrapper","cardContainer":"wds_1_180_0_CardGalleryItem__cardContainer wds_1_180_0_Card__card"};
+module.exports.classes = {"root":"wds_1_182_0_CardGalleryItem__root","card":"wds_1_182_0_Card__card","overlay":"wds_1_182_0_CardGalleryItem__overlay","primaryAction":"wds_1_182_0_CardGalleryItem__primaryAction","secondaryAction":"wds_1_182_0_CardGalleryItem__secondaryAction","container":"wds_1_182_0_CardGalleryItem__container","footer":"wds_1_182_0_CardGalleryItem__footer","settingsMenu":"wds_1_182_0_CardGalleryItem__settingsMenu","footerSuffix":"wds_1_182_0_CardGalleryItem__footerSuffix","footerContent":"wds_1_182_0_CardGalleryItem__footerContent","footerImage":"wds_1_182_0_CardGalleryItem__footerImage","badgeWrapper":"wds_1_182_0_CardGalleryItem__badgeWrapper","dragHandleWrapper":"wds_1_182_0_CardGalleryItem__dragHandleWrapper","dragHandleFloatingWrapper":"wds_1_182_0_CardGalleryItem__dragHandleFloatingWrapper","cardContainer":"wds_1_182_0_CardGalleryItem__cardContainer wds_1_182_0_Card__card"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_Carousel";
+var _namespace_ = "wds_1_182_0_Carousel";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_Carousel__root","controls":"wds_1_180_0_Carousel__controls","imageContainer":"wds_1_180_0_Carousel__imageContainer","image":"wds_1_180_0_Carousel__image","loader":"wds_1_180_0_Carousel__loader","pagination":"wds_1_180_0_Carousel__pagination","pageNavigation":"wds_1_180_0_Carousel__pageNavigation","arrowPrevBackground":"wds_1_180_0_Carousel__arrowPrevBackground","arrowNextBackground":"wds_1_180_0_Carousel__arrowNextBackground"};
+module.exports.classes = {"root":"wds_1_182_0_Carousel__root","controls":"wds_1_182_0_Carousel__controls","imageContainer":"wds_1_182_0_Carousel__imageContainer","image":"wds_1_182_0_Carousel__image","loader":"wds_1_182_0_Carousel__loader","pagination":"wds_1_182_0_Carousel__pagination","pageNavigation":"wds_1_182_0_Carousel__pageNavigation","arrowPrevBackground":"wds_1_182_0_Carousel__arrowPrevBackground","arrowNextBackground":"wds_1_182_0_Carousel__arrowNextBackground"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"horizontalSpacingSize":"50px","verticalSpacingSize":"7px"}; 
-module.exports.vars = {"arrow-size":"--wds_1_180_0_Carousel-arrow-size","carousel-gradient-color":"--carousel-gradient-color"}; 
+module.exports.vars = {"arrow-size":"--wds_1_182_0_Carousel-arrow-size","carousel-gradient-color":"--carousel-gradient-color"}; 
 
 
 

package/dist/cjs/Carousel/Pagination/Pagination.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_180_0_CarouselPagination";
+var _namespace_ = "wds_1_182_0_CarouselPagination";
 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_180_0_CarouselPagination__root","dot":"wds_1_180_0_CarouselPagination__dot"};
+module.exports.classes = {"root":"wds_1_182_0_CarouselPagination__root","dot":"wds_1_182_0_CarouselPagination__dot"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/CarouselWIP/CarouselWIP.js

@@ -501,7 +501,8 @@ class CarouselWIP extends _react.PureComponent {
         controlsPosition,
         controlsSize,
         showControlsShadow,
-        showSidesGradients
+        showSidesGradients,
+        hideDots
       }, className),
       style: {
         [_CarouselWIPSt.vars.sidesGradientColor]: sidesGradientColor
@@ -519,7 +520,7 @@ class CarouselWIP extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 503,
+        lineNumber: 504,
         columnNumber: 9
       }
     }, showSidesGradients && isShowStartGradient && this._renderStartGradient(), this._renderLeftControl(), this._renderSlides(), this._renderRightControl(), showSidesGradients && isShowEndGradient && this._renderEndGradient()), !hideDots && this._renderDots());

package/dist/cjs/CarouselWIP/CarouselWIP.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_CarouselWIPSt","_wixUiIconsCommon","_Loader","_Control","_Slide","_constants","_utils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CarouselWIP","PureComponent","constructor","props","_this","this","loadingImagesCount","childCount","autoplayTimer","carousel","_setImagesOnLoadHandlers","Array","from","children","forEach","child","childImages","getElementsByTagName","img","complete","setState","isLoading","onload","_onImageLoad","onerror","_updateChildCount","_ref","_this$carousel$childr","_this$carousel","images","length","initialSlideIndex","_slideTo","index","immediate","catch","nop","_setAutoplayTimer","active","clearInterval","window","setInterval","_next","AUTOPLAY_SPEED","_setVisibleSlides","infinite","firstVisibleChild","Math","max","findIndex","isWhollyInView","lastVisibleChild","visibleSlides","isLeftArrowDisabled","isRightArrowDisabled","isShowStartGradient","isShowEndGradient","alignTo","ALIGNMENT","LEFT","arguments","undefined","Promise","reject","afterChange","beforeChange","easing","animationDuration","duration","startEndOffset","scrollLeft","offsetWidth","slideIndex","normalizeIndex","state","firstVisibleSlide","delta","RIGHT","offsetLeft","isAnimating","res","_","prop","animate","then","slidingType","lastVisibleSlide","nextSlide","SLIDING_TYPE","REVEAL_CHUNK","REVEAL_ONE","includes","_prev","prevSlide","_setRef","_renderLeftControl","controlsPosition","controlsStartEnd","controlsSize","controlsSkin","CONTROLS_START_END","DISABLED","createElement","dataHook","DATA_HOOKS","prevButton","onClick","icon","ChevronLeftSmall","__self","__source","fileName","lineNumber","columnNumber","size","skin","disabled","className","st","classes","control","prev","_renderRightControl","nextButton","ChevronRightSmall","next","_renderSlides","gutter","imagesPosition","imagesFit","slide","_ref2","image","key","concat","width","imagePosition","imageFit","role","ref","Children","count","map","_renderLoader","loader","_renderDots","slidesCount","dots","fill","pageNavigation","dot","_renderStartGradient","start","_renderEndGradient","end","componentDidMount","autoplay","componentDidUpdate","prevProps","lastCount","render","showControlsShadow","sidesGradientColor","hideDots","showSidesGradients","root","style","vars","position","componentWillUnmount","displayName","propTypes","PropTypes","any","variableWidth","defaultProps","_default","exports"],"sources":["../../../src/CarouselWIP/CarouselWIP.tsx"],"sourcesContent":["import React, { Children, ReactNode, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes, vars } from './CarouselWIP.st.css';\nimport { ChevronLeftSmall, ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport Loader from '../Loader';\nimport Control from './Control';\nimport Slide from './Slide';\nimport {\n  CONTROLS_START_END,\n  SLIDING_TYPE,\n  ALIGNMENT,\n  DATA_HOOKS,\n  AUTOPLAY_SPEED,\n} from './constants';\nimport { isWhollyInView, animate, nop, normalizeIndex } from './utils';\nimport { CarouselWIPProps } from './CarouselWIP.types';\n\ntype CarouselWIPState = {\n  visibleSlides: number[];\n  isAnimating: boolean;\n  isLoading: boolean;\n  isLeftArrowDisabled: boolean;\n  isRightArrowDisabled: boolean;\n  isShowStartGradient: boolean;\n  isShowEndGradient: boolean;\n};\n\ntype SlideToProps = {\n  index?: number;\n  alignTo?: (typeof ALIGNMENT)[keyof typeof ALIGNMENT];\n  immediate?: boolean;\n};\n\n/** The carousel component creates a slideshow for cycling through a series of content. */\nclass CarouselWIP extends PureComponent<CarouselWIPProps, CarouselWIPState> {\n  static displayName = 'CarouselWIP';\n\n  static propTypes = {\n    dataHook: PropTypes.any,\n    className: PropTypes.any,\n    children: PropTypes.any,\n    images: PropTypes.any,\n    controlsSkin: PropTypes.any,\n    showControlsShadow: PropTypes.any,\n    infinite: PropTypes.any,\n    initialSlideIndex: PropTypes.any,\n    afterChange: PropTypes.any,\n    beforeChange: PropTypes.any,\n    controlsPosition: PropTypes.any,\n    controlsSize: PropTypes.any,\n    controlsStartEnd: PropTypes.any,\n    slidingType: PropTypes.any,\n    startEndOffset: PropTypes.any,\n    gutter: PropTypes.any,\n    sidesGradientColor: PropTypes.any,\n    imagesPosition: PropTypes.any,\n    imagesFit: PropTypes.any,\n    autoplay: PropTypes.any,\n    hideDots: PropTypes.any,\n    variableWidth: PropTypes.any,\n    animationDuration: PropTypes.any,\n    easing: PropTypes.any,\n  };\n\n  static defaultProps = {\n    children: [],\n    infinite: true,\n    controlsSkin: 'standard',\n    controlsStartEnd: 'disabled',\n    showControlsShadow: false,\n    images: [],\n    initialSlideIndex: 0,\n    controlsPosition: 'sides',\n    controlsSize: 'medium',\n    slidingType: 'align-to-start',\n    startEndOffset: 0,\n    gutter: 0,\n    hideDots: false,\n    autoplay: false,\n  };\n\n  loadingImagesCount = 0;\n  childCount = 0;\n  autoplayTimer = -1;\n  carousel?: HTMLDivElement;\n\n  constructor(props: CarouselWIPProps) {\n    super(props);\n\n    this.loadingImagesCount = 0;\n    this.state = {\n      visibleSlides: [],\n      isAnimating: false,\n      isLoading: false,\n      isLeftArrowDisabled: true,\n      isRightArrowDisabled: true,\n      isShowStartGradient: false,\n      isShowEndGradient: false,\n    };\n  }\n\n  componentDidMount() {\n    const { initialSlideIndex = 0, autoplay } = this.props;\n\n    this._updateChildCount();\n    this._setImagesOnLoadHandlers();\n    if (!this.loadingImagesCount) {\n      this._slideTo({ index: initialSlideIndex, immediate: true }).catch(nop);\n      this._setVisibleSlides();\n    }\n\n    this._setAutoplayTimer(autoplay);\n  }\n\n  componentDidUpdate(prevProps: CarouselWIPProps) {\n    const { autoplay } = this.props;\n\n    if (prevProps.autoplay !== autoplay) this._setAutoplayTimer(autoplay);\n    const lastCount = this.childCount;\n    this._updateChildCount();\n    if (this.childCount && lastCount !== this.childCount) {\n      this._setVisibleSlides();\n    }\n  }\n\n  // Need to wait for images to load so we know which images are visible\n  // Adding onLoad and onError callbacks to all images under the component\n  _setImagesOnLoadHandlers = () => {\n    Array.from(this.carousel!.children).forEach(child => {\n      const childImages = Array.from(child.getElementsByTagName('img'));\n      childImages.forEach(img => {\n        if (img.complete) {\n          return;\n        }\n        this.setState({ isLoading: true });\n        this.loadingImagesCount++;\n        img.onload = this._onImageLoad;\n        img.onerror = this._onImageLoad;\n      });\n    });\n  };\n\n  _updateChildCount = () => {\n    const { images } = this.props;\n    this.childCount = this.carousel?.children?.length ?? images?.length ?? 0;\n  };\n\n  _onImageLoad = () => {\n    const { initialSlideIndex } = this.props;\n\n    this.loadingImagesCount--;\n    if (!this.loadingImagesCount) {\n      this.setState({ isLoading: false });\n      this._slideTo({\n        index: initialSlideIndex,\n        immediate: true,\n      }).catch(nop);\n    }\n  };\n\n  _setAutoplayTimer = (active?: boolean) => {\n    clearInterval(this.autoplayTimer);\n\n    if (active) {\n      this.autoplayTimer = window.setInterval(this._next, AUTOPLAY_SPEED);\n    }\n  };\n\n  _setVisibleSlides = () => {\n    const { props, carousel, childCount } = this;\n    const { infinite } = props;\n    const firstVisibleChild = Math.max(\n      Array.from(carousel!.children).findIndex(child =>\n        isWhollyInView(carousel!)(child),\n      ),\n      0,\n    );\n    const lastVisibleChild = Math.max(\n      Array.from(carousel!.children).findIndex(\n        (child, i, children) =>\n          isWhollyInView(carousel!)(child) &&\n          (i === children.length - 1 ||\n            !isWhollyInView(carousel!)(children[i + 1])),\n      ),\n      0,\n    );\n    this.setState({\n      visibleSlides: [firstVisibleChild, lastVisibleChild],\n      isLeftArrowDisabled: !infinite && firstVisibleChild === 0,\n      isRightArrowDisabled: !infinite && lastVisibleChild === childCount - 1,\n      isShowStartGradient: firstVisibleChild > 0,\n      isShowEndGradient: lastVisibleChild < childCount - 1,\n    });\n  };\n\n  private _slideTo = (\n    { index = 0, alignTo = ALIGNMENT.LEFT, immediate }: SlideToProps = {\n      index: 0,\n      alignTo: ALIGNMENT.LEFT,\n      immediate: false,\n    },\n  ) => {\n    if (this.childCount === 0) {\n      return Promise.reject('No children to slide to');\n    }\n    if (!this.carousel) {\n      return Promise.reject('The Carousel is not mounted');\n    }\n    const {\n      afterChange,\n      beforeChange,\n      easing,\n      animationDuration: duration,\n      infinite,\n      startEndOffset = 0,\n    } = this.props;\n    const { children, scrollLeft, offsetWidth } = this.carousel;\n    const slideIndex = normalizeIndex(index, this.childCount, infinite);\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide] = visibleSlides;\n\n    let delta;\n    const child = children[slideIndex] as HTMLElement;\n    if (alignTo === ALIGNMENT.RIGHT) {\n      delta =\n        child.offsetWidth -\n        (offsetWidth - child.offsetLeft) -\n        scrollLeft +\n        startEndOffset;\n    } else {\n      delta = child.offsetLeft - scrollLeft - startEndOffset;\n    }\n    if (firstVisibleSlide !== slideIndex && beforeChange) {\n      beforeChange(firstVisibleSlide, index);\n    }\n\n    this.setState({ isAnimating: true });\n    return new Promise<void>((res, _) => {\n      if (immediate) {\n        this.carousel!.scrollLeft = child.offsetLeft;\n        return res();\n      } else {\n        const prop = 'scrollLeft';\n        return res(\n          animate(this.carousel!, {\n            prop,\n            delta,\n            easing,\n            duration,\n          }),\n        );\n      }\n    })\n      .then(() => {\n        this.setState({ isAnimating: false });\n        this._setVisibleSlides();\n        if (firstVisibleSlide !== slideIndex && afterChange) {\n          return afterChange(slideIndex);\n        }\n      })\n      .catch(_ => {\n        this._setVisibleSlides();\n        this.setState({ isAnimating: false });\n      });\n  };\n\n  _next = () => {\n    const { slidingType, infinite } = this.props;\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide, lastVisibleSlide] = visibleSlides;\n\n    let nextSlide, alignTo;\n    if (\n      [SLIDING_TYPE.REVEAL_CHUNK, SLIDING_TYPE.REVEAL_ONE].includes(\n        slidingType!,\n      )\n    ) {\n      if (lastVisibleSlide === this.childCount - 1) {\n        nextSlide = infinite ? 0 : lastVisibleSlide;\n      } else {\n        nextSlide = lastVisibleSlide + 1;\n      }\n      alignTo =\n        slidingType === SLIDING_TYPE.REVEAL_CHUNK\n          ? ALIGNMENT.LEFT\n          : ALIGNMENT.RIGHT;\n    } else {\n      if (firstVisibleSlide === this.childCount - 1) {\n        nextSlide = infinite ? 0 : firstVisibleSlide;\n      } else {\n        nextSlide = firstVisibleSlide + 1;\n      }\n      alignTo = ALIGNMENT.LEFT;\n    }\n\n    if (nextSlide === this.childCount - 1) {\n      this.setState({ isRightArrowDisabled: true, isShowEndGradient: false });\n    }\n    if (firstVisibleSlide === 0) {\n      this.setState({ isLeftArrowDisabled: false, isShowStartGradient: true });\n    }\n    return this._slideTo({ index: nextSlide, alignTo });\n  };\n\n  _prev = () => {\n    const { slidingType, infinite } = this.props;\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide, lastVisibleSlide] = visibleSlides;\n\n    let prevSlide, alignTo;\n    if (\n      [SLIDING_TYPE.REVEAL_CHUNK, SLIDING_TYPE.REVEAL_ONE].includes(\n        slidingType!,\n      )\n    ) {\n      if (firstVisibleSlide === 0) {\n        prevSlide = infinite ? this.childCount - 1 : firstVisibleSlide;\n      } else {\n        prevSlide = firstVisibleSlide - 1;\n      }\n      alignTo =\n        slidingType === SLIDING_TYPE.REVEAL_CHUNK\n          ? ALIGNMENT.RIGHT\n          : ALIGNMENT.LEFT;\n    } else {\n      if (firstVisibleSlide === 0) {\n        prevSlide = infinite ? this.childCount - 1 : 0;\n      } else {\n        prevSlide = firstVisibleSlide - 1;\n      }\n      alignTo = ALIGNMENT.LEFT;\n    }\n\n    if (prevSlide === 0) {\n      this.setState({ isLeftArrowDisabled: true, isShowStartGradient: false });\n    }\n    if (lastVisibleSlide === this.childCount - 1) {\n      this.setState({ isRightArrowDisabled: false, isShowEndGradient: true });\n    }\n    return this._slideTo({ index: prevSlide, alignTo });\n  };\n\n  _setRef = (r: HTMLDivElement) => {\n    this.carousel = r;\n  };\n\n  _renderLeftControl = () => {\n    const { isLeftArrowDisabled } = this.state;\n    const { controlsPosition, controlsStartEnd, controlsSize, controlsSkin } =\n      this.props;\n\n    return (\n      controlsPosition !== 'none' &&\n      (!isLeftArrowDisabled ||\n        controlsStartEnd === CONTROLS_START_END.DISABLED) && (\n        <Control\n          dataHook={DATA_HOOKS.prevButton}\n          onClick={this._prev}\n          icon={<ChevronLeftSmall />}\n          size={controlsSize}\n          skin={controlsSkin}\n          disabled={isLeftArrowDisabled}\n          className={st(classes.control, classes.prev)}\n        />\n      )\n    );\n  };\n\n  _renderRightControl = () => {\n    const { isRightArrowDisabled } = this.state;\n    const { controlsPosition, controlsStartEnd, controlsSize, controlsSkin } =\n      this.props;\n\n    return (\n      controlsPosition !== 'none' &&\n      (!isRightArrowDisabled ||\n        controlsStartEnd === CONTROLS_START_END.DISABLED) && (\n        <Control\n          dataHook={DATA_HOOKS.nextButton}\n          onClick={this._next}\n          icon={<ChevronRightSmall />}\n          size={controlsSize}\n          skin={controlsSkin}\n          disabled={isRightArrowDisabled}\n          className={st(classes.control, classes.next)}\n        />\n      )\n    );\n  };\n\n  _renderSlides = () => {\n    const {\n      images = [],\n      children,\n      gutter,\n      imagesPosition,\n      imagesFit,\n    } = this.props;\n\n    const slide = ({\n      i,\n      image,\n      child,\n    }: {\n      i: number;\n      image?: { src: string };\n      child?: ReactNode;\n    }) => (\n      <Slide\n        dataHook={DATA_HOOKS.child}\n        key={`slide-${i}`}\n        width=\"auto\"\n        gutter={i > 0 ? `${gutter}px` : ''}\n        image={image}\n        children={child}\n        imagePosition={imagesPosition}\n        imageFit={imagesFit}\n      />\n    );\n\n    return (\n      <div className={classes.carousel} role=\"list\" ref={this._setRef}>\n        {Children.count(children)\n          ? Children.map(children, (child, i) => slide({ i, child }))\n          : images.map((image, i) => slide({ i, image }))}\n      </div>\n    );\n  };\n\n  _renderLoader = () => (\n    <div className={classes.loader}>\n      <Loader dataHook={DATA_HOOKS.loader} size=\"small\" />\n    </div>\n  );\n\n  _renderDots = () => {\n    const { children, images } = this.props;\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide, lastVisibleSlide] = visibleSlides;\n    const slidesCount = Children.count(children) || images?.length || 0;\n\n    return (\n      <div className={classes.dots}>\n        {Array(slidesCount)\n          .fill(0)\n          .map((_, index) => (\n            <div\n              data-hook={DATA_HOOKS.pageNavigation(index)}\n              key={index}\n              className={st(classes.dot, {\n                active: index >= firstVisibleSlide && index <= lastVisibleSlide,\n              })}\n              onClick={() => {\n                if (index < firstVisibleSlide || index > lastVisibleSlide)\n                  this._slideTo({\n                    index,\n                    alignTo:\n                      index > firstVisibleSlide\n                        ? ALIGNMENT.RIGHT\n                        : ALIGNMENT.LEFT,\n                  });\n              }}\n            />\n          ))}\n      </div>\n    );\n  };\n\n  _renderStartGradient = () => <div className={classes.start} />;\n\n  _renderEndGradient = () => <div className={classes.end} />;\n\n  render() {\n    const {\n      dataHook,\n      className,\n      controlsPosition,\n      controlsSize,\n      showControlsShadow,\n      sidesGradientColor,\n      hideDots,\n    } = this.props;\n    const { isShowStartGradient, isShowEndGradient, isLoading } = this.state;\n    const showSidesGradients = !!sidesGradientColor;\n\n    return isLoading ? (\n      this._renderLoader()\n    ) : (\n      <div\n        data-hook={dataHook}\n        className={st(\n          classes.root,\n          {\n            controlsPosition,\n            controlsSize,\n            showControlsShadow,\n            showSidesGradients,\n          },\n          className,\n        )}\n        style={{ [vars.sidesGradientColor]: sidesGradientColor }}\n      >\n        <div style={{ position: 'relative' }}>\n          {showSidesGradients &&\n            isShowStartGradient &&\n            this._renderStartGradient()}\n          {this._renderLeftControl()}\n          {this._renderSlides()}\n          {this._renderRightControl()}\n          {showSidesGradients && isShowEndGradient && this._renderEndGradient()}\n        </div>\n        {!hideDots && this._renderDots()}\n      </div>\n    );\n  }\n\n  componentWillUnmount() {\n    this._setAutoplayTimer(false);\n  }\n}\n\nexport default CarouselWIP;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_CarouselWIPSt","_wixUiIconsCommon","_Loader","_Control","_Slide","_constants","_utils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CarouselWIP","PureComponent","constructor","props","_this","this","loadingImagesCount","childCount","autoplayTimer","carousel","_setImagesOnLoadHandlers","Array","from","children","forEach","child","childImages","getElementsByTagName","img","complete","setState","isLoading","onload","_onImageLoad","onerror","_updateChildCount","_ref","_this$carousel$childr","_this$carousel","images","length","initialSlideIndex","_slideTo","index","immediate","catch","nop","_setAutoplayTimer","active","clearInterval","window","setInterval","_next","AUTOPLAY_SPEED","_setVisibleSlides","infinite","firstVisibleChild","Math","max","findIndex","isWhollyInView","lastVisibleChild","visibleSlides","isLeftArrowDisabled","isRightArrowDisabled","isShowStartGradient","isShowEndGradient","alignTo","ALIGNMENT","LEFT","arguments","undefined","Promise","reject","afterChange","beforeChange","easing","animationDuration","duration","startEndOffset","scrollLeft","offsetWidth","slideIndex","normalizeIndex","state","firstVisibleSlide","delta","RIGHT","offsetLeft","isAnimating","res","_","prop","animate","then","slidingType","lastVisibleSlide","nextSlide","SLIDING_TYPE","REVEAL_CHUNK","REVEAL_ONE","includes","_prev","prevSlide","_setRef","_renderLeftControl","controlsPosition","controlsStartEnd","controlsSize","controlsSkin","CONTROLS_START_END","DISABLED","createElement","dataHook","DATA_HOOKS","prevButton","onClick","icon","ChevronLeftSmall","__self","__source","fileName","lineNumber","columnNumber","size","skin","disabled","className","st","classes","control","prev","_renderRightControl","nextButton","ChevronRightSmall","next","_renderSlides","gutter","imagesPosition","imagesFit","slide","_ref2","image","key","concat","width","imagePosition","imageFit","role","ref","Children","count","map","_renderLoader","loader","_renderDots","slidesCount","dots","fill","pageNavigation","dot","_renderStartGradient","start","_renderEndGradient","end","componentDidMount","autoplay","componentDidUpdate","prevProps","lastCount","render","showControlsShadow","sidesGradientColor","hideDots","showSidesGradients","root","style","vars","position","componentWillUnmount","displayName","propTypes","PropTypes","any","variableWidth","defaultProps","_default","exports"],"sources":["../../../src/CarouselWIP/CarouselWIP.tsx"],"sourcesContent":["import React, { Children, ReactNode, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes, vars } from './CarouselWIP.st.css';\nimport { ChevronLeftSmall, ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport Loader from '../Loader';\nimport Control from './Control';\nimport Slide from './Slide';\nimport {\n  CONTROLS_START_END,\n  SLIDING_TYPE,\n  ALIGNMENT,\n  DATA_HOOKS,\n  AUTOPLAY_SPEED,\n} from './constants';\nimport { isWhollyInView, animate, nop, normalizeIndex } from './utils';\nimport { CarouselWIPProps } from './CarouselWIP.types';\n\ntype CarouselWIPState = {\n  visibleSlides: number[];\n  isAnimating: boolean;\n  isLoading: boolean;\n  isLeftArrowDisabled: boolean;\n  isRightArrowDisabled: boolean;\n  isShowStartGradient: boolean;\n  isShowEndGradient: boolean;\n};\n\ntype SlideToProps = {\n  index?: number;\n  alignTo?: (typeof ALIGNMENT)[keyof typeof ALIGNMENT];\n  immediate?: boolean;\n};\n\n/** The carousel component creates a slideshow for cycling through a series of content. */\nclass CarouselWIP extends PureComponent<CarouselWIPProps, CarouselWIPState> {\n  static displayName = 'CarouselWIP';\n\n  static propTypes = {\n    dataHook: PropTypes.any,\n    className: PropTypes.any,\n    children: PropTypes.any,\n    images: PropTypes.any,\n    controlsSkin: PropTypes.any,\n    showControlsShadow: PropTypes.any,\n    infinite: PropTypes.any,\n    initialSlideIndex: PropTypes.any,\n    afterChange: PropTypes.any,\n    beforeChange: PropTypes.any,\n    controlsPosition: PropTypes.any,\n    controlsSize: PropTypes.any,\n    controlsStartEnd: PropTypes.any,\n    slidingType: PropTypes.any,\n    startEndOffset: PropTypes.any,\n    gutter: PropTypes.any,\n    sidesGradientColor: PropTypes.any,\n    imagesPosition: PropTypes.any,\n    imagesFit: PropTypes.any,\n    autoplay: PropTypes.any,\n    hideDots: PropTypes.any,\n    variableWidth: PropTypes.any,\n    animationDuration: PropTypes.any,\n    easing: PropTypes.any,\n  };\n\n  static defaultProps = {\n    children: [],\n    infinite: true,\n    controlsSkin: 'standard',\n    controlsStartEnd: 'disabled',\n    showControlsShadow: false,\n    images: [],\n    initialSlideIndex: 0,\n    controlsPosition: 'sides',\n    controlsSize: 'medium',\n    slidingType: 'align-to-start',\n    startEndOffset: 0,\n    gutter: 0,\n    hideDots: false,\n    autoplay: false,\n  };\n\n  loadingImagesCount = 0;\n  childCount = 0;\n  autoplayTimer = -1;\n  carousel?: HTMLDivElement;\n\n  constructor(props: CarouselWIPProps) {\n    super(props);\n\n    this.loadingImagesCount = 0;\n    this.state = {\n      visibleSlides: [],\n      isAnimating: false,\n      isLoading: false,\n      isLeftArrowDisabled: true,\n      isRightArrowDisabled: true,\n      isShowStartGradient: false,\n      isShowEndGradient: false,\n    };\n  }\n\n  componentDidMount() {\n    const { initialSlideIndex = 0, autoplay } = this.props;\n\n    this._updateChildCount();\n    this._setImagesOnLoadHandlers();\n    if (!this.loadingImagesCount) {\n      this._slideTo({ index: initialSlideIndex, immediate: true }).catch(nop);\n      this._setVisibleSlides();\n    }\n\n    this._setAutoplayTimer(autoplay);\n  }\n\n  componentDidUpdate(prevProps: CarouselWIPProps) {\n    const { autoplay } = this.props;\n\n    if (prevProps.autoplay !== autoplay) this._setAutoplayTimer(autoplay);\n    const lastCount = this.childCount;\n    this._updateChildCount();\n    if (this.childCount && lastCount !== this.childCount) {\n      this._setVisibleSlides();\n    }\n  }\n\n  // Need to wait for images to load so we know which images are visible\n  // Adding onLoad and onError callbacks to all images under the component\n  _setImagesOnLoadHandlers = () => {\n    Array.from(this.carousel!.children).forEach(child => {\n      const childImages = Array.from(child.getElementsByTagName('img'));\n      childImages.forEach(img => {\n        if (img.complete) {\n          return;\n        }\n        this.setState({ isLoading: true });\n        this.loadingImagesCount++;\n        img.onload = this._onImageLoad;\n        img.onerror = this._onImageLoad;\n      });\n    });\n  };\n\n  _updateChildCount = () => {\n    const { images } = this.props;\n    this.childCount = this.carousel?.children?.length ?? images?.length ?? 0;\n  };\n\n  _onImageLoad = () => {\n    const { initialSlideIndex } = this.props;\n\n    this.loadingImagesCount--;\n    if (!this.loadingImagesCount) {\n      this.setState({ isLoading: false });\n      this._slideTo({\n        index: initialSlideIndex,\n        immediate: true,\n      }).catch(nop);\n    }\n  };\n\n  _setAutoplayTimer = (active?: boolean) => {\n    clearInterval(this.autoplayTimer);\n\n    if (active) {\n      this.autoplayTimer = window.setInterval(this._next, AUTOPLAY_SPEED);\n    }\n  };\n\n  _setVisibleSlides = () => {\n    const { props, carousel, childCount } = this;\n    const { infinite } = props;\n    const firstVisibleChild = Math.max(\n      Array.from(carousel!.children).findIndex(child =>\n        isWhollyInView(carousel!)(child),\n      ),\n      0,\n    );\n    const lastVisibleChild = Math.max(\n      Array.from(carousel!.children).findIndex(\n        (child, i, children) =>\n          isWhollyInView(carousel!)(child) &&\n          (i === children.length - 1 ||\n            !isWhollyInView(carousel!)(children[i + 1])),\n      ),\n      0,\n    );\n    this.setState({\n      visibleSlides: [firstVisibleChild, lastVisibleChild],\n      isLeftArrowDisabled: !infinite && firstVisibleChild === 0,\n      isRightArrowDisabled: !infinite && lastVisibleChild === childCount - 1,\n      isShowStartGradient: firstVisibleChild > 0,\n      isShowEndGradient: lastVisibleChild < childCount - 1,\n    });\n  };\n\n  private _slideTo = (\n    { index = 0, alignTo = ALIGNMENT.LEFT, immediate }: SlideToProps = {\n      index: 0,\n      alignTo: ALIGNMENT.LEFT,\n      immediate: false,\n    },\n  ) => {\n    if (this.childCount === 0) {\n      return Promise.reject('No children to slide to');\n    }\n    if (!this.carousel) {\n      return Promise.reject('The Carousel is not mounted');\n    }\n    const {\n      afterChange,\n      beforeChange,\n      easing,\n      animationDuration: duration,\n      infinite,\n      startEndOffset = 0,\n    } = this.props;\n    const { children, scrollLeft, offsetWidth } = this.carousel;\n    const slideIndex = normalizeIndex(index, this.childCount, infinite);\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide] = visibleSlides;\n\n    let delta;\n    const child = children[slideIndex] as HTMLElement;\n    if (alignTo === ALIGNMENT.RIGHT) {\n      delta =\n        child.offsetWidth -\n        (offsetWidth - child.offsetLeft) -\n        scrollLeft +\n        startEndOffset;\n    } else {\n      delta = child.offsetLeft - scrollLeft - startEndOffset;\n    }\n    if (firstVisibleSlide !== slideIndex && beforeChange) {\n      beforeChange(firstVisibleSlide, index);\n    }\n\n    this.setState({ isAnimating: true });\n    return new Promise<void>((res, _) => {\n      if (immediate) {\n        this.carousel!.scrollLeft = child.offsetLeft;\n        return res();\n      } else {\n        const prop = 'scrollLeft';\n        return res(\n          animate(this.carousel!, {\n            prop,\n            delta,\n            easing,\n            duration,\n          }),\n        );\n      }\n    })\n      .then(() => {\n        this.setState({ isAnimating: false });\n        this._setVisibleSlides();\n        if (firstVisibleSlide !== slideIndex && afterChange) {\n          return afterChange(slideIndex);\n        }\n      })\n      .catch(_ => {\n        this._setVisibleSlides();\n        this.setState({ isAnimating: false });\n      });\n  };\n\n  _next = () => {\n    const { slidingType, infinite } = this.props;\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide, lastVisibleSlide] = visibleSlides;\n\n    let nextSlide, alignTo;\n    if (\n      [SLIDING_TYPE.REVEAL_CHUNK, SLIDING_TYPE.REVEAL_ONE].includes(\n        slidingType!,\n      )\n    ) {\n      if (lastVisibleSlide === this.childCount - 1) {\n        nextSlide = infinite ? 0 : lastVisibleSlide;\n      } else {\n        nextSlide = lastVisibleSlide + 1;\n      }\n      alignTo =\n        slidingType === SLIDING_TYPE.REVEAL_CHUNK\n          ? ALIGNMENT.LEFT\n          : ALIGNMENT.RIGHT;\n    } else {\n      if (firstVisibleSlide === this.childCount - 1) {\n        nextSlide = infinite ? 0 : firstVisibleSlide;\n      } else {\n        nextSlide = firstVisibleSlide + 1;\n      }\n      alignTo = ALIGNMENT.LEFT;\n    }\n\n    if (nextSlide === this.childCount - 1) {\n      this.setState({ isRightArrowDisabled: true, isShowEndGradient: false });\n    }\n    if (firstVisibleSlide === 0) {\n      this.setState({ isLeftArrowDisabled: false, isShowStartGradient: true });\n    }\n    return this._slideTo({ index: nextSlide, alignTo });\n  };\n\n  _prev = () => {\n    const { slidingType, infinite } = this.props;\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide, lastVisibleSlide] = visibleSlides;\n\n    let prevSlide, alignTo;\n    if (\n      [SLIDING_TYPE.REVEAL_CHUNK, SLIDING_TYPE.REVEAL_ONE].includes(\n        slidingType!,\n      )\n    ) {\n      if (firstVisibleSlide === 0) {\n        prevSlide = infinite ? this.childCount - 1 : firstVisibleSlide;\n      } else {\n        prevSlide = firstVisibleSlide - 1;\n      }\n      alignTo =\n        slidingType === SLIDING_TYPE.REVEAL_CHUNK\n          ? ALIGNMENT.RIGHT\n          : ALIGNMENT.LEFT;\n    } else {\n      if (firstVisibleSlide === 0) {\n        prevSlide = infinite ? this.childCount - 1 : 0;\n      } else {\n        prevSlide = firstVisibleSlide - 1;\n      }\n      alignTo = ALIGNMENT.LEFT;\n    }\n\n    if (prevSlide === 0) {\n      this.setState({ isLeftArrowDisabled: true, isShowStartGradient: false });\n    }\n    if (lastVisibleSlide === this.childCount - 1) {\n      this.setState({ isRightArrowDisabled: false, isShowEndGradient: true });\n    }\n    return this._slideTo({ index: prevSlide, alignTo });\n  };\n\n  _setRef = (r: HTMLDivElement) => {\n    this.carousel = r;\n  };\n\n  _renderLeftControl = () => {\n    const { isLeftArrowDisabled } = this.state;\n    const { controlsPosition, controlsStartEnd, controlsSize, controlsSkin } =\n      this.props;\n\n    return (\n      controlsPosition !== 'none' &&\n      (!isLeftArrowDisabled ||\n        controlsStartEnd === CONTROLS_START_END.DISABLED) && (\n        <Control\n          dataHook={DATA_HOOKS.prevButton}\n          onClick={this._prev}\n          icon={<ChevronLeftSmall />}\n          size={controlsSize}\n          skin={controlsSkin}\n          disabled={isLeftArrowDisabled}\n          className={st(classes.control, classes.prev)}\n        />\n      )\n    );\n  };\n\n  _renderRightControl = () => {\n    const { isRightArrowDisabled } = this.state;\n    const { controlsPosition, controlsStartEnd, controlsSize, controlsSkin } =\n      this.props;\n\n    return (\n      controlsPosition !== 'none' &&\n      (!isRightArrowDisabled ||\n        controlsStartEnd === CONTROLS_START_END.DISABLED) && (\n        <Control\n          dataHook={DATA_HOOKS.nextButton}\n          onClick={this._next}\n          icon={<ChevronRightSmall />}\n          size={controlsSize}\n          skin={controlsSkin}\n          disabled={isRightArrowDisabled}\n          className={st(classes.control, classes.next)}\n        />\n      )\n    );\n  };\n\n  _renderSlides = () => {\n    const {\n      images = [],\n      children,\n      gutter,\n      imagesPosition,\n      imagesFit,\n    } = this.props;\n\n    const slide = ({\n      i,\n      image,\n      child,\n    }: {\n      i: number;\n      image?: { src: string };\n      child?: ReactNode;\n    }) => (\n      <Slide\n        dataHook={DATA_HOOKS.child}\n        key={`slide-${i}`}\n        width=\"auto\"\n        gutter={i > 0 ? `${gutter}px` : ''}\n        image={image}\n        children={child}\n        imagePosition={imagesPosition}\n        imageFit={imagesFit}\n      />\n    );\n\n    return (\n      <div className={classes.carousel} role=\"list\" ref={this._setRef}>\n        {Children.count(children)\n          ? Children.map(children, (child, i) => slide({ i, child }))\n          : images.map((image, i) => slide({ i, image }))}\n      </div>\n    );\n  };\n\n  _renderLoader = () => (\n    <div className={classes.loader}>\n      <Loader dataHook={DATA_HOOKS.loader} size=\"small\" />\n    </div>\n  );\n\n  _renderDots = () => {\n    const { children, images } = this.props;\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide, lastVisibleSlide] = visibleSlides;\n    const slidesCount = Children.count(children) || images?.length || 0;\n\n    return (\n      <div className={classes.dots}>\n        {Array(slidesCount)\n          .fill(0)\n          .map((_, index) => (\n            <div\n              data-hook={DATA_HOOKS.pageNavigation(index)}\n              key={index}\n              className={st(classes.dot, {\n                active: index >= firstVisibleSlide && index <= lastVisibleSlide,\n              })}\n              onClick={() => {\n                if (index < firstVisibleSlide || index > lastVisibleSlide)\n                  this._slideTo({\n                    index,\n                    alignTo:\n                      index > firstVisibleSlide\n                        ? ALIGNMENT.RIGHT\n                        : ALIGNMENT.LEFT,\n                  });\n              }}\n            />\n          ))}\n      </div>\n    );\n  };\n\n  _renderStartGradient = () => <div className={classes.start} />;\n\n  _renderEndGradient = () => <div className={classes.end} />;\n\n  render() {\n    const {\n      dataHook,\n      className,\n      controlsPosition,\n      controlsSize,\n      showControlsShadow,\n      sidesGradientColor,\n      hideDots,\n    } = this.props;\n    const { isShowStartGradient, isShowEndGradient, isLoading } = this.state;\n    const showSidesGradients = !!sidesGradientColor;\n\n    return isLoading ? (\n      this._renderLoader()\n    ) : (\n      <div\n        data-hook={dataHook}\n        className={st(\n          classes.root,\n          {\n            controlsPosition,\n            controlsSize,\n            showControlsShadow,\n            showSidesGradients,\n            hideDots,\n          },\n          className,\n        )}\n        style={{ [vars.sidesGradientColor]: sidesGradientColor }}\n      >\n        <div style={{ position: 'relative' }}>\n          {showSidesGradients &&\n            isShowStartGradient &&\n            this._renderStartGradient()}\n          {this._renderLeftControl()}\n          {this._renderSlides()}\n          {this._renderRightControl()}\n          {showSidesGradients && isShowEndGradient && this._renderEndGradient()}\n        </div>\n        {!hideDots && this._renderDots()}\n      </div>\n    );\n  }\n\n  componentWillUnmount() {\n    this._setAutoplayTimer(false);\n  }\n}\n\nexport default CarouselWIP;\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_CarouselWIP";
+var _namespace_ = "wds_1_182_0_CarouselWIP";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_CarouselWIP__root","carousel":"wds_1_180_0_CarouselWIP__carousel","control":"wds_1_180_0_CarouselWIP__control","prev":"wds_1_180_0_CarouselWIP__prev","next":"wds_1_180_0_CarouselWIP__next","start":"wds_1_180_0_CarouselWIP__start","end":"wds_1_180_0_CarouselWIP__end","dots":"wds_1_180_0_CarouselWIP__dots","dot":"wds_1_180_0_CarouselWIP__dot","loader":"wds_1_180_0_CarouselWIP__loader"};
+module.exports.classes = {"root":"wds_1_182_0_CarouselWIP__root","carousel":"wds_1_182_0_CarouselWIP__carousel","control":"wds_1_182_0_CarouselWIP__control","prev":"wds_1_182_0_CarouselWIP__prev","next":"wds_1_182_0_CarouselWIP__next","start":"wds_1_182_0_CarouselWIP__start","end":"wds_1_182_0_CarouselWIP__end","dots":"wds_1_182_0_CarouselWIP__dots","dot":"wds_1_182_0_CarouselWIP__dot","loader":"wds_1_182_0_CarouselWIP__loader"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"horizontalSpacingSize":"50px","verticalSpacingSize":"7px"}; 
-module.exports.vars = {"arrow-size":"--wds_1_180_0_CarouselWIP-arrow-size","sidesGradientColor":"--wds_1_180_0_CarouselWIP-sidesGradientColor"}; 
+module.exports.vars = {"arrow-size":"--wds_1_182_0_CarouselWIP-arrow-size","sidesGradientColor":"--wds_1_182_0_CarouselWIP-sidesGradientColor"}; 
 
 
 

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_CheckToggle";
+var _namespace_ = "wds_1_182_0_CheckToggle";
 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_180_0_CheckToggle__root","input":"wds_1_180_0_CheckToggle__input","toggle":"wds_1_180_0_CheckToggle__toggle"};
+module.exports.classes = {"root":"wds_1_182_0_CheckToggle__root","input":"wds_1_182_0_CheckToggle__input","toggle":"wds_1_182_0_CheckToggle__toggle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Checkbox/Checkbox.js

@@ -63,6 +63,7 @@ class Checkbox extends _react.PureComponent {
       checked,
       indeterminate,
       disabled,
+      required,
       hasError,
       errorMessage,
       selectionArea,
@@ -86,7 +87,7 @@ class Checkbox extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 131,
+        lineNumber: 133,
         columnNumber: 7
       }
     }, _ref => {
@@ -112,12 +113,13 @@ class Checkbox extends _react.PureComponent {
       }, this._getDataAttributes(), {
         role: "checkbox",
         "aria-checked": checked,
+        "aria-required": required,
         ref: this.checkboxRef,
         onKeyDown: disabled ? undefined : this._handleKeyDown,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 133,
+          lineNumber: 135,
           columnNumber: 11
         }
       }), /*#__PURE__*/_react.default.createElement("input", {
@@ -135,7 +137,7 @@ class Checkbox extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 163,
+          lineNumber: 166,
           columnNumber: 13
         }
       }), /*#__PURE__*/_react.default.createElement("label", {
@@ -146,7 +148,7 @@ class Checkbox extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 174,
+          lineNumber: 177,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -157,7 +159,7 @@ class Checkbox extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 180,
+          lineNumber: 183,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({
@@ -172,7 +174,7 @@ class Checkbox extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 184,
+          lineNumber: 187,
           columnNumber: 17
         }
       }), /*#__PURE__*/_react.default.createElement("div", {
@@ -180,7 +182,7 @@ class Checkbox extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 194,
+          lineNumber: 197,
           columnNumber: 19
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -189,7 +191,7 @@ class Checkbox extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 195,
+          lineNumber: 198,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -197,21 +199,21 @@ class Checkbox extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 196,
+          lineNumber: 199,
           columnNumber: 23
         }
       }, indeterminate ? /*#__PURE__*/_react.default.createElement(_system.CheckboxIndeterminate, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 198,
+          lineNumber: 201,
           columnNumber: 27
         }
       }) : /*#__PURE__*/_react.default.createElement(_system.CheckboxChecked, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 200,
+          lineNumber: 203,
           columnNumber: 27
         }
       }))))), children && /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -224,7 +226,7 @@ class Checkbox extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 207,
+          lineNumber: 210,
           columnNumber: 19
         }
       }, children))));
@@ -238,6 +240,7 @@ Checkbox.propTypes = {
   checked: _propTypes.default.bool,
   children: _propTypes.default.any,
   disabled: _propTypes.default.bool,
+  required: _propTypes.default.bool,
   hasError: _propTypes.default.bool,
   id: _propTypes.default.string,
   indeterminate: _propTypes.default.bool,

package/dist/cjs/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_system","_CheckboxSt","_Text","_Focusable","_generateId","_Tooltip","DATA_ATTR","_constants","_TooltipCommon","_context","_ZIndex","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Checkbox","PureComponent","constructor","arguments","_id","concat","displayName","generateID","checkboxRef","React","createRef","inputRef","focus","current","_handleKeyDown","event","keyCode","_this$props$onChange","_this$props","onChangeEvent","target","checked","props","onChange","preventDefault","_getDataAttributes","indeterminate","disabled","hasError","DATA_CHECK_TYPE","CHECK_TYPES","INDETERMINATE","CHECKED","UNCHECKED","DATA_HAS_ERROR","DATA_DISABLED","render","id","errorMessage","selectionArea","vAlign","size","children","dataHook","focusableOnFocus","focusableOnBlur","className","tooltipProps","tooltipContent","selectionAreaSkin","selectionAreaPadding","ellipsis","maxLines","isTooltipDisabled","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref","newColorsBranding","_extends2","st","classes","root","error","selection","onFocus","onBlur","tabIndex","undefined","role","ref","onKeyDown","dataHooks","input","type","style","display","htmlFor","label","onClick","stopPropagation","labelInner","padding","boxTooltip","content","textAlign","maxWidth","exitDelay","zIndex","ZIndex","checkbox","outer","box","inner","CheckboxIndeterminate","CheckboxChecked","weight","exports","propTypes","PropTypes","string","bool","any","oneOf","values","SELECTION_AREA","V_ALIGN","LABEL_TEXT_SIZE","func","SELECTION_AREA_SKIN","shape","TooltipCommonProps","number","defaultProps","MEDIUM","NONE","CENTER","FILLED","_default","withFocusable"],"sources":["../../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  CheckboxChecked,\n  CheckboxIndeterminate,\n} from '@wix/wix-ui-icons-common/system';\nimport { st, classes } from './Checkbox.st.css';\nimport Text from '../Text';\nimport { InjectedFocusableProps, withFocusable } from '../common/Focusable';\n\nimport { generateID } from '../utils/generateId';\nimport Tooltip from '../Tooltip';\nimport * as DATA_ATTR from './DataAttr';\nimport {\n  dataHooks,\n  LABEL_TEXT_SIZE,\n  SELECTION_AREA,\n  V_ALIGN,\n  SELECTION_AREA_SKIN,\n} from './constants';\nimport { TooltipCommonProps } from '../common/PropTypes/TooltipCommon';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\n\nimport { CheckboxProps } from '.';\nimport { ZIndex } from '../common/ZIndex';\n\n/** a simple WixStyle checkbox */\nexport class Checkbox extends PureComponent<\n  InjectedFocusableProps<CheckboxProps, HTMLDivElement>\n> {\n  static displayName = 'Checkbox';\n\n  static propTypes = {\n    dataHook: PropTypes.string,\n    checked: PropTypes.bool,\n    children: PropTypes.any,\n    disabled: PropTypes.bool,\n    hasError: PropTypes.bool,\n    id: PropTypes.string,\n    indeterminate: PropTypes.bool,\n    errorMessage: PropTypes.string,\n    selectionArea: PropTypes.oneOf(Object.values(SELECTION_AREA)),\n    vAlign: PropTypes.oneOf(Object.values(V_ALIGN)),\n    size: PropTypes.oneOf(Object.values(LABEL_TEXT_SIZE)),\n    onChange: PropTypes.func,\n    className: PropTypes.string,\n    selectionAreaSkin: PropTypes.oneOf(Object.values(SELECTION_AREA_SKIN)),\n    selectionAreaPadding: PropTypes.string,\n    tooltipContent: PropTypes.any,\n    tooltipProps: PropTypes.shape(TooltipCommonProps),\n    maxLines: PropTypes.number,\n  };\n\n  static defaultProps: CheckboxProps = {\n    checked: false,\n    size: LABEL_TEXT_SIZE.MEDIUM,\n    selectionArea: SELECTION_AREA.NONE,\n    vAlign: V_ALIGN.CENTER,\n    onChange: (e: React.ChangeEvent<HTMLInputElement>) => e.stopPropagation(),\n    hasError: false,\n    disabled: false,\n    indeterminate: false,\n    selectionAreaSkin: SELECTION_AREA_SKIN.FILLED,\n  };\n\n  // TODO fix me please. We need to get away from ids.\n  _id = `${Checkbox.displayName}-${generateID()}`;\n\n  checkboxRef = React.createRef<HTMLDivElement>();\n  inputRef = React.createRef<HTMLInputElement>();\n\n  focus = () => {\n    this.checkboxRef.current && this.checkboxRef.current.focus();\n  };\n\n  _handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.keyCode === 32 && this.inputRef.current) {\n      const onChangeEvent = {\n        target: { checked: !this.inputRef.current.checked },\n      } as React.ChangeEvent<HTMLInputElement>;\n\n      this.props.onChange?.(onChangeEvent);\n      event.preventDefault();\n    }\n  };\n\n  _getDataAttributes = () => {\n    const { checked, indeterminate, disabled, hasError } = this.props;\n    return {\n      [DATA_ATTR.DATA_CHECK_TYPE]: indeterminate\n        ? DATA_ATTR.CHECK_TYPES.INDETERMINATE\n        : checked\n        ? DATA_ATTR.CHECK_TYPES.CHECKED\n        : DATA_ATTR.CHECK_TYPES.UNCHECKED,\n      [DATA_ATTR.DATA_HAS_ERROR]: hasError && !disabled,\n      [DATA_ATTR.DATA_DISABLED]: disabled,\n    };\n  };\n\n  render() {\n    const {\n      id = this._id,\n      checked,\n      indeterminate,\n      disabled,\n      hasError,\n      errorMessage,\n      selectionArea,\n      vAlign,\n      size,\n      onChange,\n      children,\n      dataHook,\n      focusableOnFocus,\n      focusableOnBlur,\n      className,\n      tooltipProps,\n      tooltipContent,\n      selectionAreaSkin,\n      selectionAreaPadding,\n      ellipsis,\n      maxLines,\n    } = this.props;\n\n    const isTooltipDisabled =\n      (tooltipProps && tooltipProps.disabled) ||\n      disabled ||\n      (!tooltipContent && (!hasError || !errorMessage));\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div\n            data-hook={dataHook}\n            className={st(\n              classes.root,\n              {\n                vAlign,\n                selectionArea,\n                selectionAreaSkin,\n                disabled,\n                error: hasError && !disabled,\n                selection: indeterminate\n                  ? 'indeterminate'\n                  : checked\n                  ? 'checked'\n                  : 'unchecked',\n                indeterminate,\n                newColorsBranding,\n                ellipsis,\n              },\n              className,\n            )}\n            onFocus={focusableOnFocus}\n            onBlur={focusableOnBlur}\n            tabIndex={disabled ? undefined : 0}\n            {...this._getDataAttributes()}\n            role=\"checkbox\"\n            aria-checked={checked}\n            ref={this.checkboxRef}\n            onKeyDown={disabled ? undefined : this._handleKeyDown}\n          >\n            <input\n              ref={this.inputRef}\n              data-hook={dataHooks.input}\n              type=\"checkbox\"\n              id={id}\n              tabIndex={disabled ? undefined : 0}\n              checked={checked}\n              disabled={disabled}\n              onChange={disabled ? undefined : onChange}\n              style={{ display: 'none' }}\n            />\n            <label\n              htmlFor={id}\n              data-hook={dataHooks.label}\n              className={classes.label}\n              onClick={e => e.stopPropagation()}\n            >\n              <div\n                className={classes.labelInner}\n                style={{ padding: selectionAreaPadding }}\n              >\n                <Tooltip\n                  dataHook={dataHooks.boxTooltip}\n                  disabled={isTooltipDisabled}\n                  content={tooltipContent || errorMessage || ' '}\n                  textAlign=\"center\"\n                  maxWidth={230}\n                  exitDelay={150}\n                  zIndex={ZIndex.checkbox}\n                  {...tooltipProps}\n                >\n                  <div className={classes.outer}>\n                    <div data-hook={dataHooks.box} className={classes.checkbox}>\n                      <div className={classes.inner}>\n                        {indeterminate ? (\n                          <CheckboxIndeterminate />\n                        ) : (\n                          <CheckboxChecked />\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                </Tooltip>\n                {children && (\n                  <Text\n                    size={size}\n                    weight=\"thin\"\n                    dataHook={dataHooks.children}\n                    className={classes.children}\n                    ellipsis={ellipsis}\n                    maxLines={maxLines}\n                  >\n                    {children}\n                  </Text>\n                )}\n              </div>\n            </label>\n          </div>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n}\n\nexport default withFocusable<CheckboxProps, HTMLDivElement>(Checkbox);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_system","_CheckboxSt","_Text","_Focusable","_generateId","_Tooltip","DATA_ATTR","_constants","_TooltipCommon","_context","_ZIndex","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Checkbox","PureComponent","constructor","arguments","_id","concat","displayName","generateID","checkboxRef","React","createRef","inputRef","focus","current","_handleKeyDown","event","keyCode","_this$props$onChange","_this$props","onChangeEvent","target","checked","props","onChange","preventDefault","_getDataAttributes","indeterminate","disabled","hasError","DATA_CHECK_TYPE","CHECK_TYPES","INDETERMINATE","CHECKED","UNCHECKED","DATA_HAS_ERROR","DATA_DISABLED","render","id","required","errorMessage","selectionArea","vAlign","size","children","dataHook","focusableOnFocus","focusableOnBlur","className","tooltipProps","tooltipContent","selectionAreaSkin","selectionAreaPadding","ellipsis","maxLines","isTooltipDisabled","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref","newColorsBranding","_extends2","st","classes","root","error","selection","onFocus","onBlur","tabIndex","undefined","role","ref","onKeyDown","dataHooks","input","type","style","display","htmlFor","label","onClick","stopPropagation","labelInner","padding","boxTooltip","content","textAlign","maxWidth","exitDelay","zIndex","ZIndex","checkbox","outer","box","inner","CheckboxIndeterminate","CheckboxChecked","weight","exports","propTypes","PropTypes","string","bool","any","oneOf","values","SELECTION_AREA","V_ALIGN","LABEL_TEXT_SIZE","func","SELECTION_AREA_SKIN","shape","TooltipCommonProps","number","defaultProps","MEDIUM","NONE","CENTER","FILLED","_default","withFocusable"],"sources":["../../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  CheckboxChecked,\n  CheckboxIndeterminate,\n} from '@wix/wix-ui-icons-common/system';\nimport { st, classes } from './Checkbox.st.css';\nimport Text from '../Text';\nimport { InjectedFocusableProps, withFocusable } from '../common/Focusable';\n\nimport { generateID } from '../utils/generateId';\nimport Tooltip from '../Tooltip';\nimport * as DATA_ATTR from './DataAttr';\nimport {\n  dataHooks,\n  LABEL_TEXT_SIZE,\n  SELECTION_AREA,\n  V_ALIGN,\n  SELECTION_AREA_SKIN,\n} from './constants';\nimport { TooltipCommonProps } from '../common/PropTypes/TooltipCommon';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\n\nimport { CheckboxProps } from '.';\nimport { ZIndex } from '../common/ZIndex';\n\n/** a simple WixStyle checkbox */\nexport class Checkbox extends PureComponent<\n  InjectedFocusableProps<CheckboxProps, HTMLDivElement>\n> {\n  static displayName = 'Checkbox';\n\n  static propTypes = {\n    dataHook: PropTypes.string,\n    checked: PropTypes.bool,\n    children: PropTypes.any,\n    disabled: PropTypes.bool,\n    required: PropTypes.bool,\n    hasError: PropTypes.bool,\n    id: PropTypes.string,\n    indeterminate: PropTypes.bool,\n    errorMessage: PropTypes.string,\n    selectionArea: PropTypes.oneOf(Object.values(SELECTION_AREA)),\n    vAlign: PropTypes.oneOf(Object.values(V_ALIGN)),\n    size: PropTypes.oneOf(Object.values(LABEL_TEXT_SIZE)),\n    onChange: PropTypes.func,\n    className: PropTypes.string,\n    selectionAreaSkin: PropTypes.oneOf(Object.values(SELECTION_AREA_SKIN)),\n    selectionAreaPadding: PropTypes.string,\n    tooltipContent: PropTypes.any,\n    tooltipProps: PropTypes.shape(TooltipCommonProps),\n    maxLines: PropTypes.number,\n  };\n\n  static defaultProps: CheckboxProps = {\n    checked: false,\n    size: LABEL_TEXT_SIZE.MEDIUM,\n    selectionArea: SELECTION_AREA.NONE,\n    vAlign: V_ALIGN.CENTER,\n    onChange: (e: React.ChangeEvent<HTMLInputElement>) => e.stopPropagation(),\n    hasError: false,\n    disabled: false,\n    indeterminate: false,\n    selectionAreaSkin: SELECTION_AREA_SKIN.FILLED,\n  };\n\n  // TODO fix me please. We need to get away from ids.\n  _id = `${Checkbox.displayName}-${generateID()}`;\n\n  checkboxRef = React.createRef<HTMLDivElement>();\n  inputRef = React.createRef<HTMLInputElement>();\n\n  focus = () => {\n    this.checkboxRef.current && this.checkboxRef.current.focus();\n  };\n\n  _handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.keyCode === 32 && this.inputRef.current) {\n      const onChangeEvent = {\n        target: { checked: !this.inputRef.current.checked },\n      } as React.ChangeEvent<HTMLInputElement>;\n\n      this.props.onChange?.(onChangeEvent);\n      event.preventDefault();\n    }\n  };\n\n  _getDataAttributes = () => {\n    const { checked, indeterminate, disabled, hasError } = this.props;\n    return {\n      [DATA_ATTR.DATA_CHECK_TYPE]: indeterminate\n        ? DATA_ATTR.CHECK_TYPES.INDETERMINATE\n        : checked\n          ? DATA_ATTR.CHECK_TYPES.CHECKED\n          : DATA_ATTR.CHECK_TYPES.UNCHECKED,\n      [DATA_ATTR.DATA_HAS_ERROR]: hasError && !disabled,\n      [DATA_ATTR.DATA_DISABLED]: disabled,\n    };\n  };\n\n  render() {\n    const {\n      id = this._id,\n      checked,\n      indeterminate,\n      disabled,\n      required,\n      hasError,\n      errorMessage,\n      selectionArea,\n      vAlign,\n      size,\n      onChange,\n      children,\n      dataHook,\n      focusableOnFocus,\n      focusableOnBlur,\n      className,\n      tooltipProps,\n      tooltipContent,\n      selectionAreaSkin,\n      selectionAreaPadding,\n      ellipsis,\n      maxLines,\n    } = this.props;\n\n    const isTooltipDisabled =\n      (tooltipProps && tooltipProps.disabled) ||\n      disabled ||\n      (!tooltipContent && (!hasError || !errorMessage));\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div\n            data-hook={dataHook}\n            className={st(\n              classes.root,\n              {\n                vAlign,\n                selectionArea,\n                selectionAreaSkin,\n                disabled,\n                error: hasError && !disabled,\n                selection: indeterminate\n                  ? 'indeterminate'\n                  : checked\n                    ? 'checked'\n                    : 'unchecked',\n                indeterminate,\n                newColorsBranding,\n                ellipsis,\n              },\n              className,\n            )}\n            onFocus={focusableOnFocus}\n            onBlur={focusableOnBlur}\n            tabIndex={disabled ? undefined : 0}\n            {...this._getDataAttributes()}\n            role=\"checkbox\"\n            aria-checked={checked}\n            aria-required={required}\n            ref={this.checkboxRef}\n            onKeyDown={disabled ? undefined : this._handleKeyDown}\n          >\n            <input\n              ref={this.inputRef}\n              data-hook={dataHooks.input}\n              type=\"checkbox\"\n              id={id}\n              tabIndex={disabled ? undefined : 0}\n              checked={checked}\n              disabled={disabled}\n              onChange={disabled ? undefined : onChange}\n              style={{ display: 'none' }}\n            />\n            <label\n              htmlFor={id}\n              data-hook={dataHooks.label}\n              className={classes.label}\n              onClick={e => e.stopPropagation()}\n            >\n              <div\n                className={classes.labelInner}\n                style={{ padding: selectionAreaPadding }}\n              >\n                <Tooltip\n                  dataHook={dataHooks.boxTooltip}\n                  disabled={isTooltipDisabled}\n                  content={tooltipContent || errorMessage || ' '}\n                  textAlign=\"center\"\n                  maxWidth={230}\n                  exitDelay={150}\n                  zIndex={ZIndex.checkbox}\n                  {...tooltipProps}\n                >\n                  <div className={classes.outer}>\n                    <div data-hook={dataHooks.box} className={classes.checkbox}>\n                      <div className={classes.inner}>\n                        {indeterminate ? (\n                          <CheckboxIndeterminate />\n                        ) : (\n                          <CheckboxChecked />\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                </Tooltip>\n                {children && (\n                  <Text\n                    size={size}\n                    weight=\"thin\"\n                    dataHook={dataHooks.children}\n                    className={classes.children}\n                    ellipsis={ellipsis}\n                    maxLines={maxLines}\n                  >\n                    {children}\n                  </Text>\n                )}\n              </div>\n            </label>\n          </div>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n}\n\nexport default withFocusable<CheckboxProps, HTMLDivElement>(Checkbox);\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_Checkbox";
+var _namespace_ = "wds_1_182_0_Checkbox";
 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_180_0_Checkbox__root","label":"wds_1_180_0_Checkbox__label","labelInner":"wds_1_180_0_Checkbox__labelInner","children":"wds_1_180_0_Checkbox__children","checkbox":"wds_1_180_0_Checkbox__checkbox","inner":"wds_1_180_0_Checkbox__inner","outer":"wds_1_180_0_Checkbox__outer"};
+module.exports.classes = {"root":"wds_1_182_0_Checkbox__root","label":"wds_1_182_0_Checkbox__label","labelInner":"wds_1_182_0_Checkbox__labelInner","children":"wds_1_182_0_Checkbox__children","checkbox":"wds_1_182_0_Checkbox__checkbox","inner":"wds_1_182_0_Checkbox__inner","outer":"wds_1_182_0_Checkbox__outer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/Checkbox/Checkbox.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { TooltipCommonProps } from '../common';\nimport { ValuesOf } from '../utils/typeUtils';\nimport {\n  LABEL_TEXT_SIZE,\n  SELECTION_AREA,\n  V_ALIGN,\n  SELECTION_AREA_SKIN,\n} from './constants';\n\nexport interface CheckboxProps {\n  /** Applies a data-hook HTML attribute that can be used in tests */\n  dataHook?: string;\n  /** Specifies whether a checkbox is selected */\n  checked?: boolean;\n  /** Specifies whether a checkbox is disabled */\n  disabled?: boolean;\n  /** Specifies whether a checkbox has an error */\n  hasError?: boolean;\n  /** Assigns a unique identifier for the checkbox */\n  id?: string;\n  /** Specifies whether a checkbox is in an indeterminate state */\n  indeterminate?: boolean;\n  /**\n   * The error message when there's an error\n   * @deprecated use tooltipContent instead\n   * */\n  errorMessage?: string;\n  /** Controls the selection area highlight visibility */\n  selectionArea?: CheckboxSelectionArea;\n  /** Controls checkbox alignment to the label on the Y axis */\n  vAlign?: CheckboxVAlign;\n  /** Controls the size of the checkbox label */\n  size?: CheckboxLabelSize;\n  /** Defines a callback function which is called every time the checkbox state is changed */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Allows you to pass all common tooltip props.\n   * @linkTypeTo components-overlays--tooltip\n   */\n  tooltipProps?: TooltipCommonProps;\n  /** Defines a message to be displayed in a tooltip. Tooltip is displayed on a checkbox hover. */\n  tooltipContent?: React.ReactNode;\n  /** Sets the design of the selection area */\n  selectionAreaSkin?: CheckboxSelectionAreaSkin;\n  /** Sets the amount of white space around the checkbox label in pixels */\n  selectionAreaPadding?: React.CSSProperties['padding'];\n  /** Defines a checkbox label  */\n  children?: React.ReactNode;\n  /** Truncates text that is longer than its parent container and displays ellipsis at the end of the last line. */\n  ellipsis?: boolean;\n  /** Truncates label text at a specific number of lines when using ellipsis */\n  maxLines?: number;\n}\n\nexport type CheckboxLabelSize = ValuesOf<typeof LABEL_TEXT_SIZE>;\nexport type CheckboxSelectionArea = ValuesOf<typeof SELECTION_AREA>;\nexport type CheckboxVAlign = ValuesOf<typeof V_ALIGN>;\nexport type CheckboxSelectionAreaSkin = ValuesOf<typeof SELECTION_AREA_SKIN>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/Checkbox/Checkbox.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { TooltipCommonProps } from '../common';\nimport { ValuesOf } from '../utils/typeUtils';\nimport {\n  LABEL_TEXT_SIZE,\n  SELECTION_AREA,\n  V_ALIGN,\n  SELECTION_AREA_SKIN,\n} from './constants';\n\nexport interface CheckboxProps {\n  /** Applies a data-hook HTML attribute that can be used in tests */\n  dataHook?: string;\n  /** Specifies whether a checkbox is selected */\n  checked?: boolean;\n  /** Specifies whether a checkbox is disabled */\n  disabled?: boolean;\n  /** Specifies whether a checkbox is required */\n  required?: boolean;\n  /** Specifies whether a checkbox has an error */\n  hasError?: boolean;\n  /** Assigns a unique identifier for the checkbox */\n  id?: string;\n  /** Specifies whether a checkbox is in an indeterminate state */\n  indeterminate?: boolean;\n  /**\n   * The error message when there's an error\n   * @deprecated use tooltipContent instead\n   * */\n  errorMessage?: string;\n  /** Controls the selection area highlight visibility */\n  selectionArea?: CheckboxSelectionArea;\n  /** Controls checkbox alignment to the label on the Y axis */\n  vAlign?: CheckboxVAlign;\n  /** Controls the size of the checkbox label */\n  size?: CheckboxLabelSize;\n  /** Defines a callback function which is called every time the checkbox state is changed */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Allows you to pass all common tooltip props.\n   * @linkTypeTo components-overlays--tooltip\n   */\n  tooltipProps?: TooltipCommonProps;\n  /** Defines a message to be displayed in a tooltip. Tooltip is displayed on a checkbox hover. */\n  tooltipContent?: React.ReactNode;\n  /** Sets the design of the selection area */\n  selectionAreaSkin?: CheckboxSelectionAreaSkin;\n  /** Sets the amount of white space around the checkbox label in pixels */\n  selectionAreaPadding?: React.CSSProperties['padding'];\n  /** Defines a checkbox label  */\n  children?: React.ReactNode;\n  /** Truncates text that is longer than its parent container and displays ellipsis at the end of the last line. */\n  ellipsis?: boolean;\n  /** Truncates label text at a specific number of lines when using ellipsis */\n  maxLines?: number;\n}\n\nexport type CheckboxLabelSize = ValuesOf<typeof LABEL_TEXT_SIZE>;\nexport type CheckboxSelectionArea = ValuesOf<typeof SELECTION_AREA>;\nexport type CheckboxVAlign = ValuesOf<typeof V_ALIGN>;\nexport type CheckboxSelectionAreaSkin = ValuesOf<typeof SELECTION_AREA_SKIN>;\n"],"mappings":"","ignoreList":[]}

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

@@ -79,7 +79,7 @@ var checkboxUniDriverFactory = (base, body) => {
     blur: () => reactBase.blur(),
     // Checks whether the checkbox is checked.
     isChecked,
-    // /Checks whether the checkbox is disabled.
+    // Checks whether the checkbox is disabled.
     isDisabled: function () {
       var _isDisabled = (0, _asyncToGenerator2.default)(function* () {
         return (yield base.attr(DATA_ATTR.DATA_DISABLED)) === 'true';
@@ -89,6 +89,16 @@ var checkboxUniDriverFactory = (base, body) => {
       }
       return isDisabled;
     }(),
+    // Checks whether the checkbox is required.
+    isRequired: function () {
+      var _isRequired = (0, _asyncToGenerator2.default)(function* () {
+        return (yield base.attr('aria-required')) === 'true';
+      });
+      function isRequired() {
+        return _isRequired.apply(this, arguments);
+      }
+      return isRequired;
+    }(),
     // Checks whether the checkbox's value is indeterminate.
     isIndeterminate: function () {
       var _isIndeterminate = (0, _asyncToGenerator2.default)(function* () {