@zeedhi/teknisa-components-common 1.72.0 → 1.74.0

package/coverage/lcov-report/index.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>1412/1412</span>
+                <span class='fraction'>1426/1426</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>1347/1347</span>
+                <span class='fraction'>1361/1361</span>
             </div>
         
             
@@ -189,13 +189,13 @@
 	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="8" class="abs high">8/8</td>
+	<td data-value="22" class="abs high">22/22</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="0" class="abs high">0/0</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="1" class="abs high">1/1</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="8" class="abs high">8/8</td>
+	<td data-value="22" class="abs high">22/22</td>
 	</tr>
 
 <tr>
@@ -371,7 +371,7 @@
             <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 2023-03-08T16:40:58.555Z
+                at 2023-04-05T00:15:06.091Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/lcov-report/tests/__helpers__/component-event-helper.ts.html

@@ -85,7 +85,7 @@ export { setClick };
             <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 2023-03-08T16:40:58.555Z
+                at 2023-04-05T00:15:06.091Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/tests/__helpers__/get-child-helper.ts.html

@@ -151,7 +151,7 @@ export { getChild };
             <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 2023-03-08T16:40:58.555Z
+                at 2023-04-05T00:15:06.091Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/tests/__helpers__/index.html

@@ -146,7 +146,7 @@
             <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 2023-03-08T16:40:58.555Z
+                at 2023-04-05T00:15:06.091Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/tests/__helpers__/index.ts.html

@@ -79,7 +79,7 @@ export * from './mock-created-helper';
             <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 2023-03-08T16:40:58.555Z
+                at 2023-04-05T00:15:06.091Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/tests/__helpers__/mock-created-helper.ts.html

@@ -106,7 +106,7 @@ export { mockCreated };
             <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 2023-03-08T16:40:58.555Z
+                at 2023-04-05T00:15:06.091Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov.info

@@ -1172,9 +1172,9 @@ FNDA:2,(anonymous_31)
 FNDA:3,(anonymous_32)
 FNDA:107,(anonymous_33)
 FNDA:107,(anonymous_34)
-FNDA:84,(anonymous_35)
-FNDA:84,(anonymous_36)
-FNDA:82,(anonymous_37)
+FNDA:92,(anonymous_35)
+FNDA:92,(anonymous_36)
+FNDA:90,(anonymous_37)
 FNDA:79,(anonymous_38)
 FNDA:120,(anonymous_40)
 FNDA:18,(anonymous_41)
@@ -1357,9 +1357,9 @@ DA:503,107
 DA:504,107
 DA:505,107
 DA:509,107
-DA:510,82
+DA:510,90
 DA:514,16
-DA:517,82
+DA:517,90
 DA:521,107
 DA:523,79
 DA:529,79
@@ -1556,9 +1556,9 @@ BRDA:425,15,0,1
 BRDA:438,16,0,1
 BRDA:469,17,0,1
 BRDA:510,18,0,16
-BRDA:511,19,0,82
-BRDA:511,19,1,67
-BRDA:511,19,2,66
+BRDA:511,19,0,90
+BRDA:511,19,1,75
+BRDA:511,19,2,74
 BRDA:533,20,0,17
 BRDA:533,20,1,62
 BRDA:534,21,0,79
@@ -1879,7 +1879,7 @@ BRH:53
 end_of_record
 TN:
 SF:src/components/tek-image/image.ts
-FN:22,(anonymous_0)
+FN:63,(anonymous_0)
 FNF:1
 FNH:1
 FNDA:3,(anonymous_0)
@@ -1887,12 +1887,26 @@ DA:1,26
 DA:7,26
 DA:11,3
 DA:16,3
-DA:23,3
-DA:24,3
-DA:25,3
-DA:26,3
-LF:8
-LH:8
+DA:22,3
+DA:28,3
+DA:34,3
+DA:39,3
+DA:45,3
+DA:51,3
+DA:57,3
+DA:64,3
+DA:65,3
+DA:66,3
+DA:67,3
+DA:68,3
+DA:69,3
+DA:70,3
+DA:71,3
+DA:72,3
+DA:73,3
+DA:74,3
+LF:22
+LH:22
 BRF:0
 BRH:0
 end_of_record

package/dist/tek-components-common.esm.js

@@ -367,8 +367,49 @@ class Image extends ComponentRender {
          * Image source.
          */
         this.src = '';
+        /**
+         * Defines the component height. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.height = 'auto';
+        /**
+         * Defines the component min height. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.minHeight = 'auto';
+        /**
+         * Defines the component max height. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.maxHeight = 'none';
+        /**
+         * Set component height to fill all space available
+         */
+        this.fillHeight = false;
+        /**
+         * Defines the component width. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.width = 'auto';
+        /**
+         * Defines the component min width. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.minWidth = 'auto';
+        /**
+         * Defines the component max height. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.maxWidth = 'none';
         this.to = this.getInitValue('to', props.to, this.to);
         this.src = this.getInitValue('src', props.src, this.src);
+        this.height = this.getInitValue('height', props.height, this.height);
+        this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
+        this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
+        this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
+        this.width = this.getInitValue('width', props.width, this.width);
+        this.minWidth = this.getInitValue('minWidth', props.minWidth, this.minWidth);
+        this.maxWidth = this.getInitValue('maxWidth', props.maxWidth, this.maxWidth);
         this.createAccessors();
     }
 }
@@ -2063,7 +2104,7 @@ class TekGridColumn extends GridColumnEditable {
             data.forEach((row) => {
                 lookupData[row[lookupColumn]] = row;
             });
-            this.lookupData = lookupData;
+            this.lookupData = Object.assign(Object.assign({}, this.lookupData), lookupData);
             this.lookupDataCount += 1;
             this.loading = false;
         });

package/dist/tek-components-common.umd.js

@@ -372,8 +372,49 @@
            * Image source.
            */
           this.src = '';
+          /**
+           * Defines the component height. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.height = 'auto';
+          /**
+           * Defines the component min height. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.minHeight = 'auto';
+          /**
+           * Defines the component max height. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.maxHeight = 'none';
+          /**
+           * Set component height to fill all space available
+           */
+          this.fillHeight = false;
+          /**
+           * Defines the component width. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.width = 'auto';
+          /**
+           * Defines the component min width. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.minWidth = 'auto';
+          /**
+           * Defines the component max height. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.maxWidth = 'none';
           this.to = this.getInitValue('to', props.to, this.to);
           this.src = this.getInitValue('src', props.src, this.src);
+          this.height = this.getInitValue('height', props.height, this.height);
+          this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
+          this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
+          this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
+          this.width = this.getInitValue('width', props.width, this.width);
+          this.minWidth = this.getInitValue('minWidth', props.minWidth, this.minWidth);
+          this.maxWidth = this.getInitValue('maxWidth', props.maxWidth, this.maxWidth);
           this.createAccessors();
       }
   }
@@ -2068,7 +2109,7 @@
               data.forEach((row) => {
                   lookupData[row[lookupColumn]] = row;
               });
-              this.lookupData = lookupData;
+              this.lookupData = Object.assign(Object.assign({}, this.lookupData), lookupData);
               this.lookupDataCount += 1;
               this.loading = false;
           });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/teknisa-components-common",
-  "version": "1.72.0",
+  "version": "1.74.0",
   "description": "Teknisa Components Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -31,5 +31,5 @@
   "peerDependencies": {
     "@zeedhi/core": "*"
   },
-  "gitHead": "5a282a068ea8f28bd216a27b4538b36a58235128"
+  "gitHead": "c549372b7bf5fb85808a5bf8cb9c250289c9c3e7"
 }

package/tests/unit/components/tek-image/Image.spec.ts

@@ -9,6 +9,13 @@ describe('Image', () => {
       });
       expect(instance.src).toBe('');
       expect(instance.to).toBe('');
+      expect(instance.height).toBe('auto');
+      expect(instance.minHeight).toBe('auto');
+      expect(instance.maxHeight).toBe('none');
+      expect(instance.fillHeight).toBeFalsy();
+      expect(instance.width).toBe('auto');
+      expect(instance.minWidth).toBe('auto');
+      expect(instance.maxWidth).toBe('none');
     });
 
     it('should create new image replacing default values', () => {
@@ -17,9 +24,23 @@ describe('Image', () => {
         component: 'Image',
         src: '/img/zeedhi.svg',
         to: 'google.com.br',
+        height: '400px',
+        maxHeight: '500px',
+        minHeight: '500px',
+        width: '400px',
+        maxWidth: '500px',
+        minWidth: '500px',
+        fillHeight: true,
       });
       expect(instance.src).toBe('/img/zeedhi.svg');
       expect(instance.to).toBe('google.com.br');
+      expect(instance.height).toBe('400px');
+      expect(instance.maxHeight).toBe('500px');
+      expect(instance.minHeight).toBe('500px');
+      expect(instance.width).toBe('400px');
+      expect(instance.maxWidth).toBe('500px');
+      expect(instance.minWidth).toBe('500px');
+      expect(instance.fillHeight).toBeTruthy();
     });
   });
 });

package/tests/unit/components/tek-iterable-component-render/iterable-component-render.spec.ts

@@ -28,7 +28,7 @@ describe('IterableComponentRender', () => {
       ]);
       expect(instance.height).toBe('auto');
       expect(instance.maxHeight).toBe('none');
-      expect(instance.minHeight).toBe('none');
+      expect(instance.minHeight).toBe('auto');
     });
 
     it('should create new IterableComponentRender replacing default values', () => {

package/types/components/tek-image/image.d.ts

@@ -12,6 +12,40 @@ export declare class Image extends ComponentRender implements IImage {
      * Image source.
      */
     src: string;
+    /**
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    height: string | number;
+    /**
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
+    /**
+     * Defines the component width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minWidth: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxWidth: string | number;
     /**
      * Creates a new instance of ImgLink
      * @param props Image Link props

package/types/components/tek-image/interfaces.d.ts

@@ -2,4 +2,11 @@ import { IComponentRender } from '@zeedhi/common';
 export interface IImage extends IComponentRender {
     to?: string;
     src?: string;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
 }