@ballistix.digital/react-components 3.3.1 → 3.3.2

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ArrowPathIcon, ChevronDownIcon, EllipsisVerticalIcon, ExclamationCircleIcon, ChevronDoubleLeftIcon, ChevronLeftIcon, ChevronRightIcon, ChevronDoubleRightIcon, ChevronUpIcon, ChevronUpDownIcon, HomeIcon, ArrowLongLeftIcon, ArrowLongRightIcon } from '@heroicons/react/20/solid';
-import { isArray, map, set, get, noop as noop$2, indexOf, toSafeInteger, pick, isEmpty, some, compact as compact$1, forEach, assign, includes, findIndex, find, concat, times, intersection, trim, lastIndexOf } from 'lodash';
+import { isArray, map, set, get, noop as noop$2, indexOf, toSafeInteger, pick, isEmpty, some, compact as compact$1, forEach, assign, includes, findIndex, last, first, find, concat, times, intersection, trim, lastIndexOf } from 'lodash';
 import get$1 from 'lodash/get';
 import React, { useState, useMemo, useRef, Children, Fragment as Fragment$1, useEffect, useCallback, useLayoutEffect, createContext, memo, useReducer, forwardRef, useContext, cloneElement, useImperativeHandle, createElement, PureComponent, Component } from 'react';
 import { library } from '@fortawesome/fontawesome-svg-core';
@@ -6015,18 +6015,24 @@ var TableList2 = function (props) {
         var pinnedColumnIndex = findIndex((_d = (_c = config.options) === null || _c === void 0 ? void 0 : _c.columnPinning) === null || _d === void 0 ? void 0 : _d[side], { name: id });
         if (pinnedColumnIndex === -1)
             return null;
+        var startIndex = side === 'left' ? 0 : pinnedColumnIndex + 1;
+        var endIndex = side === 'left'
+            ? pinnedColumnIndex
+            : pinnedColumns.length - pinnedColumnIndex + 1;
         return pinnedColumns
-            .slice(0, pinnedColumnIndex)
+            .slice(startIndex, endIndex)
             .reduce(function (acc, size) { return acc + size; }, 0);
     }, [(_q = config.options) === null || _q === void 0 ? void 0 : _q.columnPinning]);
     var getCommonPinningStyles = useCallback(function (column) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         var isPinned = column.getIsPinned();
-        var isLastLeftPinnedColumn = isPinned === 'left' && column.getIsLastColumn('left');
-        var isFirstRightPinnedColumn = isPinned === 'right' && column.getIsFirstColumn('right');
-        var width = (_e = find(concat((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.columnPinning) === null || _b === void 0 ? void 0 : _b.left, (_d = (_c = config.options) === null || _c === void 0 ? void 0 : _c.columnPinning) === null || _d === void 0 ? void 0 : _d.right), {
+        var isLastLeftPinnedColumn = column.id == ((_c = last((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.columnPinning) === null || _b === void 0 ? void 0 : _b.left)) === null || _c === void 0 ? void 0 : _c.name);
+        var isFirstRightPinnedColumn = column.id == ((_f = first((_e = (_d = config.options) === null || _d === void 0 ? void 0 : _d.columnPinning) === null || _e === void 0 ? void 0 : _e.right)) === null || _f === void 0 ? void 0 : _f.name);
+        if (isFirstRightPinnedColumn)
+            console.log(column.id);
+        var width = (_l = find(concat((_h = (_g = config.options) === null || _g === void 0 ? void 0 : _g.columnPinning) === null || _h === void 0 ? void 0 : _h.left, (_k = (_j = config.options) === null || _j === void 0 ? void 0 : _j.columnPinning) === null || _k === void 0 ? void 0 : _k.right), {
             name: column.id,
-        })) === null || _e === void 0 ? void 0 : _e.size;
+        })) === null || _l === void 0 ? void 0 : _l.size;
         return {
             width: width,
             maxWidth: width,