@etsoo/materialui 1.6.21 → 1.6.22

package/lib/cjs/custom/CustomAttributeArea.js

@@ -44,7 +44,10 @@ function InputItemUIs({ data }) {
     return ((0, jsx_runtime_1.jsxs)(Grid_1.default, { container: true, spacing: 2, marginTop: 1, children: [(0, jsx_runtime_1.jsx)(Grid_1.default, { size: { xs: 12, sm: 6 }, children: (0, jsx_runtime_1.jsx)(ComboBox_1.ComboBox, { name: "type", label: labels.type, inputRequired: true, size: "small", loadData: () => Promise.resolve(types.map((t) => ({ id: t, label: t }))), onValueChange: (item) => {
                         const type = item?.id;
                         optionsRef.current.disabled =
-                            type !== "combobox" && type !== "select";
+                            type !== "combobox" &&
+                                type !== "select" &&
+                                type !== "checkbox" &&
+                                type !== "radio";
                         const nameInput = nameRef.current;
                         if (nameInput.value === "" &&
                             (type === "amountlabel" || type === "divider" || type === "label")) {

package/lib/cjs/custom/CustomFieldUI.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomFieldUI = CustomFieldUI;
 const react_1 = __importDefault(require("react"));
 const CustomFieldUtils_1 = require("./CustomFieldUtils");
+const ReactApp_1 = require("../app/ReactApp");
 /**
  * CustomFieldUI component
  * @param props Props
@@ -14,6 +15,8 @@ const CustomFieldUtils_1 = require("./CustomFieldUtils");
 function CustomFieldUI(props) {
     // Destruct
     const { fields, initialValue, mref, onChange } = props;
+    // App
+    const app = (0, ReactApp_1.useAppContext)();
     // Field component collections
     const collections = {};
     // Value reference
@@ -36,5 +39,5 @@ function CustomFieldUI(props) {
     }, (name, fieldValue) => {
         valueRef.current[name] = fieldValue;
         onChange?.(valueRef.current, name, fieldValue);
-    });
+    }, (input) => app?.get(input) ?? input);
 }

package/lib/mjs/custom/CustomAttributeArea.js

@@ -38,7 +38,10 @@ function InputItemUIs({ data }) {
     return (_jsxs(Grid, { container: true, spacing: 2, marginTop: 1, children: [_jsx(Grid, { size: { xs: 12, sm: 6 }, children: _jsx(ComboBox, { name: "type", label: labels.type, inputRequired: true, size: "small", loadData: () => Promise.resolve(types.map((t) => ({ id: t, label: t }))), onValueChange: (item) => {
                         const type = item?.id;
                         optionsRef.current.disabled =
-                            type !== "combobox" && type !== "select";
+                            type !== "combobox" &&
+                                type !== "select" &&
+                                type !== "checkbox" &&
+                                type !== "radio";
                         const nameInput = nameRef.current;
                         if (nameInput.value === "" &&
                             (type === "amountlabel" || type === "divider" || type === "label")) {

package/lib/mjs/custom/CustomFieldUI.js

@@ -1,5 +1,6 @@
 import React from "react";
 import { CustomFieldUtils } from "./CustomFieldUtils";
+import { useAppContext } from "../app/ReactApp";
 /**
  * CustomFieldUI component
  * @param props Props
@@ -8,6 +9,8 @@ import { CustomFieldUtils } from "./CustomFieldUtils";
 export function CustomFieldUI(props) {
     // Destruct
     const { fields, initialValue, mref, onChange } = props;
+    // App
+    const app = useAppContext();
     // Field component collections
     const collections = {};
     // Value reference
@@ -30,5 +33,5 @@ export function CustomFieldUI(props) {
     }, (name, fieldValue) => {
         valueRef.current[name] = fieldValue;
         onChange?.(valueRef.current, name, fieldValue);
-    });
+    }, (input) => app?.get(input) ?? input);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.6.21",
+  "version": "1.6.22",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -43,12 +43,12 @@
     "@etsoo/notificationbase": "^1.1.66",
     "@etsoo/react": "^1.8.78",
     "@etsoo/shared": "^1.2.80",
-    "@mui/icons-material": "^7.3.8",
-    "@mui/material": "^7.3.8",
-    "@mui/x-data-grid": "^8.27.3",
+    "@mui/icons-material": "^7.3.9",
+    "@mui/material": "^7.3.9",
+    "@mui/x-data-grid": "^8.27.4",
     "chart.js": "^4.5.1",
     "chartjs-plugin-datalabels": "^2.2.0",
-    "dompurify": "^3.3.1",
+    "dompurify": "^3.3.2",
     "eventemitter3": "^5.0.4",
     "pica": "^9.0.1",
     "pulltorefreshjs": "^0.1.22",

package/src/custom/CustomAttributeArea.tsx

@@ -68,7 +68,10 @@ function InputItemUIs({ data }: { data?: CustomFieldData }) {
           onValueChange={(item) => {
             const type = item?.id;
             optionsRef.current!.disabled =
-              type !== "combobox" && type !== "select";
+              type !== "combobox" &&
+              type !== "select" &&
+              type !== "checkbox" &&
+              type !== "radio";
 
             const nameInput = nameRef.current!;
             if (

package/src/custom/CustomFieldUI.tsx

@@ -2,6 +2,7 @@ import { CustomFieldData, CustomFieldRef } from "@etsoo/appscript";
 import { CustomFieldReactCollection } from "@etsoo/react";
 import React from "react";
 import { CustomFieldUtils } from "./CustomFieldUtils";
+import { useAppContext } from "../app/ReactApp";
 
 /**
  * CustomFieldUI component props
@@ -46,6 +47,9 @@ export function CustomFieldUI<D extends CustomFieldData = CustomFieldData>(
   // Destruct
   const { fields, initialValue, mref, onChange } = props;
 
+  // App
+  const app = useAppContext();
+
   // Field component collections
   const collections: CustomFieldReactCollection<D> = {};
 
@@ -78,6 +82,7 @@ export function CustomFieldUI<D extends CustomFieldData = CustomFieldData>(
     (name, fieldValue) => {
       valueRef.current[name] = fieldValue;
       onChange?.(valueRef.current, name, fieldValue);
-    }
+    },
+    (input) => app?.get(input) ?? input
   );
 }