@beppla/tapas-ui 1.0.67 → 1.0.69

package/commonjs/DataCell/index.js

@@ -24,4 +24,3 @@ Object.defineProperty(exports, "default", {
 var _DataCell = _interopRequireWildcard(require("./DataCell"));
 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; }
-//# sourceMappingURL=index.js.map

package/commonjs/DataTable/DataTable.js

@@ -1,100 +1,33 @@
 "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 __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DataTable = DataTable;
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var Text_1 = __importDefault(require("../Text/Text"));
-var Pagination_1 = __importDefault(require("../Pagination/Pagination"));
-function DataTable(_a) {
-  var columns = _a.columns,
-    dataSource = _a.dataSource,
-    _b = _a.rowKey,
-    rowKey = _b === void 0 ? 'id' : _b,
-    _c = _a.loading,
-    loading = _c === void 0 ? false : _c,
-    pagination = _a.pagination,
-    onRow = _a.onRow,
-    _d = _a.emptyText,
-    emptyText = _d === void 0 ? 'No data' : _d,
-    style = _a.style,
-    headerStyle = _a.headerStyle,
-    rowStyle = _a.rowStyle,
-    maxHeight = _a.maxHeight;
-  var _e = (0, react_1.useState)(null),
-    sortKey = _e[0],
-    setSortKey = _e[1];
-  var _f = (0, react_1.useState)('asc'),
-    sortOrder = _f[0],
-    setSortOrder = _f[1];
-  var handleSort = function (columnKey) {
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Text = _interopRequireDefault(require("../Text/Text"));
+var _Pagination = _interopRequireDefault(require("../Pagination/Pagination"));
+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; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function DataTable({
+  columns,
+  dataSource,
+  rowKey = 'id',
+  loading = false,
+  pagination,
+  onRow,
+  emptyText = 'No data',
+  style,
+  headerStyle,
+  rowStyle,
+  maxHeight
+}) {
+  const [sortKey, setSortKey] = (0, _react.useState)(null);
+  const [sortOrder, setSortOrder] = (0, _react.useState)('asc');
+  const handleSort = columnKey => {
     if (sortKey === columnKey) {
       setSortOrder(sortOrder === 'asc' ? 'desc' : 'asc');
     } else {
@@ -102,98 +35,160 @@ function DataTable(_a) {
       setSortOrder('asc');
     }
   };
-  var sortedData = (0, react_1.useMemo)(function () {
+  const sortedData = (0, _react.useMemo)(() => {
     if (!sortKey) return dataSource;
-    return __spreadArray([], dataSource, true).sort(function (a, b) {
-      var column = columns.find(function (col) {
-        return col.key === sortKey;
-      });
+    return [...dataSource].sort((a, b) => {
+      const column = columns.find(col => col.key === sortKey);
       if (!column) return 0;
-      var dataIndex = column.dataIndex || column.key;
-      var aValue = a[dataIndex];
-      var bValue = b[dataIndex];
+      const dataIndex = column.dataIndex || column.key;
+      const aValue = a[dataIndex];
+      const bValue = b[dataIndex];
       if (aValue === bValue) return 0;
-      var comparison = aValue > bValue ? 1 : -1;
+      const comparison = aValue > bValue ? 1 : -1;
       return sortOrder === 'asc' ? comparison : -comparison;
     });
   }, [dataSource, sortKey, sortOrder, columns]);
-  var getRowKey = function (record, index) {
+  const getRowKey = (record, index) => {
     if (typeof rowKey === 'function') {
       return rowKey(record);
     }
     return record[rowKey] || index;
   };
-  return react_1.default.createElement(react_native_1.View, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, style]
-  }, react_1.default.createElement(react_native_1.ScrollView, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
     horizontal: true,
-    showsHorizontalScrollIndicator: react_native_1.Platform.OS === 'web',
+    showsHorizontalScrollIndicator: _reactNative.Platform.OS === 'web',
     style: maxHeight ? {
-      maxHeight: maxHeight
+      maxHeight
     } : undefined
-  }, react_1.default.createElement(react_native_1.View, null, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.header, headerStyle]
-  }, columns.map(function (column) {
-    return react_1.default.createElement(react_native_1.TouchableOpacity, {
-      key: column.key,
-      style: [styles.headerCell, {
-        width: column.width || 150
-      }, column.align && {
-        alignItems: column.align === 'left' ? 'flex-start' : column.align === 'right' ? 'flex-end' : 'center'
-      }],
-      onPress: function () {
-        return column.sortable && handleSort(column.key);
-      },
-      disabled: !column.sortable
-    }, react_1.default.createElement(Text_1.default, {
-      style: styles.headerText
-    }, column.title, column.sortable && sortKey === column.key && react_1.default.createElement(Text_1.default, {
-      style: styles.sortIndicator
-    }, sortOrder === 'asc' ? ' ↑' : ' ↓')));
-  })), react_1.default.createElement(react_native_1.ScrollView, {
+  }, columns.map(column => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    key: column.key,
+    style: [styles.headerCell, {
+      width: column.width || 150
+    }, column.align && {
+      alignItems: column.align === 'left' ? 'flex-start' : column.align === 'right' ? 'flex-end' : 'center'
+    }],
+    onPress: () => column.sortable && handleSort(column.key),
+    disabled: !column.sortable
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+    style: styles.headerText
+  }, column.title, column.sortable && sortKey === column.key && /*#__PURE__*/_react.default.createElement(_Text.default, {
+    style: styles.sortIndicator
+  }, sortOrder === 'asc' ? ' ↑' : ' ↓'))))), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
     style: maxHeight ? {
       maxHeight: maxHeight - 50
     } : undefined,
-    showsVerticalScrollIndicator: react_native_1.Platform.OS === 'web'
-  }, loading ? react_1.default.createElement(react_native_1.View, {
+    showsVerticalScrollIndicator: _reactNative.Platform.OS === 'web'
+  }, loading ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.loadingRow
-  }, react_1.default.createElement(Text_1.default, null, "Loading...")) : sortedData.length === 0 ? react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, null, "Loading...")) : sortedData.length === 0 ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.emptyRow
-  }, react_1.default.createElement(Text_1.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
     style: styles.emptyText
-  }, emptyText)) : sortedData.map(function (record, index) {
-    var rowProps = onRow ? onRow(record, index) : {};
-    var key = getRowKey(record, index);
-    return react_1.default.createElement(react_native_1.TouchableOpacity, __assign({
+  }, emptyText)) : sortedData.map((record, index) => {
+    const rowProps = onRow ? onRow(record, index) : {};
+    const key = getRowKey(record, index);
+    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({
       key: key,
       style: [styles.row, rowStyle]
     }, rowProps, {
       disabled: !rowProps.onPress
-    }), columns.map(function (column) {
-      var dataIndex = column.dataIndex || column.key;
-      var text = record[dataIndex];
-      return react_1.default.createElement(react_native_1.View, {
+    }), columns.map(column => {
+      const dataIndex = column.dataIndex || column.key;
+      const text = record[dataIndex];
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
         key: column.key,
         style: [styles.cell, {
           width: column.width || 150
         }, column.align && {
           alignItems: column.align === 'left' ? 'flex-start' : column.align === 'right' ? 'flex-end' : 'center'
         }]
-      }, column.render ? column.render(text, record, index) : react_1.default.createElement(Text_1.default, {
+      }, column.render ? column.render(text, record, index) : /*#__PURE__*/_react.default.createElement(_Text.default, {
         style: styles.cellText
       }, text != null ? String(text) : '-'));
     }));
-  })))), pagination !== false && pagination && react_1.default.createElement(react_native_1.View, {
+  })))), pagination !== false && pagination && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.paginationContainer
-  }, react_1.default.createElement(Pagination_1.default, {
-    totalCount: "".concat(pagination.total, " items"),
+  }, /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+    totalCount: `${pagination.total} items`,
     pageParams: {
       page: pagination.current,
       pageSize: pagination.pageSize,
       totalItems: pagination.total,
       totalPage: Math.ceil(pagination.total / pagination.pageSize)
     },
-    onPageChange: function (params) {
+    onPageChange: params => {
+      pagination.onChange?.(params.page, params.pageSize);
+    }
+  })));
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    backgroundColor: '#FFFFFF',
+    borderRadius: 8,
+    overflow: 'hidden'
+  },
+  header: {
+    flexDirection: 'row',
+    backgroundColor: '#F5F5F5',
+    borderBottomWidth: 2,
+    borderBottomColor: '#E0E0E0'
+  },
+  headerCell: {
+    padding: 12,
+    borderRightWidth: 1,
+    borderRightColor: '#E0E0E0'
+  },
+  headerText: {
+    fontSize: 14,
+    fontWeight: '600',
+    color: '#2C3E50'
+  },
+  sortIndicator: {
+    color: '#FF6B00',
+    fontSize: 12
+  },
+  row: {
+    flexDirection: 'row',
+    borderBottomWidth: 1,
+    borderBottomColor: '#F0F0F0',
+    backgroundColor: '#FFFFFF'
+  },
+  cell: {
+    padding: 12,
+    justifyContent: 'center',
+    borderRightWidth: 1,
+    borderRightColor: '#F0F0F0'
+  },
+  cellText: {
+    fontSize: 14,
+    color: '#2C3E50'
+  },
+  loadingRow: {
+    padding: 40,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  emptyRow: {
+    padding: 40,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  emptyText: {
+    fontSize: 14,
+    color: '#999'
+  },
+  paginationContainer: {
+    padding: 16,
+    borderTopWidth: 1,
+    borderTopColor: '#E0E0E0',
+    backgroundColor: '#FAFAFA'
+  }
+});
+
       var _a;
       (_a = pagination.onChange) === null || _a === void 0 ? void 0 : _a.call(pagination, params.page, params.pageSize);
     }
@@ -262,4 +257,3 @@ var styles = react_native_1.StyleSheet.create({
     backgroundColor: '#FAFAFA'
   }
 });
-//# sourceMappingURL=DataTable.js.map

package/commonjs/DataTable/index.js

@@ -11,4 +11,3 @@ Object.defineProperty(exports, "DataTable", {
     return DataTable_1.DataTable;
   }
 });
-//# sourceMappingURL=index.js.map