@beppla/tapas-ui 1.0.70 → 1.0.72

package/commonjs/DataCell/index.js

@@ -29,5 +29,3 @@ Object.defineProperty(exports, "TapasDataCell", {
     return DataCell_2.TapasDataCell;
   }
 });
-//# sourceMappingURL=index.js.map; 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,33 +1,100 @@
 "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 = _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 => {
+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) {
     if (sortKey === columnKey) {
       setSortOrder(sortOrder === 'asc' ? 'desc' : 'asc');
     } else {
@@ -35,97 +102,104 @@ function DataTable({
       setSortOrder('asc');
     }
   };
-  const sortedData = (0, _react.useMemo)(() => {
+  var sortedData = (0, react_1.useMemo)(function () {
     if (!sortKey) return dataSource;
-    return [...dataSource].sort((a, b) => {
-      const column = columns.find(col => col.key === sortKey);
+    return __spreadArray([], dataSource, true).sort(function (a, b) {
+      var column = columns.find(function (col) {
+        return col.key === sortKey;
+      });
       if (!column) return 0;
-      const dataIndex = column.dataIndex || column.key;
-      const aValue = a[dataIndex];
-      const bValue = b[dataIndex];
+      var dataIndex = column.dataIndex || column.key;
+      var aValue = a[dataIndex];
+      var bValue = b[dataIndex];
       if (aValue === bValue) return 0;
-      const comparison = aValue > bValue ? 1 : -1;
+      var comparison = aValue > bValue ? 1 : -1;
       return sortOrder === 'asc' ? comparison : -comparison;
     });
   }, [dataSource, sortKey, sortOrder, columns]);
-  const getRowKey = (record, index) => {
+  var getRowKey = function (record, index) {
     if (typeof rowKey === 'function') {
       return rowKey(record);
     }
     return record[rowKey] || index;
   };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return react_1.default.createElement(react_native_1.View, {
     style: [styles.container, style]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+  }, react_1.default.createElement(react_native_1.ScrollView, {
     horizontal: true,
-    showsHorizontalScrollIndicator: _reactNative.Platform.OS === 'web',
+    showsHorizontalScrollIndicator: react_native_1.Platform.OS === 'web',
     style: maxHeight ? {
-      maxHeight
+      maxHeight: maxHeight
     } : undefined
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, null, react_1.default.createElement(react_native_1.View, {
     style: [styles.header, headerStyle]
-  }, 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, {
+  }, 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, {
     style: maxHeight ? {
       maxHeight: maxHeight - 50
     } : undefined,
-    showsVerticalScrollIndicator: _reactNative.Platform.OS === 'web'
-  }, loading ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    showsVerticalScrollIndicator: react_native_1.Platform.OS === 'web'
+  }, loading ? react_1.default.createElement(react_native_1.View, {
     style: styles.loadingRow
-  }, /*#__PURE__*/_react.default.createElement(_Text.default, null, "Loading...")) : sortedData.length === 0 ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(Text_1.default, null, "Loading...")) : sortedData.length === 0 ? react_1.default.createElement(react_native_1.View, {
     style: styles.emptyRow
-  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }, react_1.default.createElement(Text_1.default, {
     style: styles.emptyText
-  }, emptyText)) : sortedData.map((record, index) => {
-    const rowProps = onRow ? onRow(record, index) : {};
-    const key = getRowKey(record, index);
-    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({
+  }, 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({
       key: key,
       style: [styles.row, rowStyle]
     }, rowProps, {
       disabled: !rowProps.onPress
-    }), columns.map(column => {
-      const dataIndex = column.dataIndex || column.key;
-      const text = record[dataIndex];
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    }), columns.map(function (column) {
+      var dataIndex = column.dataIndex || column.key;
+      var text = record[dataIndex];
+      return react_1.default.createElement(react_native_1.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) : /*#__PURE__*/_react.default.createElement(_Text.default, {
+      }, column.render ? column.render(text, record, index) : react_1.default.createElement(Text_1.default, {
         style: styles.cellText
       }, text != null ? String(text) : '-'));
     }));
-  })))), pagination !== false && pagination && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })))), pagination !== false && pagination && react_1.default.createElement(react_native_1.View, {
     style: styles.paginationContainer
-  }, /*#__PURE__*/_react.default.createElement(_Pagination.default, {
-    totalCount: `${pagination.total} items`,
+  }, react_1.default.createElement(Pagination_1.default, {
+    totalCount: "".concat(pagination.total, " items"),
     pageParams: {
       page: pagination.current,
       pageSize: pagination.pageSize,
       totalItems: pagination.total,
       totalPage: Math.ceil(pagination.total / pagination.pageSize)
     },
-    onPageChange: params => {
-      pagination.onChange?.(params.page, params.pageSize);
+    onPageChange: function (params) {
+      var _a;
+      (_a = pagination.onChange) === null || _a === void 0 ? void 0 : _a.call(pagination, params.page, params.pageSize);
     }
   })));
 }
-const styles = _reactNative.StyleSheet.create({
+var styles = react_native_1.StyleSheet.create({
   container: {
     backgroundColor: '#FFFFFF',
     borderRadius: 8,
@@ -188,4 +262,3 @@ const styles = _reactNative.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