@etsoo/materialui 1.0.1 → 1.0.4

package/lib/SelectEx.d.ts

@@ -17,6 +17,10 @@ export declare type SelectExProps<T extends object, D extends DataTypes.Keys<T>
      * Item icon renderer
      */
     itemIconRenderer?: (id: T[D]) => React.ReactNode;
+    /**
+     * Item style
+     */
+    itemStyle?: (option: T) => React.CSSProperties;
     /**
      * Label field
      */

package/lib/SelectEx.js

@@ -12,7 +12,7 @@ import { ReactUtils } from '@etsoo/react';
 export function SelectEx(props) {
     var _a;
     // Destruct
-    const { defaultValue, idField = 'id', itemIconRenderer, label, labelField = 'label', loadData, onItemClick, onLoadData, multiple = false, name, options = [], search = false, autoAddBlankItem = search, value, onChange, fullWidth, ...rest } = props;
+    const { defaultValue, idField = 'id', itemIconRenderer, itemStyle, label, labelField = 'label', loadData, onItemClick, onLoadData, multiple = false, name, options = [], search = false, autoAddBlankItem = search, value, onChange, fullWidth, ...rest } = props;
     // Options state
     const [localOptions, setOptions] = React.useState(options);
     const isMounted = React.useRef(true);
@@ -148,7 +148,9 @@ export function SelectEx(props) {
                     }
                     if (!multiple)
                         setItemValue(id);
-                } },
+                }, style: itemStyle == null
+                    ? undefined
+                    : itemStyle(option) },
                 multiple && React.createElement(Checkbox, { checked: itemChecked(id) }),
                 React.createElement(ListItemText, { primary: label }),
                 itemIconRenderer && (React.createElement(ListItemRightIcon, null, itemIconRenderer(option[idField])))));

package/lib/app/ReactApp.js

@@ -121,7 +121,7 @@ export class ReactApp extends CoreApp {
      * @param culture New culture definition
      */
     changeCulture(culture) {
-        var _a, _b;
+        var _a, _b, _c;
         // Super call to update cultrue
         super.changeCulture(culture);
         // Update component labels
@@ -140,7 +140,9 @@ export class ReactApp extends CoreApp {
         // Notify host
         (_a = BridgeUtils.host) === null || _a === void 0 ? void 0 : _a.changeCulture(culture.name);
         // Document title
-        document.title = (_b = this.get(this.name)) !== null && _b !== void 0 ? _b : this.name;
+        // Default is servier name's label or appName label
+        document.title =
+            (_c = (_b = this.get(this.name)) !== null && _b !== void 0 ? _b : this.get('appName')) !== null && _c !== void 0 ? _c : this.name;
     }
     /**
      * Change culture extended

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/materialui",
-    "version": "1.0.1",
+    "version": "1.0.4",
     "description": "TypeScript Material-UI Implementation",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -49,17 +49,17 @@
         "@dnd-kit/core": "^6.0.5",
         "@dnd-kit/sortable": "^7.0.1",
         "@emotion/css": "^11.10.0",
-        "@emotion/react": "^11.10.0",
-        "@emotion/styled": "^11.10.0",
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "@etsoo/appscript": "^1.2.88",
         "@etsoo/notificationbase": "^1.1.7",
-        "@etsoo/react": "^1.5.81",
+        "@etsoo/react": "^1.5.86",
         "@etsoo/shared": "^1.1.51",
-        "@mui/icons-material": "^5.10.2",
-        "@mui/material": "^5.10.2",
+        "@mui/icons-material": "^5.10.3",
+        "@mui/material": "^5.10.3",
         "@types/pica": "^9.0.1",
         "@types/pulltorefreshjs": "^0.1.5",
-        "@types/react": "^18.0.17",
+        "@types/react": "^18.0.18",
         "@types/react-avatar-editor": "^13.0.0",
         "@types/react-dom": "^18.0.6",
         "@types/react-input-mask": "^3.0.1",
@@ -82,9 +82,9 @@
         "@babel/runtime-corejs3": "^7.18.9",
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.3.0",
-        "@types/jest": "^28.1.8",
-        "@typescript-eslint/eslint-plugin": "^5.35.1",
-        "@typescript-eslint/parser": "^5.35.1",
+        "@types/jest": "^29.0.0",
+        "@typescript-eslint/eslint-plugin": "^5.36.1",
+        "@typescript-eslint/parser": "^5.36.1",
         "eslint": "^8.23.0",
         "eslint-config-airbnb-base": "^15.0.0",
         "eslint-plugin-import": "^2.26.0",

package/src/SelectEx.tsx

@@ -44,6 +44,11 @@ export type SelectExProps<
      */
     itemIconRenderer?: (id: T[D]) => React.ReactNode;
 
+    /**
+     * Item style
+     */
+    itemStyle?: (option: T) => React.CSSProperties;
+
     /**
      * Label field
      */
@@ -90,6 +95,7 @@ export function SelectEx<
         defaultValue,
         idField = 'id' as D,
         itemIconRenderer,
+        itemStyle,
         label,
         labelField = 'label' as L,
         loadData,
@@ -273,6 +279,11 @@ export function SelectEx<
                                 }
                                 if (!multiple) setItemValue(id);
                             }}
+                            style={
+                                itemStyle == null
+                                    ? undefined
+                                    : itemStyle(option)
+                            }
                         >
                             {multiple && <Checkbox checked={itemChecked(id)} />}
                             <ListItemText primary={label} />

package/src/app/ReactApp.ts

@@ -309,7 +309,9 @@ export class ReactApp<
         BridgeUtils.host?.changeCulture(culture.name);
 
         // Document title
-        document.title = this.get(this.name) ?? this.name;
+        // Default is servier name's label or appName label
+        document.title =
+            this.get(this.name) ?? this.get('appName') ?? this.name;
     }
 
     /**