@amiceli/papierjs 0.5.0 → 0.7.0

package/dist/types/components.d.ts

@@ -5,6 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { PushOptions } from "./components/notification/p-notification-handler/p-notification-handler";
+export { PushOptions } from "./components/notification/p-notification-handler/p-notification-handler";
 export namespace Components {
     interface PAccordion {
         "open": boolean;
@@ -78,6 +80,17 @@ export namespace Components {
     interface PModalPreview {
         "title"?: boolean;
     }
+    interface PNotification {
+        "canclose": boolean;
+        "text": string;
+        "timestamp": string;
+        "type"?: string;
+    }
+    interface PNotificationHandler {
+        "pushNotification": (options: PushOptions) => Promise<void>;
+    }
+    interface PNotificationPreview {
+    }
     interface PProgressBar {
         "dark"?: boolean;
         "striped"?: boolean;
@@ -112,6 +125,14 @@ export namespace Components {
         "dark"?: boolean;
         "uncheckedBackground"?: TileBackground;
     }
+    interface PTab {
+        "dark"?: boolean;
+        "selected"?: boolean;
+        "title": string;
+    }
+    interface PTabs {
+        "dark"?: boolean;
+    }
     interface PTooltip {
         "bottom"?: boolean;
         "disabled"?: boolean;
@@ -141,6 +162,10 @@ export interface PModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPModalElement;
 }
+export interface PNotificationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPNotificationElement;
+}
 export interface PSliderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPSliderElement;
@@ -287,6 +312,35 @@ declare global {
         prototype: HTMLPModalPreviewElement;
         new (): HTMLPModalPreviewElement;
     };
+    interface HTMLPNotificationElementEventMap {
+        "close": string;
+    }
+    interface HTMLPNotificationElement extends Components.PNotification, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPNotificationElementEventMap>(type: K, listener: (this: HTMLPNotificationElement, ev: PNotificationCustomEvent<HTMLPNotificationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPNotificationElementEventMap>(type: K, listener: (this: HTMLPNotificationElement, ev: PNotificationCustomEvent<HTMLPNotificationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLPNotificationElement: {
+        prototype: HTMLPNotificationElement;
+        new (): HTMLPNotificationElement;
+    };
+    interface HTMLPNotificationHandlerElement extends Components.PNotificationHandler, HTMLStencilElement {
+    }
+    var HTMLPNotificationHandlerElement: {
+        prototype: HTMLPNotificationHandlerElement;
+        new (): HTMLPNotificationHandlerElement;
+    };
+    interface HTMLPNotificationPreviewElement extends Components.PNotificationPreview, HTMLStencilElement {
+    }
+    var HTMLPNotificationPreviewElement: {
+        prototype: HTMLPNotificationPreviewElement;
+        new (): HTMLPNotificationPreviewElement;
+    };
     interface HTMLPProgressBarElement extends Components.PProgressBar, HTMLStencilElement {
     }
     var HTMLPProgressBarElement: {
@@ -344,6 +398,18 @@ declare global {
         prototype: HTMLPSwitchTileElement;
         new (): HTMLPSwitchTileElement;
     };
+    interface HTMLPTabElement extends Components.PTab, HTMLStencilElement {
+    }
+    var HTMLPTabElement: {
+        prototype: HTMLPTabElement;
+        new (): HTMLPTabElement;
+    };
+    interface HTMLPTabsElement extends Components.PTabs, HTMLStencilElement {
+    }
+    var HTMLPTabsElement: {
+        prototype: HTMLPTabsElement;
+        new (): HTMLPTabsElement;
+    };
     interface HTMLPTooltipElement extends Components.PTooltip, HTMLStencilElement {
     }
     var HTMLPTooltipElement: {
@@ -364,10 +430,15 @@ declare global {
         "p-leaf": HTMLPLeafElement;
         "p-modal": HTMLPModalElement;
         "p-modal-preview": HTMLPModalPreviewElement;
+        "p-notification": HTMLPNotificationElement;
+        "p-notification-handler": HTMLPNotificationHandlerElement;
+        "p-notification-preview": HTMLPNotificationPreviewElement;
         "p-progress-bar": HTMLPProgressBarElement;
         "p-slider": HTMLPSliderElement;
         "p-switch": HTMLPSwitchElement;
         "p-switch-tile": HTMLPSwitchTileElement;
+        "p-tab": HTMLPTabElement;
+        "p-tabs": HTMLPTabsElement;
         "p-tooltip": HTMLPTooltipElement;
     }
 }
@@ -447,6 +518,17 @@ declare namespace LocalJSX {
     interface PModalPreview {
         "title"?: boolean;
     }
+    interface PNotification {
+        "canclose"?: boolean;
+        "onClose"?: (event: PNotificationCustomEvent<string>) => void;
+        "text"?: string;
+        "timestamp"?: string;
+        "type"?: string;
+    }
+    interface PNotificationHandler {
+    }
+    interface PNotificationPreview {
+    }
     interface PProgressBar {
         "dark"?: boolean;
         "striped"?: boolean;
@@ -484,6 +566,14 @@ declare namespace LocalJSX {
         "onChange"?: (event: PSwitchTileCustomEvent<boolean>) => void;
         "uncheckedBackground"?: TileBackground;
     }
+    interface PTab {
+        "dark"?: boolean;
+        "selected"?: boolean;
+        "title"?: string;
+    }
+    interface PTabs {
+        "dark"?: boolean;
+    }
     interface PTooltip {
         "bottom"?: boolean;
         "disabled"?: boolean;
@@ -506,10 +596,15 @@ declare namespace LocalJSX {
         "p-leaf": PLeaf;
         "p-modal": PModal;
         "p-modal-preview": PModalPreview;
+        "p-notification": PNotification;
+        "p-notification-handler": PNotificationHandler;
+        "p-notification-preview": PNotificationPreview;
         "p-progress-bar": PProgressBar;
         "p-slider": PSlider;
         "p-switch": PSwitch;
         "p-switch-tile": PSwitchTile;
+        "p-tab": PTab;
+        "p-tabs": PTabs;
         "p-tooltip": PTooltip;
     }
 }
@@ -530,10 +625,15 @@ declare module "@stencil/core" {
             "p-leaf": LocalJSX.PLeaf & JSXBase.HTMLAttributes<HTMLPLeafElement>;
             "p-modal": LocalJSX.PModal & JSXBase.HTMLAttributes<HTMLPModalElement>;
             "p-modal-preview": LocalJSX.PModalPreview & JSXBase.HTMLAttributes<HTMLPModalPreviewElement>;
+            "p-notification": LocalJSX.PNotification & JSXBase.HTMLAttributes<HTMLPNotificationElement>;
+            "p-notification-handler": LocalJSX.PNotificationHandler & JSXBase.HTMLAttributes<HTMLPNotificationHandlerElement>;
+            "p-notification-preview": LocalJSX.PNotificationPreview & JSXBase.HTMLAttributes<HTMLPNotificationPreviewElement>;
             "p-progress-bar": LocalJSX.PProgressBar & JSXBase.HTMLAttributes<HTMLPProgressBarElement>;
             "p-slider": LocalJSX.PSlider & JSXBase.HTMLAttributes<HTMLPSliderElement>;
             "p-switch": LocalJSX.PSwitch & JSXBase.HTMLAttributes<HTMLPSwitchElement>;
             "p-switch-tile": LocalJSX.PSwitchTile & JSXBase.HTMLAttributes<HTMLPSwitchTileElement>;
+            "p-tab": LocalJSX.PTab & JSXBase.HTMLAttributes<HTMLPTabElement>;
+            "p-tabs": LocalJSX.PTabs & JSXBase.HTMLAttributes<HTMLPTabsElement>;
             "p-tooltip": LocalJSX.PTooltip & JSXBase.HTMLAttributes<HTMLPTooltipElement>;
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amiceli/papierjs",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Papercss web components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/readme.md

@@ -23,16 +23,16 @@ Available components:
 - [X] Modals
 - [X] Switch / Switch Tile
 - [ ] NavBar
-- [ ] Tabs
+- [X] Tabs
 - [X] Popover as tooltip
 
 Component features :
-- [X] dropdown since `v0.1.0`
+- [X] dropdown since
 - [X] `p-leaf` allow to use papercss style anywhere
-- [ ] notification
+- [X] notification
 - [ ] spinner
 - [ ] password
-- [X] accordion since `v0.4.0`
+- [X] accordion
 
 ## Using papercss