@etsoo/materialui 1.0.25 → 1.0.27

package/lib/SelectEx.d.ts

@@ -45,6 +45,10 @@ export declare type SelectExProps<T extends object, D extends DataTypes.Keys<T>
      * Item click handler
      */
     onItemClick?: (event: React.MouseEvent, option: T) => void;
+    /**
+     * Item mouse down handler
+     */
+    onItemMouseDown?: (event: React.MouseEvent, option: T) => void;
     /**
      * On load data handler
      */

package/lib/SelectEx.js

@@ -11,7 +11,7 @@ import { Utils } from '@etsoo/shared';
 export function SelectEx(props) {
     var _a;
     // Destruct
-    const { defaultValue, idField = 'id', error, helperText, inputRequired, itemIconRenderer, itemStyle, label, labelField = 'label', loadData, onItemChange, onItemClick, onLoadData, multiple = false, name, options, search = false, autoAddBlankItem = search, value, onChange, fullWidth, ...rest } = props;
+    const { defaultValue, idField = 'id', error, helperText, inputRequired, itemIconRenderer, itemStyle, label, labelField = 'label', loadData, onItemChange, onItemClick, onItemMouseDown, onLoadData, multiple = false, name, options, search = false, autoAddBlankItem = search, value, onChange, fullWidth, ...rest } = props;
     // Options state
     const [localOptions, setOptions] = React.useState([]);
     const isMounted = React.useRef(true);
@@ -159,8 +159,10 @@ export function SelectEx(props) {
             return (React.createElement(MenuItem, { key: id, value: id, onClick: (event) => {
                     if (onItemClick) {
                         onItemClick(event, option);
-                        if (event.defaultPrevented)
-                            return;
+                    }
+                }, onMouseDown: (event) => {
+                    if (onItemMouseDown) {
+                        onItemMouseDown(event, option);
                     }
                 }, style: itemStyle == null
                     ? undefined

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/materialui",
-    "version": "1.0.25",
+    "version": "1.0.27",
     "description": "TypeScript Material-UI Implementation",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -53,7 +53,7 @@
         "@emotion/styled": "^11.10.4",
         "@etsoo/appscript": "^1.2.96",
         "@etsoo/notificationbase": "^1.1.7",
-        "@etsoo/react": "^1.6.1",
+        "@etsoo/react": "^1.6.2",
         "@etsoo/shared": "^1.1.57",
         "@mui/icons-material": "^5.10.6",
         "@mui/material": "^5.10.6",

package/src/SelectEx.tsx

@@ -79,6 +79,11 @@ export type SelectExProps<
      */
     onItemClick?: (event: React.MouseEvent, option: T) => void;
 
+    /**
+     * Item mouse down handler
+     */
+    onItemMouseDown?: (event: React.MouseEvent, option: T) => void;
+
     /**
      * On load data handler
      */
@@ -119,6 +124,7 @@ export function SelectEx<
         loadData,
         onItemChange,
         onItemClick,
+        onItemMouseDown,
         onLoadData,
         multiple = false,
         name,
@@ -325,7 +331,11 @@ export function SelectEx<
                             onClick={(event) => {
                                 if (onItemClick) {
                                     onItemClick(event, option);
-                                    if (event.defaultPrevented) return;
+                                }
+                            }}
+                            onMouseDown={(event) => {
+                                if (onItemMouseDown) {
+                                    onItemMouseDown(event, option);
                                 }
                             }}
                             style={