@sme.up/ketchup 6.6.0 → 6.8.0

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

@@ -100,6 +100,11 @@ export declare class KupList {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   getProps(descriptions?: boolean): Promise<GenericObject>;
+  /**
+   * Returns the selected node.
+   * @returns {Promise<KupListNode>} Selected node.
+   */
+  getSelectedNode(): Promise<KupListNode[]>;
   /**
    * This method is used to trigger a new render of the component.
    */

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

@@ -53,6 +53,11 @@ export declare class KupTabBar {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   getProps(descriptions?: boolean): Promise<GenericObject>;
+  /**
+   * Returns the selected node.
+   * @returns {Promise<KupTabBarNode>} Selected node.
+   */
+  getSelectedNode(): Promise<KupTabBarNode>;
   /**
    * This method is used to trigger a new render of the component.
    */

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

@@ -162,7 +162,6 @@ export declare class KupTree {
    */
   private columnMenuCard;
   private treeWrapperRef;
-  private selectedColumn;
   private clickTimeout;
   private globalFilterTimeout;
   private footer;

package/dist/types/components.d.ts

@@ -25,7 +25,7 @@ import { FChipType } from "./f-components/f-chip/f-chip-declarations";
 import { KupColorPickerEventPayload } from "./components/kup-color-picker/kup-color-picker-declarations";
 import { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from "./components/kup-combobox/kup-combobox-declarations";
 import { KupDashboardEventPayload, KupDataDashboard } from "./components/kup-dashboard/kup-dashboard-declarations";
-import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
+import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
 import { GenericFilter, KupGlobalFilterMode } from "./utils/filters/filters-declarations";
 import { KupDatePickerEventPayload } from "./components/kup-date-picker/kup-date-picker-declarations";
 import { KupDropdownButtonEventPayload } from "./components/kup-dropdown-button/kup-dropdown-button-declarations";
@@ -581,6 +581,11 @@ export namespace Components {
           * @param props - Object containing props that will be set to the component.
          */
         "setProps": (props: GenericObject) => Promise<void>;
+        /**
+          * Sets the card as modal window
+          * @default false
+         */
+        "showModal": boolean;
         /**
           * The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).
           * @default "100%"
@@ -1038,6 +1043,14 @@ export namespace Components {
           * Closes any opened column menu.
          */
         "closeColumnMenu": () => Promise<void>;
+        /**
+          * Closes the delete confirm card (called by backend, on success)
+         */
+        "closeConfirmDeleteCard": () => Promise<void>;
+        /**
+          * Closes the insert new record card (called by backend, on success)
+         */
+        "closeInsertCard": () => Promise<void>;
         /**
           * Collapses all groups.
          */
@@ -1051,6 +1064,12 @@ export namespace Components {
          */
         "data": KupDataTableDataset;
         "defaultSortingFunction": (columns: KupDataColumn[], receivingColumnIndex: number, sortedColumnIndex: number, useNewObject?: boolean) => Promise<KupDataColumn[]>;
+        /**
+          * This method will delete rows by id from the data table dataset.
+          * @param ids - Array of row ids to delete.
+          * @returns Deleted rows.
+         */
+        "deleteRows": (ids?: string[]) => Promise<Array<KupDataTableRow>>;
         /**
           * The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'.
          */
@@ -1116,6 +1135,10 @@ export namespace Components {
           * Forces cells with long text and a fixed column size to have an ellipsis set on their text. The reflect attribute is mandatory to allow styling.
          */
         "forceOneLine": boolean;
+        /**
+          * Returns cards and sub components
+         */
+        "getCards": () => Promise<any>;
         "getInternalState": () => Promise<{ groups: GroupObject[]; filters: GenericFilter; data: KupDataTableDataset; }>;
         /**
           * Used to retrieve component's props values.
@@ -1152,6 +1175,16 @@ export namespace Components {
           * @param column - Column to hide.
          */
         "hideColumn": (column: KupDataColumn) => Promise<void>;
+        /**
+          * Enables insert mode.
+          * @default '''
+         */
+        "insertMode": KupDataTableInsertMode;
+        /**
+          * Adds a new row to the list data
+          * @param row new row
+         */
+        "insertNewRow": (row: KupDataTableRow) => Promise<void>;
         /**
           * When set to true, clicked-on rows will have a visual feedback.
           * @default false
@@ -1204,7 +1237,7 @@ export namespace Components {
         /**
           * This method is used to trigger a new render of the component.
          */
-        "refresh": () => Promise<void>;
+        "refresh": (recalcRows?: boolean) => Promise<void>;
         /**
           * Sets the possibility to remove the selected column.
          */
@@ -1233,6 +1266,13 @@ export namespace Components {
           * Set the type of the rows selection.
          */
         "selection": SelectionMode;
+        /**
+          * Sets the cell value in a table cell.
+          * @param columnName - Name of the column.
+          * @param rowId - Id of the row.
+          * @param value - Value to set.
+         */
+        "setCellValue": (columnName: string, rowId: string, value: string) => Promise<void>;
         /**
           * Sets the focus on an editable table cell.
           * @param column - Name of the column.
@@ -1254,6 +1294,10 @@ export namespace Components {
           * If set to true, displays the button to open the customization panel.
          */
         "showCustomization": boolean;
+        /**
+          * Enables the delete row button.
+         */
+        "showDeleteButton": boolean;
         /**
           * When set to true enables the column filters.
          */
@@ -2036,6 +2080,11 @@ export namespace Components {
           * @returns List of props as object, each key will be a prop.
          */
         "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * Returns the selected node.
+          * @returns Selected node.
+         */
+        "getSelectedNode": () => Promise<KupListNode[]>;
         /**
           * Hides rows' text, ideally to display a list of icons only.
           * @default false
@@ -2633,6 +2682,11 @@ export namespace Components {
           * @returns List of props as object, each key will be a prop.
          */
         "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * Returns the selected node.
+          * @returns Selected node.
+         */
+        "getSelectedNode": () => Promise<KupTabBarNode>;
         /**
           * This method is used to trigger a new render of the component.
          */
@@ -3992,6 +4046,11 @@ declare namespace LocalJSX {
           * Triggered when the component is ready.
          */
         "onKup-card-ready"?: (event: KupCardCustomEvent<KupEventPayload>) => void;
+        /**
+          * Sets the card as modal window
+          * @default false
+         */
+        "showModal"?: boolean;
         /**
           * The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).
           * @default "100%"
@@ -4434,6 +4493,11 @@ declare namespace LocalJSX {
           * When set to true the header will stick on top of the table when scrolling.
          */
         "headerIsPersistent"?: boolean;
+        /**
+          * Enables insert mode.
+          * @default '''
+         */
+        "insertMode"?: KupDataTableInsertMode;
         /**
           * When set to true, clicked-on rows will have a visual feedback.
           * @default false
@@ -4487,6 +4551,10 @@ declare namespace LocalJSX {
           * Generic double click event on data table.
          */
         "onKup-datatable-dblclick"?: (event: KupDataTableCustomEvent<KupDatatableClickEventPayload>) => void;
+        /**
+          * Event fired when the delete row button is pressed.
+         */
+        "onKup-datatable-delete-row"?: (event: KupDataTableCustomEvent<KupDatatableDeleteRowEventPayload>) => void;
         /**
           * When component load is complete
          */
@@ -4495,6 +4563,10 @@ declare namespace LocalJSX {
           * When component unload is complete
          */
         "onKup-datatable-didunload"?: (event: KupDataTableCustomEvent<KupEventPayload>) => void;
+        /**
+          * Event fired when the insert row confirm button is pressed.
+         */
+        "onKup-datatable-insert-row"?: (event: KupDataTableCustomEvent<KupDatatableInsertRowEventPayload>) => void;
         "onKup-datatable-loadmoreclick"?: (event: KupDataTableCustomEvent<KupDatatableLoadMoreClickEventPayload>) => void;
         /**
           * When rows selections reset
@@ -4544,6 +4616,10 @@ declare namespace LocalJSX {
           * If set to true, displays the button to open the customization panel.
          */
         "showCustomization"?: boolean;
+        /**
+          * Enables the delete row button.
+         */
+        "showDeleteButton"?: boolean;
         /**
           * When set to true enables the column filters.
          */

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

@@ -20,6 +20,7 @@ export interface KupDataColumn {
   formula?: string;
   hideValuesRepetitions?: boolean;
   icon?: string;
+  isEditable?: boolean;
   isKey?: boolean;
   mergedFrom?: string[];
   obj?: KupObj;

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

@@ -111,10 +111,14 @@ export declare enum KupLanguageFontsize {
  * Generic user interface action/messages.
  */
 export declare enum KupLanguageGeneric {
+  ABORT = "genericAbort",
   ADD_NEW = "genericAddNew",
   APPLY = "genericApply",
   BACK = "genericBack",
   COLLAPSE = "genericCollapse",
+  CONFIRM = "genericConfirm",
+  CONFIRM_DELETE = "genericConfirmDelete",
+  CONFIRM_DELETE_X_ROWS = "genericConfirmDeleteXRows",
   DAY = "genericDay",
   DRAG_AND_DROP = "genericDragAndDrop",
   DROP_YOUR_DATA = "genericDropYourData",
@@ -135,6 +139,7 @@ export declare enum KupLanguageGeneric {
   MONTH = "genericMonth",
   MOVE = "genericMove",
   NEXT = "genericNext",
+  NO = "genericNo",
   OPEN_NAVIGATION_MENU = "genericOpenNavigationMenu",
   OPEN_IN_NEW_TAB = "genericOpenInNewTab",
   OPEN_IN_NEW_WINDOW = "genericOpenInNewWindow",
@@ -152,7 +157,8 @@ export declare enum KupLanguageGeneric {
   TOTALS_TABLE = "genericTotalsTable",
   TRANSPOSE_DATA = "genericTransposeData",
   VIEW_AS = "genericViewAs",
-  WEEK = "genericWeek"
+  WEEK = "genericWeek",
+  YES = "genericYes"
 }
 /**
  * Grid decodes (data table customization settings).

package/dist/types/managers/kup-scroll-on-hover/kup-scroll-on-hover-declarations.d.ts

@@ -7,6 +7,7 @@ export interface KupScrollOnHoverElement extends HTMLElement {
     children: NodeListOf<HTMLElement>;
     percentages: KupScrollOnHoverPercentages;
     rect: DOMRect;
+    step?: number;
     vertical: boolean;
     x: number;
     y: number;

package/dist/types/managers/kup-scroll-on-hover/kup-scroll-on-hover.d.ts

@@ -21,8 +21,9 @@ export declare class KupScrollOnHover {
    * @param {KupScrollOnHoverElement} el - Element to watch.
    * @param {boolean} vertical - Enables vertical scroll.
    * @param {KupScrollOnHoverPercentages} percentages - Sets how big is the area in which the scroll is enabled.
+   * @param {number} step - The amount in pixels for each scroll recursion.
    */
-  register(el: KupScrollOnHoverElement, vertical?: boolean, percentages?: KupScrollOnHoverPercentages): void;
+  register(el: KupScrollOnHoverElement, vertical?: boolean, percentages?: KupScrollOnHoverPercentages, step?: number): void;
   /**
    * Removes the given element from ScrollOnHover watchlist.
    * @param {KupScrollOnHoverElement} el - Element to unregister.

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

@@ -92,6 +92,7 @@ export interface KupThemeCSSVariables {
   '--kup-font-family-monospace': string;
   '--kup-obj-cursor': string;
   [KupThemeColorValues.TEXT_ON_SECONDARY]: string;
+  '--kup-card-zindex': number;
   '--kup-drawer-zindex': number;
   '--kup-navbar-zindex': number;
 }

package/dist/types/stencil-public-runtime.d.ts

@@ -221,7 +221,9 @@ export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
  */
 export declare const setMode: (handler: ResolutionHandler) => void;
 /**
- * getMode
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -234,6 +236,9 @@ export declare function setPlatformHelpers(helpers: {
 /**
  * Get the base path to where the assets can be found. Use `setAssetPath(path)`
  * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
+ * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -246,22 +251,29 @@ export declare function getAssetPath(path: string): string;
  * `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
  * dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
+ * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
- * getElement
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
  * Schedules a new render of the given instance or element even if no state changed.
  *
- * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
  */
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {
@@ -272,6 +284,8 @@ export interface HTMLStencilElement extends HTMLElement {
  * in the best moment to perform DOM mutation without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
  */
 export declare function writeTask(task: RafCallback): void;
 /**
@@ -279,6 +293,8 @@ export declare function writeTask(task: RafCallback): void;
  * in the best moment to perform DOM reads without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
  */
 export declare function readTask(task: RafCallback): void;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "6.6.0",
+    "version": "6.8.0",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -56,7 +56,7 @@
         "vanilla-picker": "^2.12.1"
     },
     "devDependencies": {
-        "@stencil/core": "^2.18.1",
+        "@stencil/core": "^2.20.0",
         "@stencil/sass": "^1.4.1",
         "@stencil/react-output-target": "0.3.1",
         "@types/d3-shape": "^3.0.2",

package/CHANGELOG.md

@@ -1,5 +0,0 @@
-# KetchUP Changelog
-
-## 24/06/2019 - Pre release
-
-Migrated from Stencil@0.18.x to Stencil@1.0.7