@etsoo/materialui 1.0.93 → 1.0.94

package/lib/ItemList.d.ts

@@ -4,6 +4,10 @@ import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from '@etsoo/sha
  * Item list properties
  */
 export interface ItemListProps<T extends object, D extends DataTypes.Keys<T>, L extends DataTypes.Keys<T, string>> {
+    /**
+     * Button label
+     */
+    buttonLabel?: React.ReactNode;
     /**
      * Style class name
      */

package/lib/ItemList.js

@@ -8,7 +8,7 @@ import { DataTypes } from '@etsoo/shared';
 export function ItemList(props) {
     var _a;
     //  properties destructure
-    const { className, color = 'primary', items, idField = 'id', labelField = 'label', icon, onClose, selectedValue, size = 'medium', title, variant = 'outlined' } = props;
+    const { buttonLabel, className, color = 'primary', items, idField = 'id', labelField = 'label', icon, onClose, selectedValue, size = 'medium', title, variant = 'outlined' } = props;
     // Get label
     const getLabel = (item) => {
         var _a;
@@ -57,9 +57,9 @@ 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 }, getLabel(currentItem)),
+        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 },
-            React.createElement(DialogTitle, { sx: { minWidth: '200px' }, id: "dialog-title" }, title || ''),
+            title && (React.createElement(DialogTitle, { sx: { minWidth: '200px' }, id: "dialog-title" }, title)),
             React.createElement(DialogContent, null,
                 React.createElement(List, null, items.map((item) => {
                     const id = item[idField];

package/package.json

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

package/src/ItemList.tsx

@@ -23,6 +23,11 @@ export interface ItemListProps<
     D extends DataTypes.Keys<T>,
     L extends DataTypes.Keys<T, string>
 > {
+    /**
+     * Button label
+     */
+    buttonLabel?: React.ReactNode;
+
     /**
      * Style class name
      */
@@ -90,6 +95,7 @@ export function ItemList<
 >(props: ItemListProps<T, D, L>) {
     //  properties destructure
     const {
+        buttonLabel,
         className,
         color = 'primary',
         items,
@@ -170,16 +176,18 @@ export function ItemList<
                 size={size}
                 onClick={clickHandler}
             >
-                {getLabel(currentItem)}
+                {buttonLabel ?? getLabel(currentItem)}
             </Button>
             <Dialog
                 aria-labelledby="dialog-title"
                 open={open}
                 onClose={closeHandler}
             >
-                <DialogTitle sx={{ minWidth: '200px' }} id="dialog-title">
-                    {title || ''}
-                </DialogTitle>
+                {title && (
+                    <DialogTitle sx={{ minWidth: '200px' }} id="dialog-title">
+                        {title}
+                    </DialogTitle>
+                )}
                 <DialogContent>
                     <List>
                         {items.map((item) => {