@vendorflow/components 2.0.56 → 2.0.57
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.
|
@@ -48,6 +48,7 @@ export interface TableFeatureOptions<D extends object> {
|
|
|
48
48
|
}
|
|
49
49
|
interface Props<D extends object> {
|
|
50
50
|
title?: string;
|
|
51
|
+
'data-testid'?: string;
|
|
51
52
|
labels?: {
|
|
52
53
|
noMatchLabel?: string;
|
|
53
54
|
noMatchColSpan?: number;
|
|
@@ -58,7 +59,7 @@ interface Props<D extends object> {
|
|
|
58
59
|
renderActions?: () => ReactNode;
|
|
59
60
|
renderRowSelectActions?: () => ReactNode;
|
|
60
61
|
}
|
|
61
|
-
export default function DataTable<D extends object>({ title, labels, columns, instance, options, renderActions, renderRowSelectActions, }: Props<D>): JSX.Element;
|
|
62
|
+
export default function DataTable<D extends object>({ title, labels, columns, instance, options, renderActions, renderRowSelectActions, ...restOfProps }: Props<D>): JSX.Element;
|
|
62
63
|
export declare function usePluginConfig<D extends object>(options: TableFeatureOptions<D>): PluginHook<D>[];
|
|
63
64
|
export interface UseDefaultTableInstanceProps<D extends object> {
|
|
64
65
|
columns: EnhancedColumn<D>[];
|
|
@@ -97,7 +97,7 @@ var EXPAND_BTN_WIDTH = 24;
|
|
|
97
97
|
var NO_MATCH_TEXT = 'Sorry, no matching records found';
|
|
98
98
|
function DataTable(_a) {
|
|
99
99
|
var _b;
|
|
100
|
-
var title = _a.title, labels = _a.labels, columns = _a.columns, instance = _a.instance, options = _a.options, renderActions = _a.renderActions, renderRowSelectActions = _a.renderRowSelectActions;
|
|
100
|
+
var title = _a.title, labels = _a.labels, columns = _a.columns, instance = _a.instance, options = _a.options, renderActions = _a.renderActions, renderRowSelectActions = _a.renderRowSelectActions, restOfProps = __rest(_a, ["title", "labels", "columns", "instance", "options", "renderActions", "renderRowSelectActions"]);
|
|
101
101
|
var _c = labels || { noMatchLabel: NO_MATCH_TEXT }, _d = _c.noMatchLabel, noMatchLabel = _d === void 0 ? NO_MATCH_TEXT : _d, noMatchColSpan = _c.noMatchColSpan;
|
|
102
102
|
var _e = options || {}, rowExpandingConfig = _e.rowExpanding, filtersConfig = _e.filters, globalSearchConfig = _e.globalSearch, columnHidingConfig = _e.columnHiding, paginationConfig = _e.pagination, rowSelectConfig = _e.rowSelect, sortingConfig = _e.sorting;
|
|
103
103
|
var ExpandedComponent = (rowExpandingConfig || {}).Component;
|
|
@@ -139,7 +139,7 @@ function DataTable(_a) {
|
|
|
139
139
|
var tableRows = (paginationConfig === null || paginationConfig === void 0 ? void 0 : paginationConfig.enabled) ? page : rows;
|
|
140
140
|
return ((0, react_1.jsx)(react_1.ClassNames, null, function (_a) {
|
|
141
141
|
var css = _a.css, cx = _a.cx;
|
|
142
|
-
return ((0, react_1.jsx)(material_1.Paper, { css: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: relative;\n "], ["\n width: 100%;\n position: relative;\n "]))) },
|
|
142
|
+
return ((0, react_1.jsx)(material_1.Paper, __assign({ css: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: relative;\n "], ["\n width: 100%;\n position: relative;\n "]))), className: "vendorflow-table" }, restOfProps),
|
|
143
143
|
(0, react_1.jsx)("div", null,
|
|
144
144
|
(0, react_1.jsx)(Toolbar_1.default, { title: title, allColumns: allColumns, columnNameById: columnNameById, globalFilter: globalFilter, enableFilters: filtersConfig === null || filtersConfig === void 0 ? void 0 : filtersConfig.enabled, enableGlobalSearch: globalSearchConfig === null || globalSearchConfig === void 0 ? void 0 : globalSearchConfig.enabled, enableHideColumns: columnHidingConfig === null || columnHidingConfig === void 0 ? void 0 : columnHidingConfig.enabled, hasRowsSelected: hasRowsSelected, numRowsSelected: numRowsSelected, setAllFilters: setAllFilters, setGlobalFilter: (globalSearchConfig === null || globalSearchConfig === void 0 ? void 0 : globalSearchConfig.setGlobalFilter) ? globalSearchConfig === null || globalSearchConfig === void 0 ? void 0 : globalSearchConfig.setGlobalFilter : setGlobalFilter, renderActions: renderActions, renderRowSelectActions: renderRowSelectActions }),
|
|
145
145
|
(filtersConfig === null || filtersConfig === void 0 ? void 0 : filtersConfig.enabled) && ((0, react_1.jsx)(AppliedFilters_1.default, { columnNameById: columnNameById, filters: filters, setFilter: setFilter }))),
|