@etsoo/materialui 1.3.11 → 1.3.13

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/SelectEx.d.ts

@@ -17,6 +17,10 @@ export type SelectExProps<T extends object, D extends DataTypes.Keys<T> = IdDefa
      * Id field
      */
     idField?: D;
+    /**
+     * Set 'data-reset'
+     */
+    inputReset?: boolean;
     /**
      * Item icon renderer
      */

package/lib/SelectEx.js

@@ -12,7 +12,7 @@ import { ReactUtils } from "@etsoo/react";
  */
 export function SelectEx(props) {
     // Destruct
-    const { defaultValue, idField = "id", error, helperText, itemIconRenderer, itemStyle, label, labelField = "label", loadData, onItemChange, onItemClick, onLoadData, multiple = false, name, options, refresh, search = false, autoAddBlankItem = search, value, onChange, fullWidth, required, variant = "outlined", ...rest } = props;
+    const { defaultValue, idField = "id", error, helperText, inputReset, itemIconRenderer, itemStyle, label, labelField = "label", loadData, onItemChange, onItemClick, onLoadData, multiple = false, name, options, refresh, search = false, autoAddBlankItem = search, value, onChange, fullWidth, required, variant = "outlined", ...rest } = props;
     // Options state
     const [localOptions, setOptions] = React.useState([]);
     const isMounted = React.useRef(false);
@@ -133,7 +133,7 @@ export function SelectEx(props) {
                     ? valueState
                     : localOptions.some((o) => o[idField] === valueState)
                         ? valueState
-                        : "", input: React.createElement(OutlinedInput, { notched: true, label: label, required: required }), labelId: labelId, name: name, multiple: multiple, onChange: (event, child) => {
+                        : "", input: React.createElement(OutlinedInput, { notched: true, label: label, required: required, "data-reset": inputReset }), labelId: labelId, name: name, multiple: multiple, onChange: (event, child) => {
                     if (onChange) {
                         onChange(event, child);
                         // event.preventDefault() will block executing

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.13",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -50,12 +50,12 @@
     "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@etsoo/appscript": "^1.4.45",
+    "@etsoo/appscript": "^1.4.52",
     "@etsoo/notificationbase": "^1.1.28",
     "@etsoo/react": "^1.7.8",
     "@etsoo/shared": "^1.2.12",
-    "@mui/icons-material": "^5.14.8",
-    "@mui/material": "^5.14.8",
+    "@mui/icons-material": "^5.14.9",
+    "@mui/material": "^5.14.9",
     "@mui/x-data-grid": "^6.13.0",
     "@types/pica": "^9.0.1",
     "@types/pulltorefreshjs": "^0.1.5",
@@ -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/SelectEx.tsx

@@ -48,6 +48,11 @@ export type SelectExProps<
    */
   idField?: D;
 
+  /**
+   * Set 'data-reset'
+   */
+  inputReset?: boolean;
+
   /**
    * Item icon renderer
    */
@@ -115,6 +120,7 @@ export function SelectEx<
     idField = "id" as D,
     error,
     helperText,
+    inputReset,
     itemIconRenderer,
     itemStyle,
     label,
@@ -291,7 +297,14 @@ export function SelectEx<
               ? valueState
               : ""
           }
-          input={<OutlinedInput notched label={label} required={required} />}
+          input={
+            <OutlinedInput
+              notched
+              label={label}
+              required={required}
+              data-reset={inputReset}
+            />
+          }
           labelId={labelId}
           name={name}
           multiple={multiple}

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";