@etsoo/materialui 1.3.12 → 1.3.14

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, inputProps: { "data-reset": inputReset } }), labelId: labelId, name: name, multiple: multiple, onChange: (event, child) => {
                     if (onChange) {
                         onChange(event, child);
                         // event.preventDefault() will block executing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.3.12",
+  "version": "1.3.14",
   "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.48",
+    "@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",

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}
+              inputProps={{ "data-reset": inputReset }}
+            />
+          }
           labelId={labelId}
           name={name}
           multiple={multiple}