@etsoo/react 1.4.86 → 1.4.87

package/lib/mu/ComboBox.d.ts

@@ -5,6 +5,10 @@ import { AutocompleteExtendedProps } from './AutocompleteExtendedProps';
  * ComboBox props
  */
 export interface ComboBoxProps<T extends {}> extends AutocompleteExtendedProps<T> {
+    /**
+     * Auto add blank item
+     */
+    autoAddBlankItem?: boolean;
     /**
      * Data readonly
      */

package/lib/mu/ComboBox.js

@@ -12,7 +12,7 @@ import { SearchField } from './SearchField';
  */
 export function ComboBox(props) {
     // Destruct
-    const { search = false, idField = 'id', idValue, inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputVariant, defaultValue, label, labelField = 'label', loadData, onLoadData, name, inputAutoComplete = 'off', options, dataReadonly = true, readOnly, onChange, openOnFocus = true, value, getOptionLabel = (option) => String(Reflect.get(option, labelField)), sx = { minWidth: '150px' }, ...rest } = props;
+    const { search = false, autoAddBlankItem = search, idField = 'id', idValue, inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputVariant, defaultValue, label, labelField = 'label', loadData, onLoadData, name, inputAutoComplete = 'off', options, dataReadonly = true, readOnly, onChange, openOnFocus = true, value, getOptionLabel = (option) => String(Reflect.get(option, labelField)), sx = { minWidth: '150px' }, ...rest } = props;
     // Value input ref
     const inputRef = React.createRef();
     // Options state
@@ -82,7 +82,7 @@ export function ComboBox(props) {
                     return;
                 if (onLoadData)
                     onLoadData(result);
-                if (search) {
+                if (autoAddBlankItem) {
                     SharedUtils.addBlankItem(result, idField, labelField);
                 }
                 setOptions(result);

package/lib/mu/SelectBool.js

@@ -9,13 +9,13 @@ import { SelectEx } from './SelectEx';
  */
 export function SelectBool(props) {
     // Destruct
-    const { search = true, ...rest } = props;
+    const { search = true, autoAddBlankItem = search, ...rest } = props;
     // Options
     const options = [
         { id: 'false', label: globalApp.get('no') },
         { id: 'true', label: globalApp.get('yes') }
     ];
-    if (search)
+    if (autoAddBlankItem)
         Utils.addBlankItem(options);
     // Layout
     return React.createElement(SelectEx, { options: options, search: search, ...rest });

package/lib/mu/SelectEx.d.ts

@@ -5,6 +5,10 @@ import { IdLabelDto } from '@etsoo/appscript';
  * Extended select component props
  */
 export interface SelectExProps<T extends {}> extends Omit<SelectProps, 'labelId' | 'input' | 'native'> {
+    /**
+     * Auto add blank item
+     */
+    autoAddBlankItem?: boolean;
     /**
      * Id field, default is id
      */

package/lib/mu/SelectEx.js

@@ -12,7 +12,7 @@ import { Utils } from '@etsoo/shared';
 export function SelectEx(props) {
     var _a;
     // Destruct
-    const { defaultValue, idField = 'id', itemIconRenderer, label, labelField = 'label', loadData, onItemClick, onLoadData, multiple = false, name, options = [], search = false, value, onChange, ...rest } = props;
+    const { defaultValue, idField = 'id', itemIconRenderer, label, labelField = 'label', loadData, onItemClick, onLoadData, multiple = false, name, options = [], search = false, autoAddBlankItem = search, value, onChange, ...rest } = props;
     // Options state
     const [localOptions, setOptions] = React.useState(options);
     const isMounted = React.useRef(true);
@@ -97,7 +97,7 @@ export function SelectEx(props) {
                     return;
                 if (onLoadData)
                     onLoadData(result);
-                if (search) {
+                if (autoAddBlankItem) {
                     Utils.addBlankItem(result, idField, labelField);
                 }
                 setOptions(result);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.4.86",
+    "version": "1.4.87",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/mu/ComboBox.tsx

@@ -13,6 +13,11 @@ import { SearchField } from './SearchField';
  */
 export interface ComboBoxProps<T extends {}>
     extends AutocompleteExtendedProps<T> {
+    /**
+     * Auto add blank item
+     */
+    autoAddBlankItem?: boolean;
+
     /**
      * Data readonly
      */
@@ -48,6 +53,7 @@ export function ComboBox<T extends {} = IdLabelDto>(props: ComboBoxProps<T>) {
     // Destruct
     const {
         search = false,
+        autoAddBlankItem = search,
         idField = 'id',
         idValue,
         inputError,
@@ -156,7 +162,7 @@ export function ComboBox<T extends {} = IdLabelDto>(props: ComboBoxProps<T>) {
             loadData().then((result) => {
                 if (result == null || !isMounted.current) return;
                 if (onLoadData) onLoadData(result);
-                if (search) {
+                if (autoAddBlankItem) {
                     SharedUtils.addBlankItem(result, idField, labelField);
                 }
                 setOptions(result);

package/src/mu/SelectBool.tsx

@@ -17,7 +17,7 @@ export interface SelectBoolProps
  */
 export function SelectBool(props: SelectBoolProps) {
     // Destruct
-    const { search = true, ...rest } = props;
+    const { search = true, autoAddBlankItem = search, ...rest } = props;
 
     // Options
     const options: IdLabelDto<string>[] = [
@@ -25,7 +25,7 @@ export function SelectBool(props: SelectBoolProps) {
         { id: 'true', label: globalApp.get('yes')! }
     ];
 
-    if (search) Utils.addBlankItem(options);
+    if (autoAddBlankItem) Utils.addBlankItem(options);
 
     // Layout
     return <SelectEx options={options} search={search} {...rest} />;

package/src/mu/SelectEx.tsx

@@ -21,6 +21,11 @@ import { Utils } from '@etsoo/shared';
  */
 export interface SelectExProps<T extends {}>
     extends Omit<SelectProps, 'labelId' | 'input' | 'native'> {
+    /**
+     * Auto add blank item
+     */
+    autoAddBlankItem?: boolean;
+
     /**
      * Id field, default is id
      */
@@ -82,6 +87,7 @@ export function SelectEx<T extends {} = IdLabelDto>(props: SelectExProps<T>) {
         name,
         options = [],
         search = false,
+        autoAddBlankItem = search,
         value,
         onChange,
         ...rest
@@ -172,7 +178,7 @@ export function SelectEx<T extends {} = IdLabelDto>(props: SelectExProps<T>) {
             loadData().then((result) => {
                 if (result == null || !isMounted.current) return;
                 if (onLoadData) onLoadData(result);
-                if (search) {
+                if (autoAddBlankItem) {
                     Utils.addBlankItem(result, idField, labelField);
                 }
                 setOptions(result);