@uxf/data-grid 11.0.0-beta.1 → 11.0.0-beta.2

package/data-grid.stories.js

@@ -34,7 +34,7 @@ const use_data_grid_control_1 = require("./use-data-grid-control");
 const use_data_grid_fetching_1 = require("./use-data-grid-fetching");
 function Default() {
     const [noBorder, setNoBorder] = (0, react_1.useState)(false);
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     const { isLoading, error, data, onReload } = (0, use_data_grid_fetching_1.useDataGridFetching)(loader_1.loader, schema_1.schema, "grid-name", state);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(toggle_1.Toggle, { label: "No border", value: noBorder, onChange: (value) => setNoBorder(!!value) }),

package/export-button/export-button.stories.js

@@ -10,7 +10,7 @@ const schema_1 = require("../_story-utils/schema");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const export_button_1 = require("./export-button");
 function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(export_button_1.ExportButton, { state: state, actions: actions, schema: schema_1.schema, onCsvDownload: console.log }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));

package/filter-list/filter-list.stories.js

@@ -11,7 +11,7 @@ const filter_handler_1 = require("../filter-handler");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const filter_list_1 = require("./filter-list");
 function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(filter_list_1.FilterList, { state: state, actions: actions, schema: schema_1.schema, gridName: "grid-name", filterHandlers: filter_handler_1.defaultFilterHandlers }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));

package/filters/filters.stories.js

@@ -11,7 +11,7 @@ const filter_handler_1 = require("../filter-handler");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const filters_1 = require("./filters");
 function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(filters_1.Filters, { state: state, actions: actions, schema: schema_1.schema, gridName: "grid-name", filterHandlers: filter_handler_1.defaultFilterHandlers }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));

package/filters-button/filters-button.stories.js

@@ -11,7 +11,7 @@ const filter_handler_1 = require("../filter-handler");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const filters_button_1 = require("./filters-button");
 function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(filters_button_1.FiltersButton, { state: state, actions: actions, schema: schema_1.schema, gridName: "grid-name", filterHandlers: filter_handler_1.defaultFilterHandlers }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));

package/fulltext-input/fulltext-input.stories.js

@@ -10,7 +10,7 @@ const schema_1 = require("../_story-utils/schema");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const fulltext_input_1 = require("./fulltext-input");
 function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(fulltext_input_1.FulltextInput, { state: state, actions: actions }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));

package/hidden-columns/hidden-columns.stories.js

@@ -10,7 +10,7 @@ const schema_1 = require("../_story-utils/schema");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const hidden_columns_1 = require("./hidden-columns");
 function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(hidden_columns_1.HiddenColumns, { state: state, actions: actions, schema: schema_1.schema }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));

package/hidden-columns-button/hidden-columns-button.stories.js

@@ -10,7 +10,7 @@ const schema_1 = require("../_story-utils/schema");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const hidden_columns_button_1 = require("./hidden-columns-button");
 function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(hidden_columns_button_1.HiddenColumnsButton, { state: state, actions: actions, schema: schema_1.schema }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/data-grid",
-  "version": "11.0.0-beta.1",
+  "version": "11.0.0-beta.2",
   "description": "UXF DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "index.js",

package/pagination/pagination.stories.js

@@ -10,7 +10,7 @@ const schema_1 = require("../_story-utils/schema");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const pagination_1 = require("./pagination");
 function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(pagination_1.Pagination, { state: state, actions: actions, totalCount: 100 }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));

package/row-counts/row-counts.stories.js

@@ -9,7 +9,7 @@ const schema_1 = require("../_story-utils/schema");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const row_counts_1 = require("./row-counts");
 function Default() {
-    const { state } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return react_1.default.createElement(row_counts_1.RowCounts, { state: state, totalCount: 150 });
 }
 exports.Default = Default;

package/rows-per-page-select/rows-per-page-select.stories.js

@@ -10,7 +10,7 @@ const schema_1 = require("../_story-utils/schema");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const rows_per_page_select_1 = require("./rows-per-page-select");
 function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(rows_per_page_select_1.RowsPerPageSelect, { state: state, actions: actions }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));

package/selected-rows-toolbar/selected-rows-toolbar.stories.js

@@ -30,7 +30,7 @@ const schema_1 = require("../_story-utils/schema");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const selected_rows_toolbar_1 = require("./selected-rows-toolbar");
 function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     (0, react_1.useEffect)(() => {
         actions.setSelectedRows([{ id: 1 }, { id: 2 }]);
     }, [actions]);

package/table/table.stories.js

@@ -12,7 +12,7 @@ const body_cell_1 = require("../body-cell");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const table_1 = require("./table");
 function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(table_1.Table, { state: state, actions: actions, data: data_1.data, isLoading: true, error: undefined, schema: schema_1.schema, BodyCells: body_cell_1.BodyCells, isRowSelectable: true, onOpen: console.log, onEdit: console.log, onRemove: console.log }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));

package/toolbar-control/toolbar-control.stories.js

@@ -11,7 +11,7 @@ const filter_handler_1 = require("../filter-handler");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const toolbar_control_1 = require("./toolbar-control");
 function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "flex flex-row" },
             react_1.default.createElement(toolbar_control_1.ToolbarControl, { state: state, actions: actions, schema: schema_1.schema, filterHandlers: filter_handler_1.defaultFilterHandlers, gridName: "grid-name", onCsvDownload: console.log })),

package/toolbar-tabs/toolbar-tabs.stories.js

@@ -10,7 +10,7 @@ const schema_1 = require("../_story-utils/schema");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const toolbar_tabs_1 = require("./toolbar-tabs");
 function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(toolbar_tabs_1.ToolbarTabs, { state: state, actions: actions, schema: schema_1.schema }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));

package/use-data-grid-control/use-data-grid-control.d.ts

@@ -1,7 +1,12 @@
 import { Nullish } from "@uxf/core/types";
 import { Request } from "../types/api";
 import { Schema } from "../types/schema";
-export declare function useDataGridControl(schema: Schema<any>, initialState?: Request | string | Nullish, isDebug?: boolean): {
+interface Config {
+    schema: Schema<any>;
+    initialState?: Request | string | Nullish;
+    isDebug?: boolean;
+}
+export declare function useDataGridControl(config: Config): {
     state: import("..").DataGridState;
     actions: {
         changePage: (page: number) => void;
@@ -17,3 +22,4 @@ export declare function useDataGridControl(schema: Schema<any>, initialState?: R
     };
 };
 export type DataGridControl = ReturnType<typeof useDataGridControl>;
+export {};

package/use-data-grid-control/use-data-grid-control.js

@@ -4,8 +4,8 @@ exports.useDataGridControl = void 0;
 const react_1 = require("react");
 const reducer_1 = require("../_store/reducer");
 const actions_factory_1 = require("./actions-factory");
-function useDataGridControl(schema, initialState, isDebug = false) {
-    const [state, dispatch] = (0, react_1.useReducer)(isDebug ? reducer_1.debugReducer : reducer_1.reducer, (0, reducer_1.getInitialState)(schema, initialState));
+function useDataGridControl(config) {
+    const [state, dispatch] = (0, react_1.useReducer)(config.isDebug ? reducer_1.debugReducer : reducer_1.reducer, (0, reducer_1.getInitialState)(config.schema, config.initialState));
     const actions = (0, react_1.useMemo)(() => (0, actions_factory_1.createActions)(dispatch), [dispatch]);
     return { state, actions };
 }