@zeedhi/common 1.62.0 → 1.63.1

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();
@@ -2405,8 +2410,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 +4723,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.
     */
@@ -5319,6 +5347,7 @@ class Grid extends Iterable {
         this.dragColumns = this.getInitValue('dragColumns', props.dragColumns, this.dragColumns);
         this.resizeColumns = this.getInitValue('resizeColumns', props.resizeColumns, this.resizeColumns);
         this.loadingText = this.getInitValue('loadingText', props.loadingText, this.loadingText);
+        this.rowStyleConditions = this.getInitValue('rowStyleConditions', props.rowStyleConditions, this.rowStyleConditions);
         this.toolbarSlot = props.toolbarSlot || this.toolbarSlot;
         this.footerSlot = props.footerSlot || this.footerSlot;
         this.noDataSlot = props.noDataSlot || this.noDataSlot;
@@ -5546,6 +5575,12 @@ class Grid extends Iterable {
         return !!this.disableSelection && typeof this.disableSelection === 'function'
             && this.disableSelection({ row, component: this });
     }
+    getRowStyleConditions(row) {
+        if (typeof this.rowStyleConditions === 'function') {
+            return this.rowStyleConditions(row);
+        }
+        return {};
+    }
 }
 
 /**

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();
@@ -2412,8 +2417,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 +4730,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.
       */
@@ -5326,6 +5354,7 @@
           this.dragColumns = this.getInitValue('dragColumns', props.dragColumns, this.dragColumns);
           this.resizeColumns = this.getInitValue('resizeColumns', props.resizeColumns, this.resizeColumns);
           this.loadingText = this.getInitValue('loadingText', props.loadingText, this.loadingText);
+          this.rowStyleConditions = this.getInitValue('rowStyleConditions', props.rowStyleConditions, this.rowStyleConditions);
           this.toolbarSlot = props.toolbarSlot || this.toolbarSlot;
           this.footerSlot = props.footerSlot || this.footerSlot;
           this.noDataSlot = props.noDataSlot || this.noDataSlot;
@@ -5553,6 +5582,12 @@
           return !!this.disableSelection && typeof this.disableSelection === 'function'
               && this.disableSelection({ row, component: this });
       }
+      getRowStyleConditions(row) {
+          if (typeof this.rowStyleConditions === 'function') {
+              return this.rowStyleConditions(row);
+          }
+          return {};
+      }
   }
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.62.0",
+  "version": "1.63.1",
   "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": "40d3771db8e7e77c1c30b3f9b1d6a68006d3242e"
 }

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.
      */

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-grid/grid.d.ts

@@ -105,6 +105,11 @@ export declare class Grid extends Iterable implements IGrid {
      * @public
      */
     resizeColumns: boolean;
+    /**
+     * Enables column resizing
+     * @public
+     */
+    rowStyleConditions?: (row: IDictionary) => IDictionary;
     /**
      * Disable selection of specific rows using controller
      * @public
@@ -178,4 +183,5 @@ export declare class Grid extends Iterable implements IGrid {
     getActionComponent(actionComponent: IComponent, column: GridColumn, row: IDictionary, parentPath?: string): IComponent;
     protected changeDefaultSlotNames(slot: IComponentRender[]): any;
     callDisableSelection(row: IDictionary<any>): boolean;
+    getRowStyleConditions(row: IDictionary<any>): IDictionary<any>;
 }

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

@@ -41,6 +41,7 @@ export interface IGrid extends IIterable {
     loadingText?: string;
     noDataText?: string;
     noResultsText?: string;
+    rowStyleConditions?: (row: IDictionary) => IDictionary;
     disableSelection?: (args: {
         row: IDictionary<any>;
         component: Grid;

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