@zeedhi/common 1.62.0 → 1.63.0

package/dist/zd-common.esm.js

@@ -69,6 +69,10 @@ class Component {
          * Return if component has focus
          */
         this.isFocused = false;
+        /**
+         * Return if component can receive focus using tab
+         */
+        this.tabStop = true;
         this.accessorManager = new AccessorManager();
         this.parent = props.parent;
         this.name = props.name;
@@ -79,6 +83,7 @@ class Component {
         this.isVisible = this.getInitValue('isVisible', props.isVisible, this.isVisible);
         this.dark = this.getInitValue('dark', props.dark, this.dark);
         this.light = this.getInitValue('light', props.light, this.light);
+        this.tabStop = this.getInitValue('tabStop', props.tabStop, this.tabStop);
         this.children = Array.isArray(props.children) ? props.children : this.children;
         this.keyMap = KeyMap.factory(props.keyMap || this.keyMap);
         this.createAccessors();
@@ -253,6 +258,20 @@ class Component {
         this.isFocused = false;
         this.callEvent('blur', { event, element, component: this });
     }
+    mouseenter(event, element) {
+        this.callEvent('mouseenter', {
+            event: (event || new MouseEvent('mouseenter')),
+            element: (element || this.element),
+            component: this,
+        });
+    }
+    mouseleave(event, element) {
+        this.callEvent('mouseleave', {
+            event: (event || new MouseEvent('mouseleave')),
+            element: (element || this.element),
+            component: this,
+        });
+    }
 }
 
 /**
@@ -2405,8 +2424,24 @@ class TextInput extends Input {
         this.type = props.type || this.type;
         this.valueWithPrefix = this.getInitValue('valueWithPrefix', props.valueWithPrefix, this.valueWithPrefix);
         this.valueWithSuffix = this.getInitValue('valueWithSuffix', props.valueWithSuffix, this.valueWithSuffix);
+        this.addKeyMap();
         this.createAccessors();
     }
+    addKeyMap() {
+        this.keyMap = Object.assign(Object.assign({}, this.keyMap), { 'ctrl+space': {
+                event: this.callSingleIconEvent.bind(this),
+                stop: true,
+                active: true,
+                input: true,
+            } });
+    }
+    callSingleIconEvent({ event, element }) {
+        const iconsProps = ['prependIcon', 'prependOuterIcon', 'appendIcon', 'appendOuterIcon'];
+        const icons = iconsProps.filter((prop) => !!this[prop]);
+        if (icons.length === 1) {
+            this.callEvent(`${icons[0]}Click`, { event, element, component: this });
+        }
+    }
     /**
      * Retrieves a formatted value without valueSuffix and with mask.
      * @param value Text value
@@ -4702,6 +4737,13 @@ class Column extends Component {
     setViewGetWidth(viewGetWidth) {
         this.viewGetWidth = viewGetWidth;
     }
+    /**
+     * Sets a filter to lookupData.
+     */
+    setLookupDataFilter(filter) {
+        var _a;
+        (_a = this.lookupDatasource) === null || _a === void 0 ? void 0 : _a.setFilter(filter);
+    }
     /**
     * Gets the column width.
     */

package/dist/zd-common.umd.js

@@ -76,6 +76,10 @@
            * Return if component has focus
            */
           this.isFocused = false;
+          /**
+           * Return if component can receive focus using tab
+           */
+          this.tabStop = true;
           this.accessorManager = new core.AccessorManager();
           this.parent = props.parent;
           this.name = props.name;
@@ -86,6 +90,7 @@
           this.isVisible = this.getInitValue('isVisible', props.isVisible, this.isVisible);
           this.dark = this.getInitValue('dark', props.dark, this.dark);
           this.light = this.getInitValue('light', props.light, this.light);
+          this.tabStop = this.getInitValue('tabStop', props.tabStop, this.tabStop);
           this.children = Array.isArray(props.children) ? props.children : this.children;
           this.keyMap = core.KeyMap.factory(props.keyMap || this.keyMap);
           this.createAccessors();
@@ -260,6 +265,20 @@
           this.isFocused = false;
           this.callEvent('blur', { event, element, component: this });
       }
+      mouseenter(event, element) {
+          this.callEvent('mouseenter', {
+              event: (event || new MouseEvent('mouseenter')),
+              element: (element || this.element),
+              component: this,
+          });
+      }
+      mouseleave(event, element) {
+          this.callEvent('mouseleave', {
+              event: (event || new MouseEvent('mouseleave')),
+              element: (element || this.element),
+              component: this,
+          });
+      }
   }
 
   /**
@@ -2412,8 +2431,24 @@
           this.type = props.type || this.type;
           this.valueWithPrefix = this.getInitValue('valueWithPrefix', props.valueWithPrefix, this.valueWithPrefix);
           this.valueWithSuffix = this.getInitValue('valueWithSuffix', props.valueWithSuffix, this.valueWithSuffix);
+          this.addKeyMap();
           this.createAccessors();
       }
+      addKeyMap() {
+          this.keyMap = Object.assign(Object.assign({}, this.keyMap), { 'ctrl+space': {
+                  event: this.callSingleIconEvent.bind(this),
+                  stop: true,
+                  active: true,
+                  input: true,
+              } });
+      }
+      callSingleIconEvent({ event, element }) {
+          const iconsProps = ['prependIcon', 'prependOuterIcon', 'appendIcon', 'appendOuterIcon'];
+          const icons = iconsProps.filter((prop) => !!this[prop]);
+          if (icons.length === 1) {
+              this.callEvent(`${icons[0]}Click`, { event, element, component: this });
+          }
+      }
       /**
        * Retrieves a formatted value without valueSuffix and with mask.
        * @param value Text value
@@ -4709,6 +4744,13 @@
       setViewGetWidth(viewGetWidth) {
           this.viewGetWidth = viewGetWidth;
       }
+      /**
+       * Sets a filter to lookupData.
+       */
+      setLookupDataFilter(filter) {
+          var _a;
+          (_a = this.lookupDatasource) === null || _a === void 0 ? void 0 : _a.setFilter(filter);
+      }
       /**
       * Gets the column width.
       */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.62.0",
+  "version": "1.63.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -39,5 +39,5 @@
     "lodash.times": "^4.3.2",
     "mockdate": "^3.0.2"
   },
-  "gitHead": "ac9406efae2559cdcba913d4a1545906927b0b62"
+  "gitHead": "eff6f0d11f1e8d865cd5a8d2553ef238a3d4a580"
 }

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

@@ -63,6 +63,10 @@ export declare class Component implements IComponent {
      * Return if component has focus
      */
     isFocused: boolean;
+    /**
+     * Return if component can receive focus using tab
+     */
+    tabStop: boolean;
     /**
      * Properties accessors to controller.
      */
@@ -160,4 +164,6 @@ export declare class Component implements IComponent {
      * @param element Element that lost the focus
      */
     blur(event: Event, element: any): void;
+    mouseenter(event?: Event, element?: any): void;
+    mouseleave(event?: Event, element?: any): void;
 }

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

@@ -19,6 +19,7 @@ export interface IComponent {
     keyMap?: IKeyMap;
     name: string;
     parent?: Component;
+    tabStop?: boolean;
     [key: string]: any;
 }
 export interface IComponentRender extends IComponent {

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

@@ -82,6 +82,7 @@ export declare class Form extends ComponentRender implements IForm {
         keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
         name: string;
         parent?: import("..").Component | undefined;
+        tabStop?: boolean | undefined;
     }[];
     /**
      * Grid system for each child.

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

@@ -32,6 +32,7 @@ export declare class GridColumn extends Column implements IGridColumn {
          * @param props Grid column properties
          */
         parent?: import("..").Component | undefined;
+        tabStop?: boolean | undefined;
     }[];
     /**
      * Get the Column without the conditions object

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

@@ -48,6 +48,10 @@ export declare class Column extends Component implements IColumn {
      * Sets view getWidth method.
      */
     setViewGetWidth(viewGetWidth: () => number): void;
+    /**
+     * Sets a filter to lookupData.
+     */
+    setLookupDataFilter(filter: IDictionary): void;
     /**
     * Gets the column width.
     */

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

@@ -51,6 +51,8 @@ export declare class TextInput extends Input implements ITextInput {
      * @param props TextInput properties
      */
     constructor(props: ITextInput);
+    private addKeyMap;
+    private callSingleIconEvent;
     /**
      * Retrieves a formatted value without valueSuffix and with mask.
      * @param value Text value