@etsoo/materialui 1.0.94 → 1.0.95

package/lib/ItemList.d.ts

@@ -12,6 +12,10 @@ export interface ItemListProps<T extends object, D extends DataTypes.Keys<T>, L
      * Style class name
      */
     className?: string;
+    /**
+     * Keep click for all items
+     */
+    keepClick?: boolean;
     /**
      * Id field name
      */
@@ -20,6 +24,10 @@ export interface ItemListProps<T extends object, D extends DataTypes.Keys<T>, L
      * Label field name or callback
      */
     labelField?: L | ((item: T) => string);
+    /**
+     * Minimum width
+     */
+    minWidth?: number | string;
     /**
      * Button icon
      */

package/lib/ItemList.js

@@ -8,7 +8,7 @@ import { DataTypes } from '@etsoo/shared';
 export function ItemList(props) {
     var _a;
     //  properties destructure
-    const { buttonLabel, className, color = 'primary', items, idField = 'id', labelField = 'label', icon, onClose, selectedValue, size = 'medium', title, variant = 'outlined' } = props;
+    const { buttonLabel, className, color = 'primary', keepClick = false, items, idField = 'id', labelField = 'label', minWidth = '200px', icon, onClose, selectedValue, size = 'medium', title, variant = 'outlined' } = props;
     // Get label
     const getLabel = (item) => {
         var _a;
@@ -58,12 +58,13 @@ export function ItemList(props) {
     };
     return (React.createElement(React.Fragment, null,
         React.createElement(Button, { className: className, variant: variant, startIcon: icon, color: color, size: size, onClick: clickHandler }, buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : getLabel(currentItem)),
-        React.createElement(Dialog, { "aria-labelledby": "dialog-title", open: open, onClose: closeHandler },
-            title && (React.createElement(DialogTitle, { sx: { minWidth: '200px' }, id: "dialog-title" }, title)),
+        React.createElement(Dialog, { "aria-labelledby": "dialog-title", open: open, onClose: closeHandler, sx: { minWidth } },
+            title && React.createElement(DialogTitle, { id: "dialog-title" }, title),
             React.createElement(DialogContent, null,
                 React.createElement(List, null, items.map((item) => {
                     const id = item[idField];
-                    return (React.createElement(ListItemButton, { key: id, disabled: id === currentItem[idField], onClick: () => closeItemHandler(item) },
+                    return (React.createElement(ListItemButton, { key: id, disabled: id === currentItem[idField] &&
+                            !keepClick, onClick: () => closeItemHandler(item) },
                         React.createElement(ListItemText, null, getLabel(item))));
                 }))))));
 }

package/package.json

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

package/src/ItemList.tsx

@@ -33,6 +33,11 @@ export interface ItemListProps<
      */
     className?: string;
 
+    /**
+     * Keep click for all items
+     */
+    keepClick?: boolean;
+
     /**
      * Id field name
      */
@@ -43,6 +48,11 @@ export interface ItemListProps<
      */
     labelField?: L | ((item: T) => string);
 
+    /**
+     * Minimum width
+     */
+    minWidth?: number | string;
+
     /**
      * Button icon
      */
@@ -98,9 +108,11 @@ export function ItemList<
         buttonLabel,
         className,
         color = 'primary',
+        keepClick = false,
         items,
         idField = 'id' as D,
         labelField = 'label' as L,
+        minWidth = '200px',
         icon,
         onClose,
         selectedValue,
@@ -182,12 +194,9 @@ export function ItemList<
                 aria-labelledby="dialog-title"
                 open={open}
                 onClose={closeHandler}
+                sx={{ minWidth }}
             >
-                {title && (
-                    <DialogTitle sx={{ minWidth: '200px' }} id="dialog-title">
-                        {title}
-                    </DialogTitle>
-                )}
+                {title && <DialogTitle id="dialog-title">{title}</DialogTitle>}
                 <DialogContent>
                     <List>
                         {items.map((item) => {
@@ -195,7 +204,10 @@ export function ItemList<
                             return (
                                 <ListItemButton
                                     key={id as unknown as React.Key}
-                                    disabled={id === currentItem[idField]}
+                                    disabled={
+                                        id === currentItem[idField] &&
+                                        !keepClick
+                                    }
                                     onClick={() => closeItemHandler(item)}
                                 >
                                     <ListItemText>