@sme.up/ketchup 4.0.0 → 4.2.0

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

@@ -1,7 +1,7 @@
-import type { KupManagerInitialization, KupManagerUtilities } from './kup-manager-declarations';
+import type { KupManagerClickCb, KupManagerInitialization, KupManagerUtilities } from './kup-manager-declarations';
 import { KupDebug } from '../kup-debug/kup-debug';
-import { KupDialog } from '../kup-dialog/kup-dialog';
 import { KupDynamicPosition } from '../kup-dynamic-position/kup-dynamic-position';
+import { KupInteract } from '../kup-interact/kup-interact';
 import { KupLanguage } from '../kup-language/kup-language';
 import { KupObjects } from '../kup-objects/kup-objects';
 import { KupScrollOnHover } from '../kup-scroll-on-hover/kup-scroll-on-hover';
@@ -10,21 +10,23 @@ import { KupToolbar } from '../kup-toolbar/kup-toolbar';
 import { ResizeObserver } from 'resize-observer';
 import { KupDates } from '../kup-dates/kup-dates';
 import { KupDatesLocales } from '../kup-dates/kup-dates-declarations';
+import { KupSearch } from '../kup-search/kup-search';
 /**
- * This class controls every other Ketch.UP utility suite.
+ * This class controls every other Ketchup utility suite.
  * @module KupManager
  */
 export declare class KupManager {
   dates: KupDates;
   debug: KupDebug;
-  dialog: KupDialog;
   dynamicPosition: KupDynamicPosition;
+  interact: KupInteract;
   language: KupLanguage;
   magicBox: HTMLKupMagicBoxElement;
   objects: KupObjects;
   overrides?: KupManagerInitialization;
   resize: ResizeObserver;
   scrollOnHover: KupScrollOnHover;
+  search: KupSearch;
   utilities: KupManagerUtilities;
   theme: KupTheme;
   toolbar: KupToolbar;
@@ -49,9 +51,20 @@ export declare class KupManager {
    * @param {KupDatesLocales} locale - The supported locale.
    */
   setLibraryLocalization(locale: KupDatesLocales): void;
+  /**
+   * Adds a new click callback.
+   * @param {KupManagerClickCb} cb - The callback to add.
+   * @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;
+  /**
+   * Removes the given click callback.
+   * @param {KupManagerClickCb} cb - The callback to remove.
+   */
+  removeClickCallback(cb: KupManagerClickCb): void;
 }
 /**
- * Called by the Ketch.UP components to retrieve the instance of KupManager (or creating a new one when missing).
+ * Called by the Ketchup components to retrieve the instance of KupManager (or creating a new one when missing).
  * @returns {KupManager} KupManager instance.
  */
 export declare function kupManagerInstance(): KupManager;

package/dist/types/utils/kup-objects/kup-objects.d.ts

@@ -29,12 +29,6 @@ export declare class KupObjects {
    * @returns {boolean} True when the object has extra columns.
    */
   canObjHaveExtraColumns(obj: KupObj): boolean;
-  /**
-   * Checks whether the object can have a related tooltip or not.
-   * @param {KupObj} obj - Object to check.
-   * @returns {boolean} True when the object can have a related tooltip.
-   */
-  hasTooltip(obj: KupObj): boolean;
   /**
    * Checks whether the object represents a bar or not.
    * @param {KupObj} obj - Object to check.
@@ -166,7 +160,7 @@ export declare class KupObjects {
    * @param {KupObj} obj - Object to check.
    * @returns {boolean} True when the object is null or empty.
    */
-  isEmptySmeupObject(obj: KupObj): boolean;
+  isEmptyKupObj(obj: KupObj): boolean;
   /**
    * Parses a date depending on the object's type.
    * @param {KupObj} obj - Object to check.

package/dist/types/utils/kup-search/kup-search-declarations.d.ts

@@ -0,0 +1,7 @@
+export declare const searchStartEvent = "kup-search-start";
+/**
+ * Payload of the event fired when a search is launched without props.
+ */
+export interface KupSearchEventPayload {
+  card: HTMLKupCardElement;
+}

package/dist/types/utils/kup-search/kup-search.d.ts

@@ -0,0 +1,20 @@
+import { KupCard } from '../../components/kup-card/kup-card';
+/**
+ * Handles operations and formatting of dates.
+ * @module KupSearch
+ */
+export declare class KupSearch {
+  activeCards: Set<HTMLKupCardElement>;
+  container: HTMLElement;
+  /**
+   * Initializes KupSearch.
+   */
+  constructor();
+  /**
+   * Starts the search process.
+   * @param {Function} callback - The callback that must be invoked when the search is over.
+   * @param {Partial<KupCard>} props - The props of the search card. When missing, the search will display a spinner in place of the data table.
+   * @returns {HTMLKupCardElement} The search card created by this method.
+   */
+  start(callback: Function, props?: Partial<KupCard>): HTMLKupCardElement;
+}

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

@@ -27,6 +27,7 @@ export interface KupThemeCSSVariables {
   [KupThemeColorValues.BACKGROUND]: string;
   [KupThemeColorValues.NAV_BAR_BACKGROUND]: string;
   [KupThemeColorValues.NAV_BAR]: string;
+  [KupThemeColorValues.DRAWER]: string;
   [KupThemeColorValues.DRAWER_BACKGROUND]: string;
   '--kup-navbar-height': string;
   '--kup-drawer-width': string;
@@ -108,6 +109,7 @@ export declare enum KupThemeColorValues {
   BACKGROUND = "--kup-background-color",
   NAV_BAR = "--kup-navbar-color",
   NAV_BAR_BACKGROUND = "--kup-navbar-background-color",
+  DRAWER = "--kup-drawer-color",
   DRAWER_BACKGROUND = "--kup-drawer-background-color",
   TEXT = "--kup-text-color",
   TEXT_ON_PRIMARY = "--kup-text-on-primary-color",

package/dist/types/utils/kup-theme/kup-theme.d.ts

@@ -55,11 +55,11 @@ export declare class KupTheme {
    */
   unregister(comp: any): void;
   /**
-   * Combines theme's and component's customStyles, returning the result.
+   * Combines global (style every component should have), theme's and component's customStyles, returning the result.
    * @param comp - The component calling this function.
    * @returns {string} Combined customStyle.
    */
-  setCustomStyle(comp: KupComponent): string;
+  setKupStyle(comp: KupComponent): string;
   /**
    * Checks whether on a given color the text should be white or black.
    * @param {string} color - Color used to check the contrast.

package/dist/types/utils/utils.d.ts

@@ -11,7 +11,6 @@ export declare function format(first: string, middle: string, last: string): str
 export declare function generateUniqueId(field?: string): string;
 export declare function generateUuidv4(): string;
 export declare function eventFromElement(element: HTMLElement, eventSource: HTMLElement): boolean;
-export declare function getCurrentLocale(): string;
 export declare function getCurrentDateFormatFromBrowserLocale(): string;
 /**
  * Convert argument to boolean. Everything is false unless: true, "true", 1, "1", "on", "yes"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "4.0.0",
+    "version": "4.2.0",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -40,26 +40,24 @@
         "@fullcalendar/interaction": "^5.9.0",
         "@fullcalendar/list": "^5.9.0",
         "@fullcalendar/timegrid": "^5.9.0",
-        "@justinribeiro/html5-dragdroptouch-shim": "^0.1.2",
         "@material/form-field": "^11.0.0",
         "@material/ripple": "^11.0.0",
         "@material/textfield": "^11.0.0",
         "d3-shape": "^1.3.7",
         "dayjs": "^1.10.6",
         "diagram-js": "^5.0.0",
+        "interactjs": "^1.10.11",
         "jquery": "^3.3.1",
-        "lodash": "^4.17.19",
         "numeral": "^2.0.6",
         "resize-observer": "^1.0.2",
         "vanilla-picker": "^2.11.0"
     },
     "devDependencies": {
-        "@stencil/core": "^2.9.0",
+        "@stencil/core": "^2.12.0",
         "@stencil/sass": "^1.4.1",
         "@types/d3-shape": "^2.1.0",
         "@types/jest": "^26.0.24",
         "@types/jest-cli": "^24.3.0",
-        "@types/lodash": "^4.14.156",
         "@types/node": "^14.5.0",
         "@types/numeral": "0.0.25",
         "@types/puppeteer": "^5.4.3",
@@ -72,4 +70,4 @@
         "type": "git",
         "url": "https://github.com/smeup/ketchup.git"
     }
-}
+}