@etsoo/materialui 1.3.11 → 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/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.11",
+  "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/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";