@trackunit/react-table 1.6.81 → 1.6.84
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 +3 -3
- package/index.esm.js +4 -4
- package/package.json +11 -11
package/index.cjs.js
CHANGED
|
@@ -29,8 +29,8 @@ var defaultTranslations = {
|
|
|
29
29
|
"table.columnFilters.columns": "Columns",
|
|
30
30
|
"table.columnFilters.hiddenColumnCount": "{{count}} column hidden",
|
|
31
31
|
"table.columnFilters.hiddenColumnsCount": "{{count}} columns hidden",
|
|
32
|
-
"table.columnFilters.title": "Visible
|
|
33
|
-
"table.columnFilters.tooltip": "Customize
|
|
32
|
+
"table.columnFilters.title": "Visible columns",
|
|
33
|
+
"table.columnFilters.tooltip": "Customize columns",
|
|
34
34
|
"table.error": "Something went wrong while fetching the data",
|
|
35
35
|
"table.exportFileName": "exported-data",
|
|
36
36
|
"table.format": "Format",
|
|
@@ -398,7 +398,7 @@ const ColumnFilter = ({ columns, setColumnOrder, defaultColumnOrder = [], column
|
|
|
398
398
|
const visibleColumnsCount = react.useMemo(() => {
|
|
399
399
|
return columns.filter(col => col.getIsVisible()).length;
|
|
400
400
|
}, [columns]);
|
|
401
|
-
return (jsxRuntime.jsx(reactDnd.DndProvider, { backend: reactDndHtml5Backend.HTML5Backend, children: jsxRuntime.jsx(reactComponents.Tooltip, { label: t("table.columnFilters.tooltip"), placement: "bottom", children: jsxRuntime.jsxs(reactComponents.Popover, { placement: "bottom-start", children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: jsxRuntime.jsx(reactComponents.
|
|
401
|
+
return (jsxRuntime.jsx(reactDnd.DndProvider, { backend: reactDndHtml5Backend.HTML5Backend, children: jsxRuntime.jsx(reactComponents.Tooltip, { label: t("table.columnFilters.tooltip"), placement: "bottom", children: jsxRuntime.jsxs(reactComponents.Popover, { placement: "bottom-start", children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: jsxRuntime.jsx(reactComponents.IconButton, { icon: jsxRuntime.jsx(reactComponents.Icon, { name: "Cog6Tooth", size: "small" }), size: "small", variant: "secondary" }) }), jsxRuntime.jsx(reactComponents.PopoverContent, { 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, { dataTestId: "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 })] })) })] }) }) }));
|
|
402
402
|
};
|
|
403
403
|
const ColumnFiltersDragAndDrop = ({ columns, setColumnOrder, onUserEvent, isSortDisabled, visibleColumnsCount, }) => {
|
|
404
404
|
const [localColumns, setLocalColumns] = react.useState(columns);
|
package/index.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-library-translation';
|
|
3
|
-
import { MenuItem, Icon, Button, Tooltip, useOverflowItems, MoreMenu, MenuList, Spacer, cvaInteractableItem, Text, Popover, PopoverTrigger,
|
|
3
|
+
import { MenuItem, Icon, Button, Tooltip, useOverflowItems, MoreMenu, MenuList, Spacer, cvaInteractableItem, Text, Popover, PopoverTrigger, IconButton, PopoverContent, Card, Spinner, EmptyState } from '@trackunit/react-components';
|
|
4
4
|
import { objectValues, nonNullable, objectKeys, objectEntries } from '@trackunit/shared-utils';
|
|
5
5
|
import { useMemo, Children, cloneElement, useRef, useState, useEffect, useCallback, createElement } from 'react';
|
|
6
6
|
import { cvaMerge } from '@trackunit/css-class-variance-utilities';
|
|
@@ -28,8 +28,8 @@ var defaultTranslations = {
|
|
|
28
28
|
"table.columnFilters.columns": "Columns",
|
|
29
29
|
"table.columnFilters.hiddenColumnCount": "{{count}} column hidden",
|
|
30
30
|
"table.columnFilters.hiddenColumnsCount": "{{count}} columns hidden",
|
|
31
|
-
"table.columnFilters.title": "Visible
|
|
32
|
-
"table.columnFilters.tooltip": "Customize
|
|
31
|
+
"table.columnFilters.title": "Visible columns",
|
|
32
|
+
"table.columnFilters.tooltip": "Customize columns",
|
|
33
33
|
"table.error": "Something went wrong while fetching the data",
|
|
34
34
|
"table.exportFileName": "exported-data",
|
|
35
35
|
"table.format": "Format",
|
|
@@ -397,7 +397,7 @@ const ColumnFilter = ({ columns, setColumnOrder, defaultColumnOrder = [], column
|
|
|
397
397
|
const visibleColumnsCount = useMemo(() => {
|
|
398
398
|
return columns.filter(col => col.getIsVisible()).length;
|
|
399
399
|
}, [columns]);
|
|
400
|
-
return (jsx(DndProvider, { backend: HTML5Backend, children: jsx(Tooltip, { label: t("table.columnFilters.tooltip"), placement: "bottom", children: jsxs(Popover, { placement: "bottom-start", children: [jsx(PopoverTrigger, { children: jsx(
|
|
400
|
+
return (jsx(DndProvider, { backend: HTML5Backend, children: jsx(Tooltip, { label: t("table.columnFilters.tooltip"), placement: "bottom", children: jsxs(Popover, { placement: "bottom-start", children: [jsx(PopoverTrigger, { children: jsx(IconButton, { icon: jsx(Icon, { name: "Cog6Tooth", size: "small" }), size: "small", variant: "secondary" }) }), jsx(PopoverContent, { 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, { dataTestId: "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 })] })) })] }) }) }));
|
|
401
401
|
};
|
|
402
402
|
const ColumnFiltersDragAndDrop = ({ columns, setColumnOrder, onUserEvent, isSortDisabled, visibleColumnsCount, }) => {
|
|
403
403
|
const [localColumns, setLocalColumns] = useState(columns);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/react-table",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.84",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
@@ -15,16 +15,16 @@
|
|
|
15
15
|
"jest-fetch-mock": "^3.0.3",
|
|
16
16
|
"@tanstack/react-router": "1.114.29",
|
|
17
17
|
"tailwind-merge": "^2.0.0",
|
|
18
|
-
"@trackunit/react-components": "1.8.
|
|
19
|
-
"@trackunit/shared-utils": "1.8.
|
|
20
|
-
"@trackunit/css-class-variance-utilities": "1.6.
|
|
21
|
-
"@trackunit/ui-icons": "1.6.
|
|
22
|
-
"@trackunit/react-table-base-components": "1.6.
|
|
23
|
-
"@trackunit/react-table-pagination": "1.6.
|
|
24
|
-
"@trackunit/react-form-components": "1.7.
|
|
25
|
-
"@trackunit/i18n-library-translation": "1.6.
|
|
26
|
-
"@trackunit/react-core-contexts-api": "1.7.
|
|
27
|
-
"@trackunit/react-test-setup": "1.3.
|
|
18
|
+
"@trackunit/react-components": "1.8.32",
|
|
19
|
+
"@trackunit/shared-utils": "1.8.57",
|
|
20
|
+
"@trackunit/css-class-variance-utilities": "1.6.56",
|
|
21
|
+
"@trackunit/ui-icons": "1.6.55",
|
|
22
|
+
"@trackunit/react-table-base-components": "1.6.84",
|
|
23
|
+
"@trackunit/react-table-pagination": "1.6.55",
|
|
24
|
+
"@trackunit/react-form-components": "1.7.48",
|
|
25
|
+
"@trackunit/i18n-library-translation": "1.6.61",
|
|
26
|
+
"@trackunit/react-core-contexts-api": "1.7.58",
|
|
27
|
+
"@trackunit/react-test-setup": "1.3.56"
|
|
28
28
|
},
|
|
29
29
|
"module": "./index.esm.js",
|
|
30
30
|
"main": "./index.cjs.js",
|