@etsoo/materialui 1.3.10 → 1.3.12

package/lib/CultureDataTable.d.ts

@@ -0,0 +1,18 @@
+import { DataTableProps } from "./DataTable";
+import React from "react";
+import { ListType1 } from "@etsoo/shared";
+/**
+ * Culture table props
+ */
+export type CultureDataTableProps = Omit<DataTableProps, "columns"> & {
+    cultures: ListType1[];
+    cultureLabel?: string;
+    editable?: boolean;
+    titleLabel?: string;
+};
+/**
+ * Culture DataTable
+ * @param props Props
+ * @returns Component
+ */
+export declare function CultureDataTable(props: CultureDataTableProps): React.JSX.Element;

package/lib/CultureDataTable.js

@@ -0,0 +1,30 @@
+import { DataTable } from "./DataTable";
+import React from "react";
+import { globalApp } from "./app/ReactApp";
+/**
+ * Culture DataTable
+ * @param props Props
+ * @returns Component
+ */
+export function CultureDataTable(props) {
+    // Destruct
+    const { cultures, cultureLabel = globalApp === null || globalApp === void 0 ? void 0 : globalApp.get("culture"), editable = true, titleLabel, ...rest } = props;
+    const getCultureLabel = React.useCallback((value) => { var _a, _b; return (_b = (_a = cultures.find((c) => c.id == value.id)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : `${value.value}`; }, [cultures]);
+    return (React.createElement(DataTable, { columns: [
+            {
+                field: "id",
+                headerName: cultureLabel,
+                valueFormatter: getCultureLabel,
+                width: 150,
+                editable: false,
+                sortable: false
+            },
+            {
+                field: "title",
+                headerName: titleLabel,
+                flex: 1,
+                editable,
+                sortable: false
+            }
+        ], ...rest }));
+}

package/lib/MUUtils.d.ts

@@ -1,4 +1,5 @@
 import { ListType2 } from "@etsoo/shared";
+import { GridApiCommunity } from "@mui/x-data-grid/models/api/gridApiCommunity";
 /**
  * MU utilities
  */
@@ -9,4 +10,11 @@ export declare namespace MUUtils {
      * @returns Result
      */
     function getListItemLabel(item: ListType2): string;
+    /**
+     * Get grid data
+     * @param grid Grid
+     * @param checkField Check field or callback
+     * @returns Results
+     */
+    function getGridData<T>(grid: GridApiCommunity, checkField: keyof T | ((item: T) => boolean)): T[];
 }

package/lib/MUUtils.js

@@ -16,4 +16,27 @@ export var MUUtils;
                 : item.title;
     }
     MUUtils.getListItemLabel = getListItemLabel;
+    /**
+     * Get grid data
+     * @param grid Grid
+     * @param checkField Check field or callback
+     * @returns Results
+     */
+    function getGridData(grid, checkField) {
+        const check = typeof checkField === "function"
+            ? checkField
+            : (item) => {
+                const value = item[checkField];
+                return value == null || value === "" ? false : true;
+            };
+        const items = [];
+        for (const [_, value] of grid.getRowModels()) {
+            const item = value;
+            if (check(item)) {
+                items.push(item);
+            }
+        }
+        return items;
+    }
+    MUUtils.getGridData = getGridData;
 })(MUUtils || (MUUtils = {}));

package/lib/index.d.ts

@@ -44,6 +44,7 @@ export * from "./ComboBoxMultiple";
 export * from "./ComboBoxPro";
 export * from "./CountdownButton";
 export * from "./CountryList";
+export * from "./CultureDataTable";
 export * from "./CustomFabProps";
 export * from "./DataGridEx";
 export * from "./DataGridRenderers";

package/lib/index.js

@@ -44,6 +44,7 @@ export * from "./ComboBoxMultiple";
 export * from "./ComboBoxPro";
 export * from "./CountdownButton";
 export * from "./CountryList";
+export * from "./CultureDataTable";
 export * from "./CustomFabProps";
 export * from "./DataGridEx";
 export * from "./DataGridRenderers";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.3.10",
+  "version": "1.3.12",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -50,7 +50,7 @@
     "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@etsoo/appscript": "^1.4.45",
+    "@etsoo/appscript": "^1.4.48",
     "@etsoo/notificationbase": "^1.1.28",
     "@etsoo/react": "^1.7.8",
     "@etsoo/shared": "^1.2.12",
@@ -85,10 +85,10 @@
     "@testing-library/jest-dom": "^6.1.3",
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.4",
-    "@typescript-eslint/eslint-plugin": "^6.6.0",
-    "@typescript-eslint/parser": "^6.6.0",
-    "jest": "^29.6.4",
-    "jest-environment-jsdom": "^29.6.4",
+    "@typescript-eslint/eslint-plugin": "^6.7.0",
+    "@typescript-eslint/parser": "^6.7.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "typescript": "^5.2.2"
   }
 }

package/src/CultureDataTable.tsx

@@ -0,0 +1,60 @@
+import { DataTable, DataTableProps } from "./DataTable";
+import React from "react";
+import { globalApp } from "./app/ReactApp";
+import { ListType1 } from "@etsoo/shared";
+import { GridValueFormatterParams } from "@mui/x-data-grid";
+
+/**
+ * Culture table props
+ */
+export type CultureDataTableProps = Omit<DataTableProps, "columns"> & {
+  cultures: ListType1[];
+  cultureLabel?: string;
+  editable?: boolean;
+  titleLabel?: string;
+};
+
+/**
+ * Culture DataTable
+ * @param props Props
+ * @returns Component
+ */
+export function CultureDataTable(props: CultureDataTableProps) {
+  // Destruct
+  const {
+    cultures,
+    cultureLabel = globalApp?.get("culture"),
+    editable = true,
+    titleLabel,
+    ...rest
+  } = props;
+
+  const getCultureLabel = React.useCallback(
+    (value: GridValueFormatterParams) =>
+      cultures.find((c) => c.id == value.id)?.label ?? `${value.value}`,
+    [cultures]
+  );
+
+  return (
+    <DataTable
+      columns={[
+        {
+          field: "id",
+          headerName: cultureLabel,
+          valueFormatter: getCultureLabel,
+          width: 150,
+          editable: false,
+          sortable: false
+        },
+        {
+          field: "title",
+          headerName: titleLabel,
+          flex: 1,
+          editable,
+          sortable: false
+        }
+      ]}
+      {...rest}
+    />
+  );
+}

package/src/MUUtils.ts

@@ -1,4 +1,5 @@
 import { ListType2 } from "@etsoo/shared";
+import { GridApiCommunity } from "@mui/x-data-grid/models/api/gridApiCommunity";
 
 /**
  * MU utilities
@@ -16,4 +17,32 @@ export namespace MUUtils {
       ? item.name
       : item.title;
   }
+
+  /**
+   * Get grid data
+   * @param grid Grid
+   * @param checkField Check field or callback
+   * @returns Results
+   */
+  export function getGridData<T>(
+    grid: GridApiCommunity,
+    checkField: keyof T | ((item: T) => boolean)
+  ) {
+    const check =
+      typeof checkField === "function"
+        ? checkField
+        : (item: T) => {
+            const value = item[checkField];
+            return value == null || value === "" ? false : true;
+          };
+
+    const items: T[] = [];
+    for (const [_, value] of grid.getRowModels()) {
+      const item = value as T;
+      if (check(item)) {
+        items.push(item);
+      }
+    }
+    return items;
+  }
 }

package/src/index.ts

@@ -48,6 +48,7 @@ export * from "./ComboBoxMultiple";
 export * from "./ComboBoxPro";
 export * from "./CountdownButton";
 export * from "./CountryList";
+export * from "./CultureDataTable";
 export * from "./CustomFabProps";
 export * from "./DataGridEx";
 export * from "./DataGridRenderers";