@etsoo/materialui 1.2.87 → 1.2.89

package/lib/AutocompleteExtendedProps.d.ts

@@ -40,6 +40,10 @@ export type AutocompleteExtendedProps<T extends object, D extends DataTypes.Keys
      * @default false
      */
     inputRequired?: boolean;
+    /**
+     * Set 'data-reset'
+     */
+    inputReset?: boolean;
     /**
      * The variant to use.
      * @default 'outlined'

package/lib/ComboBox.js

@@ -16,7 +16,7 @@ export function ComboBox(props) {
     // Labels
     const labels = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noOptions", "loading", "open", "add");
     // Destruct
-    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, onValueChange, openOnFocus = true, value, disableCloseOnSelect = false, getOptionLabel = (option) => `${option[labelField]}`, sx = { minWidth: "150px", flexGrow: 2 }, 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, addLabel = labels === null || labels === void 0 ? void 0 : labels.add, onAdd, ...rest } = props;
+    const { search = false, autoAddBlankItem = search, idField = "id", idValue, inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputReset, inputVariant, defaultValue, label, labelField = "label", loadData, onLoadData, name, inputAutoComplete = "off", options, dataReadonly = true, readOnly, onChange, onValueChange, openOnFocus = true, value, disableCloseOnSelect = false, getOptionLabel = (option) => `${option[labelField]}`, sx = { minWidth: "150px", flexGrow: 2 }, 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, addLabel = labels === null || labels === void 0 ? void 0 : labels.add, onAdd, ...rest } = props;
     // Value input ref
     const inputRef = React.createRef();
     // Options state
@@ -52,10 +52,8 @@ export function ComboBox(props) {
     const addReadOnly = (params) => {
         if (readOnly != null) {
             Object.assign(params, { readOnly });
-            if (readOnly) {
-                Object.assign(params.inputProps, { "data-reset": true });
-            }
         }
+        Object.assign(params.inputProps, { "data-reset": inputReset });
         if (dataReadonly) {
             params.inputProps.onKeyDown = (event) => {
                 if (Keyboard.isTypingContent(event.key)) {

package/lib/ComboBoxMultiple.js

@@ -19,7 +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 = "off", 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, inputReset, 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;
@@ -61,10 +61,8 @@ export function ComboBoxMultiple(props) {
     const addReadOnly = (params) => {
         if (readOnly != null) {
             Object.assign(params, { readOnly });
-            if (readOnly) {
-                Object.assign(params.inputProps, { "data-reset": true });
-            }
         }
+        Object.assign(params.inputProps, { "data-reset": inputReset });
         if (dataReadonly) {
             params.inputProps.onKeyDown = (event) => {
                 if (Keyboard.isTypingContent(event.key)) {

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 = "off", inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputVariant, label, loadData, defaultValue, value, maxItems = 16, width = search ? 160 : undefined, name, readOnly, onChange, onValueChange, 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, inputReset, inputVariant, label, loadData, defaultValue, value, maxItems = 16, width = search ? 160 : undefined, name, readOnly, onChange, onValueChange, 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
@@ -54,7 +54,10 @@ export function Tiplist(props) {
         }
         // https://stackoverflow.com/questions/15738259/disabling-chrome-autofill
         // https://html.spec.whatwg.org/multipage/form-control-infrastructure.html
-        Object.assign(params.inputProps, { autoComplete: inputAutoComplete });
+        Object.assign(params.inputProps, {
+            autoComplete: inputAutoComplete,
+            "data-reset": inputReset
+        });
         return params;
     };
     // Change handler

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.2.87",
+  "version": "1.2.89",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/AutocompleteExtendedProps.ts

@@ -56,6 +56,11 @@ export type AutocompleteExtendedProps<
    */
   inputRequired?: boolean;
 
+  /**
+   * Set 'data-reset'
+   */
+  inputReset?: boolean;
+
   /**
    * The variant to use.
    * @default 'outlined'

package/src/ComboBox.tsx

@@ -93,6 +93,7 @@ export function ComboBox<
     inputMargin,
     inputOnChange,
     inputRequired,
+    inputReset,
     inputVariant,
     defaultValue,
     label,
@@ -162,12 +163,10 @@ export function ComboBox<
   const addReadOnly = (params: AutocompleteRenderInputParams) => {
     if (readOnly != null) {
       Object.assign(params, { readOnly });
-
-      if (readOnly) {
-        Object.assign(params.inputProps, { "data-reset": true });
-      }
     }
 
+    Object.assign(params.inputProps, { "data-reset": inputReset });
+
     if (dataReadonly) {
       params.inputProps.onKeyDown = (event) => {
         if (Keyboard.isTypingContent(event.key)) {

package/src/ComboBoxMultiple.tsx

@@ -93,6 +93,7 @@ export function ComboBoxMultiple<
     inputMargin,
     inputOnChange,
     inputRequired,
+    inputReset,
     inputVariant,
     defaultValue,
     label,
@@ -177,12 +178,10 @@ export function ComboBoxMultiple<
   const addReadOnly = (params: AutocompleteRenderInputParams) => {
     if (readOnly != null) {
       Object.assign(params, { readOnly });
-
-      if (readOnly) {
-        Object.assign(params.inputProps, { "data-reset": true });
-      }
     }
 
+    Object.assign(params.inputProps, { "data-reset": inputReset });
+
     if (dataReadonly) {
       params.inputProps.onKeyDown = (event) => {
         if (Keyboard.isTypingContent(event.key)) {

package/src/Tiplist.tsx

@@ -70,6 +70,7 @@ export function Tiplist<
     inputMargin,
     inputOnChange,
     inputRequired,
+    inputReset,
     inputVariant,
     label,
     loadData,
@@ -144,7 +145,10 @@ export function Tiplist<
 
     // https://stackoverflow.com/questions/15738259/disabling-chrome-autofill
     // https://html.spec.whatwg.org/multipage/form-control-infrastructure.html
-    Object.assign(params.inputProps, { autoComplete: inputAutoComplete });
+    Object.assign(params.inputProps, {
+      autoComplete: inputAutoComplete,
+      "data-reset": inputReset
+    });
 
     return params;
   };