@beppla/tapas-ui 1.0.67 → 1.0.69

package/commonjs/Pagination/Pagination.js

@@ -1,19 +1,71 @@
 "use strict";
 
+var __assign = void 0 && (void 0).__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 = void 0 && (void 0).__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 = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__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 = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
-var _Dropdown = _interopRequireDefault(require("../Dropdown/Dropdown"));
-var _themed = require("@rneui/themed");
-var _common = require("../common");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-const useStyles = (0, _themed.makeStyles)(theme => {
+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) {
   return {
     container: {
       display: 'flex',
@@ -79,12 +131,14 @@ const useStyles = (0, _themed.makeStyles)(theme => {
     }
   };
 });
-const generateArrayFromNumber = (start, end) => {
+var generateArrayFromNumber = function (start, end) {
   return Array.from({
     length: end - start + 1
-  }, (_, i) => start + i);
+  }, function (_, i) {
+    return start + i;
+  });
 };
-const DEFAULT_PAGE_SIZE_OPTIONS = [{
+var DEFAULT_PAGE_SIZE_OPTIONS = [{
   name: '1/Page',
   value: 1
 }, {
@@ -103,84 +157,92 @@ const DEFAULT_PAGE_SIZE_OPTIONS = [{
   name: '100/Page',
   value: 100
 }];
-const PAGINATION_STEP = 5;
-const DEFAULT_PAGE_PARAMS = {
+var PAGINATION_STEP = 5;
+var DEFAULT_PAGE_PARAMS = {
   page: 1,
   pageSize: 10,
   totalItems: 0,
   totalPage: 1
 };
-const Pagination = props => {
-  const styles = useStyles(props);
-  const {
-    totalCount,
-    pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
-    visiblePageSizeOptions = !_common.isMobile,
-    visibleTotalCount = !_common.isMobile,
-    onPageSizeChange,
-    onPageChange
-  } = props;
-  const [isVisible, setIsVisible] = _react.default.useState(false);
-  const [pageGroup, setPageGroup] = _react.default.useState({
-    totalGroups: 1,
-    currentGroup: 1
-  });
-  const [pageParams, setPageParams] = _react.default.useState(props.pageParams || DEFAULT_PAGE_PARAMS);
-  const [selected, selectedItem] = _react.default.useState(pageSizeOptions.find(item => item.value === pageParams.pageSize));
-  (0, _react.useEffect)(() => {
+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 () {
     if (pageParams.page < pageParams.totalPage && pageParams.page < pageGroup.currentGroup * PAGINATION_STEP) {
-      const totalPages = Math.ceil(pageParams.totalItems / pageParams.pageSize);
-      const currentGroup = Math.floor(pageParams.page / PAGINATION_STEP) + 1;
+      var totalPages = Math.ceil(pageParams.totalItems / pageParams.pageSize);
+      var currentGroup = Math.floor(pageParams.page / PAGINATION_STEP) + 1;
       setPageGroup({
         currentGroup: currentGroup,
         totalGroups: Math.ceil(totalPages / PAGINATION_STEP)
       });
     }
   }, [pageParams]);
-  (0, _react.useEffect)(() => {
+  (0, react_1.useEffect)(function () {
     if (props.pageParams) {
       setPageParams(props.pageParams);
-      selectedItem(pageSizeOptions.find(item => item.value === pageParams.pageSize));
+      selectedItem(pageSizeOptions.find(function (item) {
+        return item.value === pageParams.pageSize;
+      }));
     }
   }, [props.pageParams]);
-  const handelDigitPress = digit => {
-    const newPageParams = {
-      ...pageParams,
+  var handelDigitPress = function (digit) {
+    var newPageParams = __assign(__assign({}, pageParams), {
       page: digit
-    };
+    });
     setPageParams(newPageParams);
     onPageChange && onPageChange(newPageParams);
   };
-  const renderDigits = numbers => {
-    return numbers.map((digit, index) => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-      key: index,
-      style: [styles.digitContainer, index + ((pageGroup.currentGroup - 1) * PAGINATION_STEP + 1) === pageParams.page && styles.digitSelected],
-      onPress: () => {
-        handelDigitPress(digit);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-      style: styles.digitText
-    }, digit)));
+  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 hasNextPage = () => {
-    const {
-      currentGroup,
-      totalGroups
-    } = pageGroup;
+  var hasNextPage = function () {
+    var currentGroup = pageGroup.currentGroup,
+      totalGroups = pageGroup.totalGroups;
     return currentGroup < totalGroups;
   };
-  const hasPreviousPage = () => {
-    const {
-      currentGroup
-    } = pageGroup;
+  var hasPreviousPage = function () {
+    var currentGroup = pageGroup.currentGroup;
     return currentGroup > 1;
   };
-  const handleChangeGroup = type => {
-    const {
-      currentGroup,
-      totalGroups
-    } = pageGroup;
-    let newGroup = currentGroup;
+  var handleChangeGroup = function (type) {
+    var currentGroup = pageGroup.currentGroup,
+      totalGroups = pageGroup.totalGroups;
+    var newGroup = currentGroup;
     switch (type) {
       case 'next':
         if (currentGroup < totalGroups) {
@@ -193,71 +255,28 @@ const Pagination = props => {
         }
         break;
     }
-    setPageGroup({
-      ...pageGroup,
+    setPageGroup(__assign(__assign({}, pageGroup), {
       currentGroup: newGroup
-    });
+    }));
   };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return react_1.default.createElement(react_native_1.View, {
     style: [styles.container, props.paginationContainerStyle],
     testID: "pagination"
-  }, visibleTotalCount && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, visibleTotalCount && react_1.default.createElement(react_native_1.Text, {
     style: styles.digitText
-  }, totalCount), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, totalCount), react_1.default.createElement(react_native_1.View, {
     style: styles.digitsContainer
-  }, hasPreviousPage() ? /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => {
+  }, hasPreviousPage() ? react_1.default.createElement(react_native_1.TouchableOpacity, {
+    onPress: function () {
       handleChangeGroup('previous');
     }
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+  }, react_1.default.createElement(TapasIcon_1.default, {
     name: "chevron_left",
     style: styles.digitIconActive
-  })) : /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+  })) : react_1.default.createElement(TapasIcon_1.default, {
     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.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => {
-      handleChangeGroup('next');
-    }
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    name: "chevron_right",
-    style: styles.digitIconActive
-  })) : /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    name: "chevron_right",
-    style: styles.digitIconDisabled
-  })), visiblePageSizeOptions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.gap
-  }, " | "), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
-    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);
-    }
-  })));
-};
-var _default = exports.default = Pagination;
-//# sourceMappingURL=Pagination.js.mapve_1.TouchableOpacity, {
+  }), renderDigits(generateArrayFromNumber((pageGroup.currentGroup - 1) * PAGINATION_STEP + 1, pageParams.totalPage > pageGroup.currentGroup * PAGINATION_STEP ? pageGroup.currentGroup * PAGINATION_STEP : pageParams.totalPage)), hasNextPage() ? react_1.default.createElement(react_native_1.TouchableOpacity, {
     onPress: function () {
       handleChangeGroup('next');
     }
@@ -296,4 +315,3 @@ var _default = exports.default = Pagination;
   })));
 };
 exports.default = Pagination;
-//# sourceMappingURL=Pagination.js.map

package/commonjs/PieChart/PieChart.js

@@ -1,72 +1,55 @@
 "use strict";
 
-var __assign = void 0 && (void 0).__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 __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PieChart = void 0;
-var react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var react_native_svg_charts_1 = require("react-native-svg-charts");
-var react_native_svg_1 = require("react-native-svg");
-var Text_1 = __importDefault(require("../Text/Text"));
-var DEFAULT_COLORS = ['#FF6B00', '#0066CC', '#00B894', '#6C5CE7', '#FFB800', '#D63031'];
-var PieChart = function (_a) {
-  var data = _a.data,
-    width = _a.width,
-    _b = _a.height,
-    height = _b === void 0 ? 300 : _b,
-    _c = _a.colors,
-    colors = _c === void 0 ? DEFAULT_COLORS : _c,
-    _d = _a.innerRadius,
-    innerRadius = _d === void 0 ? 0 : _d,
-    _e = _a.padAngle,
-    padAngle = _e === void 0 ? 0.02 : _e,
-    _f = _a.showLabels,
-    showLabels = _f === void 0 ? false : _f,
-    _g = _a.showLegend,
-    showLegend = _g === void 0 ? true : _g,
-    centerText = _a.centerText,
-    style = _a.style,
-    testID = _a.testID;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvgCharts = require("react-native-svg-charts");
+var _reactNativeSvg = require("react-native-svg");
+var _Text = _interopRequireDefault(require("../Text/Text"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DEFAULT_COLORS = ['#FF6B00', '#0066CC', '#00B894', '#6C5CE7', '#FFB800', '#D63031'];
+const PieChart = ({
+  data,
+  width,
+  height = 300,
+  colors = DEFAULT_COLORS,
+  innerRadius = 0,
+  padAngle = 0.02,
+  showLabels = false,
+  showLegend = true,
+  centerText,
+  style,
+  testID
+}) => {
   if (data.length === 0) {
-    return react_1.default.createElement(react_native_1.View, {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: [styles.container, {
-        height: height
+        height
       }, style]
-    }, react_1.default.createElement(Text_1.default, {
+    }, /*#__PURE__*/_react.default.createElement(_Text.default, {
       style: styles.emptyText
     }, "No data available"));
   }
-  var pieData = data.map(function (item, index) {
-    return __assign(__assign({}, item), {
-      svg: {
-        fill: item.color || colors[index % colors.length]
-      },
-      key: item.key || "pie-slice-".concat(index)
-    });
-  });
-  var Labels = function (_a) {
-    var slices = _a.slices;
+  const pieData = data.map((item, index) => ({
+    ...item,
+    svg: {
+      fill: item.color || colors[index % colors.length]
+    },
+    key: item.key || `pie-slice-${index}`
+  }));
+  const Labels = ({
+    slices
+  }) => {
     if (!showLabels) return null;
-    return slices.map(function (slice, index) {
-      var labelCentroid = slice.labelCentroid,
-        data = slice.data;
-      return react_1.default.createElement(react_native_svg_1.Text, {
+    return slices.map((slice, index) => {
+      const {
+        labelCentroid,
+        data
+      } = slice;
+      return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Text, {
         key: index,
         x: labelCentroid[0],
         y: labelCentroid[1],
@@ -75,17 +58,18 @@ var PieChart = function (_a) {
         alignmentBaseline: 'middle',
         fontSize: 12,
         fontWeight: "bold"
-      }, "".concat(data.value.toFixed(0)));
+      }, `${data.value.toFixed(0)}`);
     });
   };
-  var CenterLabel = function (_a) {
-    var _b, _c;
-    var slices = _a.slices;
+  const CenterLabel = ({
+    slices
+  }) => {
     if (!centerText) return null;
+
     // 计算饼图中心点
-    var centerX = ((_b = slices[0]) === null || _b === void 0 ? void 0 : _b.pieCentroid[0]) || 0;
-    var centerY = ((_c = slices[0]) === null || _c === void 0 ? void 0 : _c.pieCentroid[1]) || 0;
-    return react_1.default.createElement(react_native_svg_1.Text, {
+    const centerX = slices[0]?.pieCentroid[0] || 0;
+    const centerY = slices[0]?.pieCentroid[1] || 0;
+    return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Text, {
       x: centerX,
       y: centerY,
       fill: '#2C3E50',
@@ -95,33 +79,72 @@ var PieChart = function (_a) {
       fontWeight: "bold"
     }, centerText);
   };
-  var total = data.reduce(function (sum, item) {
-    return sum + item.value;
-  }, 0);
-  return react_1.default.createElement(react_native_1.View, {
+  const total = data.reduce((sum, item) => sum + item.value, 0);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, {
-      height: height,
+      height,
       width: width || '100%'
     }, style],
     testID: testID
-  }, react_1.default.createElement(react_native_svg_charts_1.PieChart, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvgCharts.PieChart, {
     style: {
       height: height - (showLegend ? 80 : 20)
     },
     data: pieData,
     innerRadius: innerRadius,
     padAngle: padAngle
-  }, react_1.default.createElement(Labels, null), react_1.default.createElement(CenterLabel, null)), showLegend && react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(Labels, null), /*#__PURE__*/_react.default.createElement(CenterLabel, null)), showLegend && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.legend
-  }, data.map(function (item, index) {
-    var percentage = total > 0 ? (item.value / total * 100).toFixed(1) : '0.0';
-    return react_1.default.createElement(react_native_1.View, {
+  }, data.map((item, index) => {
+    const percentage = total > 0 ? (item.value / total * 100).toFixed(1) : '0.0';
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       key: index,
       style: styles.legendItem
-    }, react_1.default.createElement(react_native_1.View, {
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: [styles.legendColor, {
         backgroundColor: item.color || colors[index % colors.length]
       }]
+    }), /*#__PURE__*/_react.default.createElement(_Text.default, {
+      style: styles.legendLabel
+    }, item.label, ": ", item.value.toFixed(0), " (", percentage, "%)"));
+  })));
+};
+exports.PieChart = PieChart;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    backgroundColor: 'transparent',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  legend: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'center',
+    marginTop: 16,
+    paddingHorizontal: 16
+  },
+  legendItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginRight: 16,
+    marginBottom: 8
+  },
+  legendColor: {
+    width: 12,
+    height: 12,
+    borderRadius: 2,
+    marginRight: 6
+  },
+  legendLabel: {
+    fontSize: 12,
+    color: '#2C3E50'
+  },
+  emptyText: {
+    textAlign: 'center',
+    color: '#999'
+  }
+});
+
     }), react_1.default.createElement(Text_1.default, {
       style: styles.legendLabel
     }, item.label, ": ", item.value.toFixed(0), " (", percentage, "%)"));
@@ -162,4 +185,3 @@ var styles = react_native_1.StyleSheet.create({
     color: '#999'
   }
 });
-//# sourceMappingURL=PieChart.js.map

package/commonjs/PieChart/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.PieChart = void 0;
+var PieChart_1 = require("./PieChart");
 Object.defineProperty(exports, "PieChart", {
   enumerable: true,
   get: function () {
-    return _PieChart.PieChart;
+    return PieChart_1.PieChart;
   }
 });
-var _PieChart = require("./PieChart");
-//# sourceMappingURL=index.js.mapsourceMappingURL=index.js.map