@zeedhi/common 1.51.0 → 1.52.0

package/dist/zd-common.esm.js

@@ -2317,7 +2317,12 @@ class Container extends ComponentRender {
          * Removes viewport maximum-width size breakpoints.
          */
         this.fluid = true;
+        /**
+         * Define if the container is a scroll view
+         */
+        this.scrollView = false;
         this.fluid = this.getInitValue('fluid', props.fluid, this.fluid);
+        this.scrollView = this.getInitValue('scrollView', props.scrollView, this.scrollView);
         this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
         this.height = this.getInitValue('height', props.height, this.height);
         this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
@@ -4797,6 +4802,23 @@ class ColumnNotFoundError extends Error {
     }
 }
 
+class IterableController {
+    constructor(iterable) {
+        this.searchInValue = undefined;
+        this.columns = iterable.columns;
+    }
+    get searchIn() {
+        return this.searchInValue || this.columns.reduce((result, column) => {
+            if (column.type !== 'action' && column.isVisible)
+                result.push(column.name);
+            return result;
+        }, []);
+    }
+    set searchIn(value) {
+        this.searchInValue = value;
+    }
+}
+
 /**
  * Base class for Iterable components.
  */
@@ -4832,16 +4854,14 @@ class Iterable extends ComponentRender {
          */
         this.actionsApplied = {};
         this.columns = this.getColumns(props.columns || this.columns);
-        this.datasource = DatasourceFactory.factory(Object.assign(Object.assign({}, props.datasource), { searchIn: ((_a = props.datasource) === null || _a === void 0 ? void 0 : _a.searchIn) || this.getSearchColumns() }));
+        this.createController();
+        this.datasource = DatasourceFactory.factory(Object.assign(Object.assign({}, props.datasource), { searchIn: ((_a = props.datasource) === null || _a === void 0 ? void 0 : _a.searchIn) || `{{IterableController_${this.name}.searchIn}}` }));
         this.pageSizes = this.getInitValue('pageSizes', props.pageSizes, this.pageSizes);
         this.virtualScroll = this.getInitValue('virtualScroll', props.virtualScroll, this.virtualScroll);
     }
-    getSearchColumns() {
-        return this.columns.reduce((result, column) => {
-            if (column.type !== 'action')
-                result.push(column.name);
-            return result;
-        }, []);
+    createController() {
+        const controller = new IterableController(this);
+        Loader.addController(`IterableController_${this.name}`, controller);
     }
     /**
      * Retrieves columns instances

package/dist/zd-common.umd.js

@@ -2324,7 +2324,12 @@
            * Removes viewport maximum-width size breakpoints.
            */
           this.fluid = true;
+          /**
+           * Define if the container is a scroll view
+           */
+          this.scrollView = false;
           this.fluid = this.getInitValue('fluid', props.fluid, this.fluid);
+          this.scrollView = this.getInitValue('scrollView', props.scrollView, this.scrollView);
           this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
           this.height = this.getInitValue('height', props.height, this.height);
           this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
@@ -4804,6 +4809,23 @@
       }
   }
 
+  class IterableController {
+      constructor(iterable) {
+          this.searchInValue = undefined;
+          this.columns = iterable.columns;
+      }
+      get searchIn() {
+          return this.searchInValue || this.columns.reduce((result, column) => {
+              if (column.type !== 'action' && column.isVisible)
+                  result.push(column.name);
+              return result;
+          }, []);
+      }
+      set searchIn(value) {
+          this.searchInValue = value;
+      }
+  }
+
   /**
    * Base class for Iterable components.
    */
@@ -4839,16 +4861,14 @@
            */
           this.actionsApplied = {};
           this.columns = this.getColumns(props.columns || this.columns);
-          this.datasource = core.DatasourceFactory.factory(Object.assign(Object.assign({}, props.datasource), { searchIn: ((_a = props.datasource) === null || _a === void 0 ? void 0 : _a.searchIn) || this.getSearchColumns() }));
+          this.createController();
+          this.datasource = core.DatasourceFactory.factory(Object.assign(Object.assign({}, props.datasource), { searchIn: ((_a = props.datasource) === null || _a === void 0 ? void 0 : _a.searchIn) || `{{IterableController_${this.name}.searchIn}}` }));
           this.pageSizes = this.getInitValue('pageSizes', props.pageSizes, this.pageSizes);
           this.virtualScroll = this.getInitValue('virtualScroll', props.virtualScroll, this.virtualScroll);
       }
-      getSearchColumns() {
-          return this.columns.reduce((result, column) => {
-              if (column.type !== 'action')
-                  result.push(column.name);
-              return result;
-          }, []);
+      createController() {
+          const controller = new IterableController(this);
+          core.Loader.addController(`IterableController_${this.name}`, controller);
       }
       /**
        * Retrieves columns instances

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.51.0",
+  "version": "1.52.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -37,5 +37,5 @@
     "lodash.times": "^4.3.2",
     "mockdate": "^3.0.2"
   },
-  "gitHead": "be07d7f99d3351043e08a98b52a5736ab686dd30"
+  "gitHead": "7831436c706ebc6f781d756f5f80f393bf053b9b"
 }

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

@@ -24,6 +24,10 @@ export declare class Container extends ComponentRender implements IContainer {
      * Removes viewport maximum-width size breakpoints.
      */
     fluid: boolean;
+    /**
+     * Define if the container is a scroll view
+     */
+    scrollView: boolean;
     /**
      * Creates a new Container.
      * @param props Container properties

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

@@ -5,4 +5,5 @@ export interface IContainer extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
+    scrollView?: boolean;
 }

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

@@ -0,0 +1,8 @@
+import { Iterable } from './iterable';
+export declare class IterableController {
+    private columns;
+    private searchInValue?;
+    constructor(iterable: Iterable);
+    get searchIn(): string[] | undefined;
+    set searchIn(value: string[] | undefined);
+}

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

@@ -41,7 +41,7 @@ export declare class Iterable extends ComponentRender implements IIterable {
      * @param props Iterable properties
      */
     constructor(props: IIterable);
-    protected getSearchColumns(): string[];
+    protected createController(): void;
     /**
      * Retrieves columns instances
      * @param columns Columns property