@beppla/tapas-ui 1.0.67 → 1.0.69

package/module/MultiSelector/index.js

@@ -1,5 +1,6 @@
-export { default } from './MultiSelector';
-//# sourceMappingURL=index.js.mapn (mod) {
+"use strict";
+
+var __importDefault = this && this.__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
   };
@@ -15,4 +16,3 @@ Object.defineProperty(exports, "default", {
     return __importDefault(MultiSelector_1).default;
   }
 });
-//# sourceMappingURL=index.js.map

package/module/Navigation/Navigation.js

@@ -189,7 +189,7 @@ const styles = StyleSheet.create({
   }
 });
 export default withTheme(Navigation);
-//# sourceMappingURL=Navigation.js.map}, [selectedIndex, navItems]);
+
   var handleItemPress = (0, react_1.useCallback)(function (selectedItemIndex, type) {
     setSelectedItem({
       type: type,
@@ -281,4 +281,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(Navigation);
-//# sourceMappingURL=Navigation.js.map

package/module/Notification/Notification.js

@@ -286,4 +286,3 @@ var TapasNotification = function (_a) {
   }, emptyText)))));
 };
 exports.default = (0, themed_1.withTheme)(TapasNotification);
-//# sourceMappingURL=Notification.js.map

package/module/Notification/index.js

@@ -1,18 +1 @@
 export { default } from './Notification';
-//# sourceMappingURL=index.js.mapon (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var Notification_1 = require("./Notification");
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return __importDefault(Notification_1).default;
-  }
-});
-//# sourceMappingURL=index.js.map

package/module/NumericInput/NumericInput.js

@@ -143,7 +143,7 @@ const NumericInput = props => {
   })));
 };
 export default NumericInput;
-//# sourceMappingURL=NumericInput.js.mapalue);
+
     props.onChange && props.onChange(tempValue);
   };
   var handleAdd = function () {
@@ -197,4 +197,3 @@ export default NumericInput;
   })));
 };
 exports.default = NumericInput;
-//# sourceMappingURL=NumericInput.js.map

package/module/Overlay/Overlay.js

@@ -24,33 +24,3 @@ const OverlayComponent = ({
   }, props), children);
 };
 export default OverlayComponent;
-//# sourceMappingURL=Overlay.js.mape", {
-  value: true
-});
-var react_1 = __importDefault(require("react"));
-var themed_1 = require("@rneui/themed");
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
-  return {
-    overlay: {
-      width: '100%',
-      height: '80%',
-      justifyContent: 'flex-start',
-      position: 'absolute',
-      bottom: 0
-    },
-    backdropStyle: {
-      backgroundColor: theme.colors.grey4
-    }
-  };
-});
-var OverlayComponent = function (_a) {
-  var children = _a.children,
-    props = __rest(_a, ["children"]);
-  var styles = useStyles(props);
-  return react_1.default.createElement(themed_1.Overlay, __assign({
-    overlayStyle: [styles.overlay, props.overlayStyle],
-    backdropStyle: [styles.backdropStyle, props.backdropStyle]
-  }, props), children);
-};
-exports.default = OverlayComponent;
-//# sourceMappingURL=Overlay.js.map

package/module/Pagination/Pagination.js

@@ -1,71 +1,10 @@
-"use strict";
-
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-var __importStar = this && this.__importStar || function () {
-  var ownKeys = function (o) {
-    ownKeys = Object.getOwnPropertyNames || function (o) {
-      var ar = [];
-      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-      return ar;
-    };
-    return ownKeys(o);
-  };
-  return function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-    __setModuleDefault(result, mod);
-    return result;
-  };
-}();
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
-var Dropdown_1 = __importDefault(require("../Dropdown/Dropdown"));
-var themed_1 = require("@rneui/themed");
-var common_1 = require("../common");
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
+import React, { useEffect } from 'react';
+import { View, Text, TouchableOpacity } from "react-native";
+import Icon from "../Icons/TapasIcon";
+import Dropdown from "../Dropdown/Dropdown";
+import { makeStyles } from "@rneui/themed";
+import { isMobile } from "../common";
+const useStyles = makeStyles(theme => {
   return {
     container: {
       display: 'flex',
@@ -131,14 +70,12 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
     }
   };
 });
-var generateArrayFromNumber = function (start, end) {
+const generateArrayFromNumber = (start, end) => {
   return Array.from({
     length: end - start + 1
-  }, function (_, i) {
-    return start + i;
-  });
+  }, (_, i) => start + i);
 };
-var DEFAULT_PAGE_SIZE_OPTIONS = [{
+const DEFAULT_PAGE_SIZE_OPTIONS = [{
   name: '1/Page',
   value: 1
 }, {
@@ -157,92 +94,84 @@ var DEFAULT_PAGE_SIZE_OPTIONS = [{
   name: '100/Page',
   value: 100
 }];
-var PAGINATION_STEP = 5;
-var DEFAULT_PAGE_PARAMS = {
+const PAGINATION_STEP = 5;
+const DEFAULT_PAGE_PARAMS = {
   page: 1,
   pageSize: 10,
   totalItems: 0,
   totalPage: 1
 };
-var Pagination = function (props) {
-  var styles = useStyles(props);
-  var totalCount = props.totalCount,
-    _a = props.pageSizeOptions,
-    pageSizeOptions = _a === void 0 ? DEFAULT_PAGE_SIZE_OPTIONS : _a,
-    _b = props.visiblePageSizeOptions,
-    visiblePageSizeOptions = _b === void 0 ? !common_1.isMobile : _b,
-    _c = props.visibleTotalCount,
-    visibleTotalCount = _c === void 0 ? !common_1.isMobile : _c,
-    onPageSizeChange = props.onPageSizeChange,
-    onPageChange = props.onPageChange;
-  var _d = react_1.default.useState(false),
-    isVisible = _d[0],
-    setIsVisible = _d[1];
-  var _e = react_1.default.useState({
-      totalGroups: 1,
-      currentGroup: 1
-    }),
-    pageGroup = _e[0],
-    setPageGroup = _e[1];
-  var _f = react_1.default.useState(props.pageParams || DEFAULT_PAGE_PARAMS),
-    pageParams = _f[0],
-    setPageParams = _f[1];
-  var _g = react_1.default.useState(pageSizeOptions.find(function (item) {
-      return item.value === pageParams.pageSize;
-    })),
-    selected = _g[0],
-    selectedItem = _g[1];
-  (0, react_1.useEffect)(function () {
+const Pagination = props => {
+  const styles = useStyles(props);
+  const {
+    totalCount,
+    pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
+    visiblePageSizeOptions = !isMobile,
+    visibleTotalCount = !isMobile,
+    onPageSizeChange,
+    onPageChange
+  } = props;
+  const [isVisible, setIsVisible] = React.useState(false);
+  const [pageGroup, setPageGroup] = React.useState({
+    totalGroups: 1,
+    currentGroup: 1
+  });
+  const [pageParams, setPageParams] = React.useState(props.pageParams || DEFAULT_PAGE_PARAMS);
+  const [selected, selectedItem] = React.useState(pageSizeOptions.find(item => item.value === pageParams.pageSize));
+  useEffect(() => {
     if (pageParams.page < pageParams.totalPage && pageParams.page < pageGroup.currentGroup * PAGINATION_STEP) {
-      var totalPages = Math.ceil(pageParams.totalItems / pageParams.pageSize);
-      var currentGroup = Math.floor(pageParams.page / PAGINATION_STEP) + 1;
+      const totalPages = Math.ceil(pageParams.totalItems / pageParams.pageSize);
+      const currentGroup = Math.floor(pageParams.page / PAGINATION_STEP) + 1;
       setPageGroup({
         currentGroup: currentGroup,
         totalGroups: Math.ceil(totalPages / PAGINATION_STEP)
       });
     }
   }, [pageParams]);
-  (0, react_1.useEffect)(function () {
+  useEffect(() => {
     if (props.pageParams) {
       setPageParams(props.pageParams);
-      selectedItem(pageSizeOptions.find(function (item) {
-        return item.value === pageParams.pageSize;
-      }));
+      selectedItem(pageSizeOptions.find(item => item.value === pageParams.pageSize));
     }
   }, [props.pageParams]);
-  var handelDigitPress = function (digit) {
-    var newPageParams = __assign(__assign({}, pageParams), {
+  const handelDigitPress = digit => {
+    const newPageParams = {
+      ...pageParams,
       page: digit
-    });
+    };
     setPageParams(newPageParams);
     onPageChange && onPageChange(newPageParams);
   };
-  var renderDigits = function (numbers) {
-    return numbers.map(function (digit, index) {
-      return react_1.default.createElement(react_native_1.TouchableOpacity, {
-        key: index,
-        style: [styles.digitContainer, index + ((pageGroup.currentGroup - 1) * PAGINATION_STEP + 1) === pageParams.page && styles.digitSelected],
-        onPress: function () {
-          handelDigitPress(digit);
-        }
-      }, react_1.default.createElement(react_native_1.Text, {
-        style: styles.digitText
-      }, digit));
-    });
+  const renderDigits = numbers => {
+    return numbers.map((digit, index) => /*#__PURE__*/React.createElement(TouchableOpacity, {
+      key: index,
+      style: [styles.digitContainer, index + ((pageGroup.currentGroup - 1) * PAGINATION_STEP + 1) === pageParams.page && styles.digitSelected],
+      onPress: () => {
+        handelDigitPress(digit);
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.digitText
+    }, digit)));
   };
-  var hasNextPage = function () {
-    var currentGroup = pageGroup.currentGroup,
-      totalGroups = pageGroup.totalGroups;
+  const hasNextPage = () => {
+    const {
+      currentGroup,
+      totalGroups
+    } = pageGroup;
     return currentGroup < totalGroups;
   };
-  var hasPreviousPage = function () {
-    var currentGroup = pageGroup.currentGroup;
+  const hasPreviousPage = () => {
+    const {
+      currentGroup
+    } = pageGroup;
     return currentGroup > 1;
   };
-  var handleChangeGroup = function (type) {
-    var currentGroup = pageGroup.currentGroup,
-      totalGroups = pageGroup.totalGroups;
-    var newGroup = currentGroup;
+  const handleChangeGroup = type => {
+    const {
+      currentGroup,
+      totalGroups
+    } = pageGroup;
+    let newGroup = currentGroup;
     switch (type) {
       case 'next':
         if (currentGroup < totalGroups) {
@@ -255,6 +184,82 @@ var Pagination = function (props) {
         }
         break;
     }
+    setPageGroup({
+      ...pageGroup,
+      currentGroup: newGroup
+    });
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, props.paginationContainerStyle],
+    testID: "pagination"
+  }, visibleTotalCount && /*#__PURE__*/React.createElement(Text, {
+    style: styles.digitText
+  }, totalCount), /*#__PURE__*/React.createElement(View, {
+    style: styles.digitsContainer
+  }, hasPreviousPage() ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => {
+      handleChangeGroup('previous');
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "chevron_left",
+    style: styles.digitIconActive
+  })) : /*#__PURE__*/React.createElement(Icon, {
+    name: "chevron_left",
+    style: styles.digitIconDisabled
+  }), renderDigits(generateArrayFromNumber((pageGroup.currentGroup - 1) * PAGINATION_STEP + 1, pageParams.totalPage > pageGroup.currentGroup * PAGINATION_STEP ? pageGroup.currentGroup * PAGINATION_STEP : pageParams.totalPage)), hasNextPage() ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => {
+      handleChangeGroup('next');
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "chevron_right",
+    style: styles.digitIconActive
+  })) : /*#__PURE__*/React.createElement(Icon, {
+    name: "chevron_right",
+    style: styles.digitIconDisabled
+  })), visiblePageSizeOptions && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    style: styles.gap
+  }, " | "), /*#__PURE__*/React.createElement(Dropdown, {
+    options: pageSizeOptions,
+    value: selected,
+    width: 100
+    // @ts-ignore
+    ,
+    subWidth: 100,
+    dropdownButtonStyle: styles.dropdownButtonStyle,
+    dropdownButtonSelectedStyle: styles.dropdownButtonSelectedStyle
+    // @ts-ignore
+    ,
+    textExpandedStyle: styles.textExpandedStyle
+    // @ts-ignore
+    ,
+    iconExpandedStyle: styles.textExpandedStyle,
+    onChange: item => {
+      selectedItem(item);
+      onPageSizeChange && onPageSizeChange(item);
+    },
+    subContainerPosition: props.pageSizePosition,
+    isVisible: isVisible,
+    onClose: () => {
+      setIsVisible(!isVisible);
+    },
+    onPress: () => {
+      setIsVisible(!isVisible);
+    }
+  })));
+};
+export default Pagination;
+
+      case 'next':
+        if (currentGroup < totalGroups) {
+          newGroup = currentGroup + 1;
+        }
+        break;
+      case 'previous':
+        if (currentGroup > 1) {
+          newGroup = currentGroup - 1;
+        }
+        break;
+    }
     setPageGroup(__assign(__assign({}, pageGroup), {
       currentGroup: newGroup
     }));
@@ -315,4 +320,3 @@ var Pagination = function (props) {
   })));
 };
 exports.default = Pagination;
-//# sourceMappingURL=Pagination.js.map

package/module/PieChart/PieChart.js

@@ -162,4 +162,3 @@ var styles = react_native_1.StyleSheet.create({
     color: '#999'
   }
 });
-//# sourceMappingURL=PieChart.js.map

package/module/PieChart/index.js

@@ -1,5 +1,5 @@
 export { PieChart } from './PieChart';
-//# sourceMappingURL=index.js.maprue
+
 });
 exports.PieChart = void 0;
 var PieChart_1 = require("./PieChart");
@@ -9,4 +9,3 @@ Object.defineProperty(exports, "PieChart", {
     return PieChart_1.PieChart;
   }
 });
-//# sourceMappingURL=index.js.map