@fountain-ui/lab 2.0.0-beta.1 → 2.0.0-beta.12

package/build/module/Carousel/CarouselNative.js

@@ -1,54 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Dimensions, View } from 'react-native';
-import RNSnapCarousel from 'react-native-snap-carousel';
-import { defaultAutoplay, defaultAutoplayInterval, defaultInactiveSlideOpacity, defaultInactiveSlideScale, defaultInfinite } from './utils';
-export default function Carousel(props) {
-  const {
-    autoplay = defaultAutoplay,
-    autoplayInterval = defaultAutoplayInterval,
-    centerSlidePadding,
-    data,
-    inactiveSlideOpacity = defaultInactiveSlideOpacity,
-    inactiveSlideScale = defaultInactiveSlideScale,
-    index,
-    infinite = defaultInfinite,
-    onChange,
-    renderItem
-  } = props;
-  const carouselRef = useRef(null);
-  const [sliderWidth, setSliderWidth] = useState(() => Dimensions.get('window').width);
-  const itemWidth = centerSlidePadding !== undefined ? sliderWidth - centerSlidePadding * 2 : sliderWidth;
-  useEffect(() => {
-    const carousel = carouselRef.current;
-
-    if (carousel && index !== carousel.currentIndex) {
-      carousel.snapToItem(index, true);
-    }
-  }, [index]);
-
-  const handleSnapToItem = newIndex => {
-    if (onChange) {
-      onChange(newIndex);
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(View, {
-    onLayout: event => setSliderWidth(event.nativeEvent.layout.width)
-  }, /*#__PURE__*/React.createElement(RNSnapCarousel, {
-    autoplay: autoplay,
-    autoplayInterval: autoplayInterval,
-    data: data,
-    horizontal: true,
-    inactiveSlideOpacity: inactiveSlideOpacity,
-    inactiveSlideScale: inactiveSlideScale,
-    itemWidth: itemWidth,
-    loop: infinite,
-    loopClonesPerSide: 2,
-    onSnapToItem: handleSnapToItem,
-    ref: carouselRef,
-    renderItem: renderItem,
-    sliderWidth: sliderWidth
-  }));
-}
-;
-//# sourceMappingURL=CarouselNative.js.map

package/build/module/Carousel/CarouselNative.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["CarouselNative.tsx"],"names":["React","useEffect","useRef","useState","Dimensions","View","RNSnapCarousel","defaultAutoplay","defaultAutoplayInterval","defaultInactiveSlideOpacity","defaultInactiveSlideScale","defaultInfinite","Carousel","props","autoplay","autoplayInterval","centerSlidePadding","data","inactiveSlideOpacity","inactiveSlideScale","index","infinite","onChange","renderItem","carouselRef","sliderWidth","setSliderWidth","get","width","itemWidth","undefined","carousel","current","currentIndex","snapToItem","handleSnapToItem","newIndex","event","nativeEvent","layout"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AACA,OAAOC,cAAP,MAA2B,4BAA3B;AAEA,SACIC,eADJ,EAEIC,uBAFJ,EAGIC,2BAHJ,EAIIC,yBAJJ,EAKIC,eALJ,QAMO,SANP;AAQA,eAAe,SAASC,QAAT,CAAyBC,KAAzB,EAAsD;AACjE,QAAM;AACFC,IAAAA,QAAQ,GAAGP,eADT;AAEFQ,IAAAA,gBAAgB,GAAGP,uBAFjB;AAGFQ,IAAAA,kBAHE;AAIFC,IAAAA,IAJE;AAKFC,IAAAA,oBAAoB,GAAGT,2BALrB;AAMFU,IAAAA,kBAAkB,GAAGT,yBANnB;AAOFU,IAAAA,KAPE;AAQFC,IAAAA,QAAQ,GAAGV,eART;AASFW,IAAAA,QATE;AAUFC,IAAAA;AAVE,MAWFV,KAXJ;AAaA,QAAMW,WAAW,GAAGtB,MAAM,CAA+B,IAA/B,CAA1B;AAEA,QAAM,CAACuB,WAAD,EAAcC,cAAd,IAAgCvB,QAAQ,CAAC,MAAMC,UAAU,CAACuB,GAAX,CAAe,QAAf,EAAyBC,KAAhC,CAA9C;AAEA,QAAMC,SAAS,GAAGb,kBAAkB,KAAKc,SAAvB,GACZL,WAAW,GAAIT,kBAAkB,GAAG,CADxB,GAEZS,WAFN;AAIAxB,EAAAA,SAAS,CAAC,MAAM;AACZ,UAAM8B,QAAQ,GAAGP,WAAW,CAACQ,OAA7B;;AACA,QAAID,QAAQ,IAAIX,KAAK,KAAKW,QAAQ,CAACE,YAAnC,EAAiD;AAC7CF,MAAAA,QAAQ,CAACG,UAAT,CAAoBd,KAApB,EAA2B,IAA3B;AACH;AACJ,GALQ,EAKN,CAACA,KAAD,CALM,CAAT;;AAOA,QAAMe,gBAAgB,GAAIC,QAAD,IAAsB;AAC3C,QAAId,QAAJ,EAAc;AACVA,MAAAA,QAAQ,CAACc,QAAD,CAAR;AACH;AACJ,GAJD;;AAMA,sBACI,oBAAC,IAAD;AAAM,IAAA,QAAQ,EAAGC,KAAD,IAAWX,cAAc,CAACW,KAAK,CAACC,WAAN,CAAkBC,MAAlB,CAAyBX,KAA1B;AAAzC,kBACI,oBAAC,cAAD;AACI,IAAA,QAAQ,EAAEd,QADd;AAEI,IAAA,gBAAgB,EAAEC,gBAFtB;AAGI,IAAA,IAAI,EAAEE,IAHV;AAII,IAAA,UAAU,EAAE,IAJhB;AAKI,IAAA,oBAAoB,EAAEC,oBAL1B;AAMI,IAAA,kBAAkB,EAAEC,kBANxB;AAOI,IAAA,SAAS,EAAEU,SAPf;AAQI,IAAA,IAAI,EAAER,QARV;AASI,IAAA,iBAAiB,EAAE,CATvB;AAUI,IAAA,YAAY,EAAEc,gBAVlB;AAWI,IAAA,GAAG,EAAEX,WAXT;AAYI,IAAA,UAAU,EAAED,UAZhB;AAaI,IAAA,WAAW,EAAEE;AAbjB,IADJ,CADJ;AAmBH;AAAA","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport RNSnapCarousel from 'react-native-snap-carousel';\nimport type CarouselProps from './CarouselProps';\nimport {\n    defaultAutoplay,\n    defaultAutoplayInterval,\n    defaultInactiveSlideOpacity,\n    defaultInactiveSlideScale,\n    defaultInfinite,\n} from './utils';\n\nexport default function Carousel<ItemT>(props: CarouselProps<ItemT>) {\n    const {\n        autoplay = defaultAutoplay,\n        autoplayInterval = defaultAutoplayInterval,\n        centerSlidePadding,\n        data,\n        inactiveSlideOpacity = defaultInactiveSlideOpacity,\n        inactiveSlideScale = defaultInactiveSlideScale,\n        index,\n        infinite = defaultInfinite,\n        onChange,\n        renderItem,\n    } = props;\n\n    const carouselRef = useRef<RNSnapCarousel<ItemT> | null>(null);\n\n    const [sliderWidth, setSliderWidth] = useState(() => Dimensions.get('window').width);\n\n    const itemWidth = centerSlidePadding !== undefined\n        ? sliderWidth - (centerSlidePadding * 2)\n        : sliderWidth;\n\n    useEffect(() => {\n        const carousel = carouselRef.current;\n        if (carousel && index !== carousel.currentIndex) {\n            carousel.snapToItem(index, true);\n        }\n    }, [index]);\n\n    const handleSnapToItem = (newIndex: number) => {\n        if (onChange) {\n            onChange(newIndex);\n        }\n    };\n\n    return (\n        <View onLayout={(event) => setSliderWidth(event.nativeEvent.layout.width)}>\n            <RNSnapCarousel\n                autoplay={autoplay}\n                autoplayInterval={autoplayInterval}\n                data={data}\n                horizontal={true}\n                inactiveSlideOpacity={inactiveSlideOpacity}\n                inactiveSlideScale={inactiveSlideScale}\n                itemWidth={itemWidth}\n                loop={infinite}\n                loopClonesPerSide={2}\n                onSnapToItem={handleSnapToItem}\n                ref={carouselRef}\n                renderItem={renderItem}\n                sliderWidth={sliderWidth}\n            />\n        </View>\n    );\n};\n"]}

package/build/module/Carousel/CarouselWeb.js

@@ -1,215 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { View } from 'react-native';
-import Slick from 'react-slick';
-import styled from '@emotion/styled';
-import { ChevronLeft, ChevronRight } from '@fountain-ui/icons';
-import { mapIndexed } from '@fountain-ui/utils';
-import { defaultActiveSlideScale, defaultAutoplay, defaultAutoplayInterval, defaultInactiveSlideOpacity, defaultInactiveSlideScale, defaultInfinite } from './utils';
-const baseSettings = {
-  dots: false,
-  draggable: true,
-  lazyLoad: typeof window === 'undefined' ? undefined : 'ondemand',
-  pauseOnFocus: true,
-  pauseOnHover: true,
-  rows: 1,
-  swipe: true,
-  slidesPerRow: 1,
-  vertical: false
-};
-
-const noop = () => void 0;
-
-const StyledContainer = styled.div(props => ({
-  ['& .slick-slider']: {
-    display: 'block',
-    position: 'relative',
-    userSelect: 'none'
-  },
-  ['& .slick-list']: {
-    display: 'block',
-    position: 'relative',
-    overflow: 'hidden',
-    margin: 0,
-    padding: 0,
-    ['&:focus']: {
-      outline: 'none'
-    },
-    ['&.dragging']: {
-      cursor: 'pointer'
-    }
-  },
-  ['& .slick-slider .slick-track, &.slick-slider .slick-list']: {
-    transform: 'translate3d(0, 0, 0)'
-  },
-  ['& .slick-track']: {
-    display: 'block',
-    position: 'relative',
-    top: 0,
-    left: 0,
-    ['&:before, &:after']: {
-      display: 'table',
-      content: '\'\''
-    },
-    ['&:after']: {
-      clear: 'both'
-    },
-    ...props.trackStyle
-  },
-  ['& .slick-slide']: {
-    display: 'none',
-    float: 'left',
-    height: '100%',
-    minHeight: 1,
-    ['& > div']: {
-      justifyContent: 'center',
-      display: 'flex',
-      transform: `scale(${props.inactiveSlideScale})`,
-      transition: 'transform .5s',
-      opacity: props.inactiveSlideOpacity
-    }
-  },
-  ['& .slick-current > div']: {
-    transform: `scale(${props.activeSlideScale})`,
-    opacity: 1
-  },
-  ['& .slick-initialized .slick-slide']: {
-    display: 'block'
-  },
-  ...props.arrowsStyle
-}));
-
-const ArrowContainer = props => {
-  const {
-    children,
-    currentSlide,
-    slideCount,
-    visible,
-    ...otherProps
-  } = props;
-  return visible ?
-  /*#__PURE__*/
-  // If root component is not a div, there's no arrow class.
-  React.createElement("div", _extends({}, otherProps, {
-    style: {
-      cursor: 'pointer'
-    }
-  }), /*#__PURE__*/React.createElement(View, {
-    style: {
-      height: '100%',
-      justifyContent: 'center',
-      alignItems: 'center',
-      backgroundColor: 'white',
-      borderRadius: 16
-    }
-  }, children)) : null;
-};
-
-export default /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    activeSlideScale = defaultActiveSlideScale,
-    autoplay = defaultAutoplay,
-    autoplayInterval = defaultAutoplayInterval,
-    centerMode = false,
-    centerSlidePadding = 0,
-    data,
-    inactiveSlideOpacity = defaultInactiveSlideOpacity,
-    inactiveSlideScale = defaultInactiveSlideScale,
-    index,
-    infinite = defaultInfinite,
-    onChange,
-    renderItem,
-    slidesToScroll = 1,
-    slidesToShow = 1,
-    arrows = false,
-    arrowsStyle = {},
-    trackStyle = {}
-  } = props;
-  const slickRef = React.useRef(null);
-  const [visibleArrow, setVisibleArrow] = React.useState(false);
-  React.useEffect(() => {
-    if (slickRef.current) {
-      slickRef.current.slickGoTo(index, false);
-    }
-  }, [index]);
-
-  const fixOnClickNotWorkingAfterMobileSwipe = () => {
-    // @ts-ignore
-    if (slickRef.current && slickRef.current.innerSlider) {
-      // @ts-ignore
-      slickRef.current.innerSlider.clickHandler = noop;
-    }
-  };
-
-  const handleAfterChange = newIndex => {
-    fixOnClickNotWorkingAfterMobileSwipe();
-
-    if (onChange) {
-      onChange(newIndex);
-    }
-  };
-
-  const handleBeforeChange = () => {
-    fixOnClickNotWorkingAfterMobileSwipe();
-  };
-
-  const onPointerOver = () => setVisibleArrow(true);
-
-  const onPointerLeave = () => setVisibleArrow(false);
-
-  React.useEffect(() => {
-    if (ref) {
-      //@ts-ignore
-      ref.current = slickRef.current;
-    }
-  }, []);
-  return /*#__PURE__*/React.createElement(StyledContainer, {
-    activeSlideScale: activeSlideScale,
-    inactiveSlideOpacity: inactiveSlideOpacity,
-    inactiveSlideScale: inactiveSlideScale,
-    arrowsStyle: arrowsStyle,
-    trackStyle: trackStyle,
-    onPointerOver: onPointerOver,
-    onPointerLeave: onPointerLeave
-  }, /*#__PURE__*/React.createElement(Slick, _extends({}, baseSettings, {
-    afterChange: handleAfterChange,
-    autoplay: autoplay,
-    autoplaySpeed: autoplayInterval,
-    beforeChange: handleBeforeChange,
-    centerMode: centerMode,
-    centerPadding: `${centerSlidePadding}px`,
-    infinite: infinite,
-    initialSlide: index,
-    ref: slickRef,
-    slidesToScroll: slidesToScroll,
-    slidesToShow: slidesToShow,
-    arrows: arrows,
-    prevArrow: /*#__PURE__*/React.createElement(ArrowContainer, {
-      visible: visibleArrow,
-      children: /*#__PURE__*/React.createElement(ChevronLeft, {
-        fill: '#767676'
-      })
-    }),
-    nextArrow: /*#__PURE__*/React.createElement(ArrowContainer, {
-      visible: visibleArrow,
-      children: /*#__PURE__*/React.createElement(ChevronRight, {
-        fill: '#767676'
-      })
-    })
-  }), mapIndexed((item, index) => {
-    const child = renderItem({
-      item,
-      index
-    });
-
-    if (child) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        key: index
-      });
-    }
-
-    return child;
-  }, data)));
-});
-//# sourceMappingURL=CarouselWeb.js.map

package/build/module/Carousel/CarouselWeb.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["CarouselWeb.tsx"],"names":["React","View","Slick","styled","ChevronLeft","ChevronRight","mapIndexed","defaultActiveSlideScale","defaultAutoplay","defaultAutoplayInterval","defaultInactiveSlideOpacity","defaultInactiveSlideScale","defaultInfinite","baseSettings","dots","draggable","lazyLoad","window","undefined","pauseOnFocus","pauseOnHover","rows","swipe","slidesPerRow","vertical","noop","StyledContainer","div","props","display","position","userSelect","overflow","margin","padding","outline","cursor","transform","top","left","content","clear","trackStyle","float","height","minHeight","justifyContent","inactiveSlideScale","transition","opacity","inactiveSlideOpacity","activeSlideScale","arrowsStyle","ArrowContainer","children","currentSlide","slideCount","visible","otherProps","alignItems","backgroundColor","borderRadius","forwardRef","ref","autoplay","autoplayInterval","centerMode","centerSlidePadding","data","index","infinite","onChange","renderItem","slidesToScroll","slidesToShow","arrows","slickRef","useRef","visibleArrow","setVisibleArrow","useState","useEffect","current","slickGoTo","fixOnClickNotWorkingAfterMobileSwipe","innerSlider","clickHandler","handleAfterChange","newIndex","handleBeforeChange","onPointerOver","onPointerLeave","item","child","cloneElement","key"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport Slick, { Settings } from 'react-slick';\nimport styled from '@emotion/styled';\nimport { ChevronLeft, ChevronRight } from '@fountain-ui/icons';\nimport { mapIndexed } from '@fountain-ui/utils';\nimport type CarouselProps from './CarouselProps';\nimport {\n    defaultActiveSlideScale,\n    defaultAutoplay,\n    defaultAutoplayInterval,\n    defaultInactiveSlideOpacity,\n    defaultInactiveSlideScale,\n    defaultInfinite,\n} from './utils';\n\nconst baseSettings: Settings = {\n    dots: false,\n    draggable: true,\n    lazyLoad: typeof window === 'undefined' ? undefined : 'ondemand',\n    pauseOnFocus: true,\n    pauseOnHover: true,\n    rows: 1,\n    swipe: true,\n    slidesPerRow: 1,\n    vertical: false,\n};\n\nconst noop = () => void 0;\n\nconst StyledContainer: any = styled.div((props: any) => ({\n    ['& .slick-slider']: {\n        display: 'block',\n        position: 'relative',\n        userSelect: 'none',\n    },\n    ['& .slick-list']: {\n        display: 'block',\n        position: 'relative',\n        overflow: 'hidden',\n        margin: 0,\n        padding: 0,\n        ['&:focus']: {\n            outline: 'none',\n        },\n        ['&.dragging']: {\n            cursor: 'pointer',\n        },\n    },\n    ['& .slick-slider .slick-track, &.slick-slider .slick-list']: {\n        transform: 'translate3d(0, 0, 0)',\n    },\n    ['& .slick-track']: {\n        display: 'block',\n        position: 'relative',\n        top: 0,\n        left: 0,\n        ['&:before, &:after']: {\n            display: 'table',\n            content: '\\'\\'',\n        },\n        ['&:after']: {\n            clear: 'both',\n        },\n        ...props.trackStyle,\n    },\n    ['& .slick-slide']: {\n        display: 'none',\n        float: 'left',\n        height: '100%',\n        minHeight: 1,\n        ['& > div']: {\n            justifyContent: 'center',\n            display: 'flex',\n            transform: `scale(${props.inactiveSlideScale})`,\n            transition: 'transform .5s',\n            opacity: props.inactiveSlideOpacity,\n        },\n    },\n    ['& .slick-current > div']: {\n        transform: `scale(${props.activeSlideScale})`,\n        opacity: 1,\n    },\n    ['& .slick-initialized .slick-slide']: {\n        display: 'block',\n    },\n    ...props.arrowsStyle,\n}));\n\ninterface ArrowContainerProps {\n    children: React.ReactElement;\n    visible: boolean;\n    currentSlide?: any;\n    slideCount?: any;\n}\n\nconst ArrowContainer = (props: ArrowContainerProps) => {\n    const {\n        children,\n        currentSlide,\n        slideCount,\n        visible,\n        ...otherProps\n    } = props;\n\n    return visible ? (\n        // If root component is not a div, there's no arrow class.\n        <div {...otherProps} style={{ cursor: 'pointer' }}>\n            <View\n                style={{\n                    height: '100%',\n                    justifyContent: 'center',\n                    alignItems: 'center',\n                    backgroundColor: 'white',\n                    borderRadius: 16,\n                }}\n            >\n                {children}\n            </View>\n        </div>\n    ) : null;\n};\n\nexport default React.forwardRef((props: CarouselProps, ref) => {\n    const {\n        activeSlideScale = defaultActiveSlideScale,\n        autoplay = defaultAutoplay,\n        autoplayInterval = defaultAutoplayInterval,\n        centerMode = false,\n        centerSlidePadding = 0,\n        data,\n        inactiveSlideOpacity = defaultInactiveSlideOpacity,\n        inactiveSlideScale = defaultInactiveSlideScale,\n        index,\n        infinite = defaultInfinite,\n        onChange,\n        renderItem,\n        slidesToScroll = 1,\n        slidesToShow = 1,\n        arrows = false,\n        arrowsStyle = {},\n        trackStyle = {},\n    } = props;\n\n    const slickRef = React.useRef<Slick | null>(null);\n    const [visibleArrow, setVisibleArrow] = React.useState(false);\n\n    React.useEffect(() => {\n        if (slickRef.current) {\n            slickRef.current.slickGoTo(index, false);\n        }\n    }, [index]);\n\n    const fixOnClickNotWorkingAfterMobileSwipe = () => {\n        // @ts-ignore\n        if (slickRef.current && slickRef.current.innerSlider) {\n            // @ts-ignore\n            slickRef.current.innerSlider.clickHandler = noop;\n        }\n    };\n\n    const handleAfterChange = (newIndex: number) => {\n        fixOnClickNotWorkingAfterMobileSwipe();\n\n        if (onChange) {\n            onChange(newIndex);\n        }\n    };\n\n    const handleBeforeChange = () => {\n        fixOnClickNotWorkingAfterMobileSwipe();\n    };\n\n    const onPointerOver = () => setVisibleArrow(true);\n    const onPointerLeave = () => setVisibleArrow(false);\n\n    React.useEffect(() => {\n        if (ref) {\n            //@ts-ignore\n            ref.current = slickRef.current;\n        }\n    }, []);\n\n    return (\n        <StyledContainer\n            activeSlideScale={activeSlideScale}\n            inactiveSlideOpacity={inactiveSlideOpacity}\n            inactiveSlideScale={inactiveSlideScale}\n            arrowsStyle={arrowsStyle}\n            trackStyle={trackStyle}\n            onPointerOver={onPointerOver}\n            onPointerLeave={onPointerLeave}\n        >\n            <Slick\n                {...baseSettings}\n                afterChange={handleAfterChange}\n                autoplay={autoplay}\n                autoplaySpeed={autoplayInterval}\n                beforeChange={handleBeforeChange}\n                centerMode={centerMode}\n                centerPadding={`${centerSlidePadding}px`}\n                infinite={infinite}\n                initialSlide={index}\n                ref={slickRef}\n                slidesToScroll={slidesToScroll}\n                slidesToShow={slidesToShow}\n                arrows={arrows}\n                prevArrow={<ArrowContainer visible={visibleArrow} children={<ChevronLeft fill={'#767676'}/>}/>}\n                nextArrow={<ArrowContainer visible={visibleArrow} children={<ChevronRight fill={'#767676'}/>}/>}\n            >\n                {mapIndexed((item, index) => {\n                    const child = renderItem({ item, index });\n\n                    if (child) {\n                        return React.cloneElement(child, { key: index });\n                    }\n                    return child;\n                }, data)}\n            </Slick>\n        </StyledContainer>\n    );\n});\n"]}

package/build/module/Carousel/index.native.js

@@ -1,2 +0,0 @@
-export { default } from './CarouselNative';
-//# sourceMappingURL=index.native.js.map

package/build/module/Carousel/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.native.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,kBAAxB","sourcesContent":["export { default } from './CarouselNative';"]}

package/build/module/Carousel/utils.js

@@ -1,7 +0,0 @@
-export const defaultAutoplay = false;
-export const defaultAutoplayInterval = 3000;
-export const defaultInactiveSlideOpacity = 1;
-export const defaultInactiveSlideScale = 0.9;
-export const defaultActiveSlideScale = 1;
-export const defaultInfinite = false;
-//# sourceMappingURL=utils.js.map

package/build/module/Carousel/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["utils.ts"],"names":["defaultAutoplay","defaultAutoplayInterval","defaultInactiveSlideOpacity","defaultInactiveSlideScale","defaultActiveSlideScale","defaultInfinite"],"mappings":"AAAA,OAAO,MAAMA,eAAe,GAAG,KAAxB;AAEP,OAAO,MAAMC,uBAAuB,GAAG,IAAhC;AAEP,OAAO,MAAMC,2BAA2B,GAAG,CAApC;AAEP,OAAO,MAAMC,yBAAyB,GAAG,GAAlC;AAEP,OAAO,MAAMC,uBAAuB,GAAG,CAAhC;AAEP,OAAO,MAAMC,eAAe,GAAG,KAAxB","sourcesContent":["export const defaultAutoplay = false;\n\nexport const defaultAutoplayInterval = 3000;\n\nexport const defaultInactiveSlideOpacity = 1;\n\nexport const defaultInactiveSlideScale = 0.9;\n\nexport const defaultActiveSlideScale = 1;\n\nexport const defaultInfinite = false;\n"]}

package/build/module/hooks/useWidth.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { useWindowDimensions } from 'react-native';
-export default function useWidth() {
-  const window = useWindowDimensions();
-  const [width, setWidth] = React.useState(window.width);
-  const onLayout = React.useCallback(e => {
-    const newWidth = e.nativeEvent.layout.width;
-
-    if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {
-      setWidth(newWidth);
-    }
-  }, []);
-  return [width, onLayout];
-}
-//# sourceMappingURL=useWidth.js.map

package/build/module/hooks/useWidth.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useWidth.ts"],"names":["React","useWindowDimensions","useWidth","window","width","setWidth","useState","onLayout","useCallback","e","newWidth","nativeEvent","layout","Math","round"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAA4BC,mBAA5B,QAAkE,cAAlE;AAEA,eAAe,SAASC,QAAT,GAAqD;AAChE,QAAMC,MAAM,GAAGF,mBAAmB,EAAlC;AACA,QAAM,CAACG,KAAD,EAAQC,QAAR,IAAoBL,KAAK,CAACM,QAAN,CAAeH,MAAM,CAACC,KAAtB,CAA1B;AAEA,QAAMG,QAAQ,GAAGP,KAAK,CAACQ,WAAN,CAAmBC,CAAD,IAA0B;AACzD,UAAMC,QAAQ,GAAGD,CAAC,CAACE,WAAF,CAAcC,MAAd,CAAqBR,KAAtC;;AAEA,QAAIM,QAAQ,GAAG,CAAX,IAAgBG,IAAI,CAACC,KAAL,CAAWJ,QAAX,MAAyBG,IAAI,CAACC,KAAL,CAAWV,KAAX,CAA7C,EAAgE;AAC5DC,MAAAA,QAAQ,CAACK,QAAD,CAAR;AACH;AACJ,GANgB,EAMd,EANc,CAAjB;AAQA,SAAO,CAACN,KAAD,EAAQG,QAAR,CAAP;AACH","sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, useWindowDimensions, ViewProps } from 'react-native';\n\nexport default function useWidth(): [number, ViewProps['onLayout']] {\n    const window = useWindowDimensions();\n    const [width, setWidth] = React.useState(window.width);\n\n    const onLayout = React.useCallback((e: LayoutChangeEvent) => {\n        const newWidth = e.nativeEvent.layout.width;\n\n        if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {\n            setWidth(newWidth);\n        }\n    }, []);\n\n    return [width, onLayout];\n}"]}

package/build/typescript/Carousel/CarouselNative.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type CarouselProps from './CarouselProps';
-export default function Carousel<ItemT>(props: CarouselProps<ItemT>): JSX.Element;

package/build/typescript/Carousel/CarouselWeb.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type CarouselProps from './CarouselProps';
-declare const _default: React.ForwardRefExoticComponent<Pick<CarouselProps<any>, "style" | "index" | "onChange" | "data" | "autoplay" | "autoplayInterval" | "centerSlidePadding" | "inactiveSlideOpacity" | "inactiveSlideScale" | "activeSlideScale" | "infinite" | "renderItem" | "slidesToScroll" | "slidesToShow" | "centerMode" | "arrows" | "arrowsStyle" | "trackStyle"> & React.RefAttributes<unknown>>;
-export default _default;

package/build/typescript/Carousel/index.native.d.ts

@@ -1 +0,0 @@
-export { default } from './CarouselNative';

package/build/typescript/Carousel/utils.d.ts

@@ -1,6 +0,0 @@
-export declare const defaultAutoplay = false;
-export declare const defaultAutoplayInterval = 3000;
-export declare const defaultInactiveSlideOpacity = 1;
-export declare const defaultInactiveSlideScale = 0.9;
-export declare const defaultActiveSlideScale = 1;
-export declare const defaultInfinite = false;

package/build/typescript/hooks/useWidth.d.ts

@@ -1,2 +0,0 @@
-import { ViewProps } from 'react-native';
-export default function useWidth(): [number, ViewProps['onLayout']];

package/src/Carousel/CarouselNative.tsx

@@ -1,67 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Dimensions, View } from 'react-native';
-import RNSnapCarousel from 'react-native-snap-carousel';
-import type CarouselProps from './CarouselProps';
-import {
-    defaultAutoplay,
-    defaultAutoplayInterval,
-    defaultInactiveSlideOpacity,
-    defaultInactiveSlideScale,
-    defaultInfinite,
-} from './utils';
-
-export default function Carousel<ItemT>(props: CarouselProps<ItemT>) {
-    const {
-        autoplay = defaultAutoplay,
-        autoplayInterval = defaultAutoplayInterval,
-        centerSlidePadding,
-        data,
-        inactiveSlideOpacity = defaultInactiveSlideOpacity,
-        inactiveSlideScale = defaultInactiveSlideScale,
-        index,
-        infinite = defaultInfinite,
-        onChange,
-        renderItem,
-    } = props;
-
-    const carouselRef = useRef<RNSnapCarousel<ItemT> | null>(null);
-
-    const [sliderWidth, setSliderWidth] = useState(() => Dimensions.get('window').width);
-
-    const itemWidth = centerSlidePadding !== undefined
-        ? sliderWidth - (centerSlidePadding * 2)
-        : sliderWidth;
-
-    useEffect(() => {
-        const carousel = carouselRef.current;
-        if (carousel && index !== carousel.currentIndex) {
-            carousel.snapToItem(index, true);
-        }
-    }, [index]);
-
-    const handleSnapToItem = (newIndex: number) => {
-        if (onChange) {
-            onChange(newIndex);
-        }
-    };
-
-    return (
-        <View onLayout={(event) => setSliderWidth(event.nativeEvent.layout.width)}>
-            <RNSnapCarousel
-                autoplay={autoplay}
-                autoplayInterval={autoplayInterval}
-                data={data}
-                horizontal={true}
-                inactiveSlideOpacity={inactiveSlideOpacity}
-                inactiveSlideScale={inactiveSlideScale}
-                itemWidth={itemWidth}
-                loop={infinite}
-                loopClonesPerSide={2}
-                onSnapToItem={handleSnapToItem}
-                ref={carouselRef}
-                renderItem={renderItem}
-                sliderWidth={sliderWidth}
-            />
-        </View>
-    );
-};

package/src/Carousel/CarouselWeb.tsx

@@ -1,222 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import Slick, { Settings } from 'react-slick';
-import styled from '@emotion/styled';
-import { ChevronLeft, ChevronRight } from '@fountain-ui/icons';
-import { mapIndexed } from '@fountain-ui/utils';
-import type CarouselProps from './CarouselProps';
-import {
-    defaultActiveSlideScale,
-    defaultAutoplay,
-    defaultAutoplayInterval,
-    defaultInactiveSlideOpacity,
-    defaultInactiveSlideScale,
-    defaultInfinite,
-} from './utils';
-
-const baseSettings: Settings = {
-    dots: false,
-    draggable: true,
-    lazyLoad: typeof window === 'undefined' ? undefined : 'ondemand',
-    pauseOnFocus: true,
-    pauseOnHover: true,
-    rows: 1,
-    swipe: true,
-    slidesPerRow: 1,
-    vertical: false,
-};
-
-const noop = () => void 0;
-
-const StyledContainer: any = styled.div((props: any) => ({
-    ['& .slick-slider']: {
-        display: 'block',
-        position: 'relative',
-        userSelect: 'none',
-    },
-    ['& .slick-list']: {
-        display: 'block',
-        position: 'relative',
-        overflow: 'hidden',
-        margin: 0,
-        padding: 0,
-        ['&:focus']: {
-            outline: 'none',
-        },
-        ['&.dragging']: {
-            cursor: 'pointer',
-        },
-    },
-    ['& .slick-slider .slick-track, &.slick-slider .slick-list']: {
-        transform: 'translate3d(0, 0, 0)',
-    },
-    ['& .slick-track']: {
-        display: 'block',
-        position: 'relative',
-        top: 0,
-        left: 0,
-        ['&:before, &:after']: {
-            display: 'table',
-            content: '\'\'',
-        },
-        ['&:after']: {
-            clear: 'both',
-        },
-        ...props.trackStyle,
-    },
-    ['& .slick-slide']: {
-        display: 'none',
-        float: 'left',
-        height: '100%',
-        minHeight: 1,
-        ['& > div']: {
-            justifyContent: 'center',
-            display: 'flex',
-            transform: `scale(${props.inactiveSlideScale})`,
-            transition: 'transform .5s',
-            opacity: props.inactiveSlideOpacity,
-        },
-    },
-    ['& .slick-current > div']: {
-        transform: `scale(${props.activeSlideScale})`,
-        opacity: 1,
-    },
-    ['& .slick-initialized .slick-slide']: {
-        display: 'block',
-    },
-    ...props.arrowsStyle,
-}));
-
-interface ArrowContainerProps {
-    children: React.ReactElement;
-    visible: boolean;
-    currentSlide?: any;
-    slideCount?: any;
-}
-
-const ArrowContainer = (props: ArrowContainerProps) => {
-    const {
-        children,
-        currentSlide,
-        slideCount,
-        visible,
-        ...otherProps
-    } = props;
-
-    return visible ? (
-        // If root component is not a div, there's no arrow class.
-        <div {...otherProps} style={{ cursor: 'pointer' }}>
-            <View
-                style={{
-                    height: '100%',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    backgroundColor: 'white',
-                    borderRadius: 16,
-                }}
-            >
-                {children}
-            </View>
-        </div>
-    ) : null;
-};
-
-export default React.forwardRef((props: CarouselProps, ref) => {
-    const {
-        activeSlideScale = defaultActiveSlideScale,
-        autoplay = defaultAutoplay,
-        autoplayInterval = defaultAutoplayInterval,
-        centerMode = false,
-        centerSlidePadding = 0,
-        data,
-        inactiveSlideOpacity = defaultInactiveSlideOpacity,
-        inactiveSlideScale = defaultInactiveSlideScale,
-        index,
-        infinite = defaultInfinite,
-        onChange,
-        renderItem,
-        slidesToScroll = 1,
-        slidesToShow = 1,
-        arrows = false,
-        arrowsStyle = {},
-        trackStyle = {},
-    } = props;
-
-    const slickRef = React.useRef<Slick | null>(null);
-    const [visibleArrow, setVisibleArrow] = React.useState(false);
-
-    React.useEffect(() => {
-        if (slickRef.current) {
-            slickRef.current.slickGoTo(index, false);
-        }
-    }, [index]);
-
-    const fixOnClickNotWorkingAfterMobileSwipe = () => {
-        // @ts-ignore
-        if (slickRef.current && slickRef.current.innerSlider) {
-            // @ts-ignore
-            slickRef.current.innerSlider.clickHandler = noop;
-        }
-    };
-
-    const handleAfterChange = (newIndex: number) => {
-        fixOnClickNotWorkingAfterMobileSwipe();
-
-        if (onChange) {
-            onChange(newIndex);
-        }
-    };
-
-    const handleBeforeChange = () => {
-        fixOnClickNotWorkingAfterMobileSwipe();
-    };
-
-    const onPointerOver = () => setVisibleArrow(true);
-    const onPointerLeave = () => setVisibleArrow(false);
-
-    React.useEffect(() => {
-        if (ref) {
-            //@ts-ignore
-            ref.current = slickRef.current;
-        }
-    }, []);
-
-    return (
-        <StyledContainer
-            activeSlideScale={activeSlideScale}
-            inactiveSlideOpacity={inactiveSlideOpacity}
-            inactiveSlideScale={inactiveSlideScale}
-            arrowsStyle={arrowsStyle}
-            trackStyle={trackStyle}
-            onPointerOver={onPointerOver}
-            onPointerLeave={onPointerLeave}
-        >
-            <Slick
-                {...baseSettings}
-                afterChange={handleAfterChange}
-                autoplay={autoplay}
-                autoplaySpeed={autoplayInterval}
-                beforeChange={handleBeforeChange}
-                centerMode={centerMode}
-                centerPadding={`${centerSlidePadding}px`}
-                infinite={infinite}
-                initialSlide={index}
-                ref={slickRef}
-                slidesToScroll={slidesToScroll}
-                slidesToShow={slidesToShow}
-                arrows={arrows}
-                prevArrow={<ArrowContainer visible={visibleArrow} children={<ChevronLeft fill={'#767676'}/>}/>}
-                nextArrow={<ArrowContainer visible={visibleArrow} children={<ChevronRight fill={'#767676'}/>}/>}
-            >
-                {mapIndexed((item, index) => {
-                    const child = renderItem({ item, index });
-
-                    if (child) {
-                        return React.cloneElement(child, { key: index });
-                    }
-                    return child;
-                }, data)}
-            </Slick>
-        </StyledContainer>
-    );
-});

package/src/Carousel/index.native.ts

@@ -1 +0,0 @@
-export { default } from './CarouselNative';