@terraware/web-components 4.1.4 → 4.1.6
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.
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type JSX } from 'react';
|
|
2
2
|
import { SxProps } from '@mui/material';
|
|
3
|
+
import { SortingFnOption } from '@tanstack/table-core';
|
|
3
4
|
import { MRT_Cell, MRT_Column, MRT_Row, MRT_TableInstance, MRT_TableOptions } from 'material-react-table';
|
|
4
5
|
export type ColumnEditConfig<TData extends Record<string, any>> = {
|
|
5
6
|
/** Function to call when a cell value is saved (on blur) */
|
|
@@ -46,6 +47,8 @@ export type EditableTableColumn<TData extends Record<string, any>> = {
|
|
|
46
47
|
filterSelectOptions?: string[];
|
|
47
48
|
/** Custom filter function */
|
|
48
49
|
filterFn?: 'fuzzy' | 'between' | 'arrIncludesSome' | ((row: TData, columnId: string, filterValue: any) => boolean);
|
|
50
|
+
/** Custom sorting function */
|
|
51
|
+
sortingFn?: SortingFnOption<TData>;
|
|
49
52
|
};
|
|
50
53
|
export type EditableTableProps<TData extends Record<string, any>> = {
|
|
51
54
|
/** Array of column definitions */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EditableTable/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,GAAG,EAA6C,MAAM,OAAO,CAAC;AAEnF,OAAO,EAAiB,OAAO,EAAuB,MAAM,eAAe,CAAC;AAC5E,OAAO,EAEL,QAAQ,EACR,UAAU,EAGV,OAAO,EACP,iBAAiB,EACjB,gBAAgB,EAEjB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAChE,4DAA4D;IAC5D,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3C,iCAAiC;IACjC,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5D,4BAA4B;IAC5B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC5B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QACtB,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QACpB,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;QAC1B,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;KACjC,KAAK,GAAG,CAAC,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IACnE,EAAE,EAAE,MAAM,CAAC;IACX,yBAAyB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC;IAC1B,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,GAAG,CAAC;IACjC,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iHAAiH;IACjH,aAAa,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,CAAC;IAC7D,uCAAuC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,UAAU,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACrC,2BAA2B;IAC3B,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACrF,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,cAAc,GAAG,OAAO,GAAG,YAAY,CAAC;IAC5E,8CAA8C;IAC9C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,iBAAiB,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,OAAO,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EditableTable/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -103,6 +103,11 @@ function EditableTable(_ref) {
|
|
|
103
103
|
filterFn: col.filterFn,
|
|
104
104
|
enableColumnFilter: col.filterVariant !== undefined
|
|
105
105
|
};
|
|
106
|
+
if (col.sortingFn) {
|
|
107
|
+
// The underlying library must be checking for the existence of the `sortingFn` key, because even
|
|
108
|
+
// `sortingFn: undefined` doesn't work, so have to conditionally add it
|
|
109
|
+
mrtCol.sortingFn = col.sortingFn;
|
|
110
|
+
}
|
|
106
111
|
|
|
107
112
|
// Handle edit configuration
|
|
108
113
|
if (col.editConfig) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAgC,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAsB,OAAO,EAAE,KAAK,EAAqB,MAAM,eAAe,CAAC;AAItF,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,GAAG,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,IAAI,GAAI,yEAQX,SAAS,KAAG,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAgC,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAsB,OAAO,EAAE,KAAK,EAAqB,MAAM,eAAe,CAAC;AAItF,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,GAAG,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,IAAI,GAAI,yEAQX,SAAS,KAAG,GAAG,CAAC,OA0HlB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/components/Tabs/index.js
CHANGED
|
@@ -78,25 +78,35 @@ const Tabs = _ref => {
|
|
|
78
78
|
}, [activeTab]);
|
|
79
79
|
const renderedTabs = (0, _react.useMemo)(() => tabs.map((tab, index) => {
|
|
80
80
|
const muiTab = /*#__PURE__*/_react.default.createElement(_material.Tab, {
|
|
81
|
+
key: index,
|
|
81
82
|
disabled: tab.disabled,
|
|
82
83
|
icon: tab.icon ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
83
84
|
name: tab.icon
|
|
84
85
|
}) : undefined,
|
|
85
|
-
label: tab.label,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
86
|
+
label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tab.label, tab.tooltip && !tab.disabled && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
|
|
87
|
+
title: tab.tooltip,
|
|
88
|
+
arrow: true,
|
|
89
|
+
placement: "top-start"
|
|
90
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
91
|
+
style: {
|
|
92
|
+
position: 'absolute',
|
|
93
|
+
inset: 0
|
|
94
|
+
}
|
|
95
|
+
}))),
|
|
96
|
+
sx: tabStyles,
|
|
89
97
|
value: tab.id
|
|
90
98
|
});
|
|
91
|
-
return /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
|
|
99
|
+
return tab.disabled ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
|
|
92
100
|
title: tab.tooltip,
|
|
93
|
-
key: index
|
|
94
|
-
|
|
101
|
+
key: index,
|
|
102
|
+
arrow: true,
|
|
103
|
+
placement: "top-start"
|
|
104
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
95
105
|
style: {
|
|
96
106
|
display: 'inline-flex'
|
|
97
107
|
}
|
|
98
|
-
}, muiTab) : muiTab
|
|
99
|
-
}), [tabs
|
|
108
|
+
}, muiTab)) : muiTab;
|
|
109
|
+
}), [tabs]);
|
|
100
110
|
return /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
101
111
|
sx: (0, _objectSpread2.default)({
|
|
102
112
|
width: '100%'
|