@uxf/data-grid 11.124.0 → 11.126.0

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.
Files changed (13) hide show
  1. package/README.md +25 -25
  2. package/body-cell/body-cell-money.d.ts +1 -1
  3. package/export-button/export-button.js +1 -1
  4. package/filter-handler/interval.js +1 -1
  5. package/hidden-columns/drop-placeholder.js +1 -1
  6. package/hidden-columns/hidden-columns-sortable.js +3 -3
  7. package/hidden-columns/hidden-columns.js +2 -2
  8. package/package.json +11 -11
  9. package/table-v2/components/header-select-all-rows-checkbox.js +1 -1
  10. package/table-v2/no-rows-fallback.js +1 -1
  11. package/table-v2/table-v2.js +2 -2
  12. package/toolbar-control/toolbar-control.js +1 -1
  13. package/toolbar-tabs/toolbar-tabs.js +1 -1
package/README.md CHANGED
@@ -128,23 +128,23 @@ Only exports listed below are part of the public surface. Import paths resolve b
128
128
 
129
129
  ### Root export — `@uxf/data-grid`
130
130
 
131
- | Name | Kind | Description |
132
- | --- | --- | --- |
133
- | `DataGrid` | component | The compound grid. Props: `DataGridProps<GridType>`. |
134
- | `DataGridProps<GridType>` | type | Grid props = base props + control (`state`, `actions`) + data (`isLoading`, `error`, `data`, `reload`). |
135
- | `InferDataGridRow<Schema>` | type | Derives the row shape from a schema via `ColumnTypes`. |
136
- | `BaseGridType`, `Schema`, `ChangeTabFilterBehavior`, `DataGridActionCell`, … | types | Re-exported from `./types`. |
137
- | `mergeSchemaWithConfig(schema, config)` | fn | Returns a new schema with a frontend config applied (see below). |
138
- | `encodeFilter(request)` / `decodeFilter(string)` | fn | Base64 (de)serialize a grid request. |
131
+ | Name | Kind | Description |
132
+ | ---------------------------------------------------------------------------- | --------- | ------------------------------------------------------------------------------------------------------- |
133
+ | `DataGrid` | component | The compound grid. Props: `DataGridProps<GridType>`. |
134
+ | `DataGridProps<GridType>` | type | Grid props = base props + control (`state`, `actions`) + data (`isLoading`, `error`, `data`, `reload`). |
135
+ | `InferDataGridRow<Schema>` | type | Derives the row shape from a schema via `ColumnTypes`. |
136
+ | `BaseGridType`, `Schema`, `ChangeTabFilterBehavior`, `DataGridActionCell`, … | types | Re-exported from `./types`. |
137
+ | `mergeSchemaWithConfig(schema, config)` | fn | Returns a new schema with a frontend config applied (see below). |
138
+ | `encodeFilter(request)` / `decodeFilter(string)` | fn | Base64 (de)serialize a grid request. |
139
139
 
140
140
  ### Deep imports
141
141
 
142
- | Import path | Export | Description |
143
- | --- | --- | --- |
144
- | `@uxf/data-grid/use-data-grid-control` | `useDataGridControl(config)` | Owns grid `state` + `actions`. Config: `{ schema, initialState?, initialUserConfig?, middleware? }`. |
145
- | `@uxf/data-grid/use-data-grid-fetching` | `useDataGridFetching(config)` | Runs the loader on request changes. Config: `{ schema, state, loader?, isWithTabCounts? }`. Returns `{ isLoading, error, data, reload }`. |
146
- | `@uxf/data-grid/user-config-storage-adapters/local-storage` | `useUserConfigLocalStorageAdapter(schema)`, `useClearLocalStorageUserConfig(schema)` | `localStorage` persistence of user column config. |
147
- | `@uxf/data-grid/column-types` | `ColumnTypes` (interface) | Augment to register custom column value types. |
142
+ | Import path | Export | Description |
143
+ | ----------------------------------------------------------- | ------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------- |
144
+ | `@uxf/data-grid/use-data-grid-control` | `useDataGridControl(config)` | Owns grid `state` + `actions`. Config: `{ schema, initialState?, initialUserConfig?, middleware? }`. |
145
+ | `@uxf/data-grid/use-data-grid-fetching` | `useDataGridFetching(config)` | Runs the loader on request changes. Config: `{ schema, state, loader?, isWithTabCounts? }`. Returns `{ isLoading, error, data, reload }`. |
146
+ | `@uxf/data-grid/user-config-storage-adapters/local-storage` | `useUserConfigLocalStorageAdapter(schema)`, `useClearLocalStorageUserConfig(schema)` | `localStorage` persistence of user column config. |
147
+ | `@uxf/data-grid/column-types` | `ColumnTypes` (interface) | Augment to register custom column value types. |
148
148
 
149
149
  Notable optional `DataGrid` props: `actionCell`, `bodyCells`, `changeTabFilterBehavior`, `customActions`, `filterHandlers`, `fulltextInputPlaceholder`, `getCsvDownloadUrl`, `hasStickyHeader`, `isRowsSelectable`, `isRowSelectDisabled`, `isWithTabCounts`, `keyExtractor`, `rowAccent`, `rowClassName`, `rowHeight`, `tabsVariant`, `HiddenColumnsComponent`, `NoRowsFallback`, `SelectedRowsToolbarActions`, `isDebug`.
150
150
 
@@ -177,17 +177,17 @@ type Row = InferDataGridRow<typeof schema>;
177
177
 
178
178
  Each filter is rendered by looking up `filterHandlers[filter.type]`. The grid uses `defaultFilterHandlers` unless you pass a `filterHandlers` prop. Built-in handler keys:
179
179
 
180
- | `filter.type` | Renders |
181
- | --- | --- |
182
- | `checkbox` | Checkbox (value is sent only when checked) |
183
- | `date` | Date range (from / to date pickers) |
184
- | `datetime` | Datetime range |
185
- | `entitySelect` | Single-select combobox (async entity) |
186
- | `entityMultiSelect` | Multi-select combobox (async entity) |
187
- | `interval` | Numeric range (min / max inputs) |
188
- | `multiSelect` | Multi-select |
189
- | `select` | Select |
190
- | `string` | Text input |
180
+ | `filter.type` | Renders |
181
+ | ------------------- | ------------------------------------------ |
182
+ | `checkbox` | Checkbox (value is sent only when checked) |
183
+ | `date` | Date range (from / to date pickers) |
184
+ | `datetime` | Datetime range |
185
+ | `entitySelect` | Single-select combobox (async entity) |
186
+ | `entityMultiSelect` | Multi-select combobox (async entity) |
187
+ | `interval` | Numeric range (min / max inputs) |
188
+ | `multiSelect` | Multi-select |
189
+ | `select` | Select |
190
+ | `string` | Text input |
191
191
 
192
192
  Extend or override by merging into `defaultFilterHandlers` and passing the result as the `filterHandlers` prop:
193
193
 
package/body-cell/body-cell-money.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import type { BodyCellProps } from "@uxf/data-grid";
2
1
  import type { Money } from "@uxf/localize";
3
2
  import React from "react";
3
+ import type { BodyCellProps } from "@uxf/data-grid";
4
4
  interface Props extends BodyCellProps<Money | null> {
5
5
  value: Money | null;
6
6
  }
package/export-button/export-button.js CHANGED
@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  };
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.DataGridExportButton = DataGridExportButton;
8
- const translations_1 = require("@uxf/core-react/translations");
9
8
  const download_file_1 = require("@uxf/core/utils/download-file");
9
+ const translations_1 = require("@uxf/core-react/translations");
10
10
  const button_1 = require("@uxf/ui/button");
11
11
  const icon_1 = require("@uxf/ui/icon");
12
12
  const react_1 = __importDefault(require("react"));
package/filter-handler/interval.js CHANGED
@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- const translations_1 = require("@uxf/core-react/translations");
7
6
  const filter_nullish_1 = require("@uxf/core/utils/filter-nullish");
8
7
  const is_empty_1 = require("@uxf/core/utils/is-empty");
9
8
  const is_nil_1 = require("@uxf/core/utils/is-nil");
9
+ const translations_1 = require("@uxf/core-react/translations");
10
10
  const chip_1 = require("@uxf/ui/chip");
11
11
  const text_input_1 = require("@uxf/ui/text-input");
12
12
  const react_1 = __importDefault(require("react"));
package/hidden-columns/drop-placeholder.js CHANGED
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.DropPlaceholder = DropPlaceholder;
7
7
  const sortable_1 = require("@dnd-kit/sortable");
8
8
  const utilities_1 = require("@dnd-kit/utilities");
9
- const translations_1 = require("@uxf/core-react/translations");
10
9
  const cx_1 = require("@uxf/core/utils/cx");
10
+ const translations_1 = require("@uxf/core-react/translations");
11
11
  const react_1 = __importDefault(require("react"));
12
12
  function DropPlaceholder(props) {
13
13
  const t = (0, translations_1.useUxfTranslation)();
package/hidden-columns/hidden-columns-sortable.js CHANGED
@@ -37,13 +37,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
37
37
  exports.DataGridHiddenColumnsSortable = DataGridHiddenColumnsSortable;
38
38
  const core_1 = require("@dnd-kit/core");
39
39
  const sortable_1 = require("@dnd-kit/sortable");
40
- const show_1 = require("@uxf/core-react/components/show");
41
- const use_sortable_multi_1 = require("@uxf/core-react/dnd/hooks/use-sortable-multi");
42
- const translations_1 = require("@uxf/core-react/translations");
43
40
  const is_empty_1 = require("@uxf/core/utils/is-empty");
44
41
  const is_nil_1 = require("@uxf/core/utils/is-nil");
45
42
  const is_not_empty_1 = require("@uxf/core/utils/is-not-empty");
46
43
  const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
44
+ const show_1 = require("@uxf/core-react/components/show");
45
+ const use_sortable_multi_1 = require("@uxf/core-react/dnd/hooks/use-sortable-multi");
46
+ const translations_1 = require("@uxf/core-react/translations");
47
47
  const icon_1 = require("@uxf/ui/icon");
48
48
  const text_link_1 = require("@uxf/ui/text-link");
49
49
  const react_1 = __importStar(require("react"));
package/hidden-columns/hidden-columns.js CHANGED
@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  };
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.DataGridHiddenColumns = DataGridHiddenColumns;
8
- const show_1 = require("@uxf/core-react/components/show");
9
- const translations_1 = require("@uxf/core-react/translations");
10
8
  const is_empty_1 = require("@uxf/core/utils/is-empty");
11
9
  const is_not_empty_1 = require("@uxf/core/utils/is-not-empty");
10
+ const show_1 = require("@uxf/core-react/components/show");
11
+ const translations_1 = require("@uxf/core-react/translations");
12
12
  const icon_1 = require("@uxf/ui/icon");
13
13
  const text_link_1 = require("@uxf/ui/text-link");
14
14
  const toggle_1 = require("@uxf/ui/toggle");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/data-grid",
3
- "version": "11.124.0",
3
+ "version": "11.126.0",
4
4
  "description": "UXF DataGrid",
5
5
  "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
6
6
  "main": "index.js",
@@ -41,11 +41,11 @@
41
41
  "@dnd-kit/core": "^6.3.1",
42
42
  "@dnd-kit/sortable": "^10.0.0",
43
43
  "@dnd-kit/utilities": "^3.2.2",
44
- "@uxf/core": "11.124.0",
45
- "@uxf/core-react": "11.124.0",
46
- "@uxf/localize": "11.124.0",
47
- "@uxf/styles": "11.124.0",
48
- "@uxf/ui": "11.124.0",
44
+ "@uxf/core": "11.126.0",
45
+ "@uxf/core-react": "11.126.0",
46
+ "@uxf/localize": "11.126.0",
47
+ "@uxf/styles": "11.126.0",
48
+ "@uxf/ui": "11.126.0",
49
49
  "dayjs": "^1.11.21",
50
50
  "react": ">=18.2.0",
51
51
  "react-dom": ">=18.2.0"
@@ -56,11 +56,11 @@
56
56
  "@dnd-kit/utilities": "^3.2.2",
57
57
  "@types/react": "18.3.31",
58
58
  "@types/react-dom": "18.3.7",
59
- "@uxf/core": "11.124.0",
60
- "@uxf/core-react": "11.124.0",
61
- "@uxf/localize": "11.124.0",
62
- "@uxf/styles": "11.124.0",
63
- "@uxf/ui": "11.124.0",
59
+ "@uxf/core": "11.126.0",
60
+ "@uxf/core-react": "11.126.0",
61
+ "@uxf/localize": "11.126.0",
62
+ "@uxf/styles": "11.126.0",
63
+ "@uxf/ui": "11.126.0",
64
64
  "dayjs": "^1.11.21",
65
65
  "react": "18.3.1",
66
66
  "react-dom": "18.3.1"
package/table-v2/components/header-select-all-rows-checkbox.js CHANGED
@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.HeaderSelectAllRowsCheckbox = HeaderSelectAllRowsCheckbox;
7
- const translations_1 = require("@uxf/core-react/translations");
8
7
  const empty_array_1 = require("@uxf/core/constants/empty-array");
9
8
  const is_not_empty_1 = require("@uxf/core/utils/is-not-empty");
9
+ const translations_1 = require("@uxf/core-react/translations");
10
10
  const checkbox_input_1 = require("@uxf/ui/checkbox-input");
11
11
  const react_1 = __importDefault(require("react"));
12
12
  function HeaderSelectAllRowsCheckbox(props) {
package/table-v2/no-rows-fallback.js CHANGED
@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.NoRowsFallback = NoRowsFallback;
7
- const translations_1 = require("@uxf/core-react/translations");
8
7
  const cx_1 = require("@uxf/core/utils/cx");
9
8
  const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
9
+ const translations_1 = require("@uxf/core-react/translations");
10
10
  const icon_1 = require("@uxf/ui/icon");
11
11
  const react_1 = __importDefault(require("react"));
12
12
  function NoRowsFallback(props) {
package/table-v2/table-v2.js CHANGED
@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.DataGridTableV2 = DataGridTableV2;
7
- const show_1 = require("@uxf/core-react/components/show");
8
- const compose_refs_1 = require("@uxf/core-react/utils/compose-refs");
9
7
  const empty_array_1 = require("@uxf/core/constants/empty-array");
10
8
  const is_empty_1 = require("@uxf/core/utils/is-empty");
11
9
  const is_nil_1 = require("@uxf/core/utils/is-nil");
12
10
  const is_not_empty_1 = require("@uxf/core/utils/is-not-empty");
13
11
  const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
12
+ const show_1 = require("@uxf/core-react/components/show");
13
+ const compose_refs_1 = require("@uxf/core-react/utils/compose-refs");
14
14
  const format_css_value_1 = require("@uxf/styles/units/format-css-value");
15
15
  const rem_1 = require("@uxf/styles/units/rem");
16
16
  const react_1 = __importDefault(require("react"));
package/toolbar-control/toolbar-control.js CHANGED
@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  };
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.DataGridToolbarControl = DataGridToolbarControl;
8
- const hide_1 = require("@uxf/core-react/components/hide");
9
8
  const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
9
+ const hide_1 = require("@uxf/core-react/components/hide");
10
10
  const react_1 = __importDefault(require("react"));
11
11
  const export_button_1 = require("../export-button");
12
12
  const filters_button_1 = require("../filters-button");
package/toolbar-tabs/toolbar-tabs.js CHANGED
@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  };
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.DataGridToolbarTabs = DataGridToolbarTabs;
8
- const show_1 = require("@uxf/core-react/components/show");
9
8
  const cx_1 = require("@uxf/core/utils/cx");
9
+ const show_1 = require("@uxf/core-react/components/show");
10
10
  const button_1 = require("@uxf/ui/button");
11
11
  const dialog_1 = require("@uxf/ui/dialog");
12
12
  const icon_1 = require("@uxf/ui/icon");