@paperless/core 0.1.0-alpha.0 → 0.1.0-alpha.10

package/dist/types/components.d.ts

@@ -5,21 +5,81 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { IconVariant } from "./components/icon/icon.component";
-import { IllustrationVariant } from "./components/illustration/illustration.component";
+import { IconFlipOptions, IconVariant } from "./components/atoms/icon/icon.component";
+import { IconFlipOptions as IconFlipOptions1, IconVariant as IconVariant1 } from "./components/atoms/icon/icon.component";
+import { IllustrationVariant } from "./components/atoms/illustration/illustration.component";
+import { Observable } from "rxjs";
 import { Placement } from "@popperjs/core";
 export namespace Components {
+    interface PAvatar {
+        /**
+          * The default image to show on errors
+         */
+        "defaultImage": string;
+        /**
+          * The size of the avatar
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * The image used for the avatar
+         */
+        "src": string;
+        /**
+          * The variant of the avatar
+         */
+        "variant": 'user' | 'company';
+    }
     interface PButton {
+        /**
+          * Wether the button is disabled
+         */
+        "disabled": boolean;
+        /**
+          * Href in case of "text" version
+         */
+        "href": string;
+        /**
+          * Icon to show on the button
+         */
+        "icon": IconVariant;
+        /**
+          * Icon flip
+         */
+        "iconFlip": IconFlipOptions;
+        /**
+          * Icon position
+         */
+        "iconPosition": 'start' | 'end';
+        /**
+          * Icon rotate
+         */
+        "iconRotate": number;
+        /**
+          * Wether to show a loader or not
+         */
+        "loading": boolean;
+        /**
+          * The size of the button
+         */
+        "size": 'small' | 'medium';
+        /**
+          * Target in case of "text" version
+         */
+        "target": string;
         /**
           * The variant of the button
          */
-        "variant": 'primary' | 'secondary';
+        "variant": 'primary' | 'secondary' | 'text';
+    }
+    interface PCounter {
+    }
+    interface PHelper {
     }
     interface PIcon {
         /**
           * Wether to flip the icon horizontally or vertically
          */
-        "flip": 'horizontal' | 'vertical';
+        "flip": IconFlipOptions;
         /**
           * Wether to rotate the icon x degrees
          */
@@ -39,28 +99,98 @@ export namespace Components {
          */
         "variant": IllustrationVariant;
     }
-    interface PTooltip {
+    interface PInfoPanel {
+        /**
+          * Wether the panel can be closed
+         */
+        "closeable": boolean;
         /**
-          * The content of the tooltip
+          * The content of the info panel
          */
-        "content": any;
+        "content": string;
         /**
-          * Wether to force show the tooltip
+          * The header of the info panel
          */
-        "forceShow": boolean;
+        "header": string;
         /**
-          * The content of the tooltip
+          * The variant of the info panel
+         */
+        "variant": 'info' | 'negative' | 'positive' | 'unbiased';
+    }
+    interface PLoader {
+        /**
+          * Color of the loader
+         */
+        "color": 'indigo' | 'white' | 'storm';
+        /**
+          * !NOT IMPLEMENTED! Modal description for modal variant
+         */
+        "modalDescription": string;
+        /**
+          * !NOT IMPLEMENTED! Modal title for modal variant
+         */
+        "modalTitle": string;
+        /**
+          * Wether to show or hide the loader
+         */
+        "show": boolean | Observable<boolean>;
+        /**
+          * Variant of loader
+         */
+        "variant": 'inline' | 'full-width' | 'full-screen' | 'modal';
+    }
+    interface PTooltip {
+        /**
+          * Wether to someone can manually close the popover
+         */
+        "canManuallyClose": boolean;
+        /**
+          * The content of the popover
          */
         "placement": Placement;
+        /**
+          * The content of the popover
+         */
+        "popover": any;
+        /**
+          * Wether to show the popover
+         */
+        "show": boolean;
+        /**
+          * The variant of the popover
+         */
+        "variant": 'hover' | 'click';
     }
 }
+export interface PButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPButtonElement;
+}
 declare global {
+    interface HTMLPAvatarElement extends Components.PAvatar, HTMLStencilElement {
+    }
+    var HTMLPAvatarElement: {
+        prototype: HTMLPAvatarElement;
+        new (): HTMLPAvatarElement;
+    };
     interface HTMLPButtonElement extends Components.PButton, HTMLStencilElement {
     }
     var HTMLPButtonElement: {
         prototype: HTMLPButtonElement;
         new (): HTMLPButtonElement;
     };
+    interface HTMLPCounterElement extends Components.PCounter, HTMLStencilElement {
+    }
+    var HTMLPCounterElement: {
+        prototype: HTMLPCounterElement;
+        new (): HTMLPCounterElement;
+    };
+    interface HTMLPHelperElement extends Components.PHelper, HTMLStencilElement {
+    }
+    var HTMLPHelperElement: {
+        prototype: HTMLPHelperElement;
+        new (): HTMLPHelperElement;
+    };
     interface HTMLPIconElement extends Components.PIcon, HTMLStencilElement {
     }
     var HTMLPIconElement: {
@@ -73,6 +203,18 @@ declare global {
         prototype: HTMLPIllustrationElement;
         new (): HTMLPIllustrationElement;
     };
+    interface HTMLPInfoPanelElement extends Components.PInfoPanel, HTMLStencilElement {
+    }
+    var HTMLPInfoPanelElement: {
+        prototype: HTMLPInfoPanelElement;
+        new (): HTMLPInfoPanelElement;
+    };
+    interface HTMLPLoaderElement extends Components.PLoader, HTMLStencilElement {
+    }
+    var HTMLPLoaderElement: {
+        prototype: HTMLPLoaderElement;
+        new (): HTMLPLoaderElement;
+    };
     interface HTMLPTooltipElement extends Components.PTooltip, HTMLStencilElement {
     }
     var HTMLPTooltipElement: {
@@ -80,24 +222,91 @@ declare global {
         new (): HTMLPTooltipElement;
     };
     interface HTMLElementTagNameMap {
+        "p-avatar": HTMLPAvatarElement;
         "p-button": HTMLPButtonElement;
+        "p-counter": HTMLPCounterElement;
+        "p-helper": HTMLPHelperElement;
         "p-icon": HTMLPIconElement;
         "p-illustration": HTMLPIllustrationElement;
+        "p-info-panel": HTMLPInfoPanelElement;
+        "p-loader": HTMLPLoaderElement;
         "p-tooltip": HTMLPTooltipElement;
     }
 }
 declare namespace LocalJSX {
+    interface PAvatar {
+        /**
+          * The default image to show on errors
+         */
+        "defaultImage"?: string;
+        /**
+          * The size of the avatar
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * The image used for the avatar
+         */
+        "src": string;
+        /**
+          * The variant of the avatar
+         */
+        "variant"?: 'user' | 'company';
+    }
     interface PButton {
+        /**
+          * Wether the button is disabled
+         */
+        "disabled"?: boolean;
+        /**
+          * Href in case of "text" version
+         */
+        "href"?: string;
+        /**
+          * Icon to show on the button
+         */
+        "icon"?: IconVariant;
+        /**
+          * Icon flip
+         */
+        "iconFlip"?: IconFlipOptions;
+        /**
+          * Icon position
+         */
+        "iconPosition"?: 'start' | 'end';
+        /**
+          * Icon rotate
+         */
+        "iconRotate"?: number;
+        /**
+          * Wether to show a loader or not
+         */
+        "loading"?: boolean;
+        /**
+          * Button click event
+         */
+        "onOnClick"?: (event: PButtonCustomEvent<MouseEvent>) => void;
+        /**
+          * The size of the button
+         */
+        "size"?: 'small' | 'medium';
+        /**
+          * Target in case of "text" version
+         */
+        "target"?: string;
         /**
           * The variant of the button
          */
-        "variant"?: 'primary' | 'secondary';
+        "variant"?: 'primary' | 'secondary' | 'text';
+    }
+    interface PCounter {
+    }
+    interface PHelper {
     }
     interface PIcon {
         /**
           * Wether to flip the icon horizontally or vertically
          */
-        "flip"?: 'horizontal' | 'vertical';
+        "flip"?: IconFlipOptions;
         /**
           * Wether to rotate the icon x degrees
          */
@@ -109,32 +318,85 @@ declare namespace LocalJSX {
         /**
           * The icon the be displayed
          */
-        "variant"?: IconVariant;
+        "variant": IconVariant;
     }
     interface PIllustration {
         /**
           * The icon the be displayed
          */
-        "variant"?: IllustrationVariant;
+        "variant": IllustrationVariant;
     }
-    interface PTooltip {
+    interface PInfoPanel {
+        /**
+          * Wether the panel can be closed
+         */
+        "closeable"?: boolean;
         /**
-          * The content of the tooltip
+          * The content of the info panel
          */
-        "content"?: any;
+        "content"?: string;
         /**
-          * Wether to force show the tooltip
+          * The header of the info panel
          */
-        "forceShow"?: boolean;
+        "header"?: string;
         /**
-          * The content of the tooltip
+          * The variant of the info panel
+         */
+        "variant"?: 'info' | 'negative' | 'positive' | 'unbiased';
+    }
+    interface PLoader {
+        /**
+          * Color of the loader
+         */
+        "color"?: 'indigo' | 'white' | 'storm';
+        /**
+          * !NOT IMPLEMENTED! Modal description for modal variant
+         */
+        "modalDescription"?: string;
+        /**
+          * !NOT IMPLEMENTED! Modal title for modal variant
+         */
+        "modalTitle"?: string;
+        /**
+          * Wether to show or hide the loader
+         */
+        "show"?: boolean | Observable<boolean>;
+        /**
+          * Variant of loader
+         */
+        "variant"?: 'inline' | 'full-width' | 'full-screen' | 'modal';
+    }
+    interface PTooltip {
+        /**
+          * Wether to someone can manually close the popover
+         */
+        "canManuallyClose"?: boolean;
+        /**
+          * The content of the popover
          */
         "placement"?: Placement;
+        /**
+          * The content of the popover
+         */
+        "popover"?: any;
+        /**
+          * Wether to show the popover
+         */
+        "show"?: boolean;
+        /**
+          * The variant of the popover
+         */
+        "variant"?: 'hover' | 'click';
     }
     interface IntrinsicElements {
+        "p-avatar": PAvatar;
         "p-button": PButton;
+        "p-counter": PCounter;
+        "p-helper": PHelper;
         "p-icon": PIcon;
         "p-illustration": PIllustration;
+        "p-info-panel": PInfoPanel;
+        "p-loader": PLoader;
         "p-tooltip": PTooltip;
     }
 }
@@ -142,9 +404,14 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "p-avatar": LocalJSX.PAvatar & JSXBase.HTMLAttributes<HTMLPAvatarElement>;
             "p-button": LocalJSX.PButton & JSXBase.HTMLAttributes<HTMLPButtonElement>;
+            "p-counter": LocalJSX.PCounter & JSXBase.HTMLAttributes<HTMLPCounterElement>;
+            "p-helper": LocalJSX.PHelper & JSXBase.HTMLAttributes<HTMLPHelperElement>;
             "p-icon": LocalJSX.PIcon & JSXBase.HTMLAttributes<HTMLPIconElement>;
             "p-illustration": LocalJSX.PIllustration & JSXBase.HTMLAttributes<HTMLPIllustrationElement>;
+            "p-info-panel": LocalJSX.PInfoPanel & JSXBase.HTMLAttributes<HTMLPInfoPanelElement>;
+            "p-loader": LocalJSX.PLoader & JSXBase.HTMLAttributes<HTMLPLoaderElement>;
             "p-tooltip": LocalJSX.PTooltip & JSXBase.HTMLAttributes<HTMLPTooltipElement>;
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paperless/core",
-  "version": "0.1.0-alpha.0",
+  "version": "0.1.0-alpha.10",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -38,7 +38,8 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.5",
-    "@stencil/core": "^2.13.0"
+    "@stencil/core": "^2.13.0",
+    "rxjs": "^7.5.5"
   },
   "devDependencies": {
     "@stencil/angular-output-target": "^0.4.0",