@sme.up/ketchup 5.2.0-SNAPSHOT → 6.1.0-SNAPSHOT

package/dist/types/components/kup-numeric-picker/kup-numeric-picker.d.ts

@@ -0,0 +1,121 @@
+import { EventEmitter, VNode } from '../../stencil-public-runtime';
+import type { GenericObject, KupEventPayload } from '../../types/GenericTypes';
+import { KupNumericPickerEventPayload } from './kup-numeric-picker-declarations';
+export declare class KupNumericPicker {
+  rootElement: HTMLElement;
+  stateSwitcher: boolean;
+  value: string;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  /**
+   * Props of the sub-components.
+   * @default null
+   */
+  data: Object;
+  /**
+   * Defaults at false. When set to true, the component has decimals.
+   * @default false
+   */
+  decimals: boolean;
+  /**
+   * Defaults at false. When set to true, the component is disabled.
+   * @default false
+   */
+  disabled: boolean;
+  /**
+   * Sets the initial value of the component
+   * @default ""
+   */
+  initialValue: string;
+  /**
+   * when set, the component allows you to enter decimals with a maximum of characters.
+   * @default null
+   */
+  maxDecimals: number;
+  /**
+   * When set, the component allows you to enter integer numbers with a maximum of characters.
+   * @default null
+   */
+  maxIntegers: number;
+  /**
+   * When set, the component allows you to enter numbers with a maximum of characters, including decimals.
+   * @default null
+   */
+  maxLength: number;
+  /**
+   * Defaults at false. When set to true, the component has negative number.
+   * @default false
+   */
+  negative: boolean;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
+  private textfieldEl;
+  private pickerContainerEl;
+  private pickerEl;
+  private clickCb;
+  kupBlur: EventEmitter<KupNumericPickerEventPayload>;
+  kupChange: EventEmitter<KupNumericPickerEventPayload>;
+  kupClick: EventEmitter<KupNumericPickerEventPayload>;
+  kupFocus: EventEmitter<KupNumericPickerEventPayload>;
+  kupInput: EventEmitter<KupNumericPickerEventPayload>;
+  kupIconClick: EventEmitter<KupNumericPickerEventPayload>;
+  kupItemClick: EventEmitter<KupNumericPickerEventPayload>;
+  kupTextFieldSubmit: EventEmitter<KupNumericPickerEventPayload>;
+  kupClearIconClick: EventEmitter<KupEventPayload>;
+  onKupPickerItemClick(value: string): void;
+  onKupClearIconClick(): void;
+  onKupBlur(): void;
+  onKupChange(e: InputEvent): void;
+  onKupClick(): void;
+  onKupFocus(): void;
+  onKupInput(e: InputEvent): void;
+  onkupTextFieldSubmit(e: KeyboardEvent): void;
+  onKupIconClick(): void;
+  listenKeyup(e: KeyboardEvent): void;
+  /**
+   * Retrieves the component's value.
+   * @returns {string} Value of the component.
+   */
+  getValue(): Promise<string>;
+  /**
+   * Used to retrieve component's props values.
+   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+   */
+  getProps(descriptions?: boolean): Promise<GenericObject>;
+  /**
+   * This method is used to trigger a new render of the component.
+   */
+  refresh(): Promise<void>;
+  /**
+   * Sets the focus to the component.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Sets the component's value.
+   * @param {string} value - Value to be set.
+   */
+  setValue(value: string): Promise<void>;
+  refreshPickerValue(eventDetailValue: string, eventToRaise: EventEmitter, isOnInputEvent?: boolean): void;
+  setPickerValueSelected(newValue?: string): void;
+  getPickerValueSelected(): string;
+  getValueForPickerComponent(): string;
+  openPicker(): void;
+  closePicker(): void;
+  isPickerOpened(): boolean;
+  getTextFieldId(): string;
+  prepTextfield(): VNode;
+  prepPicker(): any;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  render(): any;
+  disconnectedCallback(): void;
+}

package/dist/types/components/kup-tab-bar/kup-tab-bar-declarations.d.ts

@@ -1,3 +1,4 @@
+import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
 import { KupEventPayload } from '../../types/GenericTypes';
 /**
  * Props of the kup-tab-bar component.
@@ -11,17 +12,10 @@ export declare enum KupTabBarProps {
 /**
  * The object of a single radio.
  */
-export interface KupTabBarData {
-  value: string;
+export interface KupTabBarNode extends KupDataNode {
   active?: boolean;
-  icon?: string;
-  text?: string;
-  title?: string;
 }
 export interface KupTabBarEventPayload extends KupEventPayload {
+  node: KupTabBarNode;
   index: number;
-  el: EventTarget;
-}
-export interface KupTabBarClickEventPayload extends KupTabBarEventPayload {
-  value: string;
 }

package/dist/types/components/kup-tab-bar/kup-tab-bar.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { KupTabBarClickEventPayload, KupTabBarData, KupTabBarEventPayload } from './kup-tab-bar-declarations';
+import { KupTabBarNode, KupTabBarEventPayload } from './kup-tab-bar-declarations';
 import { GenericObject } from '../../types/GenericTypes';
 export declare class KupTabBar {
   /**
@@ -17,7 +17,7 @@ export declare class KupTabBar {
    * List of elements.
    * @default null
    */
-  data: KupTabBarData[];
+  data: KupTabBarNode[];
   /**
    * When enabled displays Material's ripple effect on item headers.
    * @default true
@@ -38,14 +38,14 @@ export declare class KupTabBar {
   /**
    * Triggered when the tab is clicked.
    */
-  kupClick: EventEmitter<KupTabBarClickEventPayload>;
+  kupClick: EventEmitter<KupTabBarEventPayload>;
   /**
    * Triggered when the tab is focused.
    */
   kupFocus: EventEmitter<KupTabBarEventPayload>;
-  onKupBlur(i: number, e: Event): void;
-  onKupClick(i: number, e: Event): void;
-  onKupFocus(i: number, e: Event): void;
+  onKupBlur(i: number, node: KupTabBarNode): void;
+  onKupClick(i: number, node: KupTabBarNode): void;
+  onKupFocus(i: number, node: KupTabBarNode): void;
   applyRipple(): void;
   /**
    * Used to retrieve component's props values.

package/dist/types/components/kup-tree/kup-tree-declarations.d.ts

@@ -32,10 +32,6 @@ export declare enum KupTreeProps {
   showIcons = "Shows the icons of the nodes.",
   stateId = "",
   store = "",
-  showTooltipOnRightClick = "If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.",
-  tooltipDetailTimeout = "Defines the timeout for tooltip detail",
-  tooltipEnabled = "Enable show tooltip",
-  tooltipLoadTimeout = "Defines the timeout for tooltip load",
   totals = "Defines the current totals options.",
   useDynamicExpansion = "When the component must use the dynamic expansion feature to open its nodes, it means that not all the nodes of the tree have been passed inside the data property. Therefore, when expanding a node, the tree must emit an event (or run a given callback) and wait for the child nodes to be downloaded from the server."
 }
@@ -62,7 +58,7 @@ export interface KupTreeEventHandlerDetails {
   row: KupDataRow;
   td: HTMLElement;
   th: HTMLElement;
-  tr: HTMLTableRowElement;
+  tr: HTMLElement;
 }
 export declare enum KupTreeExpansionMode {
   DROPDOWN = "dropdown",

package/dist/types/components/kup-tree/kup-tree.d.ts

@@ -154,22 +154,6 @@ export declare class KupTree {
    * @see dynamicExpansionCallback
    */
   useDynamicExpansion: boolean;
-  /**
-   * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-   */
-  showTooltipOnRightClick: boolean;
-  /**
-   * Defines the timeout for tooltip detail
-   */
-  tooltipDetailTimeout: number;
-  /**
-   * Enable show tooltip
-   */
-  tooltipEnabled: boolean;
-  /**
-   * Defines the timeout for tooltip load
-   */
-  tooltipLoadTimeout: number;
   /**
    * Defines the current totals options.
    */
@@ -188,7 +172,6 @@ export declare class KupTree {
   private globalFilterTimeout;
   private footer;
   private sizedColumns;
-  private tooltip;
   columnFilterTimeout: number;
   private columnMenuInstance;
   private filtersColumnMenuInstance;
@@ -309,10 +292,10 @@ export declare class KupTree {
   getHeadingColumns(): Array<KupDataColumn>;
   launchNodeEvent(treeNodePath: TreeNodePath, treeNode: KupTreeNode): void;
   private openTotalMenu;
-  private closeMenuAndTooltip;
   private onTotalMenuOpen;
   private getEventDetails;
   private contextMenuHandler;
+  private getEventPath;
   hdlTreeNodeClick(e: MouseEvent, treeNodeData: KupTreeNode, treeNodePath: string, auto: boolean): void;
   hdlTreeNodeExpanderClick(treeNodeData: KupTreeNode, treeNodePath: string, ctrlKey: boolean): void;
   private hasTotals;
@@ -333,13 +316,7 @@ export declare class KupTree {
   private calculateVisibleNodes;
   private refreshStructureState;
   private createIconElement;
-  /**
-   * Controls if current cell needs a tooltip and eventually adds it.
-   * @todo When the option forceOneLine is active, there is a problem with the current implementation of the tooltip. See documentation in the mauer wiki for better understanding.
-   */
-  private getToolTipEventHandlers;
   private getCellStyle;
-  renderTooltip(): any;
   /**
    * Renders the header of the tree when it must be displayed as a table.
    * @returns An array of table header cells.