@limetech/lime-elements 36.3.1-next.1 → 36.3.1

package/dist/types/components/table/table-selection.d.ts

@@ -11,7 +11,6 @@ export declare class TableSelection {
   private selection;
   /**
    * Creates an instance of the TableSelection class
-   *
    * @param {Function} getTable Function that returns the Tabulator instance
    * @param {ElementPool} pool The element pool used to cache the checkbox components
    * @param {EventEmitter<object[]>} selectEvent The event emitter to use when checkboxes are toggled
@@ -27,13 +26,11 @@ export declare class TableSelection {
   clear(): void;
   /**
    * Sets the selected items
-   *
    * @param {any[]} data The selected items
    */
   setSelection(data: any[]): void;
   /**
    * Prepends a checkbox column used for row selection to the given column definitions
-   *
    * @param {Tabulator.ColumnDefinition[]} columnDefinitions The column definition for the table
    * @returns {Tabulator.ColumnDefinition[]} The column definitions with the checkbox column prepended to it
    */
@@ -45,7 +42,6 @@ export declare class TableSelection {
    * Tabulator cell click handler that updates the selection for the clicked
    * row and toggles the selection from the last clicked row if the shift key
    * is pressed down.
-   *
    * @param {PointerEvent} ev The pointer event
    * @param {Tabulator.CellComponent} cell The clicked cell component
    */

package/dist/types/components/table/table.types.d.ts

@@ -35,7 +35,6 @@ export interface Column<T extends object = any> {
 export declare type TableFormatter = (value: any, data?: object) => string;
 /**
  * Definition for a component to be displayed in a cell in the table
- *
  * @note The table will display the component as `inline-block` in order
  * to give the column the correct size. If the component should have the
  * full width of the column, this might have to be overridden by setting
@@ -63,7 +62,6 @@ export interface TableComponentDefinition {
    * `props` properties when the component is created.
    *
    * When the propsFactory is used for header components there will be no data available
-   *
    * @param {*} data the data for the current row
    * @returns {object} properties for the component
    */
@@ -127,7 +125,6 @@ export declare enum ColumnAggregatorType {
 }
 /**
  * Calculate an aggregated value for a column
- *
  * @param {Column} column the configuration for the column
  * @param {*[]} values list of all values to be aggregated
  * @param {T[]} data list of all objects to be aggregated

package/dist/types/components/tooltip/tooltip-content.d.ts

@@ -1,6 +1,5 @@
 /**
  * This component is used internally by `limel-tooltip`.
- *
  * @private
  */
 export declare class TooltipContent {

package/dist/types/components/tooltip/tooltip.d.ts

@@ -36,7 +36,6 @@
  * use that, not a tooltip.
  * - Make sure to use the tooltip on an element that users naturally and
  * effortlessly recognize can be hovered.
- *
  * @exampleComponent limel-example-tooltip
  * @exampleComponent limel-example-tooltip-max-character
  * @exampleComponent limel-example-tooltip-composite

package/dist/types/components.d.ts

@@ -565,6 +565,28 @@ export namespace Components {
          */
         "supportingText": string;
     }
+    interface LimelHelperLine {
+        /**
+          * The helper text that is displayed on the left side.
+         */
+        "helperText"?: string;
+        /**
+          * Used by `aria-controls` and `aria-describedby` in the parent component.
+         */
+        "helperTextId"?: string;
+        /**
+          * Turns `true`, when the parent component is invalid. For example, when the parent component is `required` but is left empty. Or when the input format is invalid.
+         */
+        "invalid"?: boolean;
+        /**
+          * Length of the current input value, coming from the parent component. Used in the character counter section on the right side.
+         */
+        "length"?: number;
+        /**
+          * Maximum length of the characters, defined on the parent component. Used in the character counter section on the right side.
+         */
+        "maxLength"?: number;
+    }
     interface LimelIcon {
         /**
           * Set to `true` to give the icon a round background with some padding. Only works when the `size` attribute is also set.
@@ -1089,7 +1111,7 @@ export namespace Components {
         /**
           * The amount of time in milliseconds to show the snackbar.
          */
-        "timeout": number;
+        "timeout"?: number;
     }
     interface LimelSpinner {
         /**
@@ -1511,6 +1533,12 @@ declare global {
         prototype: HTMLLimelHeaderElement;
         new (): HTMLLimelHeaderElement;
     };
+    interface HTMLLimelHelperLineElement extends Components.LimelHelperLine, HTMLStencilElement {
+    }
+    var HTMLLimelHelperLineElement: {
+        prototype: HTMLLimelHelperLineElement;
+        new (): HTMLLimelHelperLineElement;
+    };
     interface HTMLLimelIconElement extends Components.LimelIcon, HTMLStencilElement {
     }
     var HTMLLimelIconElement: {
@@ -1697,6 +1725,7 @@ declare global {
         "limel-form": HTMLLimelFormElement;
         "limel-grid": HTMLLimelGridElement;
         "limel-header": HTMLLimelHeaderElement;
+        "limel-helper-line": HTMLLimelHelperLineElement;
         "limel-icon": HTMLLimelIconElement;
         "limel-icon-button": HTMLLimelIconButtonElement;
         "limel-info-tile": HTMLLimelInfoTileElement;
@@ -2357,6 +2386,28 @@ declare namespace LocalJSX {
          */
         "supportingText"?: string;
     }
+    interface LimelHelperLine {
+        /**
+          * The helper text that is displayed on the left side.
+         */
+        "helperText"?: string;
+        /**
+          * Used by `aria-controls` and `aria-describedby` in the parent component.
+         */
+        "helperTextId"?: string;
+        /**
+          * Turns `true`, when the parent component is invalid. For example, when the parent component is `required` but is left empty. Or when the input format is invalid.
+         */
+        "invalid"?: boolean;
+        /**
+          * Length of the current input value, coming from the parent component. Used in the character counter section on the right side.
+         */
+        "length"?: number;
+        /**
+          * Maximum length of the characters, defined on the parent component. Used in the character counter section on the right side.
+         */
+        "maxLength"?: number;
+    }
     interface LimelIcon {
         /**
           * Set to `true` to give the icon a round background with some padding. Only works when the `size` attribute is also set.
@@ -3175,6 +3226,7 @@ declare namespace LocalJSX {
         "limel-form": LimelForm;
         "limel-grid": LimelGrid;
         "limel-header": LimelHeader;
+        "limel-helper-line": LimelHelperLine;
         "limel-icon": LimelIcon;
         "limel-icon-button": LimelIconButton;
         "limel-info-tile": LimelInfoTile;
@@ -3231,6 +3283,7 @@ declare module "@stencil/core" {
             "limel-form": LocalJSX.LimelForm & JSXBase.HTMLAttributes<HTMLLimelFormElement>;
             "limel-grid": LocalJSX.LimelGrid & JSXBase.HTMLAttributes<HTMLLimelGridElement>;
             "limel-header": LocalJSX.LimelHeader & JSXBase.HTMLAttributes<HTMLLimelHeaderElement>;
+            "limel-helper-line": LocalJSX.LimelHelperLine & JSXBase.HTMLAttributes<HTMLLimelHelperLineElement>;
             "limel-icon": LocalJSX.LimelIcon & JSXBase.HTMLAttributes<HTMLLimelIconElement>;
             "limel-icon-button": LocalJSX.LimelIconButton & JSXBase.HTMLAttributes<HTMLLimelIconButtonElement>;
             "limel-info-tile": LocalJSX.LimelInfoTile & JSXBase.HTMLAttributes<HTMLLimelInfoTileElement>;

package/dist/types/global/icon-cache.d.ts

@@ -3,7 +3,6 @@ export declare class IconCache {
   private resolveFunctions;
   /**
    * Get icon data from the cache
-   *
    * @param {string} name name of the icon
    * @param {string} path path on the server where the assets are located
    * @returns {string} svg markup

package/dist/types/util/dom.d.ts

@@ -1,6 +1,5 @@
 /**
  * Check if an element is a descendant of another, even if it is located within a shadow root
- *
  * @param {Node} element the element to check
  * @param {Node} parent the parent element
  * @returns {boolean} true if the element is a descendant of the parent element, false otherwise

package/dist/types/util/multiple.d.ts

@@ -1,6 +1,5 @@
 /**
  * Type guard for checking if a value is multiple items or not
- *
  * @param {T | T[]} value the value to check
  * @returns {boolean} true if value is multiple items, false otherwise
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "36.3.1-next.1",
+  "version": "36.3.1",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -44,16 +44,16 @@
     "@popperjs/core": "^2.11.7",
     "@rjsf/core": "^2.4.2",
     "@stencil/core": "^2.19.2",
-    "@stencil/sass": "^3.0.1",
+    "@stencil/sass": "^3.0.2",
     "@types/codemirror": "^5.60.2",
     "@types/html-escaper": "^3.0.0",
     "@types/jest": "^27.4.0",
     "@types/lodash-es": "^4.17.7",
     "@types/puppeteer": "^7.0.4",
-    "@types/react": "^18.2.0",
+    "@types/react": "^18.2.1",
     "@types/tabulator-tables": "^4.9.4",
-    "@typescript-eslint/eslint-plugin": "^5.59.1",
-    "@typescript-eslint/parser": "^5.59.1",
+    "@typescript-eslint/eslint-plugin": "^5.59.2",
+    "@typescript-eslint/parser": "^5.59.2",
     "ajv": "^6.12.6",
     "awesome-debounce-promise": "^2.1.0",
     "codemirror": "^5.65.9",
@@ -62,7 +62,7 @@
     "eslint": "^8.39.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-ban": "^1.6.0",
-    "eslint-plugin-jsdoc": "^41.1.2",
+    "eslint-plugin-jsdoc": "^43.1.1",
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
@@ -79,7 +79,7 @@
     "moment": "^2.29.4",
     "number-abbreviate": "^2.0.0",
     "prettier": "^2.8.8",
-    "puppeteer": "^19.11.1",
+    "puppeteer": "^20.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-shadow-dom-retarget-events": "^1.1.0",