@sme.up/ketchup 6.7.0 → 6.8.0

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.
          */
@@ -1122,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.
@@ -1158,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
@@ -1210,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.
          */
@@ -1267,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.
          */
@@ -4015,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%"
@@ -4457,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
@@ -4510,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
          */
@@ -4518,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
@@ -4567,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-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

@@ -223,6 +223,7 @@ export declare const setMode: (handler: ResolutionHandler) => void;
 /**
  * `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: {
@@ -237,6 +238,7 @@ export declare function setPlatformHelpers(helpers: {
  * 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;
 /**
@@ -252,11 +254,13 @@ export declare function getAssetPath(path: string): string;
  * 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;
 /**
  * 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;
 /**
@@ -269,6 +273,7 @@ export declare function getElement(ref: any): HTMLStencilElement;
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "6.7.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",