atoms-element

A simple web component library for defining your custom elements. It works on both client and server.

4936b722 — Peter John

v2.2.1

Files changed (4) hide show

element.d.ts CHANGED Viewed

@@ -31,10 +31,10 @@ export const getLocation = () => Location;
 export type CreateElementProps = {
   name: () => string;
-  attrTypes: () => {[key: string]: any};
+  attrTypes?: () => {[key: string]: any};
-  stateTypes: () => {[key: string]: any};
+  stateTypes?: () => {[key: string]: any};
-  computedTypes: () => {[key: string]: any};
+  computedTypes?: () => {[key: string]: any};
-  styles: {[key: string]: any};
+  styles?: {[key: string]: any};
   render:  () => any
 }

element.js CHANGED Viewed

@@ -429,13 +429,13 @@ export const createElement = ({ name, attrTypes, stateTypes, computedTypes, styl
   const Element = class extends AtomsElement {
     static name = name();
-    static attrTypes = attrTypes();
+    static attrTypes = attrTypes ? attrTypes() : {};
-    static stateTypes = stateTypes();
+    static stateTypes = stateTypes ? stateTypes() : {};
-    static computedTypes = computedTypes();
+    static computedTypes = computedTypes ? computedTypes() : {};
-    static styles = styles;
+    static styles = styles ? styles : css({});
     constructor(ssrAttributes) {
       super(ssrAttributes);

package-lock.json CHANGED Viewed

@@ -1,11 +1,11 @@
 {
   "name": "atoms-element",
-  "version": "2.1.0",
+  "version": "2.2.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "version": "2.1.0",
+      "version": "2.2.1",
       "license": "MIT",
       "dependencies": {
         "parse5": "^6.0.1"

package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "atoms-element",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "A simple web component library for defining your custom elements. It works on both client and server. It supports hooks and follows the same principles of react.",
   "keywords": [
     "pyros.sh",