@zeedhi/common 1.85.0 → 1.86.0

package/dist/zd-common.esm.js

@@ -1895,6 +1895,7 @@ class Input extends ComponentRender {
         this.parserFn = FormatterParserProvider.getParser('ZdInput');
         this.internalDisplayValue = '';
         this.internalValue = null;
+        this.formParent = this.getFormParent();
         this.lastInputValue = undefined;
         this.callInputEvent = debounce(({ event, element, component }) => {
             this.callEvent('input', { event, element, component });
@@ -1922,8 +1923,8 @@ class Input extends ComponentRender {
         this.value = this.getInitValue('value', props.value, this.value);
         this.validations = this.getInitValue('validations', props.validations, this.validations);
         this.parseValidations(props.validations || {});
-        if (this.parent instanceof Form) {
-            this.parent.registerInput(this);
+        if (this.formParent) {
+            this.formParent.registerInput(this);
         }
         this.createAccessors();
     }
@@ -2093,6 +2094,13 @@ class Input extends ComponentRender {
     keydown(event, element) {
         this.callEvent('keydown', { event, element, component: this });
     }
+    getFormParent() {
+        let { parent } = this;
+        while (parent && !(parent instanceof Form)) {
+            parent = parent.parent;
+        }
+        return parent;
+    }
 }
 FormatterParserProvider.registerFormatter('ZdInput', (value) => value);
 FormatterParserProvider.registerParser('ZdInput', (value) => value);
@@ -5604,6 +5612,17 @@ class Iterable extends ComponentRender {
     }
 }
 
+/**
+ * Delete rows error
+ */
+class DeleteRowsError extends Error {
+    constructor() {
+        super('Grid can\'t automatically delete rows when selectAllPages property is true.'
+            + ' You should delete them manually');
+        this.name = 'DeleteRowsError';
+    }
+}
+
 /**
  * Base class for Grid column
  */
@@ -5766,17 +5785,6 @@ const toggleableFormatter = ({ value, componentProps }) => {
 FormatterParserProvider.registerFormatter('column_ZdCheckbox', toggleableFormatter);
 FormatterParserProvider.registerFormatter('column_ZdSwitch', toggleableFormatter);
 
-/**
- * Delete rows error
- */
-class DeleteRowsError extends Error {
-    constructor() {
-        super('Grid can\'t automatically delete rows when selectAllPages property is true.'
-            + ' You should delete them manually');
-        this.name = 'DeleteRowsError';
-    }
-}
-
 /**
  * Base class for Grid component
  */
@@ -6218,16 +6226,9 @@ class Grid extends Iterable {
         const compName = actionComponent.name;
         const instanceName = `${compName}_${rowKey}`;
         const path = parentPath ? `${parentPath}.${compName}` : compName;
-        const props = merge({}, actionComponent, (_b = (_a = this.actionsApplied[rowKey]) === null || _a === void 0 ? void 0 : _a[column.name]) === null || _b === void 0 ? void 0 : _b[path]);
-        let newClickEvt;
-        if ((_c = props.events) === null || _c === void 0 ? void 0 : _c.click) {
-            const compEvents = Event.factory(props.events);
-            if (typeof compEvents.click === 'function') {
-                newClickEvt = ({ component, event, element }) => compEvents.click({
-                    component, event, element, row, column,
-                });
-            }
-        }
+        const compActivator = (_a = actionComponent.activator) !== null && _a !== void 0 ? _a : undefined;
+        const props = merge({}, actionComponent, (_c = (_b = this.actionsApplied[rowKey]) === null || _b === void 0 ? void 0 : _b[column.name]) === null || _c === void 0 ? void 0 : _c[path]);
+        const newClickEvt = this.setGridRowsInEvents(props, column, row);
         const children = props.children || [];
         const newChildren = children.map((child) => this.getActionProps(child, column, row, path).props);
         props.children = newChildren;
@@ -6247,6 +6248,12 @@ class Grid extends Iterable {
         }
         if (newClickEvt)
             props.events.click = newClickEvt;
+        if (compActivator) {
+            const newActivatorClickEvt = this.setGridRowsInEvents(compActivator, column, row);
+            if (newActivatorClickEvt) {
+                props.activator.events.click = newActivatorClickEvt;
+            }
+        }
         return { props, instance };
     }
     updateActionInstance(instanceName, newComponent) {
@@ -6278,6 +6285,18 @@ class Grid extends Iterable {
         }
         return {};
     }
+    setGridRowsInEvents(comp, column, row) {
+        var _a;
+        if ((_a = comp.events) === null || _a === void 0 ? void 0 : _a.click) {
+            const compEvents = Event.factory(comp.events);
+            if (typeof compEvents.click === 'function') {
+                return ({ component, event, element }) => compEvents.click({
+                    component, event, element, row, column,
+                });
+            }
+        }
+        return undefined;
+    }
 }
 
 /**
@@ -6871,7 +6890,7 @@ class Header extends ComponentRender {
         /**
          * Sets the height for header.
          */
-        this.height = 'auto';
+        this.height = '';
         /**
          * Render components on the left of header.
          */
@@ -7302,6 +7321,10 @@ class Select extends TextInput {
          * Enables search input
          */
         this.autocomplete = true;
+        /**
+         * Automatically select option if only one is filtered
+         */
+        this.autoSelection = true;
         /**
          * Prevents load select data when the input is focused
          */
@@ -7380,6 +7403,7 @@ class Select extends TextInput {
         this.menuMaxWidth = this.getInitValue('menuMaxWidth', props.menuMaxWidth, this.menuMaxWidth);
         this.returnObject = this.getInitValue('returnObject', props.returnObject, this.returnObject);
         this.autocomplete = this.getInitValue('autocomplete', props.autocomplete, this.autocomplete);
+        this.autoSelection = this.getInitValue('autoSelection', props.autoSelection, this.autoSelection);
         this.disabledItems = this.getInitValue('disabledItems', props.disabledItems, this.disabledItems);
         this.manualMode = this.getInitValue('manualMode', props.manualMode, this.manualMode);
         this.attach = this.getInitValue('attach', props.attach, this.attach);
@@ -7728,6 +7752,9 @@ class Select extends TextInput {
      */
     blur(event, element) {
         if (this.autocomplete) {
+            if (this.search && this.autoSelection && this.datasource.data.length === 1) {
+                this.setValue(this.datasource.data[0]);
+            }
             this.datasource.search = '';
             this.dirtySearchValue = '';
             if (!this.manualMode) {
@@ -7950,6 +7977,7 @@ class Search extends TextInput {
      */
     constructor(props) {
         super(props);
+        this.lazyAttach = false;
         this.debounceSetSearch = debounce(this.setSearch, 500);
         this.iterableComponentName = this.getInitValue('iterableComponentName', props.iterableComponentName, this.iterableComponent);
         this.showHelper = this.getInitValue('showHelper', props.showHelper, false);
@@ -7957,10 +7985,13 @@ class Search extends TextInput {
         this.appendIcon = this.getInitValue('appendIcon', props.appendIcon, 'magnify');
         this.placeholder = this.getInitValue('placeholder', props.placeholder, 'SEARCH');
         this.cssClass = this.getInitValue('cssClass', props.cssClass, 'zd-float-right');
-        this.setIterableComponent();
+        this.lazyAttach = this.getInitValue('lazyAttach', props.lazyAttach, this.lazyAttach);
+        if (!this.lazyAttach)
+            this.setIterableComponent();
         this.createAccessors();
     }
-    setIterableComponent() {
+    setIterableComponent(name) {
+        this.iterableComponentName = name || this.iterableComponentName;
         if (this.iterableComponentName && Metadata.getInstances(this.iterableComponentName).length > 0) {
             this.iterableComponent = Metadata.getInstance(this.iterableComponentName);
         }
@@ -9682,33 +9713,7 @@ class SelectMultiple extends Select {
             this.dataText = [this.dataText];
         this.internalDisplayValue = this.getDisplayValue();
         this.createAccessors();
-    }
-    afterFocus() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.preventLoadOnFocus) {
-                yield this.datasource.get();
-                const values = this.datasource.data.map((row) => row[this.dataValue]);
-                // remove inserted items that are already in datasource
-                this.insertedValues = this.insertedValues.filter((inserted) => !values.includes(inserted[this.dataValue]));
-                this.preventLoadOnFocus = true;
-            }
-            this.setCache();
-            this.updateSearch(this.dirtySearchValue);
-        });
-    }
-    setCache() {
-        if (this.manualMode)
-            return;
-        if (this.insertedValues.length) {
-            this.datasource.data = this.uniqueBy(this.insertedValues.concat(this.datasource.data), this.datasource.uniqueKey);
-            const values = this.insertedValues.map((inserted) => inserted[this.dataValue]);
-            // prevent caching insertedValues
-            this.cachedData = this.datasource.data.filter((row) => !values.includes(row[this.dataValue]));
-        }
-        else {
-            this.cachedData = this.datasource.data;
-        }
-        this.cachedTotal = this.datasource.total;
+        this.autoSelection = false;
     }
     /**
      * Field selected rows
@@ -10016,6 +10021,33 @@ class SelectMultiple extends Select {
         });
     }
     checkValueOnBlur() { }
+    afterFocus() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.preventLoadOnFocus) {
+                yield this.datasource.get();
+                const values = this.datasource.data.map((row) => row[this.dataValue]);
+                // remove inserted items that are already in datasource
+                this.insertedValues = this.insertedValues.filter((inserted) => !values.includes(inserted[this.dataValue]));
+                this.preventLoadOnFocus = true;
+            }
+            this.setCache();
+            this.updateSearch(this.dirtySearchValue);
+        });
+    }
+    setCache() {
+        if (this.manualMode)
+            return;
+        if (this.insertedValues.length) {
+            this.datasource.data = this.uniqueBy(this.insertedValues.concat(this.datasource.data), this.datasource.uniqueKey);
+            const values = this.insertedValues.map((inserted) => inserted[this.dataValue]);
+            // prevent caching insertedValues
+            this.cachedData = this.datasource.data.filter((row) => !values.includes(row[this.dataValue]));
+        }
+        else {
+            this.cachedData = this.datasource.data;
+        }
+        this.cachedTotal = this.datasource.total;
+    }
 }
 
 class TreeDataStructure {
@@ -12558,6 +12590,8 @@ class TreeGrid extends Grid {
         this.flat = this.getInitValue('flat', props.flat, this.flat);
         this.fieldHasChild = this.getInitValue('fieldHasChild', props.fieldHasChild, this.fieldHasChild);
         this.detach = this.getInitValue('detach', props.detach, this.detach);
+        this.footerSlot = props.footerSlot || this.footerSlot;
+        this.footerSlot = this.changeDefaultSlotNames(this.footerSlot);
         this.treeDataStructure = new TreeDataStructure(this);
         this.createAccessors();
     }

package/dist/zd-common.umd.js

@@ -1902,6 +1902,7 @@
           this.parserFn = core.FormatterParserProvider.getParser('ZdInput');
           this.internalDisplayValue = '';
           this.internalValue = null;
+          this.formParent = this.getFormParent();
           this.lastInputValue = undefined;
           this.callInputEvent = debounce__default["default"](({ event, element, component }) => {
               this.callEvent('input', { event, element, component });
@@ -1929,8 +1930,8 @@
           this.value = this.getInitValue('value', props.value, this.value);
           this.validations = this.getInitValue('validations', props.validations, this.validations);
           this.parseValidations(props.validations || {});
-          if (this.parent instanceof Form) {
-              this.parent.registerInput(this);
+          if (this.formParent) {
+              this.formParent.registerInput(this);
           }
           this.createAccessors();
       }
@@ -2100,6 +2101,13 @@
       keydown(event, element) {
           this.callEvent('keydown', { event, element, component: this });
       }
+      getFormParent() {
+          let { parent } = this;
+          while (parent && !(parent instanceof Form)) {
+              parent = parent.parent;
+          }
+          return parent;
+      }
   }
   core.FormatterParserProvider.registerFormatter('ZdInput', (value) => value);
   core.FormatterParserProvider.registerParser('ZdInput', (value) => value);
@@ -5611,6 +5619,17 @@
       }
   }
 
+  /**
+   * Delete rows error
+   */
+  class DeleteRowsError extends Error {
+      constructor() {
+          super('Grid can\'t automatically delete rows when selectAllPages property is true.'
+              + ' You should delete them manually');
+          this.name = 'DeleteRowsError';
+      }
+  }
+
   /**
    * Base class for Grid column
    */
@@ -5773,17 +5792,6 @@
   core.FormatterParserProvider.registerFormatter('column_ZdCheckbox', toggleableFormatter);
   core.FormatterParserProvider.registerFormatter('column_ZdSwitch', toggleableFormatter);
 
-  /**
-   * Delete rows error
-   */
-  class DeleteRowsError extends Error {
-      constructor() {
-          super('Grid can\'t automatically delete rows when selectAllPages property is true.'
-              + ' You should delete them manually');
-          this.name = 'DeleteRowsError';
-      }
-  }
-
   /**
    * Base class for Grid component
    */
@@ -6225,16 +6233,9 @@
           const compName = actionComponent.name;
           const instanceName = `${compName}_${rowKey}`;
           const path = parentPath ? `${parentPath}.${compName}` : compName;
-          const props = merge__default["default"]({}, actionComponent, (_b = (_a = this.actionsApplied[rowKey]) === null || _a === void 0 ? void 0 : _a[column.name]) === null || _b === void 0 ? void 0 : _b[path]);
-          let newClickEvt;
-          if ((_c = props.events) === null || _c === void 0 ? void 0 : _c.click) {
-              const compEvents = core.Event.factory(props.events);
-              if (typeof compEvents.click === 'function') {
-                  newClickEvt = ({ component, event, element }) => compEvents.click({
-                      component, event, element, row, column,
-                  });
-              }
-          }
+          const compActivator = (_a = actionComponent.activator) !== null && _a !== void 0 ? _a : undefined;
+          const props = merge__default["default"]({}, actionComponent, (_c = (_b = this.actionsApplied[rowKey]) === null || _b === void 0 ? void 0 : _b[column.name]) === null || _c === void 0 ? void 0 : _c[path]);
+          const newClickEvt = this.setGridRowsInEvents(props, column, row);
           const children = props.children || [];
           const newChildren = children.map((child) => this.getActionProps(child, column, row, path).props);
           props.children = newChildren;
@@ -6254,6 +6255,12 @@
           }
           if (newClickEvt)
               props.events.click = newClickEvt;
+          if (compActivator) {
+              const newActivatorClickEvt = this.setGridRowsInEvents(compActivator, column, row);
+              if (newActivatorClickEvt) {
+                  props.activator.events.click = newActivatorClickEvt;
+              }
+          }
           return { props, instance };
       }
       updateActionInstance(instanceName, newComponent) {
@@ -6285,6 +6292,18 @@
           }
           return {};
       }
+      setGridRowsInEvents(comp, column, row) {
+          var _a;
+          if ((_a = comp.events) === null || _a === void 0 ? void 0 : _a.click) {
+              const compEvents = core.Event.factory(comp.events);
+              if (typeof compEvents.click === 'function') {
+                  return ({ component, event, element }) => compEvents.click({
+                      component, event, element, row, column,
+                  });
+              }
+          }
+          return undefined;
+      }
   }
 
   /**
@@ -6878,7 +6897,7 @@
           /**
            * Sets the height for header.
            */
-          this.height = 'auto';
+          this.height = '';
           /**
            * Render components on the left of header.
            */
@@ -7309,6 +7328,10 @@
            * Enables search input
            */
           this.autocomplete = true;
+          /**
+           * Automatically select option if only one is filtered
+           */
+          this.autoSelection = true;
           /**
            * Prevents load select data when the input is focused
            */
@@ -7387,6 +7410,7 @@
           this.menuMaxWidth = this.getInitValue('menuMaxWidth', props.menuMaxWidth, this.menuMaxWidth);
           this.returnObject = this.getInitValue('returnObject', props.returnObject, this.returnObject);
           this.autocomplete = this.getInitValue('autocomplete', props.autocomplete, this.autocomplete);
+          this.autoSelection = this.getInitValue('autoSelection', props.autoSelection, this.autoSelection);
           this.disabledItems = this.getInitValue('disabledItems', props.disabledItems, this.disabledItems);
           this.manualMode = this.getInitValue('manualMode', props.manualMode, this.manualMode);
           this.attach = this.getInitValue('attach', props.attach, this.attach);
@@ -7735,6 +7759,9 @@
        */
       blur(event, element) {
           if (this.autocomplete) {
+              if (this.search && this.autoSelection && this.datasource.data.length === 1) {
+                  this.setValue(this.datasource.data[0]);
+              }
               this.datasource.search = '';
               this.dirtySearchValue = '';
               if (!this.manualMode) {
@@ -7957,6 +7984,7 @@
        */
       constructor(props) {
           super(props);
+          this.lazyAttach = false;
           this.debounceSetSearch = debounce__default["default"](this.setSearch, 500);
           this.iterableComponentName = this.getInitValue('iterableComponentName', props.iterableComponentName, this.iterableComponent);
           this.showHelper = this.getInitValue('showHelper', props.showHelper, false);
@@ -7964,10 +7992,13 @@
           this.appendIcon = this.getInitValue('appendIcon', props.appendIcon, 'magnify');
           this.placeholder = this.getInitValue('placeholder', props.placeholder, 'SEARCH');
           this.cssClass = this.getInitValue('cssClass', props.cssClass, 'zd-float-right');
-          this.setIterableComponent();
+          this.lazyAttach = this.getInitValue('lazyAttach', props.lazyAttach, this.lazyAttach);
+          if (!this.lazyAttach)
+              this.setIterableComponent();
           this.createAccessors();
       }
-      setIterableComponent() {
+      setIterableComponent(name) {
+          this.iterableComponentName = name || this.iterableComponentName;
           if (this.iterableComponentName && core.Metadata.getInstances(this.iterableComponentName).length > 0) {
               this.iterableComponent = core.Metadata.getInstance(this.iterableComponentName);
           }
@@ -9689,33 +9720,7 @@
               this.dataText = [this.dataText];
           this.internalDisplayValue = this.getDisplayValue();
           this.createAccessors();
-      }
-      afterFocus() {
-          return __awaiter(this, void 0, void 0, function* () {
-              if (!this.preventLoadOnFocus) {
-                  yield this.datasource.get();
-                  const values = this.datasource.data.map((row) => row[this.dataValue]);
-                  // remove inserted items that are already in datasource
-                  this.insertedValues = this.insertedValues.filter((inserted) => !values.includes(inserted[this.dataValue]));
-                  this.preventLoadOnFocus = true;
-              }
-              this.setCache();
-              this.updateSearch(this.dirtySearchValue);
-          });
-      }
-      setCache() {
-          if (this.manualMode)
-              return;
-          if (this.insertedValues.length) {
-              this.datasource.data = this.uniqueBy(this.insertedValues.concat(this.datasource.data), this.datasource.uniqueKey);
-              const values = this.insertedValues.map((inserted) => inserted[this.dataValue]);
-              // prevent caching insertedValues
-              this.cachedData = this.datasource.data.filter((row) => !values.includes(row[this.dataValue]));
-          }
-          else {
-              this.cachedData = this.datasource.data;
-          }
-          this.cachedTotal = this.datasource.total;
+          this.autoSelection = false;
       }
       /**
        * Field selected rows
@@ -10023,6 +10028,33 @@
           });
       }
       checkValueOnBlur() { }
+      afterFocus() {
+          return __awaiter(this, void 0, void 0, function* () {
+              if (!this.preventLoadOnFocus) {
+                  yield this.datasource.get();
+                  const values = this.datasource.data.map((row) => row[this.dataValue]);
+                  // remove inserted items that are already in datasource
+                  this.insertedValues = this.insertedValues.filter((inserted) => !values.includes(inserted[this.dataValue]));
+                  this.preventLoadOnFocus = true;
+              }
+              this.setCache();
+              this.updateSearch(this.dirtySearchValue);
+          });
+      }
+      setCache() {
+          if (this.manualMode)
+              return;
+          if (this.insertedValues.length) {
+              this.datasource.data = this.uniqueBy(this.insertedValues.concat(this.datasource.data), this.datasource.uniqueKey);
+              const values = this.insertedValues.map((inserted) => inserted[this.dataValue]);
+              // prevent caching insertedValues
+              this.cachedData = this.datasource.data.filter((row) => !values.includes(row[this.dataValue]));
+          }
+          else {
+              this.cachedData = this.datasource.data;
+          }
+          this.cachedTotal = this.datasource.total;
+      }
   }
 
   class TreeDataStructure {
@@ -12565,6 +12597,8 @@
           this.flat = this.getInitValue('flat', props.flat, this.flat);
           this.fieldHasChild = this.getInitValue('fieldHasChild', props.fieldHasChild, this.fieldHasChild);
           this.detach = this.getInitValue('detach', props.detach, this.detach);
+          this.footerSlot = props.footerSlot || this.footerSlot;
+          this.footerSlot = this.changeDefaultSlotNames(this.footerSlot);
           this.treeDataStructure = new TreeDataStructure(this);
           this.createAccessors();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.85.0",
+  "version": "1.86.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "8324a7087a2b3daa9349bb5551bc1c708ad1c38f"
+  "gitHead": "2f8e32655e215c690b1dabb81bc8b3f5cfa213d7"
 }

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

@@ -1,9 +1,9 @@
 import { IDictionary } from '@zeedhi/core';
-import { IGrid, IGridColumn, IGridEvents } from './interfaces';
-import { Iterable } from '../zd-iterable/iterable';
+import { Component } from '../zd-component/component';
 import { IComponent, IComponentRender } from '../zd-component/interfaces';
+import { Iterable } from '../zd-iterable/iterable';
 import { GridColumn } from './grid-column';
-import { Component } from '../zd-component/component';
+import { IGrid, IGridColumn, IGridEvents } from './interfaces';
 /**
  * Base class for Grid component
  */
@@ -212,4 +212,5 @@ export declare class Grid extends Iterable implements IGrid {
     protected changeDefaultSlotNames(slot: IComponentRender[]): any;
     callDisableSelection(row: IDictionary<any>): boolean;
     getRowStyleConditions(row: IDictionary<any>): IDictionary<any>;
+    private setGridRowsInEvents;
 }

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

@@ -1,6 +1,6 @@
-import { IHeader, IHeaderEvents } from './interfaces';
 import { ComponentRender } from '../zd-component/component-render';
 import { IComponentRender } from '../zd-component/interfaces';
+import { IHeader, IHeaderEvents } from './interfaces';
 /**
  * Base class for Header component.
  */

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

@@ -1,6 +1,7 @@
 import { IDictionary } from '@zeedhi/core';
-import { IInput, IInputEvents } from './interfaces';
 import { ComponentRender } from '../zd-component/component-render';
+import { Form } from '../zd-form/form';
+import { IInput, IInputEvents } from './interfaces';
 /**
  * Base class for Input component.
  */
@@ -114,6 +115,7 @@ export declare class Input extends ComponentRender implements IInput {
     protected parserFn: Function;
     protected internalDisplayValue: string;
     protected internalValue: any;
+    protected formParent?: Form;
     /**
      * Creates a new Input.
      * @param props Input properties
@@ -213,4 +215,5 @@ export declare class Input extends ComponentRender implements IInput {
      * @param element Element that lost the focus
      */
     keydown(event?: Event, element?: any): void;
+    private getFormParent;
 }

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

@@ -61,6 +61,7 @@ export interface ISearch extends ITextInput {
     showLabel?: boolean;
     showHelper?: boolean;
     appendIcon?: string;
+    lazyAttach?: boolean;
 }
 export interface IIterableColumnsButton extends IButton {
     iterableComponentName?: string;

package/types/components/zd-iterable/search.d.ts

@@ -13,12 +13,13 @@ export declare class Search extends TextInput implements ISearch {
      * Iterable component name
      */
     iterableComponent: Iterable;
+    lazyAttach: boolean;
     /**
      * Creates a new Iterable Page component.
      * @param props Iterable page component properties
      */
     constructor(props: ISearch);
-    private setIterableComponent;
+    setIterableComponent(name?: string): void;
     protected setSearch(search: string): Promise<void>;
     debounceSetSearch: (search: string) => void;
 }

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

@@ -3,6 +3,8 @@ import { ITextInput } from '../zd-text-input/interfaces';
 import { IComponentRender } from '../zd-component/interfaces';
 export declare type SearchParam = 'SEARCH' | 'FILTER' | 'FIND';
 export interface ISelect extends ITextInput {
+    autocomplete?: boolean;
+    autoSelection?: boolean;
     datasource?: IDatasource;
     dataText?: string | any[];
     dataTextSeparator?: string;

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

@@ -34,6 +34,10 @@ export declare class Select extends TextInput implements ISelect {
      * Enables search input
      */
     autocomplete: boolean;
+    /**
+     * Automatically select option if only one is filtered
+     */
+    autoSelection: boolean;
     /**
      * Prevents load select data when the input is focused
      */

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

@@ -23,8 +23,6 @@ export declare class SelectMultiple extends Select implements ISelectMultiple {
      * Limit the display of selected options. The rest will be hidden within the 'limitText' string
      */
     limit: number | null;
-    protected afterFocus(): Promise<void>;
-    private setCache;
     showSelectAll: boolean;
     /**
      * Create a new Select.
@@ -104,4 +102,6 @@ export declare class SelectMultiple extends Select implements ISelectMultiple {
     selectAllItems(): Promise<void>;
     unSelectAllItems(): Promise<void>;
     protected checkValueOnBlur(): void;
+    protected afterFocus(): Promise<void>;
+    private setCache;
 }