@cerebruminc/cerebellum 13.6.0 → 13.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/Table.cjs +51 -47
- package/lib/cjs/Table.cjs.map +1 -1
- package/lib/esm/Table.js +51 -47
- package/lib/esm/Table.js.map +1 -1
- package/package.json +1 -1
package/lib/cjs/Table.cjs
CHANGED
|
@@ -414,21 +414,21 @@ var optionHeader = {
|
|
|
414
414
|
disableSort: true,
|
|
415
415
|
};
|
|
416
416
|
var TableComponent = function (_a) {
|
|
417
|
-
var activeHeaderColor = _a.activeHeaderColor, activeFilters = _a.activeFilters, addRow = _a.addRow, addRowButtonColorFamily = _a.addRowButtonColorFamily, addRowButtonFontSize = _a.addRowButtonFontSize, _b = _a.addRowText, addRowText = _b === void 0 ? ADD_ROW_TEXT_DEFAULT : _b, addRowValidation = _a.addRowValidation, addRowValidationColor = _a.addRowValidationColor, addRowValidationMessage = _a.addRowValidationMessage, _c = _a.altOptions, altOptions = _c === void 0 ? [] : _c, bottomPadding = _a.bottomPadding, calcRowBackgroundColor = _a.calcRowBackgroundColor, _d = _a.checkboxHeaderActive, checkboxHeaderActive = _d === void 0 ? false : _d, clickCheckbox = _a.clickCheckbox, clickCheckboxHeader = _a.clickCheckboxHeader, clickHeader = _a.clickHeader, clickOption = _a.clickOption, clickRadio = _a.clickRadio, clickRow = _a.clickRow, columns = _a.columns, defaultSort = _a.defaultSort, defaultSortReverse = _a.defaultSortReverse, disableSortAll = _a.disableSortAll, dynamicAltOptions = _a.dynamicAltOptions, dynamicOptions = _a.dynamicOptions, _e = _a.editable, editable = _e === void 0 ? false : _e, editRowValidation = _a.editRowValidation, editRowValidationMessageObject = _a.editRowValidationMessageObject, _f = _a.editWholeDollars, editWholeDollars = _f === void 0 ? false : _f, _g = _a.fetching, fetching = _g === void 0 ? false : _g, _h = _a.fetchingAnimationHeight, fetchingAnimationHeight = _h === void 0 ? TableStyles.FETCHING_ANIMATION_HEIGHT_DEFAULT : _h, _j = _a.fetchingRowsNumber, fetchingRowsNumber = _j === void 0 ? 3 : _j, filterFunction = _a.filterFunction, footerButtonColorFamily = _a.footerButtonColorFamily, onFooterButtonClick = _a.onFooterButtonClick, FooterButtonIcon = _a.FooterButtonIcon, footerButtonText = _a.footerButtonText, headerFontSize = _a.headerFontSize, headerUnderlineColor = _a.headerUnderlineColor, headerless = _a.headerless, _k = _a.hideCheckedHighlight, hideCheckedHighlight = _k === void 0 ? false : _k, hideDivider = _a.hideDivider, highlightBoxShadow = _a.highlightBoxShadow, highlightRow = _a.highlightRow, highlightRowExtend = _a.highlightRowExtend, highlightRowColor = _a.highlightRowColor, highlightTipColor = _a.highlightTipColor, inactiveHeaderColor = _a.inactiveHeaderColor, inactiveHeaderColorHover = _a.inactiveHeaderColorHover, isRowClickable = _a.isRowClickable, _l = _a.loadingRowId, loadingRowId = _l === void 0 ? ROW_LOADING_ID : _l, mouseEnterRow = _a.mouseEnterRow, mouseLeaveRow = _a.mouseLeaveRow, noResultsFunction = _a.noResultsFunction, noResultsButtonColorFamily = _a.noResultsButtonColorFamily, _m = _a.noResultsButtonText, noResultsButtonText = _m === void 0 ? DEFAULT_NO_RESULTS_BUTTON_TEXT : _m, noResultsHeader = _a.noResultsHeader, noResultsHeaderColor = _a.noResultsHeaderColor, _o = _a.noResultsText, noResultsText = _o === void 0 ? DEFAULT_NO_RESULTS_TEXT : _o, noResultsTextColor = _a.noResultsTextColor, observeScrollRef = _a.observeScrollRef, onBlurRow = _a.onBlurRow, onEdit = _a.onEdit, onFocusRow = _a.onFocusRow, onFilterMenuClose = _a.onFilterMenuClose, onFilterMenuOpen = _a.onFilterMenuOpen, onPagination = _a.onPagination,
|
|
417
|
+
var activeHeaderColor = _a.activeHeaderColor, activeFilters = _a.activeFilters, addRow = _a.addRow, addRowButtonColorFamily = _a.addRowButtonColorFamily, addRowButtonFontSize = _a.addRowButtonFontSize, _b = _a.addRowText, addRowText = _b === void 0 ? ADD_ROW_TEXT_DEFAULT : _b, addRowValidation = _a.addRowValidation, addRowValidationColor = _a.addRowValidationColor, addRowValidationMessage = _a.addRowValidationMessage, _c = _a.altOptions, altOptions = _c === void 0 ? [] : _c, bottomPadding = _a.bottomPadding, calcRowBackgroundColor = _a.calcRowBackgroundColor, _d = _a.checkboxHeaderActive, checkboxHeaderActive = _d === void 0 ? false : _d, clickCheckbox = _a.clickCheckbox, clickCheckboxHeader = _a.clickCheckboxHeader, clickHeader = _a.clickHeader, clickOption = _a.clickOption, clickRadio = _a.clickRadio, clickRow = _a.clickRow, columns = _a.columns, defaultSort = _a.defaultSort, defaultSortReverse = _a.defaultSortReverse, disableSortAll = _a.disableSortAll, dynamicAltOptions = _a.dynamicAltOptions, dynamicOptions = _a.dynamicOptions, _e = _a.editable, editable = _e === void 0 ? false : _e, editRowValidation = _a.editRowValidation, editRowValidationMessageObject = _a.editRowValidationMessageObject, _f = _a.editWholeDollars, editWholeDollars = _f === void 0 ? false : _f, _g = _a.fetching, fetching = _g === void 0 ? false : _g, _h = _a.fetchingAnimationHeight, fetchingAnimationHeight = _h === void 0 ? TableStyles.FETCHING_ANIMATION_HEIGHT_DEFAULT : _h, _j = _a.fetchingRowsNumber, fetchingRowsNumber = _j === void 0 ? 3 : _j, filterFunction = _a.filterFunction, footerButtonColorFamily = _a.footerButtonColorFamily, onFooterButtonClick = _a.onFooterButtonClick, FooterButtonIcon = _a.FooterButtonIcon, footerButtonText = _a.footerButtonText, headerFontSize = _a.headerFontSize, headerUnderlineColor = _a.headerUnderlineColor, headerless = _a.headerless, _k = _a.hideCheckedHighlight, hideCheckedHighlight = _k === void 0 ? false : _k, hideDivider = _a.hideDivider, highlightBoxShadow = _a.highlightBoxShadow, highlightRow = _a.highlightRow, highlightRowExtend = _a.highlightRowExtend, highlightRowColor = _a.highlightRowColor, highlightTipColor = _a.highlightTipColor, inactiveHeaderColor = _a.inactiveHeaderColor, inactiveHeaderColorHover = _a.inactiveHeaderColorHover, isRowClickable = _a.isRowClickable, _l = _a.loadingRowId, loadingRowId = _l === void 0 ? ROW_LOADING_ID : _l, mouseEnterRow = _a.mouseEnterRow, mouseLeaveRow = _a.mouseLeaveRow, noResultsFunction = _a.noResultsFunction, noResultsButtonColorFamily = _a.noResultsButtonColorFamily, _m = _a.noResultsButtonText, noResultsButtonText = _m === void 0 ? DEFAULT_NO_RESULTS_BUTTON_TEXT : _m, noResultsHeader = _a.noResultsHeader, noResultsHeaderColor = _a.noResultsHeaderColor, _o = _a.noResultsText, noResultsText = _o === void 0 ? DEFAULT_NO_RESULTS_TEXT : _o, noResultsTextColor = _a.noResultsTextColor, observeScrollRef = _a.observeScrollRef, onBlurRow = _a.onBlurRow, onEdit = _a.onEdit, onFocusRow = _a.onFocusRow, onFilterMenuClose = _a.onFilterMenuClose, onFilterMenuOpen = _a.onFilterMenuOpen, onPagination = _a.onPagination, _p = _a.options, options = _p === void 0 ? [] : _p, paginationStart = _a.paginationStart, parentSort = _a.parentSort, rowBackgroundColor = _a.rowBackgroundColor, rowBackgroundColorAlternating = _a.rowBackgroundColorAlternating, rowBorderRadius = _a.rowBorderRadius, rowGrow = _a.rowGrow, _q = _a.rowHeight, rowHeight = _q === void 0 ? TableStyles.ROW_HEIGHT_DEFAULT : _q, _r = _a.rowId, rowId = _r === void 0 ? ROW_ID_DEFAULT : _r, _s = _a.rows, rows = _s === void 0 ? [] : _s, rowsPerPage = _a.rowsPerPage, sortIndicatorColor = _a.sortIndicatorColor, _t = _a.tableId, tableId = _t === void 0 ? TABLE_ID_DEFAULT : _t, topPadding = _a.topPadding, totalItems = _a.totalItems;
|
|
418
418
|
var theme = styled.useTheme();
|
|
419
|
-
var
|
|
420
|
-
var
|
|
421
|
-
var
|
|
422
|
-
var
|
|
423
|
-
var
|
|
424
|
-
var
|
|
425
|
-
var
|
|
419
|
+
var _u = React.useState(columns), alteredColumns = _u[0], setAlteredColumns = _u[1];
|
|
420
|
+
var _v = React.useState(false), cellLevelClick = _v[0], setCellLevelClick = _v[1];
|
|
421
|
+
var _w = React.useState(false), addRowMode = _w[0], setAddRowMode = _w[1];
|
|
422
|
+
var _x = React.useState({}), addRowData = _x[0], setAddRowData = _x[1];
|
|
423
|
+
var _y = React.useState({}), editRowData = _y[0], setEditRowData = _y[1];
|
|
424
|
+
var _z = React.useState({ top: 0, left: 0, bottom: 0 }), editErrorTooltipPosition = _z[0], setEditErrorTooltipPosition = _z[1];
|
|
425
|
+
var _0 = React.useState(""), editRowId = _0[0], setEditRowId = _0[1];
|
|
426
426
|
// filters panel data
|
|
427
|
-
var
|
|
428
|
-
var
|
|
429
|
-
var
|
|
430
|
-
var
|
|
431
|
-
var
|
|
427
|
+
var _1 = React.useState(), filtersPanelContent = _1[0], setFiltersPanelContent = _1[1];
|
|
428
|
+
var _2 = React.useState(false), filtersPanelOpen = _2[0], setFiltersPanelOpen = _2[1];
|
|
429
|
+
var _3 = React.useState(false), filtersPanelUseRadio = _3[0], setFiltersPanelUseRadio = _3[1];
|
|
430
|
+
var _4 = React.useState(0), filtersPanelIndex = _4[0], setFiltersPanelIndex = _4[1];
|
|
431
|
+
var _5 = React.useState({
|
|
432
432
|
x: 0,
|
|
433
433
|
y: 0,
|
|
434
434
|
width: 0,
|
|
@@ -437,25 +437,25 @@ var TableComponent = function (_a) {
|
|
|
437
437
|
left: 0,
|
|
438
438
|
bottom: 0,
|
|
439
439
|
right: 0,
|
|
440
|
-
}), filtersButtonMeasure =
|
|
440
|
+
}), filtersButtonMeasure = _5[0], setFiltersButtonMeasure = _5[1];
|
|
441
441
|
var filtersRefArray = React.useRef([]);
|
|
442
|
-
var
|
|
443
|
-
var
|
|
444
|
-
var
|
|
445
|
-
var
|
|
446
|
-
var
|
|
447
|
-
var
|
|
448
|
-
var
|
|
442
|
+
var _6 = React.useState(false), focusFirstEditableCell = _6[0], setFocusFirstEditableCell = _6[1];
|
|
443
|
+
var _7 = React.useState([]), optimisticRows = _7[0], setOptimisticRows = _7[1];
|
|
444
|
+
var _8 = React.useState(false), showAddRowValidationMessage = _8[0], setShowAddRowValidationMessage = _8[1];
|
|
445
|
+
var _9 = React.useState(false), showEditRowValidationMessage = _9[0], setShowEditRowValidationMessage = _9[1];
|
|
446
|
+
var _10 = React.useState(""), sortId = _10[0], setSortId = _10[1];
|
|
447
|
+
var _11 = React.useState(false), sortAscending = _11[0], setSortAscending = _11[1];
|
|
448
|
+
var _12 = React.useReducer(tableReducer, {
|
|
449
449
|
sortedRows: rows,
|
|
450
450
|
rowsById: {},
|
|
451
451
|
tableIsDragging: false,
|
|
452
|
-
}),
|
|
453
|
-
var
|
|
454
|
-
var
|
|
455
|
-
var
|
|
456
|
-
var
|
|
457
|
-
var
|
|
458
|
-
var
|
|
452
|
+
}), _13 = _12[0], sortedRows = _13.sortedRows, tableIsDragging = _13.tableIsDragging, dispatch = _12[1];
|
|
453
|
+
var _14 = React.useState(1000), tableWidth = _14[0], setTableWidth = _14[1];
|
|
454
|
+
var _15 = React.useState({}), tooltipInfo = _15[0], setTooltipInfo = _15[1];
|
|
455
|
+
var _16 = React.useState(0), tooltipIndex = _16[0], setTooltipIndex = _16[1];
|
|
456
|
+
var _17 = React.useState(false), tooltipOpen = _17[0], setTooltipOpen = _17[1];
|
|
457
|
+
var _18 = React.useState({ top: 0, left: 0, bottom: 0 }), tooltipPosition = _18[0], setTooltipPosition = _18[1];
|
|
458
|
+
var _19 = React.useState(options), usableOptions = _19[0], setUsableOptions = _19[1];
|
|
459
459
|
var hasOptions = (usableOptions === null || usableOptions === void 0 ? void 0 : usableOptions.length) > 0;
|
|
460
460
|
var sortableTable = !disableSortAll;
|
|
461
461
|
var showNoResultsMessage = rows.length === 0 && !fetching;
|
|
@@ -472,23 +472,23 @@ var TableComponent = function (_a) {
|
|
|
472
472
|
}, []);
|
|
473
473
|
// const cancelEdit = useCallback(() => {}, []);
|
|
474
474
|
// Pagination
|
|
475
|
-
var
|
|
476
|
-
var
|
|
477
|
-
var
|
|
478
|
-
var
|
|
479
|
-
var
|
|
480
|
-
var
|
|
481
|
-
var
|
|
482
|
-
var
|
|
483
|
-
var
|
|
484
|
-
var
|
|
485
|
-
var
|
|
486
|
-
var
|
|
487
|
-
var
|
|
488
|
-
var
|
|
489
|
-
var
|
|
490
|
-
var
|
|
491
|
-
var
|
|
475
|
+
var _20 = React.useState(0), numberOfPages = _20[0], setNumberOfPages = _20[1]; // 0 for no pagination necessary
|
|
476
|
+
var _21 = React.useState(0), currentPage = _21[0], setCurrentPage = _21[1];
|
|
477
|
+
var _22 = React.useState([]), pageNumberOptions = _22[0], setPageNumberOptions = _22[1];
|
|
478
|
+
var _23 = React.useState(""), paginationKey = _23[0], setPaginationKey = _23[1];
|
|
479
|
+
var _24 = React.useState(false), showPreviousPagesInput = _24[0], setShowPreviousPagesInput = _24[1];
|
|
480
|
+
var _25 = React.useState(false), showPreviousPagesInputError = _25[0], setShowPreviousPagesInputError = _25[1];
|
|
481
|
+
var _26 = React.useState(), previousPagesInputValue = _26[0], setPreviousPagesInputValue = _26[1];
|
|
482
|
+
var _27 = React.useState(false), showPreviousPagesTooltip = _27[0], setShowPreviousPagesTooltip = _27[1];
|
|
483
|
+
var _28 = React.useState({ top: 0, left: 0, bottom: 0 }), previousPagesTooltipPosition = _28[0], setPreviousPagesTooltipPosition = _28[1];
|
|
484
|
+
var _29 = React.useState([]), previousMissingNumbers = _29[0], setPreviousMissingNumbers = _29[1];
|
|
485
|
+
var _30 = React.useState(false), showNextPagesInput = _30[0], setShowNextPagesInput = _30[1];
|
|
486
|
+
var _31 = React.useState(false), showNextPagesInputError = _31[0], setShowNextPagesInputError = _31[1];
|
|
487
|
+
var _32 = React.useState(), nextPagesInputValue = _32[0], setNextPagesInputValue = _32[1];
|
|
488
|
+
var _33 = React.useState(false), showNextPagesTooltip = _33[0], setShowNextPagesTooltip = _33[1];
|
|
489
|
+
var _34 = React.useState({ top: 0, left: 0, bottom: 0 }), nextPagesTooltipPosition = _34[0], setNextPagesTooltipPosition = _34[1];
|
|
490
|
+
var _35 = React.useState([]), nextMissingNumbers = _35[0], setNextMissingNumbers = _35[1];
|
|
491
|
+
var _36 = React.useState([]), visiblePageNumberOptions = _36[0], setVisiblePageNumberOptions = _36[1];
|
|
492
492
|
var externalPaginationMode = paginationStart !== undefined &&
|
|
493
493
|
onPagination !== undefined &&
|
|
494
494
|
totalItems !== undefined &&
|
|
@@ -634,13 +634,13 @@ var TableComponent = function (_a) {
|
|
|
634
634
|
sortRowsById({ cellId: !parentSort && sortId ? sortId : "THERE_IS_NO_SORT_ID", extraRows: [], updatedRows: rows });
|
|
635
635
|
}, [rows]);
|
|
636
636
|
React.useEffect(function () {
|
|
637
|
-
setUsableOptions(editable ? _tslib.__spreadArray([editOption],
|
|
637
|
+
setUsableOptions(editable ? _tslib.__spreadArray([editOption], options, true) : options);
|
|
638
638
|
}, [options, editable]);
|
|
639
639
|
React.useEffect(function () {
|
|
640
640
|
var tableMinimum = 0;
|
|
641
641
|
var cellClicks = false;
|
|
642
642
|
// hasOptions hasn't updated when this runs initially
|
|
643
|
-
var optionsExist = editable || (options
|
|
643
|
+
var optionsExist = editable || (options === null || options === void 0 ? void 0 : options.length) > 0 || altOptions.length > 0;
|
|
644
644
|
// Inject feature based column headers here
|
|
645
645
|
var updatedColumns = _tslib.__spreadArray([], columns, true);
|
|
646
646
|
if (clickCheckbox) {
|
|
@@ -847,6 +847,10 @@ var TableComponent = function (_a) {
|
|
|
847
847
|
setShowNextPagesTooltip(false);
|
|
848
848
|
}, rowBackgroundColorAlternating: rowBackgroundColorAlternating }, void 0) }), void 0), filterFunction && filtersPanelContent && (jsxRuntime.jsx(TableFiltersPanel.TableFiltersPanel, { activeFilters: activeFilters, columnData: filtersPanelContent, filterFunction: filterFunction, filtersButtonMeasure: filtersButtonMeasure, filtersPanelOpen: filtersPanelOpen, onFilterMenuClose: onFilterMenuClose, onFilterSelect: remeasureFilterPanelPositon, radioButtons: filtersPanelUseRadio, panelWidth: filtersPanelContent.filterPanelWidth, setFiltersPanelOpen: setFiltersPanelOpen }, void 0)), filtersPanelOpen && jsxRuntime.jsx(TableStyles.ClickShield, {}, void 0)] }), void 0) }), void 0));
|
|
849
849
|
};
|
|
850
|
+
// These defaultProps are still here because of infinite loop in jest tests. Only happens with options.
|
|
851
|
+
TableComponent.defaultProps = {
|
|
852
|
+
options: [],
|
|
853
|
+
};
|
|
850
854
|
var Table = React__default["default"].memo(TableComponent);
|
|
851
855
|
|
|
852
856
|
exports.Table = Table;
|
package/lib/cjs/Table.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/esm/Table.js
CHANGED
|
@@ -405,21 +405,21 @@ var optionHeader = {
|
|
|
405
405
|
disableSort: true,
|
|
406
406
|
};
|
|
407
407
|
var TableComponent = function (_a) {
|
|
408
|
-
var activeHeaderColor = _a.activeHeaderColor, activeFilters = _a.activeFilters, addRow = _a.addRow, addRowButtonColorFamily = _a.addRowButtonColorFamily, addRowButtonFontSize = _a.addRowButtonFontSize, _b = _a.addRowText, addRowText = _b === void 0 ? ADD_ROW_TEXT_DEFAULT : _b, addRowValidation = _a.addRowValidation, addRowValidationColor = _a.addRowValidationColor, addRowValidationMessage = _a.addRowValidationMessage, _c = _a.altOptions, altOptions = _c === void 0 ? [] : _c, bottomPadding = _a.bottomPadding, calcRowBackgroundColor = _a.calcRowBackgroundColor, _d = _a.checkboxHeaderActive, checkboxHeaderActive = _d === void 0 ? false : _d, clickCheckbox = _a.clickCheckbox, clickCheckboxHeader = _a.clickCheckboxHeader, clickHeader = _a.clickHeader, clickOption = _a.clickOption, clickRadio = _a.clickRadio, clickRow = _a.clickRow, columns = _a.columns, defaultSort = _a.defaultSort, defaultSortReverse = _a.defaultSortReverse, disableSortAll = _a.disableSortAll, dynamicAltOptions = _a.dynamicAltOptions, dynamicOptions = _a.dynamicOptions, _e = _a.editable, editable = _e === void 0 ? false : _e, editRowValidation = _a.editRowValidation, editRowValidationMessageObject = _a.editRowValidationMessageObject, _f = _a.editWholeDollars, editWholeDollars = _f === void 0 ? false : _f, _g = _a.fetching, fetching = _g === void 0 ? false : _g, _h = _a.fetchingAnimationHeight, fetchingAnimationHeight = _h === void 0 ? FETCHING_ANIMATION_HEIGHT_DEFAULT : _h, _j = _a.fetchingRowsNumber, fetchingRowsNumber = _j === void 0 ? 3 : _j, filterFunction = _a.filterFunction, footerButtonColorFamily = _a.footerButtonColorFamily, onFooterButtonClick = _a.onFooterButtonClick, FooterButtonIcon = _a.FooterButtonIcon, footerButtonText = _a.footerButtonText, headerFontSize = _a.headerFontSize, headerUnderlineColor = _a.headerUnderlineColor, headerless = _a.headerless, _k = _a.hideCheckedHighlight, hideCheckedHighlight = _k === void 0 ? false : _k, hideDivider = _a.hideDivider, highlightBoxShadow = _a.highlightBoxShadow, highlightRow = _a.highlightRow, highlightRowExtend = _a.highlightRowExtend, highlightRowColor = _a.highlightRowColor, highlightTipColor = _a.highlightTipColor, inactiveHeaderColor = _a.inactiveHeaderColor, inactiveHeaderColorHover = _a.inactiveHeaderColorHover, isRowClickable = _a.isRowClickable, _l = _a.loadingRowId, loadingRowId = _l === void 0 ? ROW_LOADING_ID : _l, mouseEnterRow = _a.mouseEnterRow, mouseLeaveRow = _a.mouseLeaveRow, noResultsFunction = _a.noResultsFunction, noResultsButtonColorFamily = _a.noResultsButtonColorFamily, _m = _a.noResultsButtonText, noResultsButtonText = _m === void 0 ? DEFAULT_NO_RESULTS_BUTTON_TEXT : _m, noResultsHeader = _a.noResultsHeader, noResultsHeaderColor = _a.noResultsHeaderColor, _o = _a.noResultsText, noResultsText = _o === void 0 ? DEFAULT_NO_RESULTS_TEXT : _o, noResultsTextColor = _a.noResultsTextColor, observeScrollRef = _a.observeScrollRef, onBlurRow = _a.onBlurRow, onEdit = _a.onEdit, onFocusRow = _a.onFocusRow, onFilterMenuClose = _a.onFilterMenuClose, onFilterMenuOpen = _a.onFilterMenuOpen, onPagination = _a.onPagination,
|
|
408
|
+
var activeHeaderColor = _a.activeHeaderColor, activeFilters = _a.activeFilters, addRow = _a.addRow, addRowButtonColorFamily = _a.addRowButtonColorFamily, addRowButtonFontSize = _a.addRowButtonFontSize, _b = _a.addRowText, addRowText = _b === void 0 ? ADD_ROW_TEXT_DEFAULT : _b, addRowValidation = _a.addRowValidation, addRowValidationColor = _a.addRowValidationColor, addRowValidationMessage = _a.addRowValidationMessage, _c = _a.altOptions, altOptions = _c === void 0 ? [] : _c, bottomPadding = _a.bottomPadding, calcRowBackgroundColor = _a.calcRowBackgroundColor, _d = _a.checkboxHeaderActive, checkboxHeaderActive = _d === void 0 ? false : _d, clickCheckbox = _a.clickCheckbox, clickCheckboxHeader = _a.clickCheckboxHeader, clickHeader = _a.clickHeader, clickOption = _a.clickOption, clickRadio = _a.clickRadio, clickRow = _a.clickRow, columns = _a.columns, defaultSort = _a.defaultSort, defaultSortReverse = _a.defaultSortReverse, disableSortAll = _a.disableSortAll, dynamicAltOptions = _a.dynamicAltOptions, dynamicOptions = _a.dynamicOptions, _e = _a.editable, editable = _e === void 0 ? false : _e, editRowValidation = _a.editRowValidation, editRowValidationMessageObject = _a.editRowValidationMessageObject, _f = _a.editWholeDollars, editWholeDollars = _f === void 0 ? false : _f, _g = _a.fetching, fetching = _g === void 0 ? false : _g, _h = _a.fetchingAnimationHeight, fetchingAnimationHeight = _h === void 0 ? FETCHING_ANIMATION_HEIGHT_DEFAULT : _h, _j = _a.fetchingRowsNumber, fetchingRowsNumber = _j === void 0 ? 3 : _j, filterFunction = _a.filterFunction, footerButtonColorFamily = _a.footerButtonColorFamily, onFooterButtonClick = _a.onFooterButtonClick, FooterButtonIcon = _a.FooterButtonIcon, footerButtonText = _a.footerButtonText, headerFontSize = _a.headerFontSize, headerUnderlineColor = _a.headerUnderlineColor, headerless = _a.headerless, _k = _a.hideCheckedHighlight, hideCheckedHighlight = _k === void 0 ? false : _k, hideDivider = _a.hideDivider, highlightBoxShadow = _a.highlightBoxShadow, highlightRow = _a.highlightRow, highlightRowExtend = _a.highlightRowExtend, highlightRowColor = _a.highlightRowColor, highlightTipColor = _a.highlightTipColor, inactiveHeaderColor = _a.inactiveHeaderColor, inactiveHeaderColorHover = _a.inactiveHeaderColorHover, isRowClickable = _a.isRowClickable, _l = _a.loadingRowId, loadingRowId = _l === void 0 ? ROW_LOADING_ID : _l, mouseEnterRow = _a.mouseEnterRow, mouseLeaveRow = _a.mouseLeaveRow, noResultsFunction = _a.noResultsFunction, noResultsButtonColorFamily = _a.noResultsButtonColorFamily, _m = _a.noResultsButtonText, noResultsButtonText = _m === void 0 ? DEFAULT_NO_RESULTS_BUTTON_TEXT : _m, noResultsHeader = _a.noResultsHeader, noResultsHeaderColor = _a.noResultsHeaderColor, _o = _a.noResultsText, noResultsText = _o === void 0 ? DEFAULT_NO_RESULTS_TEXT : _o, noResultsTextColor = _a.noResultsTextColor, observeScrollRef = _a.observeScrollRef, onBlurRow = _a.onBlurRow, onEdit = _a.onEdit, onFocusRow = _a.onFocusRow, onFilterMenuClose = _a.onFilterMenuClose, onFilterMenuOpen = _a.onFilterMenuOpen, onPagination = _a.onPagination, _p = _a.options, options = _p === void 0 ? [] : _p, paginationStart = _a.paginationStart, parentSort = _a.parentSort, rowBackgroundColor = _a.rowBackgroundColor, rowBackgroundColorAlternating = _a.rowBackgroundColorAlternating, rowBorderRadius = _a.rowBorderRadius, rowGrow = _a.rowGrow, _q = _a.rowHeight, rowHeight = _q === void 0 ? ROW_HEIGHT_DEFAULT : _q, _r = _a.rowId, rowId = _r === void 0 ? ROW_ID_DEFAULT : _r, _s = _a.rows, rows = _s === void 0 ? [] : _s, rowsPerPage = _a.rowsPerPage, sortIndicatorColor = _a.sortIndicatorColor, _t = _a.tableId, tableId = _t === void 0 ? TABLE_ID_DEFAULT : _t, topPadding = _a.topPadding, totalItems = _a.totalItems;
|
|
409
409
|
var theme = useTheme();
|
|
410
|
-
var
|
|
411
|
-
var
|
|
412
|
-
var
|
|
413
|
-
var
|
|
414
|
-
var
|
|
415
|
-
var
|
|
416
|
-
var
|
|
410
|
+
var _u = useState(columns), alteredColumns = _u[0], setAlteredColumns = _u[1];
|
|
411
|
+
var _v = useState(false), cellLevelClick = _v[0], setCellLevelClick = _v[1];
|
|
412
|
+
var _w = useState(false), addRowMode = _w[0], setAddRowMode = _w[1];
|
|
413
|
+
var _x = useState({}), addRowData = _x[0], setAddRowData = _x[1];
|
|
414
|
+
var _y = useState({}), editRowData = _y[0], setEditRowData = _y[1];
|
|
415
|
+
var _z = useState({ top: 0, left: 0, bottom: 0 }), editErrorTooltipPosition = _z[0], setEditErrorTooltipPosition = _z[1];
|
|
416
|
+
var _0 = useState(""), editRowId = _0[0], setEditRowId = _0[1];
|
|
417
417
|
// filters panel data
|
|
418
|
-
var
|
|
419
|
-
var
|
|
420
|
-
var
|
|
421
|
-
var
|
|
422
|
-
var
|
|
418
|
+
var _1 = useState(), filtersPanelContent = _1[0], setFiltersPanelContent = _1[1];
|
|
419
|
+
var _2 = useState(false), filtersPanelOpen = _2[0], setFiltersPanelOpen = _2[1];
|
|
420
|
+
var _3 = useState(false), filtersPanelUseRadio = _3[0], setFiltersPanelUseRadio = _3[1];
|
|
421
|
+
var _4 = useState(0), filtersPanelIndex = _4[0], setFiltersPanelIndex = _4[1];
|
|
422
|
+
var _5 = useState({
|
|
423
423
|
x: 0,
|
|
424
424
|
y: 0,
|
|
425
425
|
width: 0,
|
|
@@ -428,25 +428,25 @@ var TableComponent = function (_a) {
|
|
|
428
428
|
left: 0,
|
|
429
429
|
bottom: 0,
|
|
430
430
|
right: 0,
|
|
431
|
-
}), filtersButtonMeasure =
|
|
431
|
+
}), filtersButtonMeasure = _5[0], setFiltersButtonMeasure = _5[1];
|
|
432
432
|
var filtersRefArray = useRef([]);
|
|
433
|
-
var
|
|
434
|
-
var
|
|
435
|
-
var
|
|
436
|
-
var
|
|
437
|
-
var
|
|
438
|
-
var
|
|
439
|
-
var
|
|
433
|
+
var _6 = useState(false), focusFirstEditableCell = _6[0], setFocusFirstEditableCell = _6[1];
|
|
434
|
+
var _7 = useState([]), optimisticRows = _7[0], setOptimisticRows = _7[1];
|
|
435
|
+
var _8 = useState(false), showAddRowValidationMessage = _8[0], setShowAddRowValidationMessage = _8[1];
|
|
436
|
+
var _9 = useState(false), showEditRowValidationMessage = _9[0], setShowEditRowValidationMessage = _9[1];
|
|
437
|
+
var _10 = useState(""), sortId = _10[0], setSortId = _10[1];
|
|
438
|
+
var _11 = useState(false), sortAscending = _11[0], setSortAscending = _11[1];
|
|
439
|
+
var _12 = useReducer(tableReducer, {
|
|
440
440
|
sortedRows: rows,
|
|
441
441
|
rowsById: {},
|
|
442
442
|
tableIsDragging: false,
|
|
443
|
-
}),
|
|
444
|
-
var
|
|
445
|
-
var
|
|
446
|
-
var
|
|
447
|
-
var
|
|
448
|
-
var
|
|
449
|
-
var
|
|
443
|
+
}), _13 = _12[0], sortedRows = _13.sortedRows, tableIsDragging = _13.tableIsDragging, dispatch = _12[1];
|
|
444
|
+
var _14 = useState(1000), tableWidth = _14[0], setTableWidth = _14[1];
|
|
445
|
+
var _15 = useState({}), tooltipInfo = _15[0], setTooltipInfo = _15[1];
|
|
446
|
+
var _16 = useState(0), tooltipIndex = _16[0], setTooltipIndex = _16[1];
|
|
447
|
+
var _17 = useState(false), tooltipOpen = _17[0], setTooltipOpen = _17[1];
|
|
448
|
+
var _18 = useState({ top: 0, left: 0, bottom: 0 }), tooltipPosition = _18[0], setTooltipPosition = _18[1];
|
|
449
|
+
var _19 = useState(options), usableOptions = _19[0], setUsableOptions = _19[1];
|
|
450
450
|
var hasOptions = (usableOptions === null || usableOptions === void 0 ? void 0 : usableOptions.length) > 0;
|
|
451
451
|
var sortableTable = !disableSortAll;
|
|
452
452
|
var showNoResultsMessage = rows.length === 0 && !fetching;
|
|
@@ -463,23 +463,23 @@ var TableComponent = function (_a) {
|
|
|
463
463
|
}, []);
|
|
464
464
|
// const cancelEdit = useCallback(() => {}, []);
|
|
465
465
|
// Pagination
|
|
466
|
-
var
|
|
467
|
-
var
|
|
468
|
-
var
|
|
469
|
-
var
|
|
470
|
-
var
|
|
471
|
-
var
|
|
472
|
-
var
|
|
473
|
-
var
|
|
474
|
-
var
|
|
475
|
-
var
|
|
476
|
-
var
|
|
477
|
-
var
|
|
478
|
-
var
|
|
479
|
-
var
|
|
480
|
-
var
|
|
481
|
-
var
|
|
482
|
-
var
|
|
466
|
+
var _20 = useState(0), numberOfPages = _20[0], setNumberOfPages = _20[1]; // 0 for no pagination necessary
|
|
467
|
+
var _21 = useState(0), currentPage = _21[0], setCurrentPage = _21[1];
|
|
468
|
+
var _22 = useState([]), pageNumberOptions = _22[0], setPageNumberOptions = _22[1];
|
|
469
|
+
var _23 = useState(""), paginationKey = _23[0], setPaginationKey = _23[1];
|
|
470
|
+
var _24 = useState(false), showPreviousPagesInput = _24[0], setShowPreviousPagesInput = _24[1];
|
|
471
|
+
var _25 = useState(false), showPreviousPagesInputError = _25[0], setShowPreviousPagesInputError = _25[1];
|
|
472
|
+
var _26 = useState(), previousPagesInputValue = _26[0], setPreviousPagesInputValue = _26[1];
|
|
473
|
+
var _27 = useState(false), showPreviousPagesTooltip = _27[0], setShowPreviousPagesTooltip = _27[1];
|
|
474
|
+
var _28 = useState({ top: 0, left: 0, bottom: 0 }), previousPagesTooltipPosition = _28[0], setPreviousPagesTooltipPosition = _28[1];
|
|
475
|
+
var _29 = useState([]), previousMissingNumbers = _29[0], setPreviousMissingNumbers = _29[1];
|
|
476
|
+
var _30 = useState(false), showNextPagesInput = _30[0], setShowNextPagesInput = _30[1];
|
|
477
|
+
var _31 = useState(false), showNextPagesInputError = _31[0], setShowNextPagesInputError = _31[1];
|
|
478
|
+
var _32 = useState(), nextPagesInputValue = _32[0], setNextPagesInputValue = _32[1];
|
|
479
|
+
var _33 = useState(false), showNextPagesTooltip = _33[0], setShowNextPagesTooltip = _33[1];
|
|
480
|
+
var _34 = useState({ top: 0, left: 0, bottom: 0 }), nextPagesTooltipPosition = _34[0], setNextPagesTooltipPosition = _34[1];
|
|
481
|
+
var _35 = useState([]), nextMissingNumbers = _35[0], setNextMissingNumbers = _35[1];
|
|
482
|
+
var _36 = useState([]), visiblePageNumberOptions = _36[0], setVisiblePageNumberOptions = _36[1];
|
|
483
483
|
var externalPaginationMode = paginationStart !== undefined &&
|
|
484
484
|
onPagination !== undefined &&
|
|
485
485
|
totalItems !== undefined &&
|
|
@@ -625,13 +625,13 @@ var TableComponent = function (_a) {
|
|
|
625
625
|
sortRowsById({ cellId: !parentSort && sortId ? sortId : "THERE_IS_NO_SORT_ID", extraRows: [], updatedRows: rows });
|
|
626
626
|
}, [rows]);
|
|
627
627
|
useEffect(function () {
|
|
628
|
-
setUsableOptions(editable ? __spreadArray([editOption],
|
|
628
|
+
setUsableOptions(editable ? __spreadArray([editOption], options, true) : options);
|
|
629
629
|
}, [options, editable]);
|
|
630
630
|
useEffect(function () {
|
|
631
631
|
var tableMinimum = 0;
|
|
632
632
|
var cellClicks = false;
|
|
633
633
|
// hasOptions hasn't updated when this runs initially
|
|
634
|
-
var optionsExist = editable || (options
|
|
634
|
+
var optionsExist = editable || (options === null || options === void 0 ? void 0 : options.length) > 0 || altOptions.length > 0;
|
|
635
635
|
// Inject feature based column headers here
|
|
636
636
|
var updatedColumns = __spreadArray([], columns, true);
|
|
637
637
|
if (clickCheckbox) {
|
|
@@ -838,6 +838,10 @@ var TableComponent = function (_a) {
|
|
|
838
838
|
setShowNextPagesTooltip(false);
|
|
839
839
|
}, rowBackgroundColorAlternating: rowBackgroundColorAlternating }, void 0) }), void 0), filterFunction && filtersPanelContent && (jsx(TableFiltersPanel, { activeFilters: activeFilters, columnData: filtersPanelContent, filterFunction: filterFunction, filtersButtonMeasure: filtersButtonMeasure, filtersPanelOpen: filtersPanelOpen, onFilterMenuClose: onFilterMenuClose, onFilterSelect: remeasureFilterPanelPositon, radioButtons: filtersPanelUseRadio, panelWidth: filtersPanelContent.filterPanelWidth, setFiltersPanelOpen: setFiltersPanelOpen }, void 0)), filtersPanelOpen && jsx(ClickShield, {}, void 0)] }), void 0) }), void 0));
|
|
840
840
|
};
|
|
841
|
+
// These defaultProps are still here because of infinite loop in jest tests. Only happens with options.
|
|
842
|
+
TableComponent.defaultProps = {
|
|
843
|
+
options: [],
|
|
844
|
+
};
|
|
841
845
|
var Table = React__default.memo(TableComponent);
|
|
842
846
|
|
|
843
847
|
export { Table };
|
package/lib/esm/Table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|