@zeedhi/common 3.0.7 → 3.1.0

package/dist/zd-common.mjs

@@ -370,8 +370,8 @@ var DatasourceSearcher = class {
 * @returns object without said property
 */
 const omit = (obj, key) => {
-	const { [key]: _, ...newObj } = obj;
-	return newObj;
+	const keys = Array.isArray(key) ? key : [key];
+	return Object.fromEntries(Object.entries(obj).filter(([currentKey]) => !keys.includes(currentKey)));
 };
 
 //#endregion
@@ -823,7 +823,6 @@ var Component = class {
 	isFocused = false;
 	tabStop = true;
 	accessorManager;
-	element;
 	viewFocus;
 	userProperties = {};
 	props;
@@ -945,7 +944,6 @@ var Component = class {
 	* @param element Element mounted reference
 	*/
 	onMounted(element) {
-		this.element = element;
 		if (Object.keys(this.keyMap).length) KeyMap.bind(this.keyMap, this, element);
 		this.callEvent("onMounted", {
 			element,
@@ -968,7 +966,7 @@ var Component = class {
 	click(event, element) {
 		this.callEvent("click", {
 			event: event || new MouseEvent("click"),
-			element: element || this.element,
+			element,
 			component: this
 		});
 	}
@@ -1001,28 +999,28 @@ var Component = class {
 	mouseenter(event, element) {
 		this.callEvent("mouseenter", {
 			event: event || new MouseEvent("mouseenter"),
-			element: element || this.element,
+			element,
 			component: this
 		});
 	}
 	mouseleave(event, element) {
 		this.callEvent("mouseleave", {
 			event: event || new MouseEvent("mouseleave"),
-			element: element || this.element,
+			element,
 			component: this
 		});
 	}
 	mouseout(event, element) {
 		this.callEvent("mouseout", {
 			event: event || new MouseEvent("mouseout"),
-			element: element || this.element,
+			element,
 			component: this
 		});
 	}
 	mouseover(event, element) {
 		this.callEvent("mouseover", {
 			event: event || new MouseEvent("mouseover"),
-			element: element || this.element,
+			element,
 			component: this
 		});
 	}
@@ -4694,7 +4692,7 @@ var Menu = class extends ComponentRender {
 	/**
 	* Defines the width of the menu when in mini state
 	*/
-	miniWidth = 58;
+	miniWidth = 50;
 	/**
 	* Defines if the menu is mini
 	*/
@@ -6535,6 +6533,10 @@ var Textarea = class extends TextInput {
 	*/
 	rows = 5;
 	/**
+	* Define o número máximo de linhas quando o `autoGrow` está definido
+	*/
+	maxRows = 10;
+	/**
 	* Defines the component height. Possible values for this property can be
 	* <samp>'auto', '100%', '400px' or 400</samp>
 	*/
@@ -6570,6 +6572,7 @@ var Textarea = class extends TextInput {
 		this.rounded = this.getInitValue("rounded", props.rounded, this.reverse);
 		this.rowHeight = this.getInitValue("rowHeight", props.rowHeight, this.rowHeight);
 		this.rows = this.getInitValue("rows", props.rows, this.rows);
+		this.maxRows = this.getInitValue("maxRows", props.maxRows, this.maxRows);
 		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);
@@ -9300,6 +9303,7 @@ var GridEditableController = class {
 	get hasAddedRows() {
 		return this.grid.getAddedRows().length > 0;
 	}
+	set hasAddedRows(_value) {}
 	isAddedRow({ row }) {
 		return this.grid.isAdded(row);
 	}
@@ -9314,11 +9318,6 @@ var DataEditorWithAdd = class extends DataEditor {
 	* @private
 	*/
 	addedRows = /* @__PURE__ */ new Map();
-	constructor(grid) {
-		super(grid);
-		this.addCancelColumn();
-		this.createGridController();
-	}
 	addCancelColumn() {
 		if (!this.grid.showCancelColumn) return;
 		const deleteColumn = this.grid.createColumn(this.getCancelColumnProps());
@@ -9744,6 +9743,11 @@ var GridEditable = class extends Iterable {
 		this.viewNavigator = new ViewNavigator();
 		this.dataEditor = new DataEditorWithAdd(this);
 	}
+	onCreated() {
+		this.createGridController();
+		this.addCancelColumn();
+		super.onCreated();
+	}
 	getConditionalProps({ row, column }) {
 		const rowStyle = this.getRowStyleConditions(row);
 		const cellsApplied = this.getAppliedConditions({
@@ -9758,6 +9762,9 @@ var GridEditable = class extends Iterable {
 	addCancelColumn() {
 		this.dataEditor.addCancelColumn();
 	}
+	createGridController() {
+		this.dataEditor.createGridController();
+	}
 	getCancelColumnProps() {
 		return this.dataEditor.getCancelColumnProps();
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "3.0.7",
+  "version": "3.1.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -37,7 +37,7 @@
     "@types/lodash.merge": "^4.6.7",
     "@types/lodash.set": "^4.3.7",
     "@types/lodash.times": "^4.3.7",
-    "@zeedhi/core": "^3.0.7",
+    "@zeedhi/core": "^3.1.0",
     "lodash.times": "^4.3.2",
     "mockdate": "^3.0.5",
     "postcss": "^8.5.6",
@@ -49,5 +49,5 @@
   "env": {
     "NODE_ENV": "production"
   },
-  "gitHead": "637e1cdfa2ea8144502a5425b898156fa3f6059b"
+  "gitHead": "d0d97cf376fb326379610526f3ce7efed4261838"
 }

package/src/components/zd-carousel/interfaces.ts

@@ -48,6 +48,6 @@ export interface ICarousel extends IComponentRender {
 	height?: number | string;
 	maxHeight?: number | string;
 	minHeight?: number | string;
-	fillHeight?: boolean;
+	fillHeight?: boolean | string;
 	events?: ICarouselEvents;
 }

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

@@ -60,7 +60,7 @@ export class Component<T extends IComponent = IComponent> implements IComponentI
 	/**
 	 * Set component height to fill all space available
 	 */
-	public fillHeight = false;
+	public fillHeight: boolean | string = false;
 
 	/**
 	 * Parent component instance. This property should be used when is
@@ -83,8 +83,6 @@ export class Component<T extends IComponent = IComponent> implements IComponentI
 	// Properties accessors to controller.
 	private accessorManager!: IAccessorManager;
 
-	private element?: any;
-
 	// Sets view focus method.
 	protected viewFocus?: () => void;
 
@@ -245,7 +243,6 @@ export class Component<T extends IComponent = IComponent> implements IComponentI
 	 * @param element Element mounted reference
 	 */
 	public onMounted(element: any) {
-		this.element = element;
 		if (Object.keys(this.keyMap).length) {
 			ZdKeyMap.bind(this.keyMap, this, element);
 		}
@@ -274,7 +271,7 @@ export class Component<T extends IComponent = IComponent> implements IComponentI
 	public click(event?: Event, element?: any) {
 		this.callEvent('click', {
 			event: event || new MouseEvent('click'),
-			element: element || this.element,
+			element: element,
 			component: this,
 		});
 	}
@@ -302,7 +299,7 @@ export class Component<T extends IComponent = IComponent> implements IComponentI
 	public mouseenter(event?: Event, element?: any) {
 		this.callEvent('mouseenter', {
 			event: event || new MouseEvent('mouseenter'),
-			element: element || this.element,
+			element: element,
 			component: this,
 		});
 	}
@@ -310,7 +307,7 @@ export class Component<T extends IComponent = IComponent> implements IComponentI
 	public mouseleave(event?: Event, element?: any) {
 		this.callEvent('mouseleave', {
 			event: event || new MouseEvent('mouseleave'),
-			element: element || this.element,
+			element: element,
 			component: this,
 		});
 	}
@@ -318,7 +315,7 @@ export class Component<T extends IComponent = IComponent> implements IComponentI
 	public mouseout(event?: Event, element?: any) {
 		this.callEvent('mouseout', {
 			event: event || new MouseEvent('mouseout'),
-			element: element || this.element,
+			element: element,
 			component: this,
 		});
 	}
@@ -326,7 +323,7 @@ export class Component<T extends IComponent = IComponent> implements IComponentI
 	public mouseover(event?: Event, element?: any) {
 		this.callEvent('mouseover', {
 			event: event || new MouseEvent('mouseover'),
-			element: element || this.element,
+			element: element,
 			component: this,
 		});
 	}

package/src/components/zd-component/interfaces.ts

@@ -41,7 +41,7 @@ export interface IComponent {
 	parent?: IComponentInstance;
 	tabStop?: boolean;
 	userProperties?: IDictionary;
-	fillHeight?: boolean;
+	fillHeight?: boolean | string;
 	[key: string]: any;
 }
 
@@ -65,7 +65,7 @@ export interface IComponentInstance {
 	parent?: IComponentInstance;
 	tabStop: boolean;
 	userProperties: IDictionary;
-	fillHeight: boolean;
+	fillHeight: boolean | string;
 }
 
 export interface IComponentRender extends IComponent {

package/src/components/zd-grid/interfaces.ts

@@ -91,7 +91,7 @@ export interface IGridProps extends IIterableProps {
 	dragColumns?: boolean;
 	errorSlot?: IComponentRender[];
 	events?: GridEventsProp;
-	fillHeight?: boolean;
+	fillHeight?: boolean | string;
 	footerSlot?: IComponentRender[];
 	headerBackground?: string;
 	headerCellTextColor?: string;

package/src/components/zd-grid-editable/data-editor-with-add.ts

@@ -4,7 +4,7 @@ import { Input } from '../zd-input/input';
 import { Column } from '../zd-iterable/column';
 import { DataEditor } from './data-editor';
 import { GridEditableController } from './grid-editable-controller';
-import { IDataEditorWithAdd, IGridColumnEditable, IGridEditable } from './interfaces';
+import { IDataEditorWithAdd, IGridColumnEditable } from './interfaces';
 
 export class DataEditorWithAdd extends DataEditor implements IDataEditorWithAdd {
 	private NEW_ROW_IDENTIFIER = '__added_row';
@@ -15,12 +15,6 @@ export class DataEditorWithAdd extends DataEditor implements IDataEditorWithAdd
 	 */
 	private addedRows: Map<string | number, IDictionary> = new Map();
 
-	constructor(grid: IGridEditable) {
-		super(grid);
-		this.addCancelColumn();
-		this.createGridController();
-	}
-
 	addCancelColumn(): void {
 		if (!this.grid.showCancelColumn) return;
 

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

@@ -12,6 +12,8 @@ export class GridEditableController {
 		return this.grid.getAddedRows().length > 0;
 	}
 
+	public set hasAddedRows(_value: boolean) {};
+
 	public isAddedRow({ row }: IDictionary) {
 		return this.grid.isAdded(row);
 	}

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

@@ -223,6 +223,12 @@ export class GridEditable extends Iterable<GridColumnEditable> implements IGridE
 		this.dataEditor = new DataEditorWithAdd(this);
 	}
 
+	public onCreated(): void {
+		this.createGridController();
+		this.addCancelColumn();
+		super.onCreated();
+	}
+
 	getConditionalProps({ row, column }: { row: IDictionary; column: GridColumn }): Partial<IComponentRender> {
 		const rowStyle = this.getRowStyleConditions(row);
 		const cellsApplied = this.getAppliedConditions({ row, column });
@@ -234,6 +240,10 @@ export class GridEditable extends Iterable<GridColumnEditable> implements IGridE
 		this.dataEditor.addCancelColumn();
 	}
 
+	createGridController(): void {
+		this.dataEditor.createGridController();
+	}
+
 	getCancelColumnProps(): IGridColumnEditable {
 		return this.dataEditor.getCancelColumnProps();
 	}

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

@@ -63,4 +63,5 @@ export interface IDataEditorWithAdd extends IDataEditor {
 	cancelAddedRows(): Promise<void>;
 	getAddedRows(): IDictionary<any>[];
 	addNewRow(row: IDictionary, position?: 'end' | 'start'): Promise<void>;
+	createGridController(): void;
 }

package/src/components/zd-iterable-component-render/interfaces.ts

@@ -12,7 +12,7 @@ export interface IIterableComponentRenderProps extends IIterableProps {
 	height?: number | string;
 	maxHeight?: number | string;
 	minHeight?: number | string;
-	fillHeight?: boolean;
+	fillHeight?: boolean | string;
 	width?: number | string;
 	maxWidth?: number | string;
 	minWidth?: number | string;
@@ -29,7 +29,7 @@ export interface IIterableComponentRender extends IIterableProps {
 	height: number | string;
 	maxHeight: number | string;
 	minHeight: number | string;
-	fillHeight: boolean;
+	fillHeight: boolean | string;
 	width: number | string;
 	maxWidth: number | string;
 	minWidth: number | string;

package/src/components/zd-list/interfaces.ts

@@ -15,7 +15,7 @@ export interface IList extends IComponentRender {
 	height?: number | string;
 	maxHeight?: number | string;
 	minHeight?: number | string;
-	fillHeight?: boolean;
+	fillHeight?: boolean | string;
 	width?: number | string;
 	maxWidth?: number | string;
 	minWidth?: number | string;

package/src/components/zd-master-detail/interfaces.ts

@@ -7,5 +7,5 @@ export interface IMasterDetail extends IComponentRender {
 	height?: number | string;
 	maxHeight?: number | string;
 	minHeight?: number | string;
-	fillHeight?: boolean;
+	fillHeight?: boolean | string;
 }

package/src/components/zd-menu/interfaces.ts

@@ -1,4 +1,4 @@
-import { IEventParam } from '@zeedhi/core';
+import { IDictionary, IEventParam } from '@zeedhi/core';
 import { IButton } from '../zd-button/interfaces';
 import { IComponentEvents, IComponentRender } from '../zd-component/interfaces';
 import { MenuLink } from './menu-link';
@@ -33,11 +33,22 @@ export interface IMenu extends IComponentRender {
 	permanent?: boolean | string;
 }
 
+/**
+ * Interface criada para remover a referencia circular Menu -> MenuItem -> Menu
+ */
+export interface IMenuRef {
+	isSelected(item: IMenuItem): boolean;
+	currentItem: IMenuItem | null;
+	showTooltip?: boolean;
+	tooltipText?: string;
+	tooltipContentProps?: IDictionary<any>;	
+}
+
 /**
  * Interface for menu itens
  */
 export interface IMenuItem extends IComponentRender {
-	parentMenu?: IMenu;
+	parentMenu?: IMenuRef;
 	parentGroup?: IMenuGroup;
 }
 

package/src/components/zd-menu/menu-group.ts

@@ -1,5 +1,5 @@
 import { ComponentRender } from '../zd-component/component-render';
-import { IMenuGroup, IMenuItem } from './interfaces';
+import { IMenuGroup, IMenuItem, IMenuRef } from './interfaces';
 import { Menu } from './menu';
 
 /**
@@ -29,7 +29,7 @@ export class MenuGroup extends ComponentRender implements IMenuGroup {
 	/**
 	 * Menu that contains the item
 	 */
-	public parentMenu?: Menu;
+	public parentMenu?: IMenuRef;
 
 	/**
 	 * Group that contains the item

package/src/components/zd-menu/menu-link.ts

@@ -1,5 +1,5 @@
 import { ComponentRender } from '../zd-component/component-render';
-import { IMenuLink, IMenuLinkEvents } from './interfaces';
+import { IMenuLink, IMenuLinkEvents, IMenuRef } from './interfaces';
 import { Menu } from './menu';
 import { MenuGroup } from './menu-group';
 
@@ -30,7 +30,7 @@ export class MenuLink extends ComponentRender implements IMenuLink {
 	/**
 	 * Menu that contains the item
 	 */
-	public parentMenu?: Menu;
+	public parentMenu?: IMenuRef;
 
 	/**
 	 * Group that contains the item

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

@@ -51,7 +51,7 @@ export class Menu extends ComponentRender implements IMenu {
 	/**
 	 * Defines the width of the menu when in mini state
 	 */
-	public miniWidth: number | string = 58;
+	public miniWidth: number | string = 50;
 
 	/**
 	 * Defines if the menu is mini

package/src/components/zd-textarea/interfaces.ts

@@ -16,8 +16,9 @@ export interface ITextarea extends ITextInput {
 	rounded?: boolean;
 	rowHeight?: number | string;
 	rows?: number | string;
+	maxRows?: number | string;
 	height?: number | string;
 	maxHeight?: number | string;
 	minHeight?: number | string;
-	fillHeight?: boolean;
+	fillHeight?: boolean | string;
 }

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

@@ -56,6 +56,11 @@ export class Textarea extends TextInput implements ITextarea {
 	 */
 	public rows: number | string = 5;
 
+	/**
+	 * Define o número máximo de linhas quando o `autoGrow` está definido
+	 */
+	public maxRows: number | string = 10;
+
 	/**
 	 * Defines the component height. Possible values for this property can be
 	 * <samp>'auto', '100%', '400px' or 400</samp>
@@ -96,6 +101,7 @@ export class Textarea extends TextInput implements ITextarea {
 		this.rounded = this.getInitValue('rounded', props.rounded, this.reverse);
 		this.rowHeight = this.getInitValue('rowHeight', props.rowHeight, this.rowHeight);
 		this.rows = this.getInitValue('rows', props.rows, this.rows);
+		this.maxRows = this.getInitValue('maxRows', props.maxRows, this.maxRows);
 		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);

package/src/components/zd-tree/interfaces.ts

@@ -70,7 +70,7 @@ export interface ITreeProps extends IComponentRender {
 	height?: number | string;
 	maxHeight?: number | string;
 	minHeight?: number | string;
-	fillHeight?: boolean;
+	fillHeight?: boolean | string;
 	width?: number | string;
 	maxWidth?: number | string;
 	minWidth?: number | string;
@@ -99,7 +99,7 @@ export interface ITree extends IComponentRenderInstance, ITreeComponent {
 	height: number | string;
 	maxHeight: number | string;
 	minHeight: number | string;
-	fillHeight: boolean;
+	fillHeight: boolean | string;
 	width: number | string;
 	maxWidth: number | string;
 	minWidth: number | string;

package/src/utils/omit/omit.ts

@@ -7,7 +7,11 @@ import { IDictionary } from '@zeedhi/core';
  * @param key property to be removed
  * @returns object without said property
  */
-export const omit = (obj: IDictionary, key: string) => {
-	const { [key]: _, ...newObj } = obj;
-	return newObj;
+export const omit = (obj: IDictionary, key: string | string[]) => {
+	const keys = Array.isArray(key) ? key : [key];
+	return Object.fromEntries(
+    Object.entries(obj).filter(
+      ([currentKey]) => !keys.includes(currentKey)
+    )
+  );
 };

package/tests/unit/components/zd-grid-editable/grid-editable-controller.spec.ts

@@ -21,6 +21,9 @@ describe('GridEditableController', () => {
 
       expect(controller.hasAddedRows).toBe(true);
       expect(gridEditableMock.getAddedRows).toHaveBeenCalledTimes(1);
+
+      controller.hasAddedRows = false;
+      expect(controller.hasAddedRows).toBe(true);
     });
 
     it('should return false if there are no added rows', () => {

package/tests/unit/components/zd-menu/menu.spec.ts

@@ -16,7 +16,7 @@ describe('Menu', () => {
 			expect(instance.floating).toBeFalsy();
 			expect(instance.mini).toBeFalsy();
 			expect(instance.miniState).toBeFalsy();
-			expect(instance.miniWidth).toBe(58);
+			expect(instance.miniWidth).toBe(50);
 			expect(instance.temporary).toBeFalsy();
 			expect(instance.items).toEqual([]);
 			expect(instance.itemsUrl).toBe('');

package/tests/unit/utils/omit.spec.ts

@@ -0,0 +1,15 @@
+import { omit } from '@zeedhi/common';
+
+describe('omit', () => {
+  it('returns object without properties', () => {
+    const obj = {
+      a: 1,
+      b: 2,
+      c: 3,
+    };
+
+    expect(omit(obj, 'a')).toEqual({ b: 2, c: 3 });
+    expect(omit(obj, ['a', 'b'])).toEqual({ 
+      c: 3 });
+  });
+});