@uxf/data-grid 11.6.1 → 11.8.0

package/README.md

@@ -0,0 +1,71 @@
+# DataGrid
+
+## Installation / Upgrade
+
+```
+yarn add @uxf/core @uxf/ui @uxf/data-grid
+
+// or
+
+yarn upgrade @uxf/core@latest @uxf/ui@latest @uxf/data-grid@latest
+```
+
+## CSS dependencies
+
+```css
+@import url("tailwindcss/components.css");
+@import url("@uxf/data-grid/styles.css");
+@import url("@uxf/ui/button/button.css");
+@import url("@uxf/ui/dropdown/dropdown.css");
+@import url("@uxf/ui/form-component/form-component.css");
+@import url("@uxf/ui/icon/icon.css");
+@import url("@uxf/ui/input/input.css");
+@import url("@uxf/ui/input/input-basic.css");
+@import url("@uxf/ui/label/label.css");
+@import url("@uxf/ui/pagination/pagination.css");
+@import url("@uxf/ui/_select-base/select-base.css");
+```
+
+## State and actions of data-grid
+
+```tsx
+import { useDataGridControl } from "@uxf/data-grid/use-data-grid-control";
+
+const { state, actions } = useDataGridControl({
+    schema ,
+    initialState: "Request or string (base64 encoded request)",
+    userConfig: {
+        columns: {
+            id: { isHidden: true },
+        }
+    },
+    isDebug: true,
+});
+```
+
+
+## Examples
+
+### DataGrid
+
+```tsx
+import { useDataGridControl } from "@uxf/data-grid/use-data-grid-control";
+import { useDataGridFetching } from "@uxf/data-grid/use-data-grid-fetching";
+
+function BasicExample() {
+    const { state, actions } = useDataGridControl({ schema });
+    const { isLoading, error, data, onReload } = useDataGridFetching(loader, schema, "grid-name", state);
+
+    return (
+        <DataGrid
+            onReload={onReload}
+            state={state}
+            actions={actions}
+            data={data}
+            isLoading={isLoading}
+            error={error}
+            schema={schema}
+        />
+    );
+}
+```

package/components.d.ts

@@ -0,0 +1,82 @@
+import * as dataGridStories from "./data-grid.stories";
+import * as exportButtonStories from "./export-button/export-button.stories";
+import * as filterListStories from "./filter-list/filter-list.stories";
+import * as filtersStories from "./filters/filters.stories";
+import * as filtersButtonStories from "./filters-button/filters-button.stories";
+import * as fulltextInputStories from "./fulltext-input/fulltext-input.stories";
+import * as hiddenColumnsStories from "./hidden-columns/hidden-columns.stories";
+import * as hiddenColumnsButtonStories from "./hidden-columns-button/hidden-columns-button.stories";
+import * as paginationStories from "./pagination/pagination.stories";
+import * as rowCountsStories from "./row-counts/row-counts.stories";
+import * as rowsPerPageSelectStories from "./rows-per-page-select/rows-per-page-select.stories";
+import * as selectedRowsToolbarStories from "./selected-rows-toolbar/selected-rows-toolbar.stories";
+import * as tableStories from "./table/table.stories";
+import * as toolbarControlStories from "./toolbar-control/toolbar-control.stories";
+import * as toolbarCustomsStories from "./toolbar-customs/toolbar-customs.stories";
+import * as toolbarTabsStories from "./toolbar-tabs/toolbar-tabs.stories";
+export declare const components: {
+    readonly "data-grid": {
+        readonly title: "DataGrid";
+        readonly stories: typeof dataGridStories;
+    };
+    readonly "export-button": {
+        readonly title: "ExportButton";
+        readonly stories: typeof exportButtonStories;
+    };
+    readonly "filter-list": {
+        readonly title: "FilterList";
+        readonly stories: typeof filterListStories;
+    };
+    readonly filters: {
+        readonly title: "Filters";
+        readonly stories: typeof filtersStories;
+    };
+    readonly "filters-button": {
+        readonly title: "FiltersButton";
+        readonly stories: typeof filtersButtonStories;
+    };
+    readonly "fulltext-input": {
+        readonly title: "FulltextInput";
+        readonly stories: typeof fulltextInputStories;
+    };
+    readonly "hidden-columns": {
+        readonly title: "HiddenColumns";
+        readonly stories: typeof hiddenColumnsStories;
+    };
+    readonly "hidden-columns-button": {
+        readonly title: "HiddenColumnsButton";
+        readonly stories: typeof hiddenColumnsButtonStories;
+    };
+    readonly pagination: {
+        readonly title: "Pagination";
+        readonly stories: typeof paginationStories;
+    };
+    readonly "row-counts": {
+        readonly title: "RowCounts";
+        readonly stories: typeof rowCountsStories;
+    };
+    readonly "rows-per-page-select": {
+        readonly title: "RowsPerPageSelect";
+        readonly stories: typeof rowsPerPageSelectStories;
+    };
+    readonly "selected-rows-toolbar": {
+        readonly title: "SelectedRowsToolbar";
+        readonly stories: typeof selectedRowsToolbarStories;
+    };
+    readonly table: {
+        readonly title: "Table";
+        readonly stories: typeof tableStories;
+    };
+    readonly "toolbar-control": {
+        readonly title: "ToolbarControl";
+        readonly stories: typeof toolbarControlStories;
+    };
+    readonly "toolbar-customs": {
+        readonly title: "ToolbarCustoms";
+        readonly stories: typeof toolbarCustomsStories;
+    };
+    readonly "toolbar-tabs": {
+        readonly title: "ToolbarTabs";
+        readonly stories: typeof toolbarTabsStories;
+    };
+};

package/components.js

@@ -0,0 +1,109 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.components = void 0;
+// generated file
+const dataGridStories = __importStar(require("./data-grid.stories"));
+const exportButtonStories = __importStar(require("./export-button/export-button.stories"));
+const filterListStories = __importStar(require("./filter-list/filter-list.stories"));
+const filtersStories = __importStar(require("./filters/filters.stories"));
+const filtersButtonStories = __importStar(require("./filters-button/filters-button.stories"));
+const fulltextInputStories = __importStar(require("./fulltext-input/fulltext-input.stories"));
+const hiddenColumnsStories = __importStar(require("./hidden-columns/hidden-columns.stories"));
+const hiddenColumnsButtonStories = __importStar(require("./hidden-columns-button/hidden-columns-button.stories"));
+const paginationStories = __importStar(require("./pagination/pagination.stories"));
+const rowCountsStories = __importStar(require("./row-counts/row-counts.stories"));
+const rowsPerPageSelectStories = __importStar(require("./rows-per-page-select/rows-per-page-select.stories"));
+const selectedRowsToolbarStories = __importStar(require("./selected-rows-toolbar/selected-rows-toolbar.stories"));
+const tableStories = __importStar(require("./table/table.stories"));
+const toolbarControlStories = __importStar(require("./toolbar-control/toolbar-control.stories"));
+const toolbarCustomsStories = __importStar(require("./toolbar-customs/toolbar-customs.stories"));
+const toolbarTabsStories = __importStar(require("./toolbar-tabs/toolbar-tabs.stories"));
+exports.components = {
+    "data-grid": {
+        title: "DataGrid",
+        stories: dataGridStories
+    },
+    "export-button": {
+        title: "ExportButton",
+        stories: exportButtonStories
+    },
+    "filter-list": {
+        title: "FilterList",
+        stories: filterListStories
+    },
+    "filters": {
+        title: "Filters",
+        stories: filtersStories
+    },
+    "filters-button": {
+        title: "FiltersButton",
+        stories: filtersButtonStories
+    },
+    "fulltext-input": {
+        title: "FulltextInput",
+        stories: fulltextInputStories
+    },
+    "hidden-columns": {
+        title: "HiddenColumns",
+        stories: hiddenColumnsStories
+    },
+    "hidden-columns-button": {
+        title: "HiddenColumnsButton",
+        stories: hiddenColumnsButtonStories
+    },
+    "pagination": {
+        title: "Pagination",
+        stories: paginationStories
+    },
+    "row-counts": {
+        title: "RowCounts",
+        stories: rowCountsStories
+    },
+    "rows-per-page-select": {
+        title: "RowsPerPageSelect",
+        stories: rowsPerPageSelectStories
+    },
+    "selected-rows-toolbar": {
+        title: "SelectedRowsToolbar",
+        stories: selectedRowsToolbarStories
+    },
+    "table": {
+        title: "Table",
+        stories: tableStories
+    },
+    "toolbar-control": {
+        title: "ToolbarControl",
+        stories: toolbarControlStories
+    },
+    "toolbar-customs": {
+        title: "ToolbarCustoms",
+        stories: toolbarCustomsStories
+    },
+    "toolbar-tabs": {
+        title: "ToolbarTabs",
+        stories: toolbarTabsStories
+    },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/data-grid",
-  "version": "11.6.1",
+  "version": "11.8.0",
   "description": "UXF DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "index.js",
@@ -31,7 +31,7 @@
     "typecheck": "tsc --noEmit --skipLibCheck"
   },
   "dependencies": {
-    "@uxf/ui": "11.6.1",
+    "@uxf/ui": "11.8.0",
     "dayjs": "1.11.10",
     "fast-glob": "^3.3.2",
     "qs": "6.11.2",