@beppla/tapas-ui 1.0.65 → 1.0.67

package/commonjs/Grid/FixedSizeGrid.js

@@ -0,0 +1,191 @@
+"use strict";
+
+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 }; }
+/* 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);
+    if (align === 'smart') {
+      if (scrollLeft >= minOffset - width && scrollLeft <= maxOffset + width) {
+        align = 'auto';
+      } else {
+        align = 'center';
+      }
+    }
+    switch (align) {
+      case 'start':
+        return maxOffset;
+      case 'end':
+        return minOffset;
+      case 'center':
+        {
+          // "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);
+          if (middleOffset < Math.ceil(width / 2)) {
+            return 0; // near the beginning
+          } else if (middleOffset > lastColumnOffset + Math.floor(width / 2)) {
+            return lastColumnOffset; // near the end
+          } else {
+            return middleOffset;
+          }
+        }
+      case 'auto':
+      default:
+        if (scrollLeft >= minOffset && scrollLeft <= maxOffset) {
+          return scrollLeft;
+        } else if (minOffset > maxOffset) {
+          // Because we only take into account the scrollbar size when calculating minOffset
+          // this value can be larger than maxOffset when at the end of the list
+          return minOffset;
+        } else if (scrollLeft < minOffset) {
+          return minOffset;
+        } else {
+          return maxOffset;
+        }
+    }
+  },
+  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);
+    if (align === 'smart') {
+      if (scrollTop >= minOffset - height && scrollTop <= maxOffset + height) {
+        align = 'auto';
+      } else {
+        align = 'center';
+      }
+    }
+    switch (align) {
+      case 'start':
+        return maxOffset;
+      case 'end':
+        return minOffset;
+      case 'center':
+        {
+          // "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);
+          if (middleOffset < Math.ceil(height / 2)) {
+            return 0; // near the beginning
+          } else if (middleOffset > lastRowOffset + Math.floor(height / 2)) {
+            return lastRowOffset; // near the end
+          } else {
+            return middleOffset;
+          }
+        }
+      case 'auto':
+      default:
+        if (scrollTop >= minOffset && scrollTop <= maxOffset) {
+          return scrollTop;
+        } else if (minOffset > maxOffset) {
+          // Because we only take into account the scrollbar size when calculating minOffset
+          // this value can be larger than maxOffset when at the end of the list
+          return minOffset;
+        } else if (scrollTop < minOffset) {
+          return minOffset;
+        } else {
+          return maxOffset;
+        }
+    }
+  },
+  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);
+    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);
+    return Math.max(0, Math.min(rowCount - 1, startIndex + numVisibleRows - 1 // -1 is because stop index is inclusive
+    ));
+  },
+  //@ts-ignore
+  initInstanceProps(_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;
+    if (process.env.NODE_ENV !== 'production') {
+      if (typeof columnWidth !== 'number') {
+        throw Error('An invalid "columnWidth" prop has been specified. ' + 'Value should be a number. ' + "\"".concat(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. ' + "\"".concat(rowHeight === null ? 'null' : typeof rowHeight, "\" was specified."));
+      }
+    }
+  }
+});
+exports.default = FixedSizeGrid;
+//# sourceMappingURL=FixedSizeGrid.js.map

package/commonjs/Grid/FixedSizeGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__importDefault","mod","__esModule","Object","defineProperty","exports","value","Grid_base_1","require","FixedSizeGrid","default","getColumnOffset","_a","index","columnWidth","getColumnWidth","getRowOffset","rowHeight","getRowHeight","getEstimatedTotalHeight","rowCount","getEstimatedTotalWidth","columnCount","getOffsetForColumnAndAlignment","columnIndex","align","scrollLeft","instanceProps","scrollbarSize","width","lastColumnOffset","Math","max","maxOffset","min","minOffset","middleOffset","round","ceil","floor","getOffsetForRowAndAlignment","rowIndex","scrollTop","height","lastRowOffset","getColumnStartIndexForOffset","getColumnStopIndexForStartIndex","startIndex","left","numVisibleColumns","getRowStartIndexForOffset","getRowStopIndexForStartIndex","top","numVisibleRows","initInstanceProps","_props","shouldResetStyleCacheOnItemSizeChange","validateProps","process","env","NODE_ENV","Error","concat"],"sourceRoot":"../../../components","sources":["Grid/FixedSizeGrid.js"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,eAAe,GAAI,UAAQ,SAAKA,eAAe,IAAK,UAAUC,GAAG,EAAE;EACnE,OAAQA,GAAG,IAAIA,GAAG,CAACC,UAAU,GAAID,GAAG,GAAG;IAAE,SAAS,EAAEA;EAAI,CAAC;AAC7D,CAAC;AACDE,MAAM,CAACC,cAAc,CAACC,OAAO,EAAE,YAAY,EAAE;EAAEC,KAAK,EAAE;AAAK,CAAC,CAAC;AAC7D,IAAIC,WAAW,GAAGP,eAAe,CAACQ,OAAO,CAAC,aAAa,CAAC,CAAC;AACzD;AACA,IAAIC,aAAa,GAAG,CAAC,CAAC,EAAEF,WAAW,CAACG,OAAO,EAAE;EACzCC,eAAe,EAAE,SAAAA,CAAUC,EAAE,EAAEC,KAAK,EAAE;IAClC,IAAIC,WAAW,GAAGF,EAAE,CAACE,WAAW;IAChC,OAAOD,KAAK,GAAGC,WAAW;EAC9B,CAAC;EACDC,cAAc,EAAE,SAAAA,CAAUH,EAAE,EAAE;IAC1B,IAAIE,WAAW,GAAGF,EAAE,CAACE,WAAW;IAChC,OAAOA,WAAW;EACtB,CAAC;EACDE,YAAY,EAAE,SAAAA,CAAUJ,EAAE,EAAEC,KAAK,EAAE;IAC/B,IAAII,SAAS,GAAGL,EAAE,CAACK,SAAS;IAC5B,OAAOJ,KAAK,GAAGI,SAAS;EAC5B,CAAC;EACDC,YAAY,EAAE,SAAAA,CAAUN,EAAE,EAAE;IACxB,IAAIK,SAAS,GAAGL,EAAE,CAACK,SAAS;IAC5B,OAAOA,SAAS;EACpB,CAAC;EACDE,uBAAuB,EAAE,SAAAA,CAAUP,EAAE,EAAE;IACnC,IAAIQ,QAAQ,GAAGR,EAAE,CAACQ,QAAQ;MAAEH,SAAS,GAAGL,EAAE,CAACK,SAAS;IACpD,OAAOA,SAAS,GAAGG,QAAQ;EAC/B,CAAC;EACDC,sBAAsB,EAAE,SAAAA,CAAUT,EAAE,EAAE;IAClC,IAAIU,WAAW,GAAGV,EAAE,CAACU,WAAW;MAAER,WAAW,GAAGF,EAAE,CAACE,WAAW;IAC9D,OAAOA,WAAW,GAAGQ,WAAW;EACpC,CAAC;EACDC,8BAA8B,EAAE,SAAAA,CAAUX,EAAE,EAAEY,WAAW,EAAEC,KAAK,EAAEC,UAAU;EAC5E;EACAC,aAAa,EAAEC,aAAa,EAAE;IAC1B,IAAIN,WAAW,GAAGV,EAAE,CAACU,WAAW;MAAER,WAAW,GAAGF,EAAE,CAACE,WAAW;MAAEe,KAAK,GAAGjB,EAAE,CAACiB,KAAK;IAChF,IAAIC,gBAAgB,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEV,WAAW,GAAGR,WAAW,GAAGe,KAAK,CAAC;IACrE,IAAII,SAAS,GAAGF,IAAI,CAACG,GAAG,CAACJ,gBAAgB,EAAEN,WAAW,GAAGV,WAAW,CAAC;IACrE,IAAIqB,SAAS,GAAGJ,IAAI,CAACC,GAAG,CAAC,CAAC,EAAER,WAAW,GAAGV,WAAW,GACjDe,KAAK,GACLD,aAAa,GACbd,WAAW,CAAC;IAChB,IAAIW,KAAK,KAAK,OAAO,EAAE;MACnB,IAAIC,UAAU,IAAIS,SAAS,GAAGN,KAAK,IAAIH,UAAU,IAAIO,SAAS,GAAGJ,KAAK,EAAE;QACpEJ,KAAK,GAAG,MAAM;MAClB,CAAC,MACI;QACDA,KAAK,GAAG,QAAQ;MACpB;IACJ;IACA,QAAQA,KAAK;MACT,KAAK,OAAO;QACR,OAAOQ,SAAS;MACpB,KAAK,KAAK;QACN,OAAOE,SAAS;MACpB,KAAK,QAAQ;QAAE;UACX;UACA;UACA,IAAIC,YAAY,GAAGL,IAAI,CAACM,KAAK,CAACF,SAAS,GAAG,CAACF,SAAS,GAAGE,SAAS,IAAI,CAAC,CAAC;UACtE,IAAIC,YAAY,GAAGL,IAAI,CAACO,IAAI,CAACT,KAAK,GAAG,CAAC,CAAC,EAAE;YACrC,OAAO,CAAC,CAAC,CAAC;UACd,CAAC,MACI,IAAIO,YAAY,GAAGN,gBAAgB,GAAGC,IAAI,CAACQ,KAAK,CAACV,KAAK,GAAG,CAAC,CAAC,EAAE;YAC9D,OAAOC,gBAAgB,CAAC,CAAC;UAC7B,CAAC,MACI;YACD,OAAOM,YAAY;UACvB;QACJ;MACA,KAAK,MAAM;MACX;QACI,IAAIV,UAAU,IAAIS,SAAS,IAAIT,UAAU,IAAIO,SAAS,EAAE;UACpD,OAAOP,UAAU;QACrB,CAAC,MACI,IAAIS,SAAS,GAAGF,SAAS,EAAE;UAC5B;UACA;UACA,OAAOE,SAAS;QACpB,CAAC,MACI,IAAIT,UAAU,GAAGS,SAAS,EAAE;UAC7B,OAAOA,SAAS;QACpB,CAAC,MACI;UACD,OAAOF,SAAS;QACpB;IACR;EACJ,CAAC;EACDO,2BAA2B,EAAE,SAAAA,CAAU5B,EAAE,EAAE6B,QAAQ,EAAEhB,KAAK,EAAEiB,SAAS;EACrE;EACAf,aAAa,EAAEC,aAAa,EAAE;IAC1B,IAAIX,SAAS,GAAGL,EAAE,CAACK,SAAS;MAAE0B,MAAM,GAAG/B,EAAE,CAAC+B,MAAM;MAAEvB,QAAQ,GAAGR,EAAE,CAACQ,QAAQ;IACxE,IAAIwB,aAAa,GAAGb,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEZ,QAAQ,GAAGH,SAAS,GAAG0B,MAAM,CAAC;IAC9D,IAAIV,SAAS,GAAGF,IAAI,CAACG,GAAG,CAACU,aAAa,EAAEH,QAAQ,GAAGxB,SAAS,CAAC;IAC7D,IAAIkB,SAAS,GAAGJ,IAAI,CAACC,GAAG,CAAC,CAAC,EAAES,QAAQ,GAAGxB,SAAS,GAC5C0B,MAAM,GACNf,aAAa,GACbX,SAAS,CAAC;IACd,IAAIQ,KAAK,KAAK,OAAO,EAAE;MACnB,IAAIiB,SAAS,IAAIP,SAAS,GAAGQ,MAAM,IAAID,SAAS,IAAIT,SAAS,GAAGU,MAAM,EAAE;QACpElB,KAAK,GAAG,MAAM;MAClB,CAAC,MACI;QACDA,KAAK,GAAG,QAAQ;MACpB;IACJ;IACA,QAAQA,KAAK;MACT,KAAK,OAAO;QACR,OAAOQ,SAAS;MACpB,KAAK,KAAK;QACN,OAAOE,SAAS;MACpB,KAAK,QAAQ;QAAE;UACX;UACA;UACA,IAAIC,YAAY,GAAGL,IAAI,CAACM,KAAK,CAACF,SAAS,GAAG,CAACF,SAAS,GAAGE,SAAS,IAAI,CAAC,CAAC;UACtE,IAAIC,YAAY,GAAGL,IAAI,CAACO,IAAI,CAACK,MAAM,GAAG,CAAC,CAAC,EAAE;YACtC,OAAO,CAAC,CAAC,CAAC;UACd,CAAC,MACI,IAAIP,YAAY,GAAGQ,aAAa,GAAGb,IAAI,CAACQ,KAAK,CAACI,MAAM,GAAG,CAAC,CAAC,EAAE;YAC5D,OAAOC,aAAa,CAAC,CAAC;UAC1B,CAAC,MACI;YACD,OAAOR,YAAY;UACvB;QACJ;MACA,KAAK,MAAM;MACX;QACI,IAAIM,SAAS,IAAIP,SAAS,IAAIO,SAAS,IAAIT,SAAS,EAAE;UAClD,OAAOS,SAAS;QACpB,CAAC,MACI,IAAIP,SAAS,GAAGF,SAAS,EAAE;UAC5B;UACA;UACA,OAAOE,SAAS;QACpB,CAAC,MACI,IAAIO,SAAS,GAAGP,SAAS,EAAE;UAC5B,OAAOA,SAAS;QACpB,CAAC,MACI;UACD,OAAOF,SAAS;QACpB;IACR;EACJ,CAAC;EACDY,4BAA4B,EAAE,SAAAA,CAAUjC,EAAE,EAAEc,UAAU,EAAE;IACpD,IAAIZ,WAAW,GAAGF,EAAE,CAACE,WAAW;MAAEQ,WAAW,GAAGV,EAAE,CAACU,WAAW;IAC9D,OAAOS,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACG,GAAG,CAACZ,WAAW,GAAG,CAAC,EAAES,IAAI,CAACQ,KAAK,CAACb,UAAU,GAAGZ,WAAW,CAAC,CAAC,CAAC;EACvF,CAAC;EACDgC,+BAA+B,EAAE,SAAAA,CAAUlC,EAAE,EAAEmC,UAAU,EAAErB,UAAU,EAAE;IACnE,IAAIZ,WAAW,GAAGF,EAAE,CAACE,WAAW;MAAEQ,WAAW,GAAGV,EAAE,CAACU,WAAW;MAAEO,KAAK,GAAGjB,EAAE,CAACiB,KAAK;IAChF,IAAImB,IAAI,GAAGD,UAAU,GAAGjC,WAAW;IACnC,IAAImC,iBAAiB,GAAGlB,IAAI,CAACO,IAAI,CAAC,CAACT,KAAK,GAAGH,UAAU,GAAGsB,IAAI,IAAIlC,WAAW,CAAC;IAC5E,OAAOiB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACG,GAAG,CAACZ,WAAW,GAAG,CAAC,EAAEyB,UAAU,GAAGE,iBAAiB,GAAG,CAAC,CAAC;IAChF,CAAC,CAAC;EACN,CAAC;EACDC,yBAAyB,EAAE,SAAAA,CAAUtC,EAAE,EAAE8B,SAAS,EAAE;IAChD,IAAIzB,SAAS,GAAGL,EAAE,CAACK,SAAS;MAAEG,QAAQ,GAAGR,EAAE,CAACQ,QAAQ;IACpD,OAAOW,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACG,GAAG,CAACd,QAAQ,GAAG,CAAC,EAAEW,IAAI,CAACQ,KAAK,CAACG,SAAS,GAAGzB,SAAS,CAAC,CAAC,CAAC;EACjF,CAAC;EACDkC,4BAA4B,EAAE,SAAAA,CAAUvC,EAAE,EAAEmC,UAAU,EAAEL,SAAS,EAAE;IAC/D,IAAIzB,SAAS,GAAGL,EAAE,CAACK,SAAS;MAAEG,QAAQ,GAAGR,EAAE,CAACQ,QAAQ;MAAEuB,MAAM,GAAG/B,EAAE,CAAC+B,MAAM;IACxE,IAAIS,GAAG,GAAGL,UAAU,GAAG9B,SAAS;IAChC,IAAIoC,cAAc,GAAGtB,IAAI,CAACO,IAAI,CAAC,CAACK,MAAM,GAAGD,SAAS,GAAGU,GAAG,IAAInC,SAAS,CAAC;IACtE,OAAOc,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACG,GAAG,CAACd,QAAQ,GAAG,CAAC,EAAE2B,UAAU,GAAGM,cAAc,GAAG,CAAC,CAAC;IAC1E,CAAC,CAAC;EACN,CAAC;EACD;EACAC,iBAAiB,EAAE,SAAAA,CAAUC,MAAM,EAAE;IACjC;EAAA,CACH;EACDC,qCAAqC,EAAE,IAAI;EAC3CC,aAAa,EAAE,SAAAA,CAAU7C,EAAE,EAAE;IACzB,IAAIE,WAAW,GAAGF,EAAE,CAACE,WAAW;MAAEG,SAAS,GAAGL,EAAE,CAACK,SAAS;IAC1D,IAAIyC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;MACvC,IAAI,OAAO9C,WAAW,KAAK,QAAQ,EAAE;QACjC,MAAM+C,KAAK,CAAC,oDAAoD,GAC5D,4BAA4B,GAC5B,IAAI,CAACC,MAAM,CAAChD,WAAW,KAAK,IAAI,GAAG,MAAM,GAAG,OAAOA,WAAW,EAAE,mBAAmB,CAAC,CAAC;MAC7F;MACA,IAAI,OAAOG,SAAS,KAAK,QAAQ,EAAE;QAC/B,MAAM4C,KAAK,CAAC,kDAAkD,GAC1D,4BAA4B,GAC5B,IAAI,CAACC,MAAM,CAAC7C,SAAS,KAAK,IAAI,GAAG,MAAM,GAAG,OAAOA,SAAS,EAAE,mBAAmB,CAAC,CAAC;MACzF;IACJ;EACJ;AACJ,CAAC,CAAC;AACFZ,OAAO,CAACK,OAAO,GAAGD,aAAa","ignoreList":[]}

package/commonjs/Grid/StaticFixedSizeGrid.js

@@ -0,0 +1,434 @@
+"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
+});
+var react_1 = __importStar(require("react"));
+var themed_1 = require("@rneui/themed");
+var VariableSizeGrid_1 = __importDefault(require("./VariableSizeGrid"));
+// type ScrollDirection = "forward" | "backward";
+var StickyListContext = (0, react_1.createContext)(undefined);
+StickyListContext.displayName = "StickyListContext";
+var useStickyListContext = function () {
+  var context = (0, react_1.useContext)(StickyListContext);
+  if (!context) {
+    throw new Error("useStickyListContext must be used within a StickyListProvider");
+  }
+  return context;
+};
+var ItemWrapper = function (_a) {
+  var _b;
+  var data = _a.data,
+    columnIndex = _a.columnIndex,
+    rowIndex = _a.rowIndex,
+    style = _a.style;
+  var ItemRenderer = data.ItemRenderer,
+    stickyColumnIndices = data.stickyColumnIndices,
+    headersRender = data.headersRender,
+    columnHeaderHeight = data.columnHeaderHeight,
+    border = data.border,
+    theme = data.theme,
+    hasActions = data.hasActions;
+  if (stickyColumnIndices && columnIndex !== undefined && stickyColumnIndices.includes(columnIndex)) {
+    return null;
+  }
+  // 检测当前列是否有 actions 按钮
+  var shouldShowActions = hasActions && hasActions(columnIndex !== null && columnIndex !== void 0 ? columnIndex : 0, rowIndex !== null && rowIndex !== void 0 ? rowIndex : 0);
+  // 确保传递正确的参数给children函数
+  var childrenProps = {
+    columnIndex: columnIndex !== null && columnIndex !== void 0 ? columnIndex : 0,
+    rowIndex: rowIndex !== null && rowIndex !== void 0 ? rowIndex : 0,
+    style: __assign(__assign({}, style), {
+      // 根据 hasActions 决定是否允许 overflow: "visible"
+      overflow: shouldShowActions ? "visible" : "hidden",
+      borderBottom: border ? "1px solid ".concat((_b = theme.grey3) !== null && _b !== void 0 ? _b : "rgba(0, 0, 0, 0.12)") : "none",
+      top: style.top + (headersRender ? columnHeaderHeight !== null && columnHeaderHeight !== void 0 ? columnHeaderHeight : 40 : 0)
+    })
+  };
+  return ItemRenderer(childrenProps);
+};
+var StickyColumnCell = function (_a) {
+  var _b, _c;
+  var data = _a.data,
+    columnIndex = _a.columnIndex,
+    rowIndex = _a.rowIndex,
+    style = _a.style;
+  var ItemRenderer = data.ItemRenderer,
+    stickyColumnIndices = data.stickyColumnIndices,
+    border = data.border,
+    theme = data.theme,
+    hasActions = data.hasActions;
+  // 检测当前列是否有 actions 按钮
+  var currentColumnIndex = (_b = stickyColumnIndices[columnIndex]) !== null && _b !== void 0 ? _b : 0;
+  var shouldShowActions = hasActions && hasActions(currentColumnIndex, rowIndex);
+  var childrenProps = {
+    columnIndex: currentColumnIndex,
+    rowIndex: rowIndex !== null && rowIndex !== void 0 ? rowIndex : 0,
+    style: __assign(__assign({}, style), {
+      overflow: shouldShowActions ? "visible" : "hidden",
+      borderBottom: border ? "1px solid ".concat((_c = theme === null || theme === void 0 ? void 0 : theme.grey3) !== null && _c !== void 0 ? _c : "rgba(0, 0, 0, 0.12)") : "none"
+    })
+  };
+  return ItemRenderer(childrenProps);
+};
+var StickyColumn = function (_a) {
+  var style = _a.style,
+    children = _a.children;
+  return react_1.default.createElement("div", {
+    className: "column-header-sticky",
+    style: style
+  }, children);
+};
+var ColumnHeaders = function (_a) {
+  var style = _a.style,
+    children = _a.children;
+  return react_1.default.createElement("div", {
+    className: "sticky",
+    style: style
+  }, children);
+};
+var InnerElementType = (0, react_1.forwardRef)(function (_a, ref) {
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+  var children = _a.children,
+    style = _a.style,
+    hasActions = _a.hasActions,
+    rest = __rest(_a, ["children", "style", "hasActions"]);
+  // const [left, setLeft] = useState(0);
+  var _p = useStickyListContext(),
+    headersRender = _p.headersRender,
+    stickyColumnIndices = _p.stickyColumnIndices,
+    columnCount = _p.columnCount,
+    ItemRenderer = _p.ItemRenderer,
+    columnWidth = _p.columnWidth,
+    rowHeight = _p.rowHeight,
+    rowCount = _p.rowCount,
+    columnHeaderBackgroundColor = _p.columnHeaderBackgroundColor,
+    columnHeaderHeight = _p.columnHeaderHeight,
+    width = _p.width,
+    height = _p.height,
+    theme = _p.theme,
+    border = _p.border,
+    headerRef = _p.headerRef,
+    scrollLeft = _p.scrollLeft;
+  // const handleScroll = useCallback(
+  //   (event: {
+  //     horizontalScrollDirection: ScrollDirection;
+  //     scrollLeft: number;
+  //     scrollTop: number;
+  //     scrollUpdateWasRequested: boolean;
+  //     verticalScrollDirection: ScrollDirection;
+  //   }) => setLeft(event.scrollLeft),
+  //   []
+  // );
+  var stickyColumnsWidth = (_b = stickyColumnIndices === null || stickyColumnIndices === void 0 ? void 0 : stickyColumnIndices.reduce(function (acc, currentIndex) {
+    return acc + columnWidth(currentIndex);
+  }, 0)) !== null && _b !== void 0 ? _b : 0;
+  var totalWidth = (0, react_1.useMemo)(function () {
+    var sum = 0;
+    for (var i = 0; i < columnCount; i++) {
+      sum += columnWidth(i);
+    }
+    return sum;
+  }, [columnCount, columnWidth, width]);
+  // 确保 hasActions 在作用域中
+  var hasActionsFn = hasActions || function () {
+    return false;
+  };
+  return react_1.default.createElement(react_1.default.Fragment, null, headersRender && react_1.default.createElement(ColumnHeaders, {
+    style: {
+      backgroundColor: (_c = theme === null || theme === void 0 ? void 0 : theme.background) !== null && _c !== void 0 ? _c : "#F9F2E8",
+      zIndex: 5,
+      top: 0,
+      left: 0,
+      width: width,
+      height: columnHeaderHeight || 40,
+      position: "sticky",
+      display: "flex",
+      flexDirection: "row",
+      overflow: "hidden"
+    }
+  }, react_1.default.createElement(VariableSizeGrid_1.default, {
+    ref: headerRef,
+    columnCount: columnCount,
+    columnWidth: columnWidth,
+    height: columnHeaderHeight || 40,
+    rowCount: 1,
+    rowHeight: function () {
+      return columnHeaderHeight || 40;
+    },
+    width: width - stickyColumnsWidth,
+    // onScroll={handleScroll}
+    itemData: {
+      ItemRenderer: headersRender,
+      stickyColumnIndices: stickyColumnIndices,
+      columnHeaderHeight: columnHeaderHeight
+    },
+    style: {
+      // 保持列头的 overflow: "hidden" 以确保正确的滚动行为
+      overflow: "hidden",
+      // borderTopLeftRadius: theme?.radius?.mini ?? 4,
+      backgroundColor: columnHeaderBackgroundColor || ((_e = (_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.grey4) !== null && _e !== void 0 ? _e : "rgba(0, 0, 0, 0.08)")
+    }
+  }, ItemWrapper)), react_1.default.createElement("div", __assign({
+    ref: ref
+  }, rest, {
+    style: __assign(__assign({}, style), {
+      width: totalWidth
+    })
+  }), scrollLeft > 0 && react_1.default.createElement(StickyColumn, {
+    style: {
+      backgroundColor: (_f = theme === null || theme === void 0 ? void 0 : theme.background) !== null && _f !== void 0 ? _f : "#F9F2E8",
+      zIndex: 5,
+      top: 0,
+      width: 1,
+      // 左侧阴影条宽度应该是 1
+      height: height,
+      left: 0,
+      marginTop: headersRender ? -1 * (columnHeaderHeight || 40) : 0,
+      position: "sticky",
+      boxShadow: "2px 0px 6px 4px rgba(0, 0, 0, 0.12)"
+    }
+  }), !stickyColumnIndices && scrollLeft !== totalWidth - width && react_1.default.createElement(StickyColumn, {
+    style: {
+      backgroundColor: (_g = theme === null || theme === void 0 ? void 0 : theme.background) !== null && _g !== void 0 ? _g : "#F9F2E8",
+      zIndex: 5,
+      top: 0,
+      width: 1,
+      height: height,
+      left: width + 2 - (border ? 1 : 0),
+      marginTop: scrollLeft === 0 ? headersRender ? -1 * (columnHeaderHeight || 40) : 0 : -1 * height,
+      position: "sticky",
+      boxShadow: "-2px 0px 6px 4px rgba(0, 0, 0, 0.12)"
+    }
+  }), headersRender && stickyColumnIndices && react_1.default.createElement(StickyColumn, {
+    style: {
+      backgroundColor: (_h = theme === null || theme === void 0 ? void 0 : theme.background) !== null && _h !== void 0 ? _h : "#F9F2E8",
+      zIndex: 5,
+      top: 0,
+      width: stickyColumnsWidth,
+      height: columnHeaderHeight || 40,
+      left: width - stickyColumnsWidth - (border ? 1 : 0),
+      // 使用总宽度计算位置
+      marginTop: scrollLeft === 0 ? -1 * (columnHeaderHeight || 40) : -1 * height,
+      position: "sticky",
+      boxShadow: "-2px -3px 6px rgba(0, 0, 0, 0.12)",
+      borderLeft: border ? "1px solid ".concat((_j = theme === null || theme === void 0 ? void 0 : theme.grey3) !== null && _j !== void 0 ? _j : "rgba(0, 0, 0, 0.12)") : "none"
+    }
+  }, react_1.default.createElement(VariableSizeGrid_1.default, {
+    columnCount: stickyColumnIndices.length,
+    columnWidth: function (index) {
+      var _a;
+      return columnWidth((_a = stickyColumnIndices === null || stickyColumnIndices === void 0 ? void 0 : stickyColumnIndices[index]) !== null && _a !== void 0 ? _a : 0);
+    },
+    height: columnHeaderHeight || 40,
+    rowCount: 1,
+    rowHeight: function () {
+      return columnHeaderHeight || 40;
+    },
+    width: stickyColumnsWidth,
+    itemData: {
+      ItemRenderer: headersRender,
+      stickyColumnIndices: stickyColumnIndices
+    },
+    style: {
+      overflow: "hidden",
+      backgroundColor: columnHeaderBackgroundColor || ((_l = (_k = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _k === void 0 ? void 0 : _k.grey4) !== null && _l !== void 0 ? _l : "rgba(0, 0, 0, 0.08)")
+    }
+  }, StickyColumnCell)), stickyColumnIndices && react_1.default.createElement(StickyColumn, {
+    style: {
+      backgroundColor: (_m = theme === null || theme === void 0 ? void 0 : theme.background) !== null && _m !== void 0 ? _m : "#F9F2E8",
+      zIndex: 2,
+      top: headersRender ? columnHeaderHeight || 40 : 0,
+      left: width - stickyColumnsWidth - (border ? 1 : 0),
+      // 使用总宽度计算位置
+      width: stickyColumnsWidth,
+      height: "100%",
+      position: "sticky",
+      boxShadow: "-2px 0 6px rgba(0, 0, 0, 0.12)",
+      borderLeft: border ? "1px solid ".concat((_o = theme === null || theme === void 0 ? void 0 : theme.grey3) !== null && _o !== void 0 ? _o : "rgba(0, 0, 0, 0.12)") : "none"
+    }
+  }, react_1.default.createElement(VariableSizeGrid_1.default, {
+    columnCount: stickyColumnIndices.length,
+    columnWidth: function (index) {
+      var _a;
+      return columnWidth((_a = stickyColumnIndices === null || stickyColumnIndices === void 0 ? void 0 : stickyColumnIndices[index]) !== null && _a !== void 0 ? _a : 0);
+    },
+    height: style.height,
+    rowCount: rowCount,
+    rowHeight: rowHeight,
+    width: stickyColumnsWidth,
+    itemData: {
+      ItemRenderer: ItemRenderer,
+      stickyColumnIndices: stickyColumnIndices,
+      border: border,
+      hasActions: hasActionsFn
+    },
+    style: {
+      overflow: hasActions ? "visible" : "hidden"
+    }
+  }, StickyColumnCell)), children));
+});
+var StickyList = function (_a) {
+  var _b, _c, _d, _e;
+  var children = _a.children,
+    headersRender = _a.headersRender,
+    stickyColumnIndices = _a.stickyColumnIndices,
+    style = _a.style,
+    _f = _a.columnHeaderHeight,
+    columnHeaderHeight = _f === void 0 ? 40 : _f,
+    columnHeaderBackgroundColor = _a.columnHeaderBackgroundColor,
+    rowHeight = _a.rowHeight,
+    onScroll = _a.onScroll,
+    hideBorder = _a.hideBorder,
+    hideborderRadius = _a.hideborderRadius,
+    gridRef = _a.gridRef,
+    _g = _a.border,
+    border = _g === void 0 ? false : _g,
+    hasActions = _a.hasActions,
+    // eslint-disable-line @typescript-eslint/no-unused-vars
+    rest = __rest(_a, ["children", "headersRender", "stickyColumnIndices", "style", "columnHeaderHeight", "columnHeaderBackgroundColor", "rowHeight", "onScroll", "hideBorder", "hideborderRadius", "gridRef", "border", "hasActions"]);
+  var headerRef = (0, react_1.useRef)(null);
+  var _h = (0, react_1.useState)(0),
+    gridScrollLeft = _h[0],
+    setGridScrollLeft = _h[1];
+  var handleScroll = (0, react_1.useCallback)(function (event) {
+    var _a;
+    (_a = headerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(__assign(__assign({}, event), {
+      scrollTop: headerRef.current.scrollTop
+    }));
+    onScroll && onScroll(event);
+    setGridScrollLeft(event.scrollLeft);
+  }, []);
+  var contextValue = (0, react_1.useMemo)(function () {
+    return {
+      ItemRenderer: children,
+      headerRef: headerRef,
+      gridRef: gridRef,
+      height: rest.height,
+      columnHeaderHeight: columnHeaderHeight,
+      columnHeaderBackgroundColor: columnHeaderBackgroundColor,
+      headersRender: headersRender,
+      stickyColumnIndices: stickyColumnIndices,
+      columnWidth: rest.columnWidth,
+      width: rest.width,
+      columnCount: rest.columnCount,
+      rowHeight: rowHeight,
+      border: border,
+      scrollLeft: gridScrollLeft,
+      rowCount: rest.rowCount,
+      theme: rest.theme
+    };
+  }, [gridScrollLeft, children, headersRender, stickyColumnIndices, rest.columnWidth, rest.width, rest.columnCount, rest.height, rowHeight, rest.theme]);
+  return react_1.default.createElement(StickyListContext.Provider, {
+    value: contextValue
+  }, react_1.default.createElement(VariableSizeGrid_1.default, __assign({}, rest, {
+    ref: gridRef,
+    onScroll: handleScroll,
+    height: Math.min(rest.rowCount * rowHeight(0) + columnHeaderHeight, rest.height),
+    rowHeight: rowHeight !== null && rowHeight !== void 0 ? rowHeight : 56,
+    style: __assign(__assign({
+      height: rest.height,
+      backgroundColor: (_b = rest.theme.background) !== null && _b !== void 0 ? _b : "#F9F2E8"
+    }, style), {
+      width: rest.width,
+      border: border ? "1px solid ".concat((_c = rest.theme.grey3) !== null && _c !== void 0 ? _c : "rgba(0, 0, 0, 0.12)") : "none",
+      borderBottomWidth: (hideBorder === null || hideBorder === void 0 ? void 0 : hideBorder.includes("bottom")) ? 0 : 1,
+      borderTopWidth: (hideBorder === null || hideBorder === void 0 ? void 0 : hideBorder.includes("top")) ? 0 : 1,
+      borderLeftWidth: (hideBorder === null || hideBorder === void 0 ? void 0 : hideBorder.includes("left")) ? 0 : 1,
+      borderRightWidth: (hideBorder === null || hideBorder === void 0 ? void 0 : hideBorder.includes("rigth")) ? 0 : 1,
+      borderTopLeftRadius: (hideborderRadius === null || hideborderRadius === void 0 ? void 0 : hideborderRadius.includes("topLeft")) ? 0 : (_d = rest.theme.radius.mini) !== null && _d !== void 0 ? _d : 4,
+      borderTopRightRadius: (hideborderRadius === null || hideborderRadius === void 0 ? void 0 : hideborderRadius.includes("topRight")) ? 0 : (_e = rest.theme.radius.mini) !== null && _e !== void 0 ? _e : 4,
+      scrollbarWidth: "none",
+      msOverflowStyle: "none"
+    }),
+    itemData: {
+      ItemRenderer: children,
+      headersRender: headersRender,
+      stickyColumnIndices: stickyColumnIndices,
+      columnHeaderHeight: columnHeaderHeight,
+      border: border,
+      theme: rest.theme
+    }
+  }), ItemWrapper));
+};
+var StickyFixedSizeGrid = function (_a) {
+  var headersRender = _a.headersRender,
+    children = _a.children,
+    hasActions = _a.hasActions,
+    rest = __rest(_a, ["headersRender", "children", "hasActions"]);
+  return react_1.default.createElement(StickyList, __assign({}, rest, {
+    innerElementType: function (props) {
+      return react_1.default.createElement(InnerElementType, __assign({}, props, {
+        hasActions: hasActions
+      }));
+    },
+    headersRender: headersRender,
+    hasActions: hasActions
+  }), children);
+};
+exports.default = (0, themed_1.withTheme)(StickyFixedSizeGrid);
+//# sourceMappingURL=StaticFixedSizeGrid.js.map