@limetech/lime-elements 36.1.0-next.9 → 36.1.1

package/dist/collection/components/form/form.js

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Prop, Watch, } from '@stencil/core';
+import { h, } from '@stencil/core';
 import React from 'react';
 import { render, unmountComponentAtNode } from 'react-dom';
 import JSONSchemaForm from '@rjsf/core';
@@ -26,15 +26,13 @@ import { mapValues } from 'lodash-es';
  */
 export class Form {
   constructor() {
-    /**
-     * The schema used to render the form
-     */
+    this.isValid = true;
     this.schema = {};
-    /**
-     * Set to `true` to disable the whole form.
-     */
+    this.value = undefined;
     this.disabled = false;
-    this.isValid = true;
+    this.propsFactory = undefined;
+    this.transformErrors = undefined;
+    this.errors = undefined;
     this.handleChange = this.handleChange.bind(this);
     this.getCustomErrorMessages = this.getCustomErrorMessages.bind(this);
   }
@@ -186,161 +184,171 @@ export class Form {
   }
   static get is() { return "limel-form"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["form.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["form.css"]
-  }; }
-  static get properties() { return {
-    "schema": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{\n        id?: string;\n        [key: string]: any;\n    }",
-        "resolved": "{ [key: string]: any; id?: string; }",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The schema used to render the form"
-      },
-      "defaultValue": "{}"
-    },
-    "value": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "object",
-        "resolved": "object",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["form.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["form.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "schema": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{\n        id?: string;\n        [key: string]: any;\n    }",
+          "resolved": "{ [key: string]: any; id?: string; }",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The schema used to render the form"
+        },
+        "defaultValue": "{}"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Value of the form"
-      }
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "value": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "object",
+          "resolved": "object",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Value of the form"
+        }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to `true` to disable the whole form."
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to `true` to disable the whole form."
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "propsFactory": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(schema: Record<string, any>) => Record<string, any>",
-        "resolved": "(schema: Record<string, any>) => Record<string, any>",
-        "references": {
-          "Record": {
-            "location": "global"
+      "propsFactory": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(schema: Record<string, any>) => Record<string, any>",
+          "resolved": "(schema: Record<string, any>) => Record<string, any>",
+          "references": {
+            "Record": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Factory for creating properties for custom form components\n\nWhen using custom components in the form some properties might have to be\nset dynamically. If this factory is set, it will be called with the\ncurrent schema for the field for each custom component in the form. The\nfactory must return an object where each key is the name of the property\nthat should be set, along with its value."
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Factory for creating properties for custom form components\n\nWhen using custom components in the form some properties might have to be\nset dynamically. If this factory is set, it will be called with the\ncurrent schema for the field for each custom component in the form. The\nfactory must return an object where each key is the name of the property\nthat should be set, along with its value."
-      }
-    },
-    "transformErrors": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(errors: FormError[]) => FormError[]",
-        "resolved": "(errors: FormError[]) => FormError[]",
-        "references": {
-          "FormError": {
-            "location": "import",
-            "path": "./form.types"
+      "transformErrors": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(errors: FormError[]) => FormError[]",
+          "resolved": "(errors: FormError[]) => FormError[]",
+          "references": {
+            "FormError": {
+              "location": "import",
+              "path": "./form.types"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Custom function to customize the default error messages"
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Custom function to customize the default error messages"
-      }
-    },
-    "errors": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ValidationError",
-        "resolved": "{ [key: string]: ValidationError | string[]; }",
-        "references": {
-          "ValidationError": {
-            "location": "import",
-            "path": "./form.types"
+      "errors": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ValidationError",
+          "resolved": "{ [key: string]: ValidationError | string[]; }",
+          "references": {
+            "ValidationError": {
+              "location": "import",
+              "path": "./form.types"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Extra errors to display in the form. Typical use case is asynchronous\nerrors generated server side."
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Extra errors to display in the form. Typical use case is asynchronous\nerrors generated server side."
-      }
-    }
-  }; }
-  static get events() { return [{
-      "method": "change",
-      "name": "change",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when a change is made within the form"
-      },
-      "complexType": {
-        "original": "object",
-        "resolved": "object",
-        "references": {}
       }
-    }, {
-      "method": "validate",
-      "name": "validate",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the validity of the form changes, or when\na change is made to an invalid form"
-      },
-      "complexType": {
-        "original": "ValidationStatus",
-        "resolved": "ValidationStatus",
-        "references": {
-          "ValidationStatus": {
-            "location": "import",
-            "path": "./form.types"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "change",
+        "name": "change",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when a change is made within the form"
+        },
+        "complexType": {
+          "original": "object",
+          "resolved": "object",
+          "references": {}
+        }
+      }, {
+        "method": "validate",
+        "name": "validate",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the validity of the form changes, or when\na change is made to an invalid form"
+        },
+        "complexType": {
+          "original": "ValidationStatus",
+          "resolved": "ValidationStatus",
+          "references": {
+            "ValidationStatus": {
+              "location": "import",
+              "path": "./form.types"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "schema",
-      "methodName": "setSchema"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "schema",
+        "methodName": "setSchema"
+      }];
+  }
 }

package/dist/collection/components/form/widgets/code-editor.js

@@ -21,6 +21,8 @@ export class CodeEditor extends React.Component {
         value: value,
         language: 'json',
         lineNumbers: true,
+        fold: true,
+        lint: true,
       },
       events: {
         change: this.handleChange,

package/dist/collection/components/grid/grid.js

@@ -1,4 +1,4 @@
-import { Component, h } from '@stencil/core';
+import { h } from '@stencil/core';
 /**
  * The `limel-grid` component creates a grid which can be used to control the
  * layout of other components. It uses CSS [grid-template-areas](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)
@@ -13,10 +13,14 @@ export class Grid {
   }
   static get is() { return "limel-grid"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["grid.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["grid.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["grid.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["grid.css"]
+    };
+  }
 }

package/dist/collection/components/header/header.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 /**
  * A header is the top most visual element in a component, page, card, or a view.
  *
@@ -45,17 +45,16 @@ import { Component, h, Prop } from '@stencil/core';
  * @slot - Content (actions) to be put inside the far right surface of the header
  */
 export class Header {
+  constructor() {
+    this.icon = undefined;
+    this.heading = undefined;
+    this.subheading = undefined;
+    this.supportingText = undefined;
+  }
   render() {
     return [
-      h("div", { class: "information" },
-        this.renderIcon(),
-        h("div", { class: "headings" },
-          h("h1", { class: "heading", title: this.heading }, this.heading),
-          h("h2", { class: "subheading", title: this.subheading },
-            this.subheading,
-            this.renderSupportingText()))),
-      h("div", { class: "actions" },
-        h("slot", null)),
+      h("div", { class: "information" }, this.renderIcon(), h("div", { class: "headings" }, h("h1", { class: "heading", title: this.heading }, this.heading), h("h2", { class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))),
+      h("div", { class: "actions" }, h("slot", null)),
     ];
   }
   renderIcon() {
@@ -68,87 +67,90 @@ export class Header {
     if (!this.supportingText) {
       return;
     }
-    return (h("span", { class: "information__headings__subheading__supporting-text" },
-      h("span", null, "\u00B7"),
-      " ",
-      this.supportingText));
+    return (h("span", { class: "information__headings__subheading__supporting-text" }, h("span", null, "\u00B7"), " ", this.supportingText));
   }
   static get is() { return "limel-header"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["header.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["header.css"]
-  }; }
-  static get properties() { return {
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon to display"
-      },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Title to display"
-      },
-      "attribute": "heading",
-      "reflect": false
-    },
-    "subheading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Subheading to display"
+  static get originalStyleUrls() {
+    return {
+      "$": ["header.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["header.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon to display"
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "attribute": "subheading",
-      "reflect": false
-    },
-    "supportingText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Title to display"
+        },
+        "attribute": "heading",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "An extra string of text to display along with with the Subheading"
+      "subheading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Subheading to display"
+        },
+        "attribute": "subheading",
+        "reflect": false
       },
-      "attribute": "supporting-text",
-      "reflect": false
-    }
-  }; }
+      "supportingText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "An extra string of text to display along with with the Subheading"
+        },
+        "attribute": "supporting-text",
+        "reflect": false
+      }
+    };
+  }
 }