@sme.up/ketchup 5.2.1-SNAPSHOT → 6.2.0-SNAPSHOT

package/dist/types/f-components/f-cell/f-cell-declarations.d.ts

@@ -1,7 +1,8 @@
 import type { VNode } from '../../stencil-public-runtime';
 import { KupDataCell, KupDataColumn, KupDataRow } from '../../managers/kup-data/kup-data-declarations';
 import { FComponent, KupEventPayload, KupTagNames } from '../../types/GenericTypes';
-export declare const autoAlignComps: KupTagNames[];
+export declare const autoCenterComps: KupTagNames[];
+export declare const fullWidthFieldsComps: KupTagNames[];
 /**
  * Props of the f-cell component.
  */
@@ -110,6 +111,7 @@ export declare enum FCellShapes {
   PROGRESS_BAR = "PGB",
   RADIO = "RAD",
   RATING = "RTG",
+  SWITCH = "SWT",
   TEXT_FIELD = "ITX"
 }
 /**
@@ -138,6 +140,7 @@ export declare enum FCellTypes {
   RADIO = "radio",
   RATING = "rating",
   STRING = "string",
+  SWITCH = "switch",
   TIME = "time"
 }
 export declare const editableTypes: FCellTypes[];

package/dist/types/f-components/f-text-field/f-text-field-declarations.d.ts

@@ -17,6 +17,7 @@ export interface FTextFieldProps extends FComponent {
   isClearable?: boolean;
   label?: string;
   leadingLabel?: boolean;
+  name?: string;
   outlined?: boolean;
   readOnly?: boolean;
   shaped?: boolean;

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

@@ -105,6 +105,7 @@ export interface KupDataColumnOperations {
  * Interface related to nodes operations.
  */
 export interface KupDataNodeOperations {
+  getParent: (nodes: KupDataNode[], child: KupDataNode) => KupDataNode;
   remove: (nodes: KupDataNode[], node2remove: KupDataNode) => KupDataNode;
   setProperties: (nodes: KupDataNode[], properties: Partial<KupDataNode>, recursively?: boolean, exclude?: KupDataNode[]) => KupDataNode[];
   toStream: (nodes: KupDataNode[]) => KupDataNode[];

package/dist/types/managers/kup-data/kup-data-node-helper.d.ts

@@ -21,3 +21,10 @@ export declare function setPropertiesNode(nodes: KupDataNode[], properties: Part
  * @returns {KupDataNode[]} Streamlined array of every node and their children.
  */
 export declare function toStreamNode(nodes: KupDataNode[]): KupDataNode[];
+/**
+ * Returns the parent of the given node.
+ * @param {KupDataNode[]} nodes - Input array of nodes.
+ * @param {KupDataNode} child - Child node.
+ * @returns {KupDataNode} Parent node.
+ */
+export declare function getParentNode(nodes: KupDataNode[], child: KupDataNode): KupDataNode;

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

@@ -1,4 +1,5 @@
 import { KupDataCell, KupDataColumn, KupDataDataset, KupDataDatasetSort, KupDataFindCellFilters, KupDataNewColumn, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataNode, KupDataRow } from './kup-data-declarations';
+import { FCellShapes, FCellTypes } from '../../f-components/f-cell/f-cell-declarations';
 /**
  * Handles data operations.
  * @module KupData
@@ -8,6 +9,7 @@ export declare class KupData {
     find(dataset: KupDataDataset, filters: KupDataFindCellFilters): KupDataCell[];
     getValue(dataset: KupDataDataset, columns?: string[]): string[];
     replace(dataset: KupDataDataset, cell: KupDataCell, columns?: string[]): KupDataCell[];
+    getType(cell: KupDataCell, shape?: FCellShapes): FCellTypes;
   };
   column: {
     find(dataset: KupDataDataset | KupDataColumn[], filters: Partial<KupDataColumn>): KupDataColumn[];
@@ -15,6 +17,7 @@ export declare class KupData {
     new(dataset: KupDataDataset, type: KupDataNewColumnTypes, options: KupDataNewColumnOptions): string | KupDataColumn;
   };
   node: {
+    getParent(nodes: KupDataNode[], child: KupDataNode): KupDataNode;
     remove(nodes: KupDataNode[], node2remove: KupDataNode): KupDataNode;
     setProperties(nodes: KupDataNode[], properties: Partial<KupDataNode>, recursively?: boolean, exclude?: KupDataNode[]): KupDataNode[];
     toStream(nodes: KupDataNode[]): KupDataNode[];

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

@@ -3,7 +3,7 @@ import type { GenericObject } from '../../types/GenericTypes';
  * Master type extending all subtypes of keys.
  * Remember to edit "languages.json"
  */
-export declare type KupLanguageKey = KupLanguageCheckbox | KupLanguageColumn | KupLanguageDebug | KupLanguageDensity | KupLanguageFontsize | KupLanguageGeneric | KupLanguageGrid | KupLanguageGrouping | KupLanguagePage | KupLanguageRow | KupLanguageSearch | KupLanguageTotals;
+export declare type KupLanguageKey = KupLanguageCheckbox | KupLanguageColumn | KupLanguageDashboard | KupLanguageDebug | KupLanguageDensity | KupLanguageFontsize | KupLanguageGeneric | KupLanguageGrid | KupLanguageGrouping | KupLanguagePage | KupLanguageRow | KupLanguageSearch | KupLanguageTotals;
 /**
  * Interface of the languages JSON.
  */
@@ -61,6 +61,16 @@ export declare enum KupLanguageColumn {
   NON_NUMERICAL_IN_TABLE = "columnNonNumericalInTable",
   SWAP = "columnSwap"
 }
+/**
+ * Dashboard related decodes.
+ */
+export declare enum KupLanguageDashboard {
+  DIMENSION = "dashboardDimension",
+  LOADED = "dashboardLoaded",
+  RESET = "dashboardReset",
+  SAVE = "dashboardSave",
+  VERTICAL = "dashboardVertical"
+}
 /**
  * Debug widget decodes.
  */
@@ -103,6 +113,7 @@ export declare enum KupLanguageFontsize {
 export declare enum KupLanguageGeneric {
   ADD_NEW = "genericAddNew",
   APPLY = "genericApply",
+  BACK = "genericBack",
   COLLAPSE = "genericCollapse",
   DAY = "genericDay",
   DRAG_AND_DROP = "genericDragAndDrop",
@@ -137,6 +148,7 @@ export declare enum KupLanguageGeneric {
   SWAP = "genericSwap",
   TOGGLE = "genericToggle",
   TODAY = "genericToday",
+  TOP = "genericTop",
   TOTALS_TABLE = "genericTotalsTable",
   TRANSPOSE_DATA = "genericTransposeData",
   VIEW_AS = "genericViewAs",

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-objects/kup-objects.d.ts

@@ -126,6 +126,12 @@ export declare class KupObjects {
    * @returns {boolean} True when the object can be considered as a string.
    */
   isStringObject(obj: any): boolean;
+  /**
+   * Checks whether the object represents a switch or not.
+   * @param {KupObj} obj - Object to check.
+   * @returns {boolean} True when the object is a switch.
+   */
+  isSwitch(obj: KupObj): boolean;
   /**
    * Checks whether the object represents a text field or not.
    * @param {KupObj} obj - Object to check.

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

@@ -75,15 +75,18 @@ export declare enum KupTagNames {
   COMBOBOX = "KUP-COMBOBOX",
   DASH = "KUP-DASH",
   DASH_LIST = "KUP-DASH-LIST",
+  DASHBOARD = "KUP-DASHBOARD",
   DATA_TABLE = "KUP-DATA-TABLE",
   DATE_PICKER = "KUP-DATE-PICKER",
   DRAWER = "KUP-DRAWER",
   DROPDOWN_BUTTON = "KUP-DROPDOWN-BUTTON",
   FIELD = "KUP-FIELD",
+  FORM = "KUP-FORM",
   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.2.0-SNAPSHOT",
     "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.16.1",
         "@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",