carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.36 kB
JavaScript
import{jsx as e}from"react/jsx-runtime";import r,{useState as t,useRef as n,useCallback as o,useEffect as i}from"react";import{TransitionGroup as a}from"react-transition-group";import c from"../../__internal__/utils/helpers/tags/tags.js";export{default as Page}from"./page/page.component.js";import{PagesWrapperStyle as s,PagesContent as l}from"./pages.style.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const u="next",f=f=>{var{pageIndex:b,initialpageIndex:m=0,transition:g="slide",children:y}=f,O=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(f,["pageIndex","initialpageIndex","transition","children"]);const[d,j]=t(Number(b)||Number(m)),P=n(u),h=()=>"slide"===g?`slide-${P.current}`:`carousel-transition-${g}`,v=o((()=>Array.isArray(y)?y.length:1),[y]),w=o((e=>e<0?v()-1:e>v()-1?0:e),[v]);return i((()=>{if(void 0===b)return;const e=w(+b),r=d;e!==r&&(P.current=e>r?u:"previous",j(e))}),[b,d,w]),e(s,(x=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}({},c("pages",O)),N=null!=(N={children:e(l,{className:"carbon-carousel__content",children:e(a,{children:(()=>{const e=r.Children.toArray(y)[d];if(!r.isValidElement(e))return e;const t={transitionName:h,timeout:500,"data-element":"visible-page","data-role":"visible-page",className:e.props.className};return r.cloneElement(e,t)})()})})})?N:{},Object.getOwnPropertyDescriptors?Object.defineProperties(x,Object.getOwnPropertyDescriptors(N)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(N)).forEach((function(e){Object.defineProperty(x,e,Object.getOwnPropertyDescriptor(N,e))})),x));var x,N};f.displayName="Pages";export{f as default};