@limetech/lime-elements 36.3.0-next.15 → 36.3.0-next.16

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

@@ -11,6 +11,7 @@ import { FormError, ValidationError, ValidationStatus } from './form.types';
  * @exampleComponent limel-example-form-span-fields
  * @exampleComponent limel-example-custom-error-message
  * @exampleComponent limel-example-server-errors
+ * @exampleComponent limel-example-form-row-layout
  */
 export declare class Form {
   /**

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

@@ -181,6 +181,13 @@ export interface GridLayoutOptions extends FormLayoutOptions<FormLayoutType.Grid
    */
   dense?: boolean;
 }
+export interface RowLayoutOptions extends FormLayoutOptions<FormLayoutType.Row> {
+  /**
+   * When specified on a field, the chosen icon will be displayed
+   * on the left side of the row, beside the title.
+   */
+  icon?: string;
+}
 export declare enum FormLayoutType {
   /**
    * The default layout
@@ -189,5 +196,13 @@ export declare enum FormLayoutType {
   /**
    * Render the form fields using a responsive grid layout
    */
-  Grid = "grid"
+  Grid = "grid",
+  /**
+   * Render the form fields in full-width rows.
+   * Each row can have a leading `icon`, and a field.
+   * `title` and `description` provided by the schema will be placed
+   * on the row itself, and not on the field.
+   * This layout is good for creating UIs for user settings pages.
+   */
+  Row = "row"
 }

package/dist/types/components/form/row/row.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { RowProps } from '../templates/types';
+export declare class Row extends React.Component<RowProps> {
+  props: RowProps;
+  constructor(props: RowProps);
+  render(): React.DetailedReactHTMLElement<{
+    className: string;
+  }, HTMLElement>;
+  private renderIcon;
+  private renderMainInformation;
+  private renderTitle;
+  private renderDescription;
+  private renderChildren;
+  private get schema();
+  private get icon();
+}

package/dist/types/components/form/templates/row-layout.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { RowProps } from './types';
+export declare class RowLayout extends React.Component<RowProps> {
+  props: RowProps;
+  private elementRef;
+  constructor(props: RowProps);
+  render(): React.DetailedReactHTMLElement<{
+    className: string;
+    ref: React.RefObject<HTMLElement>;
+  }, HTMLElement>;
+}

package/dist/types/components/form/templates/types.d.ts

@@ -10,3 +10,6 @@ export interface LimeObjectFieldTemplateProps extends ObjectFieldTemplateProps {
 export interface Runnable {
   run: (event: any) => void;
 }
+export interface RowProps {
+  children?: any;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "36.3.0-next.15",
+  "version": "36.3.0-next.16",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -40,7 +40,7 @@
     "generate": "stencil generate"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^17.4.0",
+    "@commitlint/config-conventional": "^17.4.2",
     "@popperjs/core": "^2.11.6",
     "@rjsf/core": "^2.4.2",
     "@stencil/core": "^2.19.2",
@@ -52,7 +52,7 @@
     "@types/puppeteer": "^7.0.4",
     "@types/react": "^18.0.27",
     "@types/tabulator-tables": "^4.9.4",
-    "@typescript-eslint/eslint-plugin": "^5.48.2",
+    "@typescript-eslint/eslint-plugin": "^5.51.0",
     "@typescript-eslint/parser": "^5.48.2",
     "ajv": "^6.12.6",
     "awesome-debounce-promise": "^2.1.0",
@@ -67,7 +67,7 @@
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-sonarjs": "^0.16.0",
+    "eslint-plugin-sonarjs": "^0.18.0",
     "flatpickr": "^4.6.13",
     "html-escaper": "^3.0.3",
     "jest": "^26.6.3",
@@ -80,7 +80,7 @@
     "moment": "^2.29.4",
     "number-abbreviate": "^2.0.0",
     "prettier": "^2.8.3",
-    "puppeteer": "^19.6.2",
+    "puppeteer": "^19.6.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-shadow-dom-retarget-events": "^1.1.0",