@beppla/tapas-ui 1.0.67 → 1.0.69

package/commonjs/Gantt/GanttInnerElementType.js

@@ -1,45 +1,104 @@
 "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 __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+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 _types = require("./types");
-var _helper = require("./helper");
-var _Accessories = require("./Accessories");
-var _VariableSizeGrid = _interopRequireDefault(require("../Grid/VariableSizeGrid"));
-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); }
-const InnerElementType = /*#__PURE__*/(0, _react.forwardRef)(({
-  children,
-  style,
-  ...rest
-}, ref) => {
-  const {
-    columnCount,
-    columnWidth,
-    columnHeaderBackgroundColor,
-    columnHeaderHeight = _helper.defaultColumnHeaderHeight,
-    columnHeaderBorder,
-    width,
-    theme,
-    rowCount,
-    rowHeight,
-    rangeVal,
-    now,
-    unit = _types.DateUnit.HELF,
-    headerRef
-  } = (0, _Accessories.useGanttContext)();
-  const curColumnIndex = (0, _helper.calculateCurrentColumnIndex)(unit, rangeVal);
-  const currentTime = new Date();
-  const {
-    currentTimeOffset,
-    curTimeText
-  } = (0, _helper.calculateCurrentTimeOffset)(unit, columnWidth, rangeVal, currentTime);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, rangeVal && rangeVal[0] && rangeVal[1] && now >= rangeVal?.[0] && now <= rangeVal?.[1] && /*#__PURE__*/_react.default.createElement(_Accessories.Timeline, {
+var react_1 = __importStar(require("react"));
+var types_1 = require("./types");
+var helper_1 = require("./helper");
+var Accessories_1 = require("./Accessories");
+var VariableSizeGrid_1 = __importDefault(require("../Grid/VariableSizeGrid"));
+var InnerElementType = (0, react_1.forwardRef)(function (_a, ref) {
+  var _b, _c, _d, _e, _f;
+  var children = _a.children,
+    style = _a.style,
+    rest = __rest(_a, ["children", "style"]);
+  var _g = (0, Accessories_1.useGanttContext)(),
+    columnCount = _g.columnCount,
+    columnWidth = _g.columnWidth,
+    columnHeaderBackgroundColor = _g.columnHeaderBackgroundColor,
+    _h = _g.columnHeaderHeight,
+    columnHeaderHeight = _h === void 0 ? helper_1.defaultColumnHeaderHeight : _h,
+    columnHeaderBorder = _g.columnHeaderBorder,
+    width = _g.width,
+    theme = _g.theme,
+    rowCount = _g.rowCount,
+    rowHeight = _g.rowHeight,
+    rangeVal = _g.rangeVal,
+    now = _g.now,
+    _j = _g.unit,
+    unit = _j === void 0 ? types_1.DateUnit.HELF : _j,
+    headerRef = _g.headerRef;
+  var curColumnIndex = (0, helper_1.calculateCurrentColumnIndex)(unit, rangeVal);
+  var currentTime = new Date();
+  var _k = (0, helper_1.calculateCurrentTimeOffset)(unit, columnWidth, rangeVal, currentTime),
+    currentTimeOffset = _k.currentTimeOffset,
+    curTimeText = _k.curTimeText;
+  return react_1.default.createElement(react_1.default.Fragment, null, rangeVal && rangeVal[0] && rangeVal[1] && now >= (rangeVal === null || rangeVal === void 0 ? void 0 : rangeVal[0]) && now <= (rangeVal === null || rangeVal === void 0 ? void 0 : rangeVal[1]) && react_1.default.createElement(Accessories_1.Timeline, {
     theme: theme,
     text: curTimeText,
     style: {
@@ -47,69 +106,19 @@ const InnerElementType = /*#__PURE__*/(0, _react.forwardRef)(({
       left: currentTimeOffset,
       width: 1,
       height: rowCount * rowHeight,
-      top: _helper.defaultColumnHeaderHeight,
-      backgroundColor: theme.colorTextAccent ?? "#F55523"
+      top: helper_1.defaultColumnHeaderHeight,
+      backgroundColor: (_b = theme.colorTextAccent) !== null && _b !== void 0 ? _b : "#F55523"
     }
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), react_1.default.createElement("div", {
     style: {
       position: "sticky",
       left: 0,
       top: 0,
-      marginBottom: -1 * (columnHeaderHeight ?? _helper.defaultColumnHeaderHeight),
-      height: columnHeaderHeight ?? _helper.defaultColumnHeaderHeight,
+      marginBottom: -1 * (columnHeaderHeight !== null && columnHeaderHeight !== void 0 ? columnHeaderHeight : helper_1.defaultColumnHeaderHeight),
+      height: columnHeaderHeight !== null && columnHeaderHeight !== void 0 ? columnHeaderHeight : helper_1.defaultColumnHeaderHeight,
       width: width || 0,
       zIndex: 4,
-      backgroundColor: columnHeaderBackgroundColor ?? "none",
-      borderTopLeftRadius: theme?.radius?.mini ?? 4,
-      borderTopRightRadius: theme?.radius?.mini ?? 4,
-      borderTop: columnHeaderBorder?.top ? "1px solid rgba(0, 0, 0, 0.12)" : "none",
-      borderLeft: columnHeaderBorder?.left ? "1px solid rgba(0, 0, 0, 0.12)" : "none",
-      borderRight: columnHeaderBorder?.right ? "1px solid rgba(0, 0, 0, 0.12)" : "none",
-      borderBottom: columnHeaderBorder?.bottom ? "1px solid rgba(0, 0, 0, 0.12)" : "none"
-    }
-  }), /*#__PURE__*/_react.default.createElement(_Accessories.ColumnHeaderCon, {
-    style: {
-      backgroundColor: "#F9F2E8",
-      zIndex: 3,
-      top: 0,
-      left: 0,
-      width: width || 0,
-      height: columnHeaderHeight ?? _helper.defaultColumnHeaderHeight,
-      position: "sticky",
-      display: "flex",
-      flexDirection: "row"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_VariableSizeGrid.default, {
-    ref: headerRef,
-    columnCount: columnCount,
-    columnWidth: () => columnWidth,
-    height: columnHeaderHeight ?? _helper.defaultColumnHeaderHeight,
-    rowCount: 1,
-    rowHeight: () => columnHeaderHeight ?? _helper.defaultColumnHeaderHeight,
-    width: width,
-    itemData: {
-      ItemRenderer: _Accessories.ColumnHeaderCellRnder,
-      columnHeaderHeight,
-      theme,
-      startDate: rangeVal[0],
-      columnCount,
-      columnWidth,
-      curColumnIndex,
-      currentTime,
-      unit,
-      curColumnText: curTimeText
-    },
-    style: {
-      overflow: "hidden"
-    }
-  }, _Accessories.GanttItemWrapper)), /*#__PURE__*/_react.default.createElement("div", _extends({
-    ref: ref
-  }, rest, {
-    style: style
-  }), children));
-});
-var _default = exports.default = InnerElementType;
-//# sourceMappingURL=GanttInnerElementType.js.mapolumnHeaderBackgroundColor : "none",
+      backgroundColor: columnHeaderBackgroundColor !== null && columnHeaderBackgroundColor !== void 0 ? columnHeaderBackgroundColor : "none",
       borderTopLeftRadius: (_d = (_c = theme === null || theme === void 0 ? void 0 : theme.radius) === null || _c === void 0 ? void 0 : _c.mini) !== null && _d !== void 0 ? _d : 4,
       borderTopRightRadius: (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.radius) === null || _e === void 0 ? void 0 : _e.mini) !== null && _f !== void 0 ? _f : 4,
       borderTop: (columnHeaderBorder === null || columnHeaderBorder === void 0 ? void 0 : columnHeaderBorder.top) ? "1px solid rgba(0, 0, 0, 0.12)" : "none",
@@ -163,4 +172,3 @@ var _default = exports.default = InnerElementType;
   }), children));
 });
 exports.default = InnerElementType;
-//# sourceMappingURL=GanttInnerElementType.js.map

package/commonjs/Gantt/helper.js

@@ -380,7 +380,7 @@ function generateColumnTitle(unit, columnIndex, startTime) {
   }
   return columnTitle;
 }
-//# sourceMappingURL=helper.js.map_1.DateUnit.DAY:
+
       var dayTime = new Date(startTime.getTime() + columnIndex * 24 * 60 * 60 * 1000);
       columnTitle = "".concat(dayTime.getDate());
       break;
@@ -400,4 +400,3 @@ function generateColumnTitle(unit, columnIndex, startTime) {
   }
   return columnTitle;
 }
-//# sourceMappingURL=helper.js.map

package/commonjs/Gantt/types.js

@@ -13,4 +13,3 @@ var DateUnit;
   DateUnit[DateUnit["HOUR"] = 3600000] = "HOUR";
   DateUnit[DateUnit["HELF"] = 1800000] = "HELF";
 })(DateUnit || (exports.DateUnit = DateUnit = {}));
-//# sourceMappingURL=types.js.mapjs.map

package/commonjs/Grid/FixedSizeGrid.js

@@ -1,42 +1,51 @@
 "use strict";
 
+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 _Grid = _interopRequireDefault(require("./Grid.base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var Grid_base_1 = __importDefault(require("./Grid.base"));
 /* eslint-disable @typescript-eslint/no-explicit-any */
-
-const FixedSizeGrid = (0, _Grid.default)({
-  getColumnOffset: ({
-    columnWidth
-  }, index) => index * columnWidth,
-  getColumnWidth: ({
-    columnWidth
-  }) => columnWidth,
-  getRowOffset: ({
-    rowHeight
-  }, index) => index * rowHeight,
-  getRowHeight: ({
-    rowHeight
-  }) => rowHeight,
-  getEstimatedTotalHeight: ({
-    rowCount,
-    rowHeight
-  }) => rowHeight * rowCount,
-  getEstimatedTotalWidth: ({
-    columnCount,
-    columnWidth
-  }) => columnWidth * columnCount,
-  getOffsetForColumnAndAlignment: ({
-    columnCount,
-    columnWidth,
-    width
-  }, columnIndex, align, scrollLeft, instanceProps, scrollbarSize) => {
-    const lastColumnOffset = Math.max(0, columnCount * columnWidth - width);
-    const maxOffset = Math.min(lastColumnOffset, columnIndex * columnWidth);
-    const minOffset = Math.max(0, columnIndex * columnWidth - width + scrollbarSize + columnWidth);
+var FixedSizeGrid = (0, Grid_base_1.default)({
+  getColumnOffset: function (_a, index) {
+    var columnWidth = _a.columnWidth;
+    return index * columnWidth;
+  },
+  getColumnWidth: function (_a) {
+    var columnWidth = _a.columnWidth;
+    return columnWidth;
+  },
+  getRowOffset: function (_a, index) {
+    var rowHeight = _a.rowHeight;
+    return index * rowHeight;
+  },
+  getRowHeight: function (_a) {
+    var rowHeight = _a.rowHeight;
+    return rowHeight;
+  },
+  getEstimatedTotalHeight: function (_a) {
+    var rowCount = _a.rowCount,
+      rowHeight = _a.rowHeight;
+    return rowHeight * rowCount;
+  },
+  getEstimatedTotalWidth: function (_a) {
+    var columnCount = _a.columnCount,
+      columnWidth = _a.columnWidth;
+    return columnWidth * columnCount;
+  },
+  getOffsetForColumnAndAlignment: function (_a, columnIndex, align, scrollLeft,
+  //@ts-ignore
+  instanceProps, scrollbarSize) {
+    var columnCount = _a.columnCount,
+      columnWidth = _a.columnWidth,
+      width = _a.width;
+    var lastColumnOffset = Math.max(0, columnCount * columnWidth - width);
+    var maxOffset = Math.min(lastColumnOffset, columnIndex * columnWidth);
+    var minOffset = Math.max(0, columnIndex * columnWidth - width + scrollbarSize + columnWidth);
     if (align === 'smart') {
       if (scrollLeft >= minOffset - width && scrollLeft <= maxOffset + width) {
         align = 'auto';
@@ -53,7 +62,7 @@ const FixedSizeGrid = (0, _Grid.default)({
         {
           // "Centered" offset is usually the average of the min and max.
           // But near the edges of the list, this doesn't hold true.
-          const middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
+          var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
           if (middleOffset < Math.ceil(width / 2)) {
             return 0; // near the beginning
           } else if (middleOffset > lastColumnOffset + Math.floor(width / 2)) {
@@ -77,14 +86,15 @@ const FixedSizeGrid = (0, _Grid.default)({
         }
     }
   },
-  getOffsetForRowAndAlignment: ({
-    rowHeight,
-    height,
-    rowCount
-  }, rowIndex, align, scrollTop, instanceProps, scrollbarSize) => {
-    const lastRowOffset = Math.max(0, rowCount * rowHeight - height);
-    const maxOffset = Math.min(lastRowOffset, rowIndex * rowHeight);
-    const minOffset = Math.max(0, rowIndex * rowHeight - height + scrollbarSize + rowHeight);
+  getOffsetForRowAndAlignment: function (_a, rowIndex, align, scrollTop,
+  //@ts-ignore
+  instanceProps, scrollbarSize) {
+    var rowHeight = _a.rowHeight,
+      height = _a.height,
+      rowCount = _a.rowCount;
+    var lastRowOffset = Math.max(0, rowCount * rowHeight - height);
+    var maxOffset = Math.min(lastRowOffset, rowIndex * rowHeight);
+    var minOffset = Math.max(0, rowIndex * rowHeight - height + scrollbarSize + rowHeight);
     if (align === 'smart') {
       if (scrollTop >= minOffset - height && scrollTop <= maxOffset + height) {
         align = 'auto';
@@ -101,7 +111,7 @@ const FixedSizeGrid = (0, _Grid.default)({
         {
           // "Centered" offset is usually the average of the min and max.
           // But near the edges of the list, this doesn't hold true.
-          const middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
+          var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
           if (middleOffset < Math.ceil(height / 2)) {
             return 0; // near the beginning
           } else if (middleOffset > lastRowOffset + Math.floor(height / 2)) {
@@ -125,55 +135,39 @@ const FixedSizeGrid = (0, _Grid.default)({
         }
     }
   },
-  getColumnStartIndexForOffset: ({
-    columnWidth,
-    columnCount
-  }, scrollLeft) => Math.max(0, Math.min(columnCount - 1, Math.floor(scrollLeft / columnWidth))),
-  getColumnStopIndexForStartIndex: ({
-    columnWidth,
-    columnCount,
-    width
-  }, startIndex, scrollLeft) => {
-    const left = startIndex * columnWidth;
-    const numVisibleColumns = Math.ceil((width + scrollLeft - left) / columnWidth);
+  getColumnStartIndexForOffset: function (_a, scrollLeft) {
+    var columnWidth = _a.columnWidth,
+      columnCount = _a.columnCount;
+    return Math.max(0, Math.min(columnCount - 1, Math.floor(scrollLeft / columnWidth)));
+  },
+  getColumnStopIndexForStartIndex: function (_a, startIndex, scrollLeft) {
+    var columnWidth = _a.columnWidth,
+      columnCount = _a.columnCount,
+      width = _a.width;
+    var left = startIndex * columnWidth;
+    var numVisibleColumns = Math.ceil((width + scrollLeft - left) / columnWidth);
     return Math.max(0, Math.min(columnCount - 1, startIndex + numVisibleColumns - 1 // -1 is because stop index is inclusive
     ));
   },
-  getRowStartIndexForOffset: ({
-    rowHeight,
-    rowCount
-  }, scrollTop) => Math.max(0, Math.min(rowCount - 1, Math.floor(scrollTop / rowHeight))),
-  getRowStopIndexForStartIndex: ({
-    rowHeight,
-    rowCount,
-    height
-  }, startIndex, scrollTop) => {
-    const top = startIndex * rowHeight;
-    const numVisibleRows = Math.ceil((height + scrollTop - top) / rowHeight);
+  getRowStartIndexForOffset: function (_a, scrollTop) {
+    var rowHeight = _a.rowHeight,
+      rowCount = _a.rowCount;
+    return Math.max(0, Math.min(rowCount - 1, Math.floor(scrollTop / rowHeight)));
+  },
+  getRowStopIndexForStartIndex: function (_a, startIndex, scrollTop) {
+    var rowHeight = _a.rowHeight,
+      rowCount = _a.rowCount,
+      height = _a.height;
+    var top = startIndex * rowHeight;
+    var numVisibleRows = Math.ceil((height + scrollTop - top) / rowHeight);
     return Math.max(0, Math.min(rowCount - 1, startIndex + numVisibleRows - 1 // -1 is because stop index is inclusive
     ));
   },
   //@ts-ignore
-  initInstanceProps(_props) {
+  initInstanceProps: function (_props) {
     // Noop
   },
   shouldResetStyleCacheOnItemSizeChange: true,
-  validateProps: ({
-    columnWidth,
-    rowHeight
-  }) => {
-    if (process.env.NODE_ENV !== 'production') {
-      if (typeof columnWidth !== 'number') {
-        throw Error('An invalid "columnWidth" prop has been specified. ' + 'Value should be a number. ' + `"${columnWidth === null ? 'null' : typeof columnWidth}" was specified.`);
-      }
-      if (typeof rowHeight !== 'number') {
-        throw Error('An invalid "rowHeight" prop has been specified. ' + 'Value should be a number. ' + `"${rowHeight === null ? 'null' : typeof rowHeight}" was specified.`);
-      }
-    }
-  }
-});
-var _default = exports.default = FixedSizeGrid;
-//# sourceMappingURL=FixedSizeGrid.js.mape: true,
   validateProps: function (_a) {
     var columnWidth = _a.columnWidth,
       rowHeight = _a.rowHeight;
@@ -188,4 +182,3 @@ var _default = exports.default = FixedSizeGrid;
   }
 });
 exports.default = FixedSizeGrid;
-//# sourceMappingURL=FixedSizeGrid.js.map