@trackunit/react-table 1.13.43 → 1.13.45
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/index.cjs.js +7 -1
- package/index.esm.js +7 -1
- package/package.json +9 -9
package/index.cjs.js
CHANGED
|
@@ -506,7 +506,13 @@ const ColumnFilter = ({ columns, setColumnOrder, defaultColumnOrder = [], column
|
|
|
506
506
|
const visibleColumnsCount = react.useMemo(() => {
|
|
507
507
|
return columns.filter(col => col.getIsVisible()).length;
|
|
508
508
|
}, [columns]);
|
|
509
|
-
return (jsxRuntime.jsx(
|
|
509
|
+
return (jsxRuntime.jsx(reactComponents.Popover, { onOpenStateChange: open => {
|
|
510
|
+
if (!open) {
|
|
511
|
+
setSearchText("");
|
|
512
|
+
}
|
|
513
|
+
}, placement: "bottom-start", children: modalState => {
|
|
514
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: jsxRuntime.jsx(reactComponents.Tooltip, { disabled: modalState.isOpen, label: t("table.columnFilters.tooltip"), placement: "bottom", children: jsxRuntime.jsx(reactComponents.IconButton, { icon: jsxRuntime.jsx(reactComponents.Icon, { name: "Cog6Tooth", size: "small" }), size: "small", variant: "secondary" }) }) }), jsxRuntime.jsx(reactComponents.PopoverContent, { children: () => (jsxRuntime.jsx(reactDnd.DndProvider, { backend: reactDndHtml5Backend.HTML5Backend, children: jsxRuntime.jsxs(reactComponents.MenuList, { className: "relative max-h-[55vh] w-72 overflow-y-auto", children: [jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-1", children: [jsxRuntime.jsx(reactFormComponents.Search, { autoFocus: true, className: "flex-1", fieldSize: "small", id: "column-search", onChange: e => setSearchText(e.currentTarget.value.toLowerCase()), onClear: () => setSearchText(""), placeholder: t("table.search.placeholder"), value: searchText }), jsxRuntime.jsx(reactComponents.Button, { "data-testid": "resetColumnState", onClick: resetColumnState, size: "small", variant: "ghost-neutral", children: t("layout.actions.reset") })] }), jsxRuntime.jsx(ColumnFiltersDragAndDrop, { columns: sortedColumns, isSortDisabled: !!searchText, onUserEvent: onUserEvent, setColumnOrder: setColumnOrder, visibleColumnsCount: visibleColumnsCount })] }) })) })] }));
|
|
515
|
+
} }));
|
|
510
516
|
};
|
|
511
517
|
const ColumnFiltersDragAndDrop = ({ columns, setColumnOrder, onUserEvent, isSortDisabled, visibleColumnsCount, }) => {
|
|
512
518
|
const [localColumns, setLocalColumns] = react.useState(columns);
|
package/index.esm.js
CHANGED
|
@@ -505,7 +505,13 @@ const ColumnFilter = ({ columns, setColumnOrder, defaultColumnOrder = [], column
|
|
|
505
505
|
const visibleColumnsCount = useMemo(() => {
|
|
506
506
|
return columns.filter(col => col.getIsVisible()).length;
|
|
507
507
|
}, [columns]);
|
|
508
|
-
return (jsx(
|
|
508
|
+
return (jsx(Popover, { onOpenStateChange: open => {
|
|
509
|
+
if (!open) {
|
|
510
|
+
setSearchText("");
|
|
511
|
+
}
|
|
512
|
+
}, placement: "bottom-start", children: modalState => {
|
|
513
|
+
return (jsxs(Fragment, { children: [jsx(PopoverTrigger, { children: jsx(Tooltip, { disabled: modalState.isOpen, label: t("table.columnFilters.tooltip"), placement: "bottom", children: jsx(IconButton, { icon: jsx(Icon, { name: "Cog6Tooth", size: "small" }), size: "small", variant: "secondary" }) }) }), jsx(PopoverContent, { children: () => (jsx(DndProvider, { backend: HTML5Backend, children: jsxs(MenuList, { className: "relative max-h-[55vh] w-72 overflow-y-auto", children: [jsxs("div", { className: "mb-2 flex items-center gap-1", children: [jsx(Search, { autoFocus: true, className: "flex-1", fieldSize: "small", id: "column-search", onChange: e => setSearchText(e.currentTarget.value.toLowerCase()), onClear: () => setSearchText(""), placeholder: t("table.search.placeholder"), value: searchText }), jsx(Button, { "data-testid": "resetColumnState", onClick: resetColumnState, size: "small", variant: "ghost-neutral", children: t("layout.actions.reset") })] }), jsx(ColumnFiltersDragAndDrop, { columns: sortedColumns, isSortDisabled: !!searchText, onUserEvent: onUserEvent, setColumnOrder: setColumnOrder, visibleColumnsCount: visibleColumnsCount })] }) })) })] }));
|
|
514
|
+
} }));
|
|
509
515
|
};
|
|
510
516
|
const ColumnFiltersDragAndDrop = ({ columns, setColumnOrder, onUserEvent, isSortDisabled, visibleColumnsCount, }) => {
|
|
511
517
|
const [localColumns, setLocalColumns] = useState(columns);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/react-table",
|
|
3
|
-
"version": "1.13.
|
|
3
|
+
"version": "1.13.45",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
"react-dnd-html5-backend": "16.0.1",
|
|
15
15
|
"@tanstack/react-router": "1.114.29",
|
|
16
16
|
"tailwind-merge": "^2.0.0",
|
|
17
|
-
"@trackunit/react-components": "1.17.
|
|
18
|
-
"@trackunit/shared-utils": "1.13.
|
|
19
|
-
"@trackunit/css-class-variance-utilities": "1.11.
|
|
20
|
-
"@trackunit/ui-icons": "1.11.
|
|
21
|
-
"@trackunit/react-table-base-components": "1.13.
|
|
22
|
-
"@trackunit/react-form-components": "1.14.
|
|
23
|
-
"@trackunit/i18n-library-translation": "1.12.
|
|
24
|
-
"@trackunit/iris-app-runtime-core-api": "1.12.
|
|
17
|
+
"@trackunit/react-components": "1.17.39",
|
|
18
|
+
"@trackunit/shared-utils": "1.13.53",
|
|
19
|
+
"@trackunit/css-class-variance-utilities": "1.11.53",
|
|
20
|
+
"@trackunit/ui-icons": "1.11.51",
|
|
21
|
+
"@trackunit/react-table-base-components": "1.13.43",
|
|
22
|
+
"@trackunit/react-form-components": "1.14.43",
|
|
23
|
+
"@trackunit/i18n-library-translation": "1.12.40",
|
|
24
|
+
"@trackunit/iris-app-runtime-core-api": "1.12.35",
|
|
25
25
|
"graphql": "^16.10.0"
|
|
26
26
|
},
|
|
27
27
|
"module": "./index.esm.js",
|