@beppla/tapas-ui 1.0.67 → 1.0.69

package/commonjs/ExternalLink/ExternalLink.js

@@ -1,68 +1,60 @@
 "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 __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _themed = require("@rneui/themed");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const ExternalLink = ({
+  href,
+  children,
+  style,
+  textStyle,
+  onPress,
+  ...rest
+}) => {
+  const styles = useStyles();
+  const handlePress = async () => {
+    if (onPress) {
+      onPress();
+      return;
     }
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
+    if (_reactNative.Platform.OS !== 'web') {
+      // For mobile platforms, use Linking to open external browser
+      const supported = await _reactNative.Linking.canOpenURL(href);
+      if (supported) {
+        await _reactNative.Linking.openURL(href);
+      } else {
+        console.warn(`Cannot open URL: ${href}`);
       }
+    } else {
+      // For web, open in new tab
+      window.open(href, '_blank');
     }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({}, rest, {
+    style: [styles.link, style],
+    onPress: handlePress
+  }), typeof children === 'string' ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.linkText, textStyle]
+  }, children) : children);
 };
-var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
-  var _ = {
-      label: 0,
-      sent: function () {
-        if (t[0] & 1) throw t[1];
-        return t[1];
-      },
-      trys: [],
-      ops: []
-    },
-    f,
-    y,
-    t,
-    g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-  return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function () {
-    return this;
-  }), g;
-  function verb(n) {
-    return function (v) {
-      return step([n, v]);
-    };
+const useStyles = (0, _themed.makeStyles)(theme => ({
+  link: {
+    // Base link styles
+  },
+  linkText: {
+    color: theme.colors.primary,
+    textDecorationLine: 'underline',
+    fontSize: 16
   }
-  function step(op) {
-    if (f) throw new TypeError("Generator is already executing.");
-    while (g && (g = 0, op[0] && (_ = 0)), _) try {
-      if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+}));
+var _default = exports.default = (0, _themed.withTheme)(ExternalLink);
+
       if (y = 0, t) op = [op[0] & 2, t.value];
       switch (op[0]) {
         case 0:
@@ -202,4 +194,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
   };
 });
 exports.default = (0, themed_1.withTheme)(ExternalLink);
-//# sourceMappingURL=ExternalLink.js.map

package/commonjs/Gantt/Accessories.js

@@ -1,42 +1,28 @@
 "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.TimeLineText = exports.Timeline = exports.GanttCellRender = exports.ColumnHeaderCellRnder = exports.ColumnHeaderCon = exports.GanttItemWrapper = exports.useGanttContext = void 0;
-var react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var types_1 = require("./types");
-var react_2 = require("react");
-var Gantt_1 = require("./Gantt");
-var themed_1 = require("@rneui/themed");
-var helper_1 = require("./helper");
+exports.useGanttContext = exports.Timeline = exports.TimeLineText = exports.GanttItemWrapper = exports.GanttCellRender = exports.ColumnHeaderCon = exports.ColumnHeaderCellRnder = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _types = require("./types");
+var _Gantt = require("./Gantt");
+var _themed = require("@rneui/themed");
+var _helper = require("./helper");
+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; }
 /**
  * 甘特Context
  */
-var useGanttContext = function () {
-  var context = (0, react_2.useContext)(Gantt_1.GanttContext);
+const useGanttContext = () => {
+  const context = (0, _react.useContext)(_Gantt.GanttContext);
   if (!context) {
     throw new Error("useGanttContext must be used within a GanttProvider");
   }
   return context;
 };
-exports.useGanttContext = useGanttContext;
+
 /**
  * 甘特Grid中的单元格容器模板
  * @param data - 附带循环模板数据
@@ -44,17 +30,20 @@ exports.useGanttContext = useGanttContext;
  * @param rowIndex - 行索引
  * @param style - 模板样式（含模板在grid中对左，对上坐标）
  */
-var GanttItemWrapper = function (_a) {
-  var _b;
-  var data = _a.data,
-    columnIndex = _a.columnIndex,
-    rowIndex = _a.rowIndex,
-    style = _a.style;
-  var ItemRenderer = data.ItemRenderer,
-    cardRender = data.cardRender,
-    rangeVal = data.rangeVal,
-    attachPressCard = data.attachPressCard;
-  return react_1.default.createElement(ItemRenderer, {
+exports.useGanttContext = useGanttContext;
+const GanttItemWrapper = ({
+  data,
+  columnIndex,
+  rowIndex,
+  style
+}) => {
+  const {
+    ItemRenderer,
+    cardRender,
+    rangeVal,
+    attachPressCard
+  } = data;
+  return /*#__PURE__*/_react.default.createElement(ItemRenderer, {
     columnIndex: columnIndex,
     rowIndex: rowIndex,
     rowHeight: data.rowHeight,
@@ -68,27 +57,28 @@ var GanttItemWrapper = function (_a) {
     startDate: data.startDate,
     endDate: data.endDate,
     unit: data.unit,
-    style: __assign(__assign({}, style), {
+    style: {
+      ...style,
       overflow: "hidden",
-      top: style.top + (data.headersRender ? (_b = data.columnHeaderHeight) !== null && _b !== void 0 ? _b : helper_1.defaultColumnHeaderHeight : 0)
-    })
+      top: style.top + (data.headersRender ? data.columnHeaderHeight ?? _helper.defaultColumnHeaderHeight : 0)
+    }
   });
 };
-exports.GanttItemWrapper = GanttItemWrapper;
+
 /**
  * 列头模板容器
  * @param children - 子元素
  * @param style - 模板样式（含模板在grid中对左，对上坐标）
  */
-var ColumnHeaderCon = function (_a) {
-  var style = _a.style,
-    children = _a.children;
-  return react_1.default.createElement("div", {
-    className: "sticky",
-    style: style
-  }, children);
-};
-exports.ColumnHeaderCon = ColumnHeaderCon;
+exports.GanttItemWrapper = GanttItemWrapper;
+const ColumnHeaderCon = ({
+  style,
+  children
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: "sticky",
+  style: style
+}, children);
+
 /**
  * 列头单元格模板
  * @param theme - 皮肤主题
@@ -96,93 +86,89 @@ exports.ColumnHeaderCon = ColumnHeaderCon;
  * @param rowIndex - 行索引
  * @param style - 模板样式（含模板在grid中对左，对上坐标）
  */
-var ColumnHeaderCellRnder = function (_a) {
-  var _b, _c;
-  var columnIndex = _a.columnIndex,
-    curColumnIndex = _a.curColumnIndex,
-    curColumnText = _a.curColumnText,
-    _d = _a.currentTime,
-    currentTime = _d === void 0 ? new Date() : _d,
-    _e = _a.columnWidth,
-    columnWidth = _e === void 0 ? 165 : _e,
-    startDate = _a.startDate,
-    _f = _a.unit,
-    unit = _f === void 0 ? types_1.DateUnit.HELF : _f,
-    style = _a.style,
-    theme = _a.theme;
-  return react_1.default.createElement("div", {
-    className: "column-headers",
-    style: __assign(__assign({}, style), {
-      overflow: "visible"
-    })
-  }, react_1.default.createElement("span", {
-    style: {
-      position: "absolute",
-      left: columnIndex === 0 ? 0 : -20,
-      width: 40,
-      textAlign: "center",
-      fontSize: (_b = theme === null || theme === void 0 ? void 0 : theme.fonts.sizeS) !== null && _b !== void 0 ? _b : 12,
-      lineHeight: "24px",
-      fontWeight: 400,
-      color: (_c = theme === null || theme === void 0 ? void 0 : theme.colorTextPlaceholder) !== null && _c !== void 0 ? _c : "rgba(0,0,0,.26)"
-    }
-  }, columnIndex !== undefined && startDate ? (0, helper_1.generateColumnTitle)(unit, columnIndex, startDate) : "N/A"), curColumnIndex === columnIndex && react_1.default.createElement(exports.TimeLineText, {
-    theme: theme,
-    text: curColumnText !== null && curColumnText !== void 0 ? curColumnText : "N/A",
-    date: currentTime,
-    unit: unit,
-    columnWidth: columnWidth
-  }));
-};
-exports.ColumnHeaderCellRnder = ColumnHeaderCellRnder;
+exports.ColumnHeaderCon = ColumnHeaderCon;
+const ColumnHeaderCellRnder = ({
+  columnIndex,
+  curColumnIndex,
+  curColumnText,
+  currentTime = new Date(),
+  columnWidth = 165,
+  startDate,
+  unit = _types.DateUnit.HELF,
+  style,
+  theme
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: "column-headers",
+  style: {
+    ...style,
+    overflow: "visible"
+  }
+}, /*#__PURE__*/_react.default.createElement("span", {
+  style: {
+    position: "absolute",
+    left: columnIndex === 0 ? 0 : -20,
+    width: 40,
+    textAlign: "center",
+    fontSize: theme?.fonts.sizeS ?? 12,
+    lineHeight: "24px",
+    fontWeight: 400,
+    color: theme?.colorTextPlaceholder ?? "rgba(0,0,0,.26)"
+  }
+}, columnIndex !== undefined && startDate ? (0, _helper.generateColumnTitle)(unit, columnIndex, startDate) : "N/A"), curColumnIndex === columnIndex && /*#__PURE__*/_react.default.createElement(TimeLineText, {
+  theme: theme,
+  text: curColumnText ?? "N/A",
+  date: currentTime,
+  unit: unit,
+  columnWidth: columnWidth
+}));
+
 /**
  * 甘特Grid单元格模板(无内容只是背景占位)
  * @param style - 模板样式（含模板在grid中对左，对上坐标）
  */
-var GanttCellRender = function (_a) {
-  var _b, _c;
-  var style = _a.style,
-    curColumnIndex = _a.curColumnIndex,
-    _d = _a.columnIndex,
-    columnIndex = _d === void 0 ? -1 : _d,
-    _e = _a.rowIndex,
-    rowIndex = _e === void 0 ? -1 : _e,
-    _f = _a.columnWidth,
-    columnWidth = _f === void 0 ? helper_1.defaultColumnWidth : _f,
-    _g = _a.rowHeight,
-    rowHeight = _g === void 0 ? helper_1.defaultRowHeight : _g,
-    theme = _a.theme,
-    rangeVal = _a.rangeVal,
-    attachPressCard = _a.attachPressCard,
-    _h = _a.unit,
-    unit = _h === void 0 ? types_1.DateUnit.HELF : _h,
-    ItemRenderer = _a.ItemRenderer;
-  var renderItem = false;
-  var itemInfo;
-  var itemLeft = 0;
-  var itemWidth = 0;
+exports.ColumnHeaderCellRnder = ColumnHeaderCellRnder;
+const GanttCellRender = ({
+  style,
+  curColumnIndex,
+  columnIndex = -1,
+  rowIndex = -1,
+  columnWidth = _helper.defaultColumnWidth,
+  rowHeight = _helper.defaultRowHeight,
+  theme,
+  rangeVal,
+  attachPressCard,
+  unit = _types.DateUnit.HELF,
+  ItemRenderer
+}) => {
+  let renderItem = false;
+  let itemInfo;
+  let itemLeft = 0;
+  let itemWidth = 0;
   if (ItemRenderer) {
-    var gridDataMap = (0, exports.useGanttContext)().gridDataMap;
+    const {
+      gridDataMap
+    } = useGanttContext();
     if (rowIndex >= 0 && columnIndex >= 0) {
-      itemInfo = (_b = gridDataMap.get(rowIndex)) === null || _b === void 0 ? void 0 : _b.get(columnIndex);
+      itemInfo = gridDataMap.get(rowIndex)?.get(columnIndex);
       if (itemInfo) {
         renderItem = true;
-        itemLeft = (0, helper_1.calculateTimeOffsetInCell)(unit, columnWidth, itemInfo.startTime);
-        itemWidth = (0, helper_1.calculateItemWidth)(unit, columnWidth, itemInfo.startTime, itemInfo.endTime);
+        itemLeft = (0, _helper.calculateTimeOffsetInCell)(unit, columnWidth, itemInfo.startTime);
+        itemWidth = (0, _helper.calculateItemWidth)(unit, columnWidth, itemInfo.startTime, itemInfo.endTime);
       }
     }
   }
-  var goRenderCard = ItemRenderer && renderItem && itemInfo && (rangeVal && (!rangeVal[0] || itemInfo.startTime >= rangeVal[0]) && (!rangeVal[1] || itemInfo.endTime <= rangeVal[1]) || !rangeVal);
-  return react_1.default.createElement("div", {
-    key: "Gantt-cell-".concat(rowIndex, "-").concat(columnIndex),
-    style: __assign(__assign({}, style), {
+  const goRenderCard = ItemRenderer && renderItem && itemInfo && (rangeVal && (!rangeVal[0] || itemInfo.startTime >= rangeVal[0]) && (!rangeVal[1] || itemInfo.endTime <= rangeVal[1]) || !rangeVal);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    key: `Gantt-cell-${rowIndex}-${columnIndex}`,
+    style: {
+      ...style,
       display: "flex",
       whiteSpace: "nowrap",
       borderLeft: "1px solid rgba(0, 0, 0, 0.12)",
       overflow: "visible",
-      backgroundColor: (columnIndex !== null && columnIndex !== void 0 ? columnIndex : 0) < (curColumnIndex !== null && curColumnIndex !== void 0 ? curColumnIndex : 0) ? (_c = theme === null || theme === void 0 ? void 0 : theme.grey5) !== null && _c !== void 0 ? _c : "rgba(0, 0, 0, 0.04)" : "initial"
-    })
-  }, goRenderCard && itemInfo && react_1.default.createElement(react_native_1.Pressable, {
+      backgroundColor: (columnIndex ?? 0) < (curColumnIndex ?? 0) ? theme?.grey5 ?? "rgba(0, 0, 0, 0.04)" : "initial"
+    }
+  }, goRenderCard && itemInfo && /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     style: {
       position: "absolute",
       display: "flex",
@@ -193,34 +179,81 @@ var GanttCellRender = function (_a) {
       overflow: "hidden",
       zIndex: 2
     },
-    key: "Gantt-cell-inner-".concat(rowIndex, "-").concat(columnIndex),
-    onPress: function () {
-      return attachPressCard === null || attachPressCard === void 0 ? void 0 : attachPressCard({
-        columnIndex: columnIndex,
-        rowIndex: rowIndex,
-        dataIndex: itemInfo.taskIndex
-      });
-    }
-  }, react_1.default.createElement(ItemRenderer, {
+    key: `Gantt-cell-inner-${rowIndex}-${columnIndex}`,
+    onPress: () => attachPressCard?.({
+      columnIndex,
+      rowIndex,
+      dataIndex: itemInfo.taskIndex
+    })
+  }, /*#__PURE__*/_react.default.createElement(ItemRenderer, {
     columnIndex: columnIndex,
     rowIndex: rowIndex,
     dataIndex: itemInfo.taskIndex
   })));
 };
-exports.GanttCellRender = GanttCellRender;
+
 /**
  * 甘特Grid根据最小时间单位显示的当前时间线
  * @param text - 时间线具体值
  * @param style - 样式
  * @param theme - 皮肤主题
  */
-exports.Timeline = react_1.default.forwardRef(function (_a, ref) {
-  var style = _a.style;
-  return react_1.default.createElement(react_native_1.View, {
+exports.GanttCellRender = GanttCellRender;
+const Timeline = exports.Timeline = /*#__PURE__*/_react.default.forwardRef(({
+  style
+}, ref) => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: style,
     ref: ref
   });
 });
+
+/**
+ * 甘特Grid根据最小时间单位显示的当前时间线 显示的文本组件 （含在列头）
+ * @param text - 时间线具体值
+ * @param unit - 当前时间最小单位
+ * @param date - 当前时间
+ * @param columnWidth - 列宽
+ * @param theme - 皮肤主题
+ */
+const TimeLineText = ({
+  theme,
+  text,
+  unit,
+  date,
+  columnWidth
+}) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  style: {
+    position: "absolute",
+    display: "flex",
+    flexDirection: "column",
+    width: 40,
+    height: 24,
+    bottom: -2.25,
+    left: (0, _helper.calculateTimeOffsetForTimeLine)(unit, columnWidth, date) - 20
+  }
+}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  style: {
+    color: theme?.colorTextAccent ?? "#F55523",
+    fontSize: 12,
+    width: 40,
+    height: 18,
+    lineHeight: 18,
+    fontWeight: "bold",
+    textAlign: "center"
+  }
+}, text), /*#__PURE__*/_react.default.createElement(_themed.Avatar, {
+  size: 7,
+  rounded: true,
+  containerStyle: {
+    alignSelf: "center",
+    backgroundColor: theme?.colorTextAccent ?? "#F55523"
+  }
+}));
+exports.TimeLineText = TimeLineText;
+
+  });
+});
 /**
  * 甘特Grid根据最小时间单位显示的当前时间线 显示的文本组件 （含在列头）
  * @param text - 时间线具体值
@@ -266,4 +299,3 @@ var TimeLineText = function (_a) {
   }));
 };
 exports.TimeLineText = TimeLineText;
-//# sourceMappingURL=Accessories.js.map

package/commonjs/Gantt/Gantt.js

@@ -233,4 +233,3 @@ var TapasGantt = function (_a) {
   }), children);
 };
 exports.default = (0, themed_1.withTheme)(TapasGantt);
-//# sourceMappingURL=Gantt.js.map