@pod-os/elements 0.12.1-24fd45f.0 → 0.12.1-3fa6e4c.0

package/dist/types/components/pos-new-thing-form/pos-new-thing-form.d.ts

@@ -0,0 +1,20 @@
+import { PodOS } from '@pod-os/core';
+import { EventEmitter } from '../../stencil-public-runtime';
+import { PodOsAware, PodOsEventEmitter } from '../events/PodOsAware';
+export declare class PosNewThingForm implements PodOsAware {
+  referenceUri: string;
+  os: PodOS;
+  newUri: string;
+  name: string;
+  selectedTypeUri: string;
+  canSubmit: boolean;
+  linkEmitter: EventEmitter;
+  validate(): void;
+  componentWillLoad(): void;
+  receivePodOs: (os: PodOS) => Promise<void>;
+  subscribePodOs: PodOsEventEmitter;
+  render(): any;
+  handleChange(event: any): void;
+  onTermSelected(event: any): void;
+  handleSubmit(event: any): Promise<void>;
+}

package/dist/types/components.d.ts

@@ -9,6 +9,7 @@ export namespace Components {
     interface PosAddLiteralValue {
     }
     interface PosAddNewThing {
+        "referenceUri": string;
     }
     interface PosApp {
     }
@@ -49,6 +50,9 @@ export namespace Components {
     interface PosNavigationBar {
         "uri": string;
     }
+    interface PosNewThingForm {
+        "referenceUri": string;
+    }
     interface PosPicture {
     }
     interface PosRelations {
@@ -129,6 +133,10 @@ export interface PosNavigationBarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPosNavigationBarElement;
 }
+export interface PosNewThingFormCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPosNewThingFormElement;
+}
 export interface PosPictureCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPosPictureElement;
@@ -284,6 +292,12 @@ declare global {
         prototype: HTMLPosNavigationBarElement;
         new (): HTMLPosNavigationBarElement;
     };
+    interface HTMLPosNewThingFormElement extends Components.PosNewThingForm, HTMLStencilElement {
+    }
+    var HTMLPosNewThingFormElement: {
+        prototype: HTMLPosNewThingFormElement;
+        new (): HTMLPosNewThingFormElement;
+    };
     interface HTMLPosPictureElement extends Components.PosPicture, HTMLStencilElement {
     }
     var HTMLPosPictureElement: {
@@ -370,6 +384,7 @@ declare global {
         "pos-literals": HTMLPosLiteralsElement;
         "pos-login": HTMLPosLoginElement;
         "pos-navigation-bar": HTMLPosNavigationBarElement;
+        "pos-new-thing-form": HTMLPosNewThingFormElement;
         "pos-picture": HTMLPosPictureElement;
         "pos-relations": HTMLPosRelationsElement;
         "pos-resource": HTMLPosResourceElement;
@@ -397,6 +412,7 @@ declare namespace LocalJSX {
         "onPod-os:resource"?: (event: PosAddLiteralValueCustomEvent<any>) => void;
     }
     interface PosAddNewThing {
+        "referenceUri": string;
     }
     interface PosApp {
     }
@@ -457,6 +473,11 @@ declare namespace LocalJSX {
         "onPod-os:link"?: (event: PosNavigationBarCustomEvent<any>) => void;
         "uri"?: string;
     }
+    interface PosNewThingForm {
+        "onPod-os:init"?: (event: PosNewThingFormCustomEvent<any>) => void;
+        "onPod-os:link"?: (event: PosNewThingFormCustomEvent<any>) => void;
+        "referenceUri": string;
+    }
     interface PosPicture {
         "onPod-os:resource"?: (event: PosPictureCustomEvent<any>) => void;
     }
@@ -525,6 +546,7 @@ declare namespace LocalJSX {
         "pos-literals": PosLiterals;
         "pos-login": PosLogin;
         "pos-navigation-bar": PosNavigationBar;
+        "pos-new-thing-form": PosNewThingForm;
         "pos-picture": PosPicture;
         "pos-relations": PosRelations;
         "pos-resource": PosResource;
@@ -561,6 +583,7 @@ declare module "@stencil/core" {
             "pos-literals": LocalJSX.PosLiterals & JSXBase.HTMLAttributes<HTMLPosLiteralsElement>;
             "pos-login": LocalJSX.PosLogin & JSXBase.HTMLAttributes<HTMLPosLoginElement>;
             "pos-navigation-bar": LocalJSX.PosNavigationBar & JSXBase.HTMLAttributes<HTMLPosNavigationBarElement>;
+            "pos-new-thing-form": LocalJSX.PosNewThingForm & JSXBase.HTMLAttributes<HTMLPosNewThingFormElement>;
             "pos-picture": LocalJSX.PosPicture & JSXBase.HTMLAttributes<HTMLPosPictureElement>;
             "pos-relations": LocalJSX.PosRelations & JSXBase.HTMLAttributes<HTMLPosRelationsElement>;
             "pos-resource": LocalJSX.PosResource & JSXBase.HTMLAttributes<HTMLPosResourceElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pod-os/elements",
-  "version": "0.12.1-24fd45f.0",
+  "version": "0.12.1-3fa6e4c.0",
   "description": "Custom elements for usage with Solid Pods",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -29,7 +29,7 @@
     "stencil-router-v2": "^0.6.0"
   },
   "devDependencies": {
-    "@testing-library/dom": "^8.20.0",
+    "@testing-library/dom": "^9.3.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@types/jest": "^26.0.24",
     "jest": "^26.6.3",

package/dist/cjs/pos-add-new-thing.cjs.entry.js

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-db5db51f.js');
-
-const posAddNewThingCss = ":host{display:block}";
-
-const PosAddNewThing = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  openDialog() {
-    this.dialog.showModal();
-  }
-  closeDialog() {
-    this.dialog.close();
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("button", { title: "Add a new thing", onClick: () => this.openDialog() }, index.h("ion-icon", { name: "add-circle-outline" })), index.h("dialog", { ref: el => (this.dialog = el) }, index.h("button", { title: "Close", onClick: () => this.closeDialog() }, index.h("ion-icon", { name: "close-outline" })))));
-  }
-};
-PosAddNewThing.style = posAddNewThingCss;
-
-exports.pos_add_new_thing = PosAddNewThing;

package/dist/elements/p-b6aae9ef.entry.js

@@ -1 +0,0 @@
-import{r as o,h as t,H as i}from"./p-297c1d4a.js";const n=class{constructor(t){o(this,t)}openDialog(){this.dialog.showModal()}closeDialog(){this.dialog.close()}render(){return t(i,null,t("button",{title:"Add a new thing",onClick:()=>this.openDialog()},t("ion-icon",{name:"add-circle-outline"})),t("dialog",{ref:o=>this.dialog=o},t("button",{title:"Close",onClick:()=>this.closeDialog()},t("ion-icon",{name:"close-outline"}))))}};n.style=":host{display:block}";export{n as pos_add_new_thing}

package/dist/esm/pos-add-new-thing.entry.js

@@ -1,21 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-33ece0f3.js';
-
-const posAddNewThingCss = ":host{display:block}";
-
-const PosAddNewThing = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  openDialog() {
-    this.dialog.showModal();
-  }
-  closeDialog() {
-    this.dialog.close();
-  }
-  render() {
-    return (h(Host, null, h("button", { title: "Add a new thing", onClick: () => this.openDialog() }, h("ion-icon", { name: "add-circle-outline" })), h("dialog", { ref: el => (this.dialog = el) }, h("button", { title: "Close", onClick: () => this.closeDialog() }, h("ion-icon", { name: "close-outline" })))));
-  }
-};
-PosAddNewThing.style = posAddNewThingCss;
-
-export { PosAddNewThing as pos_add_new_thing };