@zeedhi/common 1.86.1 → 1.87.0

package/dist/zd-common.esm.js

@@ -7301,6 +7301,10 @@ class Select extends TextInput {
          * Field used to display values
          */
         this.dataText = '';
+        /**
+         * Field used to display values when the select is closed
+         */
+        this.dataTextDiscrete = '';
         /**
          * Value used to join display values
          */
@@ -7396,6 +7400,7 @@ class Select extends TextInput {
         this.debounceSearch = debounce(this.doSearch, 500);
         this.appendIcon = this.getInitValue('appendIcon', props.appendIcon, 'expand');
         this.dataText = this.getInitValue('dataText', props.dataText, this.dataText);
+        this.dataTextDiscrete = this.getInitValue('dataTextDiscrete', props.dataTextDiscrete, this.dataTextDiscrete);
         this.dataTextSeparator = this.getInitValue('dataTextSeparator', props.dataTextSeparator, this.dataTextSeparator);
         this.dataValue = this.getInitValue('dataValue', props.dataValue, this.dataValue);
         this.dataDisabled = this.getInitValue('dataDisabled', props.dataDisabled, this.dataDisabled);
@@ -7414,6 +7419,12 @@ class Select extends TextInput {
         }
         if (this.dataText && !Array.isArray(this.dataText))
             this.dataText = [this.dataText];
+        if (this.dataTextDiscrete && !Array.isArray(this.dataTextDiscrete))
+            this.dataTextDiscrete = [this.dataTextDiscrete];
+        this.discreteProps = {
+            dataText: this.dataTextDiscrete,
+            dataTextSeparator: this.dataTextSeparator,
+        };
         const defaultDatasource = this.getDefaultDatasource(props);
         this.datasource = DatasourceFactory.factory(defaultDatasource);
         this.overrideGet();
@@ -7464,7 +7475,10 @@ class Select extends TextInput {
     }
     set search(value) {
         this.searchValue = value || '';
-        if (this.searchValue === '' || this.searchValue !== this.formatter(this.selectValue)) {
+        const searchValue = this.dataTextDiscrete.length === 0
+            ? this.formatter(this.selectValue)
+            : this.formatter(this.selectValue, this.discreteProps);
+        if (this.searchValue === '' || this.searchValue !== searchValue) {
             this.dirtySearchValue = this.searchValue;
             if (this.isFocused)
                 this.debounceSearch(this.searchValue);
@@ -7595,7 +7609,7 @@ class Select extends TextInput {
     /**
      * Returns the currentRow in the dataText key
      */
-    formatter(value) { return this.formatterFn(value, this); }
+    formatter(value, props) { return this.formatterFn(value, props !== null && props !== void 0 ? props : this); }
     setFieldValue(value) {
         return __awaiter(this, void 0, void 0, function* () {
             let filterValue;
@@ -10565,6 +10579,10 @@ class SelectTree extends TextInput {
          * Defines if the node tree has child
          */
         this.fieldHasChild = '';
+        /**
+         * Automatically select option if only one is filtered
+         */
+        this.autoSelection = true;
         this.savedNodes = undefined;
         this.debounceSearch = debounce(this.searchChange, 500);
         this.nodes = this.getInitValue('nodes', props.nodes, this.nodes);
@@ -10588,6 +10606,7 @@ class SelectTree extends TextInput {
         this.fetchOnDemand = this.getInitValue('fetchOnDemand', props.fetchOnDemand, this.fetchOnDemand);
         this.fieldHasChild = this.getInitValue('fieldHasChild', props.fieldHasChild, this.fieldHasChild);
         this.menuMaxWidth = this.getInitValue('menuMaxWidth', props.menuMaxWidth, this.menuMaxWidth);
+        this.autoSelection = this.getInitValue('autoSelection', props.autoSelection, this.autoSelection);
         if (props.datasource && Object.keys(props.datasource).length) {
             this.lazyLoad = props.datasource.lazyLoad !== false;
             const searchFields = Array.isArray(this.dataText) ? this.dataText : [this.dataText];
@@ -10851,6 +10870,14 @@ class SelectTree extends TextInput {
             });
         });
     }
+    checkAutoSelection() {
+        if (!this.getFilteredNodes)
+            return;
+        const filteredNode = this.getFilteredNodes();
+        if (this.autoSelection && filteredNode) {
+            this.setValue(filteredNode.id);
+        }
+    }
 }
 
 /**

package/dist/zd-common.umd.js

@@ -7308,6 +7308,10 @@
            * Field used to display values
            */
           this.dataText = '';
+          /**
+           * Field used to display values when the select is closed
+           */
+          this.dataTextDiscrete = '';
           /**
            * Value used to join display values
            */
@@ -7403,6 +7407,7 @@
           this.debounceSearch = debounce__default["default"](this.doSearch, 500);
           this.appendIcon = this.getInitValue('appendIcon', props.appendIcon, 'expand');
           this.dataText = this.getInitValue('dataText', props.dataText, this.dataText);
+          this.dataTextDiscrete = this.getInitValue('dataTextDiscrete', props.dataTextDiscrete, this.dataTextDiscrete);
           this.dataTextSeparator = this.getInitValue('dataTextSeparator', props.dataTextSeparator, this.dataTextSeparator);
           this.dataValue = this.getInitValue('dataValue', props.dataValue, this.dataValue);
           this.dataDisabled = this.getInitValue('dataDisabled', props.dataDisabled, this.dataDisabled);
@@ -7421,6 +7426,12 @@
           }
           if (this.dataText && !Array.isArray(this.dataText))
               this.dataText = [this.dataText];
+          if (this.dataTextDiscrete && !Array.isArray(this.dataTextDiscrete))
+              this.dataTextDiscrete = [this.dataTextDiscrete];
+          this.discreteProps = {
+              dataText: this.dataTextDiscrete,
+              dataTextSeparator: this.dataTextSeparator,
+          };
           const defaultDatasource = this.getDefaultDatasource(props);
           this.datasource = core.DatasourceFactory.factory(defaultDatasource);
           this.overrideGet();
@@ -7471,7 +7482,10 @@
       }
       set search(value) {
           this.searchValue = value || '';
-          if (this.searchValue === '' || this.searchValue !== this.formatter(this.selectValue)) {
+          const searchValue = this.dataTextDiscrete.length === 0
+              ? this.formatter(this.selectValue)
+              : this.formatter(this.selectValue, this.discreteProps);
+          if (this.searchValue === '' || this.searchValue !== searchValue) {
               this.dirtySearchValue = this.searchValue;
               if (this.isFocused)
                   this.debounceSearch(this.searchValue);
@@ -7602,7 +7616,7 @@
       /**
        * Returns the currentRow in the dataText key
        */
-      formatter(value) { return this.formatterFn(value, this); }
+      formatter(value, props) { return this.formatterFn(value, props !== null && props !== void 0 ? props : this); }
       setFieldValue(value) {
           return __awaiter(this, void 0, void 0, function* () {
               let filterValue;
@@ -10572,6 +10586,10 @@
            * Defines if the node tree has child
            */
           this.fieldHasChild = '';
+          /**
+           * Automatically select option if only one is filtered
+           */
+          this.autoSelection = true;
           this.savedNodes = undefined;
           this.debounceSearch = debounce__default["default"](this.searchChange, 500);
           this.nodes = this.getInitValue('nodes', props.nodes, this.nodes);
@@ -10595,6 +10613,7 @@
           this.fetchOnDemand = this.getInitValue('fetchOnDemand', props.fetchOnDemand, this.fetchOnDemand);
           this.fieldHasChild = this.getInitValue('fieldHasChild', props.fieldHasChild, this.fieldHasChild);
           this.menuMaxWidth = this.getInitValue('menuMaxWidth', props.menuMaxWidth, this.menuMaxWidth);
+          this.autoSelection = this.getInitValue('autoSelection', props.autoSelection, this.autoSelection);
           if (props.datasource && Object.keys(props.datasource).length) {
               this.lazyLoad = props.datasource.lazyLoad !== false;
               const searchFields = Array.isArray(this.dataText) ? this.dataText : [this.dataText];
@@ -10858,6 +10877,14 @@
               });
           });
       }
+      checkAutoSelection() {
+          if (!this.getFilteredNodes)
+              return;
+          const filteredNode = this.getFilteredNodes();
+          if (this.autoSelection && filteredNode) {
+              this.setValue(filteredNode.id);
+          }
+      }
   }
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.86.1",
+  "version": "1.87.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "96c1d8fad419409f16c17a3ec72f0bca1748002c"
+  "gitHead": "528e43ff67f44973feb379818ae80f0c8c02a379"
 }

package/types/components/zd-select/interfaces.d.ts

@@ -7,6 +7,7 @@ export interface ISelect extends ITextInput {
     autoSelection?: boolean;
     datasource?: IDatasource;
     dataText?: string | any[];
+    dataTextDiscrete?: string | any[];
     dataTextSeparator?: string;
     dataValue?: string;
     dataDisabled?: string;

package/types/components/zd-select/select.d.ts

@@ -14,6 +14,10 @@ export declare class Select extends TextInput implements ISelect {
      * Field used to display values
      */
     dataText: string | any[];
+    /**
+     * Field used to display values when the select is closed
+     */
+    dataTextDiscrete: string | any[];
     /**
      * Value used to join display values
      */
@@ -105,6 +109,7 @@ export declare class Select extends TextInput implements ISelect {
     protected cachedTotal: number;
     protected formatterFn: Function;
     private pushedValue;
+    private discreteProps?;
     protected loadMoreQtty: number;
     /**
      * Create a new Select.
@@ -149,7 +154,10 @@ export declare class Select extends TextInput implements ISelect {
     /**
      * Returns the currentRow in the dataText key
      */
-    formatter(value?: string | IDictionary<any>): any;
+    formatter(value?: string | IDictionary<any>, props?: {
+        dataText: string | any[];
+        dataTextSeparator: string;
+    }): any;
     protected setFieldValue(value: any): Promise<boolean>;
     /**
      * Set value accessors

package/types/components/zd-select-tree/interfaces.d.ts

@@ -32,6 +32,7 @@ export interface ISelectTree extends IComponentRender {
     fetchOnDemand?: boolean;
     fieldHasChild?: string;
     menuMaxWidth?: number;
+    autoSelection?: boolean;
 }
 export interface ISelectTreeCloseEvent extends IEventParam<SelectTree> {
     selectedNodes: ISelectTreeNode<IDictionary>[];

package/types/components/zd-select-tree/select-tree.d.ts

@@ -98,6 +98,11 @@ export declare class SelectTree extends TextInput implements ISelectTree {
      * Defines if the node tree has child
      */
     fieldHasChild: string;
+    /**
+     * Automatically select option if only one is filtered
+     */
+    autoSelection: boolean;
+    getFilteredNodes?: () => boolean | Object;
     /**
      * Creates a new instance of SelectTree
      * @param props
@@ -149,4 +154,5 @@ export declare class SelectTree extends TextInput implements ISelectTree {
     set value(value: any);
     setValue(value: any): void;
     loadChildren(parentNode: ISelectTreeNode<IDictionary>): Promise<void>;
+    checkAutoSelection(): void;
 }