UNPKG

@madeja-studio/telar

Version:

UI component library by Madeja Studio

2 lines 2.98 kB
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativePagerView=_interopRequireDefault(require("react-native-pager-view"));var _index=_interopRequireDefault(require("../../tailwind/index.js"));var _ThemeContextProvider=require("../../theme/ThemeContextProvider.js");var _index2=require("../AnimatedSwitch/index.js");var _PageIndicator=_interopRequireDefault(require("./PageIndicator.js"));var _jsxRuntime=require("react/jsx-runtime");var _excluded=["children","lastPageButton","style"];var _this=void 0,_jsxFileName="/Users/sergio/Development/madeja.studio/telar/src/component/Pager/Pager.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var Pager=function Pager(_ref){var children=_ref.children,lastPageButton=_ref.lastPageButton,style=_ref.style,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useTheme=(0,_ThemeContextProvider.useTheme)(),theme=_useTheme.theme;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),page=_useState2[0],setPage=_useState2[1];var numberOfPages=_react.default.Children.count(children);return(0,_jsxRuntime.jsxs)(_reactNative.View,Object.assign({style:[(0,_index.default)`flex-1 w-full`,theme.pager.default.style.root,style]},props,{children:[(0,_jsxRuntime.jsx)(_reactNativePagerView.default,{onPageSelected:function onPageSelected(event){return setPage(event.nativeEvent.position);},style:(0,_index.default)`flex-1 mt-4`,children:children}),(0,_jsxRuntime.jsxs)(_index2.AnimatedSwitch,{visibleComponent:lastPageButton&&page===numberOfPages-1?1:0,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:(0,_index.default)`rounded-xl self-center center p-2 mb-2 shadow-md`,children:(0,_jsxRuntime.jsx)(_PageIndicator.default,{numberOfPages:numberOfPages,page:page})}),lastPageButton||(0,_jsxRuntime.jsx)(_reactNative.View,{})]})]}));};var _default=exports.default=Pager; //# sourceMappingURL=Pager.js.map