@etsoo/materialui 1.1.87 → 1.1.89

package/lib/ComboBox.js

@@ -15,8 +15,7 @@ export function ComboBox(props) {
     // Labels
     const labels = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noOptions", "loading", "open");
     // Destruct
-    const { search = false, autoAddBlankItem = search, idField = "id", idValue, inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputVariant, defaultValue, label, labelField = "label", loadData, onLoadData, name, inputAutoComplete = "new-password", // disable autocomplete and autofill, 'off' does not work
-    options, dataReadonly = true, readOnly, onChange, openOnFocus = true, value, disableCloseOnSelect = false, getOptionLabel = (option) => `${option[labelField]}`, sx = { minWidth: "150px" }, noOptionsText = labels === null || labels === void 0 ? void 0 : labels.noOptions, loadingText = labels === null || labels === void 0 ? void 0 : labels.loading, openText = labels === null || labels === void 0 ? void 0 : labels.open, ...rest } = props;
+    const { search = false, autoAddBlankItem = search, idField = "id", idValue, inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputVariant, defaultValue, label, labelField = "label", loadData, onLoadData, name, inputAutoComplete = "off", options, dataReadonly = true, readOnly, onChange, openOnFocus = true, value, disableCloseOnSelect = false, getOptionLabel = (option) => `${option[labelField]}`, sx = { minWidth: "150px" }, noOptionsText = labels === null || labels === void 0 ? void 0 : labels.noOptions, loadingText = labels === null || labels === void 0 ? void 0 : labels.loading, openText = labels === null || labels === void 0 ? void 0 : labels.open, ...rest } = props;
     // Value input ref
     const inputRef = React.createRef();
     // Options state

package/lib/ComboBoxMultiple.js

@@ -19,8 +19,7 @@ export function ComboBoxMultiple(props) {
     // Labels
     const labels = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noOptions", "loading");
     // Destruct
-    const { search = false, autoAddBlankItem = search, idField = "id", idValue, idValues, inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputVariant, defaultValue, label, labelField = "label", loadData, onLoadData, name, inputAutoComplete = "new-password", // disable autocomplete and autofill, 'off' does not work
-    options, dataReadonly = true, readOnly, onChange, openOnFocus = true, value, disableCloseOnSelect = true, renderOption = (props, option, { selected }) => (React.createElement("li", { ...props },
+    const { search = false, autoAddBlankItem = search, idField = "id", idValue, idValues, inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputVariant, defaultValue, label, labelField = "label", loadData, onLoadData, name, inputAutoComplete = "off", options, dataReadonly = true, readOnly, onChange, openOnFocus = true, value, disableCloseOnSelect = true, renderOption = (props, option, { selected }) => (React.createElement("li", { ...props },
         React.createElement(React.Fragment, null,
             React.createElement(Checkbox, { icon: icon, checkedIcon: checkedIcon, style: { marginRight: 8 }, checked: selected }),
             option[labelField]))), getOptionLabel = (option) => `${option[labelField]}`, sx = { minWidth: "150px" }, noOptionsText = labels === null || labels === void 0 ? void 0 : labels.noOptions, loadingText = labels === null || labels === void 0 ? void 0 : labels.loading, ...rest } = props;

package/lib/DataSteps.js

@@ -77,7 +77,7 @@ export function DataSteps(props) {
     React.useEffect(() => {
         setLocalValue(valueFormatter(jsonRef.current));
     }, [valueFormatter]);
-    return (React.createElement(TextField, { autoComplete: "new-password", InputLabelProps: InputLabelProps, inputProps: { style: { cursor: "pointer" } }, InputProps: {
+    return (React.createElement(TextField, { autoComplete: "off", InputLabelProps: InputLabelProps, inputProps: { style: { cursor: "pointer" } }, InputProps: {
             onKeyDown: (event) => {
                 if (event.key === "Tab")
                     return;

package/lib/IntInputField.js

@@ -69,7 +69,7 @@ export const IntInputField = React.forwardRef((props, ref) => {
                 setValue(value, source);
             if (onChangeDelay)
                 onChangeDelay(event);
-        }, ...rest }));
+        }, required: required, ...rest }));
     if (buttons)
         return (React.createElement(Box, { sx: { display: "flex", alignItems: "flex-end", gap: 0.5 } },
             React.createElement(IconButton, { size: "small", onClick: () => {

package/lib/Tiplist.js

@@ -15,7 +15,7 @@ export function Tiplist(props) {
     // Labels
     const { noOptions, loading, more, open: openDefault } = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noOptions", "loading", "more", "open")) !== null && _a !== void 0 ? _a : {};
     // Destruct
-    const { search = false, idField = "id", idValue, inputAutoComplete = "new-password", inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputVariant, label, loadData, defaultValue, value, maxItems = 16, width, name, readOnly, onChange, openOnFocus = true, noOptionsText = noOptions, loadingText = loading, openText = openDefault, getOptionLabel, getOptionDisabled, sx = {}, ...rest } = props;
+    const { search = false, idField = "id", idValue, inputAutoComplete = "off", inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputVariant, label, loadData, defaultValue, value, maxItems = 16, width, name, readOnly, onChange, openOnFocus = true, noOptionsText = noOptions, loadingText = loading, openText = openDefault, getOptionLabel, getOptionDisabled, sx = {}, ...rest } = props;
     if (width && sx)
         Object.assign(sx, { width: `${width}px` });
     // Value input ref

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.1.87",
+  "version": "1.1.89",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -50,16 +50,16 @@
     "@emotion/css": "^11.10.6",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
-    "@etsoo/appscript": "^1.3.87",
+    "@etsoo/appscript": "^1.3.88",
     "@etsoo/notificationbase": "^1.1.24",
     "@etsoo/react": "^1.6.58",
-    "@etsoo/shared": "^1.1.95",
+    "@etsoo/shared": "^1.1.96",
     "@mui/icons-material": "^5.11.11",
     "@mui/material": "^5.11.15",
     "@mui/x-data-grid": "^6.0.4",
     "@types/pica": "^9.0.1",
     "@types/pulltorefreshjs": "^0.1.5",
-    "@types/react": "^18.0.31",
+    "@types/react": "^18.0.33",
     "@types/react-avatar-editor": "^13.0.0",
     "@types/react-dom": "^18.0.11",
     "@types/react-input-mask": "^3.0.2",
@@ -85,8 +85,8 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.0",
-    "@typescript-eslint/eslint-plugin": "^5.57.0",
-    "@typescript-eslint/parser": "^5.57.0",
+    "@typescript-eslint/eslint-plugin": "^5.57.1",
+    "@typescript-eslint/parser": "^5.57.1",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
     "typescript": "^5.0.3"

package/src/ComboBox.tsx

@@ -84,7 +84,7 @@ export function ComboBox<
     loadData,
     onLoadData,
     name,
-    inputAutoComplete = "new-password", // disable autocomplete and autofill, 'off' does not work
+    inputAutoComplete = "off",
     options,
     dataReadonly = true,
     readOnly,

package/src/ComboBoxMultiple.tsx

@@ -100,7 +100,7 @@ export function ComboBoxMultiple<
     loadData,
     onLoadData,
     name,
-    inputAutoComplete = "new-password", // disable autocomplete and autofill, 'off' does not work
+    inputAutoComplete = "off",
     options,
     dataReadonly = true,
     readOnly,

package/src/DataSteps.tsx

@@ -184,7 +184,7 @@ export function DataSteps<T extends object>(props: DataStepsProps<T>) {
 
   return (
     <TextField
-      autoComplete="new-password"
+      autoComplete="off"
       InputLabelProps={InputLabelProps}
       inputProps={{ style: { cursor: "pointer" } }}
       InputProps={{

package/src/IntInputField.tsx

@@ -167,6 +167,7 @@ export const IntInputField = React.forwardRef<
 
         if (onChangeDelay) onChangeDelay(event);
       }}
+      required={required}
       {...rest}
     />
   );

package/src/Tiplist.tsx

@@ -65,7 +65,7 @@ export function Tiplist<
     search = false,
     idField = "id" as D,
     idValue,
-    inputAutoComplete = "new-password",
+    inputAutoComplete = "off",
     inputError,
     inputHelperText,
     inputMargin,