@zeedhi/common 3.0.2 → 3.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@zeedhi/autonumeric": "^4.6.3",
-    "@zeedhi/core": "^3.0.2",
+    "@zeedhi/core": "^3.0.3",
     "lodash.clonedeep": "^4.5.0",
     "lodash.debounce": "^4.0.8",
     "lodash.get": "^4.4.2",
@@ -42,5 +42,5 @@
     "lodash.times": "^4.3.2",
     "mockdate": "^3.0.5"
   },
-  "gitHead": "3998ba0d7d1747ed341a90f01839d8de065d6c37"
+  "gitHead": "f952d14a7a33c555cca17dd08b665b4bb08dd152"
 }

package/src/components/index.ts

@@ -175,8 +175,6 @@ export * from './zd-grid-editable';
 
 export * from './zd-tree-grid';
 
-export * from './tek-grid';
-
 export * from './zd-checkbox-multiple/checkbox-multiple';
 export * from './zd-checkbox-multiple/interfaces';
 

package/src/components/zd-date-input/date-input.ts

@@ -94,6 +94,8 @@ export class DateInput extends TextInput implements IDateInput {
 
 	protected isSimpleDisplay!: boolean;
 
+	public inputMode?: string = 'none';
+
 	/* istanbul ignore next */
 	/**
 	 * Creates a new Date.
@@ -167,6 +169,10 @@ export class DateInput extends TextInput implements IDateInput {
 		this.internalDisplayValue = this.formatter(value);
 		this.internalValue = value;
 
+		if (!value) {
+			this.dateObject = null;
+			return;
+		}
 		if (this.isValidFormatDate(value, this.dateFormat)) {
 			this.dateObject = dayjs(value, this.dateFormat);
 		}

package/src/components/zd-date-range/date-range.ts

@@ -109,6 +109,8 @@ export class DateRange extends TextInput implements IDateRange {
 
 	protected isSimpleDisplay!: boolean;
 
+	public inputMode?: string | undefined = 'none';
+
 	/* istanbul ignore next */
 	/**
 	 * Creates a new Date.
@@ -200,20 +202,54 @@ export class DateRange extends TextInput implements IDateRange {
 		this.value = this.internalValue; // forces value accessor to be called if necessary
 	}
 
-	get value(): any {
+	get value(): string[] {
 		return this.internalValue;
 	}
 
-	set value(value: any) {
-		if (this.internalValue !== value) {
-			this.internalDisplayValue = this.formatter(value);
-			this.internalValue = value;
-		}
-		if (value === null) {
+	set value(value: unknown) {
+		if (!Array.isArray(value) && value !== null && value !== undefined) return;
+
+		if (!value || value.length === 0) {
 			this.internalValue = [];
+			this.internalDisplayValue = '';
+			this.dateObject = [];
+			return;
+		}
+
+		if (this.internalValue === value) return;
+
+		this.internalDisplayValue = this.formatter(value);
+		this.internalValue = value;
+
+		const [startDate, endDate] = value;
+		const isStartValid = this.isValidFormatDate(startDate, this.dateFormat);
+		// if end date is not defined, no need to validate it
+		const isEndValid = !endDate || this.isValidFormatDate(endDate, this.dateFormat);
+		const areDatesValid = isStartValid && isEndValid;
+
+		if (areDatesValid) {
+			this.dateObject = this.getDatesInRange(startDate, endDate);
 		}
 	}
 
+	/**
+	 * Returns all days ranging from start to end as dayjs objects
+	 * @returns an array of dayjs objects containing all days between start and end
+	 */
+	private getDatesInRange(startDateStr: string, endDateStr?: string): dayjs.Dayjs[] {
+		const dates: dayjs.Dayjs[] = [];
+		let startDate = dayjs(startDateStr, this.dateFormat);
+		if (!endDateStr) return [startDate];
+
+		const endDate = dayjs(endDateStr, this.dateFormat);
+
+		while (startDate.isBefore(endDate) || startDate.isSame(endDate)) {
+			dates.push(startDate);
+			startDate = startDate.add(1, 'day');
+		}
+		return dates;
+	};
+
 	/**
 	 * Assign the updated mask to mask property
 	 */
@@ -244,12 +280,12 @@ export class DateRange extends TextInput implements IDateRange {
 			this.internalDisplayValue = displayValue;
 			this.internalValue = this.parser(displayValue);
 			this.dateError = false;
-			if (lastValue !== this.displayValue) this.change(this.value);
+			if (lastValue !== this.displayValue) this.change();
 		} else {
 			if (!displayValue) {
 				this.internalDisplayValue = displayValue;
 				this.internalValue = [];
-				if (lastValue !== this.displayValue) this.change(this.value);
+				if (lastValue !== this.displayValue) this.change();
 			}
 			this.dateError = !!displayValue;
 		}
@@ -307,7 +343,7 @@ export class DateRange extends TextInput implements IDateRange {
 		const lastValue: string[] = this.value;
 		this.dateError = false;
 		this.value = this.parseISODateRangeValue(newValue);
-		if (!Utils.isEqual(lastValue, this.value)) this.change(this.value);
+		if (!Utils.isEqual(lastValue, this.value)) this.change();
 	}
 
 	public formatISODateRangeValue(dates: string[] | string): string[] {
@@ -489,7 +525,7 @@ export class DateRange extends TextInput implements IDateRange {
 			.map((obj) => obj.format(this.dateFormat));
 	}
 
-	private dateObject: (dayjs.Dayjs | null)[] = [null, null];
+	private dateObject: (dayjs.Dayjs | null)[] = [];
 
 	public getNativeDate() {
 		return this.dateObject.filter((obj): obj is dayjs.Dayjs => obj !== null).map((obj) => obj.toDate());

package/src/components/zd-grid-editable/index.ts

@@ -5,3 +5,4 @@ export * from './grid-editable-controller';
 export * from './grid-editable-events';
 export * from './grid-editable';
 export * from './interfaces';
+export * from './keymap-editing';

package/src/components/zd-text-input/interfaces.ts

@@ -22,4 +22,5 @@ export interface ITextInput extends IInput {
 	suffix?: string;
 	valueWithPrefix?: boolean;
 	valueWithSuffix?: boolean;
+	inputMode?: string;
 }

package/src/components/zd-text-input/text-input.ts

@@ -66,6 +66,8 @@ export class TextInput extends Input implements ITextInput {
 	 */
 	public valueWithSuffix: boolean = textInputDefaults.valueWithSuffix;
 
+	public inputMode?: string | undefined;
+
 	protected formatterFn = FormatterParserProvider.getFormatter('ZdTextInput');
 
 	protected parserFn = FormatterParserProvider.getParser('ZdTextInput');
@@ -86,6 +88,7 @@ export class TextInput extends Input implements ITextInput {
 		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.inputMode = this.getInitValue('inputMode', props.inputMode, this.inputMode);
 	}
 
 	public onCreated(): void {

package/src/components/zd-time/time.ts

@@ -1,4 +1,4 @@
-import { Config, FormatterParserProvider, I18n, Mask, dayjs } from '@zeedhi/core';
+import { Config, FormatterParserProvider, I18n, Mask, Utils, dayjs } from '@zeedhi/core';
 import isUndefined from 'lodash.isundefined';
 import { InputFactory } from '../zd-input/input-factory';
 import { TextInput } from '../zd-text-input/text-input';
@@ -95,6 +95,8 @@ export class Time extends TextInput implements ITime {
 
 	protected timeError = false;
 
+	public inputMode?: string | undefined = 'none';
+
 	/**
 	 * Create a new Time Picker.
 	 * @param props Time properties
@@ -312,6 +314,10 @@ export class Time extends TextInput implements ITime {
 		this.removeTimeMask();
 		this.setTimeValue(this.formatter(this.value));
 		super.blur(event, element);
+
+		if (!Utils.isMobile()) {
+			this.showTimePicker = false;
+		}
 	}
 
 	public focus(event: Event, element: any) {

package/src/error/index.ts

@@ -1,2 +1,3 @@
 export * from './zeedhi-error';
 export * from './delete-rows';
+export * from './non-initialized'

package/src/index.ts

@@ -4,6 +4,7 @@ import AutoNumeric  from '@zeedhi/autonumeric';
 export * from './components';
 export * from './services';
 export * from './utils';
+export * from './error';
 
 Icons.addIcons({
 	add: 'mdi-plus-box',

package/src/utils/index.ts

@@ -2,9 +2,6 @@ export * from './theme/theme';
 export * from './icons/icons';
 export * from './data-value-out';
 export * from './unique-by/unique-by';
-export * from './is-filled-object/is-filled-object';
 export * from './datasource-searcher';
 export * from './omit/omit';
 export * from './tree-data-structure';
-export * from './is-nil';
-export * from './config/config';

package/coverage/lcov-report/src/components/tek-grid/columns-searcher.ts.html

@@ -1,151 +0,0 @@
-
-<!doctype html>
-<html lang="en">
-
-<head>
-    <title>Code coverage report for src/components/tek-grid/columns-searcher.ts</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="../../../prettify.css" />
-    <link rel="stylesheet" href="../../../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(../../../sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-    
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/tek-grid</a> columns-searcher.ts</h1>
-        <div class='clearfix'>
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>12/12</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>3/3</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>4/4</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>10/10</span>
-            </div>
-        
-            
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line high'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
-<a name='L2'></a><a href='#L2'>2</a>
-<a name='L3'></a><a href='#L3'>3</a>
-<a name='L4'></a><a href='#L4'>4</a>
-<a name='L5'></a><a href='#L5'>5</a>
-<a name='L6'></a><a href='#L6'>6</a>
-<a name='L7'></a><a href='#L7'>7</a>
-<a name='L8'></a><a href='#L8'>8</a>
-<a name='L9'></a><a href='#L9'>9</a>
-<a name='L10'></a><a href='#L10'>10</a>
-<a name='L11'></a><a href='#L11'>11</a>
-<a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a>
-<a name='L15'></a><a href='#L15'>15</a>
-<a name='L16'></a><a href='#L16'>16</a>
-<a name='L17'></a><a href='#L17'>17</a>
-<a name='L18'></a><a href='#L18'>18</a>
-<a name='L19'></a><a href='#L19'>19</a>
-<a name='L20'></a><a href='#L20'>20</a>
-<a name='L21'></a><a href='#L21'>21</a>
-<a name='L22'></a><a href='#L22'>22</a>
-<a name='L23'></a><a href='#L23'>23</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">112x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">6x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { IDictionary } from '@zeedhi/core';
-import { IColumnsSearcher, ITekGridColumn } from './interfaces';
-&nbsp;
-export class ColumnsSearcher implements IColumnsSearcher {
-	async searchColumn(columns: ITekGridColumn[], search: string): Promise&lt;IDictionary&lt;(string | number)[]&gt;&gt; {
-		const lookupColumns = columns.filter((column) =&gt; !!column.componentProps?.datasource &amp;&amp; !column.skipLookupSearch);
-		const searchJoin: IDictionary&lt;Array&lt;string | number&gt;&gt; = {};
-&nbsp;
-		if (search) {
-			const promises = lookupColumns.map(async (column) =&gt; {
-				const searchData = await column.memorySearch(search);
-&nbsp;
-				const lookupId = column.componentProps!.datasource.uniqueKey;
-				searchJoin[column.name] = searchData.map((row: IDictionary) =&gt; row[lookupId]);
-			});
-&nbsp;
-			await Promise.all(promises);
-		}
-&nbsp;
-		return searchJoin;
-	}
-}
-&nbsp;</pre></td></tr></table></pre>
-
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-09-24T14:48:32.782Z
-            </div>
-        <script src="../../../prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="../../../sorter.js"></script>
-        <script src="../../../block-navigation.js"></script>
-    </body>
-</html>
-    

package/coverage/lcov-report/src/components/tek-grid/dynamic-filter-datasource-factory.ts.html

@@ -1,145 +0,0 @@
-
-<!doctype html>
-<html lang="en">
-
-<head>
-    <title>Code coverage report for src/components/tek-grid/dynamic-filter-datasource-factory.ts</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="../../../prettify.css" />
-    <link rel="stylesheet" href="../../../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(../../../sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-    
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/tek-grid</a> dynamic-filter-datasource-factory.ts</h1>
-        <div class='clearfix'>
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>6/6</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>0/0</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>3/3</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>5/5</span>
-            </div>
-        
-            
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line high'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
-<a name='L2'></a><a href='#L2'>2</a>
-<a name='L3'></a><a href='#L3'>3</a>
-<a name='L4'></a><a href='#L4'>4</a>
-<a name='L5'></a><a href='#L5'>5</a>
-<a name='L6'></a><a href='#L6'>6</a>
-<a name='L7'></a><a href='#L7'>7</a>
-<a name='L8'></a><a href='#L8'>8</a>
-<a name='L9'></a><a href='#L9'>9</a>
-<a name='L10'></a><a href='#L10'>10</a>
-<a name='L11'></a><a href='#L11'>11</a>
-<a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a>
-<a name='L15'></a><a href='#L15'>15</a>
-<a name='L16'></a><a href='#L16'>16</a>
-<a name='L17'></a><a href='#L17'>17</a>
-<a name='L18'></a><a href='#L18'>18</a>
-<a name='L19'></a><a href='#L19'>19</a>
-<a name='L20'></a><a href='#L20'>20</a>
-<a name='L21'></a><a href='#L21'>21</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">112x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">112x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">15x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">15x</span>
-<span class="cline-any cline-yes">82x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { Datasource, DatasourceFactory, IDictionary } from '@zeedhi/core';
-import { IDynamicFilterDatasourceFactory } from './interfaces';
-&nbsp;
-export class DynamicFilterDatasourceFactory implements IDynamicFilterDatasourceFactory {
-	factory(options: IDictionary&lt;boolean&gt;): Datasource {
-		return DatasourceFactory.factory({
-			data: this.getFilterOptionsData(options),
-			loadAll: true,
-			translate: ['text'],
-		});
-	}
-&nbsp;
-	private getFilterOptionsData(options: IDictionary&lt;boolean&gt;): IDictionary&lt;any&gt;[] {
-		const optionsKeys = Object.keys(options);
-		return optionsKeys.map((item) =&gt; ({
-			text: `TEKGRID_${item}`,
-			value: item,
-		}));
-	}
-}
-&nbsp;</pre></td></tr></table></pre>
-
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-09-24T14:48:32.782Z
-            </div>
-        <script src="../../../prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="../../../sorter.js"></script>
-        <script src="../../../block-navigation.js"></script>
-    </body>
-</html>
-