@etsoo/react 1.4.78 → 1.4.79

package/lib/mu/ComboBox.js

@@ -2,6 +2,7 @@ import { Keyboard } from '@etsoo/shared';
 import { Autocomplete } from '@mui/material';
 import React from 'react';
 import { Utils } from '../app/Utils';
+import { Utils as SharedUtils } from '@etsoo/shared';
 import { InputField } from './InputField';
 import { SearchField } from './SearchField';
 /**
@@ -81,6 +82,9 @@ export function ComboBox(props) {
                     return;
                 if (onLoadData)
                     onLoadData(result);
+                if (search) {
+                    SharedUtils.addBlankItem(result, idField, labelField);
+                }
                 setOptions(result);
             });
         }

package/lib/mu/SelectBool.js

@@ -1,3 +1,4 @@
+import { Utils } from '@etsoo/shared';
 import React from 'react';
 import { globalApp } from '..';
 import { SelectEx } from './SelectEx';
@@ -15,7 +16,7 @@ export function SelectBool(props) {
         { id: 'true', label: globalApp.get('yes') }
     ];
     if (search)
-        options.unshift({ id: '', label: '---' });
+        Utils.addBlankItem(options);
     // Layout
     return React.createElement(SelectEx, { options: options, search: search, ...rest });
 }

package/lib/mu/SelectEx.js

@@ -3,6 +3,7 @@ import { Checkbox, FormControl, InputLabel, ListItemText, MenuItem, OutlinedInpu
 import React from 'react';
 import { MUGlobal } from './MUGlobal';
 import { ListItemRightIcon } from './ListItemRightIcon';
+import { Utils } from '@etsoo/shared';
 /**
  * Extended select component
  * @param props Props
@@ -96,6 +97,9 @@ export function SelectEx(props) {
                     return;
                 if (onLoadData)
                     onLoadData(result);
+                if (search) {
+                    Utils.addBlankItem(result, idField, labelField);
+                }
                 setOptions(result);
             });
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.4.78",
+    "version": "1.4.79",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -50,9 +50,9 @@
         "@emotion/react": "^11.7.1",
         "@emotion/style": "^0.8.0",
         "@emotion/styled": "^11.6.0",
-        "@etsoo/appscript": "^1.2.28",
+        "@etsoo/appscript": "^1.2.29",
         "@etsoo/notificationbase": "^1.1.0",
-        "@etsoo/shared": "^1.1.7",
+        "@etsoo/shared": "^1.1.9",
         "@mui/icons-material": "^5.3.1",
         "@mui/material": "^5.3.1",
         "@reach/router": "^1.3.4",
@@ -85,7 +85,7 @@
         "@types/react-test-renderer": "^17.0.1",
         "@typescript-eslint/eslint-plugin": "^5.10.1",
         "@typescript-eslint/parser": "^5.10.1",
-        "eslint": "^8.7.0",
+        "eslint": "^8.8.0",
         "eslint-config-airbnb-base": "^15.0.0",
         "eslint-plugin-import": "^2.25.4",
         "eslint-plugin-react": "^7.28.0",

package/src/mu/ComboBox.tsx

@@ -3,6 +3,7 @@ import { Keyboard } from '@etsoo/shared';
 import { Autocomplete, AutocompleteRenderInputParams } from '@mui/material';
 import React from 'react';
 import { Utils } from '../app/Utils';
+import { Utils as SharedUtils } from '@etsoo/shared';
 import { AutocompleteExtendedProps } from './AutocompleteExtendedProps';
 import { InputField } from './InputField';
 import { SearchField } from './SearchField';
@@ -155,6 +156,9 @@ export function ComboBox<T extends {} = IdLabelDto>(props: ComboBoxProps<T>) {
             loadData().then((result) => {
                 if (result == null || !isMounted.current) return;
                 if (onLoadData) onLoadData(result);
+                if (search) {
+                    SharedUtils.addBlankItem(result, idField, labelField);
+                }
                 setOptions(result);
             });
         }

package/src/mu/SelectBool.tsx

@@ -1,4 +1,5 @@
 import { IdLabelDto } from '@etsoo/appscript';
+import { Utils } from '@etsoo/shared';
 import React from 'react';
 import { globalApp } from '..';
 import { SelectEx, SelectExProps } from './SelectEx';
@@ -24,7 +25,7 @@ export function SelectBool(props: SelectBoolProps) {
         { id: 'true', label: globalApp.get('yes')! }
     ];
 
-    if (search) options.unshift({ id: '', label: '---' });
+    if (search) Utils.addBlankItem(options);
 
     // Layout
     return <SelectEx options={options} search={search} {...rest} />;

package/src/mu/SelectEx.tsx

@@ -14,6 +14,7 @@ import React from 'react';
 import { MUGlobal } from './MUGlobal';
 import { IdLabelDto } from '@etsoo/appscript';
 import { ListItemRightIcon } from './ListItemRightIcon';
+import { Utils } from '@etsoo/shared';
 
 /**
  * Extended select component props
@@ -171,6 +172,9 @@ export function SelectEx<T extends {} = IdLabelDto>(props: SelectExProps<T>) {
             loadData().then((result) => {
                 if (result == null || !isMounted.current) return;
                 if (onLoadData) onLoadData(result);
+                if (search) {
+                    Utils.addBlankItem(result, idField, labelField);
+                }
                 setOptions(result);
             });
         }