@sme.up/ketchup 5.2.1-SNAPSHOT → 6.0.0

package/dist/types/managers/kup-manager/kup-manager-declarations.d.ts

@@ -20,6 +20,8 @@ import type { KupToolbar } from '../kup-toolbar/kup-toolbar';
 import type { KupTooltip } from '../kup-tooltip/kup-tooltip';
 import type { ResizeObserver } from 'resize-observer';
 import { KupMathLocales } from '../kup-math/kup-math-declarations';
+import { KupTooltipCallbacks } from '../kup-tooltip/kup-tooltip-declarations';
+import { Options } from 'html2canvas';
 /**
  * Interface used to define the HTML element with Ketchup specific properties.
  */
@@ -54,6 +56,7 @@ export interface KupManager {
   setLibraryLocalization: (locale: KupDatesLocales) => void;
   addClickCallback: (cb: KupManagerClickCb, async?: boolean) => void;
   removeClickCallback: (cb: KupManagerClickCb) => void;
+  rasterize: (el: HTMLElement, options?: Partial<Options>) => Promise<HTMLCanvasElement>;
 }
 /**
  * Interface for the KupManager utilities.
@@ -147,6 +150,7 @@ export interface KupManagerThemeSettings {
  * KupDates initialization settings.
  */
 export interface KupManagerTooltipSettings {
+  fCellCallbacks?: KupTooltipCallbacks;
   delay?: number;
 }
 /**

package/dist/types/managers/kup-manager/kup-manager.d.ts

@@ -14,6 +14,7 @@ import { KupDatesLocales } from '../kup-dates/kup-dates-declarations';
 import { KupSearch } from '../kup-search/kup-search';
 import { KupMath } from '../kup-math/kup-math';
 import { KupTooltip } from '../kup-tooltip/kup-tooltip';
+import { Options } from 'html2canvas';
 /**
  * This class controls every other Ketchup utility suite.
  * @module KupManager
@@ -63,6 +64,17 @@ export declare class KupManager {
    * @param {boolean} async - When true, the callback will be added asynchrounously to prevent instant firing if it was added through a click event.
    */
   addClickCallback(cb: KupManagerClickCb, async?: boolean): void;
+  /**
+   * Rasterizes an HTMLElement, transforming into a canvas.
+   * @param {HTMLElement} el - Element to rasterize.
+   * @returns {HTMLCanvasElement} - Canvas created from the HTMLElement.
+   *
+   * CSS Mask is not supported:
+   * @see https://github.com/niklasvh/html2canvas/issues/2814
+   * Warning in console about sourcemap, claimed to be solved here but...:
+   * @see https://github.com/niklasvh/html2canvas/pull/2787/files
+   */
+  rasterize(el: HTMLElement, options?: Partial<Options>): Promise<HTMLCanvasElement>;
   /**
    * Removes the given click callback.
    * @param {KupManagerClickCb} cb - The callback to remove.

package/dist/types/managers/kup-tooltip/kup-tooltip-declarations.d.ts

@@ -2,7 +2,7 @@ export interface KupTooltipAnchor extends HTMLElement {
   kupTooltip: KupTooltipCallbacks;
 }
 export interface KupTooltipCallbacks {
-  enter: (e?: PointerEvent) => void;
-  over: (e?: PointerEvent) => void;
-  leave: (e?: PointerEvent) => void;
+  enter?: (e?: PointerEvent, anchor?: HTMLElement) => void;
+  over?: (e?: PointerEvent, anchor?: HTMLElement) => void;
+  leave?: (e?: PointerEvent, anchor?: HTMLElement) => void;
 }

package/dist/types/managers/kup-tooltip/kup-tooltip.d.ts

@@ -1,5 +1,5 @@
 import { KupDynamicPositionAnchor } from '../kup-dynamic-position/kup-dynamic-position-declarations';
-import { KupTooltipAnchor } from './kup-tooltip-declarations';
+import { KupTooltipAnchor, KupTooltipCallbacks } from './kup-tooltip-declarations';
 /**
  * Handles application-wide tooltip using card component.
  * @module KupTooltip
@@ -9,13 +9,26 @@ export declare class KupTooltip {
   currentAnchor: KupTooltipAnchor;
   delay: number;
   element: HTMLKupCardElement;
+  fCellCallbacks: KupTooltipCallbacks;
   managedElements: Set<KupTooltipAnchor>;
   timeout: ReturnType<typeof setTimeout>;
   /**
    * Initializes KupTooltip.
    */
-  constructor(delay?: number);
+  constructor(delay?: number, fCellCallbacks?: KupTooltipCallbacks);
+  /**
+   * Destroys the tooltip.
+   */
+  destroy(): void;
+  /**
+   * Hides the tooltip.
+   */
   hide(): void;
+  /**
+   * Displays the tooltip.
+   * @param {KupDynamicPositionAnchor} anchor - Anchor point of the tooltip: HTML element or x/y coordinates.
+   * @param {Partial<HTMLKupCardElement>} options - Props/attributes of the tooltip.
+   */
   show(anchor?: KupDynamicPositionAnchor, options?: Partial<HTMLKupCardElement>): void;
   /**
    * Returns whether an element was previously registered or not.
@@ -26,11 +39,9 @@ export declare class KupTooltip {
   /**
    * Registers an HTMLElement as KupTooltipAnchor, triggering callback invocation on mouse over.
    * @param {KupTooltipAnchor} element - The HTML element to be registered.
-   * @param {(e: PointerEvent) => void} cbEnter - Callback invoked when hovering on the the element for the first time.
-   * @param {(e: PointerEvent) => void} cbOver - Callback invoked when hovering on the element.
-   * @param {(e: PointerEvent) => void} cbLeave - Callback invoked when leaving the element.
+   * @param {KupTooltipCallbacks} options - Optional callbacks.
    */
-  register(element: KupTooltipAnchor, cbEnter?: (e: PointerEvent) => void, cbOver?: (e: PointerEvent) => void, cbLeave?: (e: PointerEvent) => void): void;
+  register(element: KupTooltipAnchor, options?: KupTooltipCallbacks): void;
   /**
    * Unregisters an HTMLElement, preventing its attached callback from being invoked.
    *

package/dist/types/types/GenericTypes.d.ts

@@ -80,10 +80,12 @@ export declare enum KupTagNames {
   DRAWER = "KUP-DRAWER",
   DROPDOWN_BUTTON = "KUP-DROPDOWN-BUTTON",
   FIELD = "KUP-FIELD",
+  FORM_EDITOR = "KUP-FORM-EDITOR",
   GAUGE = "KUP-GAUGE",
   GRID = "KUP-GRID",
   IFRAME = "KUP-IFRAME",
   IMAGE = "KUP-IMAGE",
+  IMAGE_LIST = "KUP-IMAGE-LIST",
   LAZY = "KUP-LAZY",
   LIST = "KUP-LIST",
   MAGIC_BOX = "KUP-MAGIC-BOX",

package/dist/types/utils/kup-column-menu/kup-column-menu.d.ts

@@ -2,7 +2,6 @@ import type { KupCardData } from '../../components/kup-card/kup-card-declaration
 import type { GenericObject } from '../../types/GenericTypes';
 import type { KupDataTable } from '../../components/kup-data-table/kup-data-table';
 import type { KupManagerClickCb } from '../../managers/kup-manager/kup-manager-declarations';
-import type { KupTooltip } from '../../components/kup-tooltip/kup-tooltip';
 import type { KupTree } from '../../components/kup-tree/kup-tree';
 import { FiltersColumnMenu } from '../filters/filters-column-menu';
 import { FilterInterval, ValueDisplayedValue } from '../filters/filters-declarations';
@@ -20,9 +19,8 @@ export declare class KupColumnMenu {
    * Function called by the component when the column menu must be opened.
    * @param {KupDataTable | KupTree} comp - Component using the column menu.
    * @param {string} column - Name of the column.
-   * @param {KupTooltip} tooltip - Tooltip of the component, when present.
    */
-  open(comp: KupDataTable | KupTree, column: string, tooltip?: KupTooltip): void;
+  open(comp: KupDataTable | KupTree, column: string): void;
   /**
    * Function called by the component when the column menu must be closed.
    * @param {HTMLKupCardElement} card - Column menu card.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "5.2.1-SNAPSHOT",
+    "version": "6.0.0",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -37,17 +37,18 @@
         "test.watch": "npm run build:setup && stencil test --spec --e2e --watchAll"
     },
     "dependencies": {
-        "@fullcalendar/core": "^5.10.1",
-        "@fullcalendar/daygrid": "^5.10.1",
-        "@fullcalendar/interaction": "^5.10.1",
-        "@fullcalendar/list": "^5.10.1",
-        "@fullcalendar/timegrid": "^5.10.1",
-        "@material/form-field": "^13.0.0",
-        "@material/ripple": "^13.0.0",
-        "@material/textfield": "^13.0.0",
+        "@fullcalendar/core": "^5.11.0",
+        "@fullcalendar/daygrid": "^5.11.0",
+        "@fullcalendar/interaction": "^5.11.0",
+        "@fullcalendar/list": "^5.11.0",
+        "@fullcalendar/timegrid": "^5.11.0",
+        "@material/form-field": "^14.0.0",
+        "@material/ripple": "^14.0.0",
+        "@material/textfield": "^14.0.0",
         "d3-shape": "^3.1.0",
-        "dayjs": "^1.10.7",
-        "echarts": "^5.2.2",
+        "dayjs": "^1.11.1",
+        "echarts": "^5.3.2",
+        "html2canvas": "^1.4.1",
         "interactjs": "^1.10.11",
         "jquery": "^3.6.0",
         "numeral": "^2.0.6",
@@ -55,9 +56,9 @@
         "vanilla-picker": "^2.12.1"
     },
     "devDependencies": {
-        "@stencil/core": "^2.14.2",
+        "@stencil/core": "^2.15.2",
         "@stencil/sass": "^1.4.1",
-        "@types/d3-shape": "^2.1.0",
+        "@types/d3-shape": "^3.0.2",
         "@types/geojson": "^7946.0.8",
         "@types/jest": "^26.0.24",
         "@types/jest-cli": "^24.3.0",
@@ -69,7 +70,7 @@
         "jest-environment-node": "^26.6.2",
         "puppeteer": "^13.5.1",
         "rimraf": "^3.0.2",
-        "sass": "^1.46.0"
+        "sass": "^1.50.1"
     },
     "repository": {
         "type": "git",