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

package/dist/types/components/atoms/tooltip/tooltip.component.d.ts

@@ -0,0 +1,40 @@
+import { Placement } from '@popperjs/core';
+export declare class Tooltip {
+  /**
+   * The variant of the popover
+   */
+  variant: 'hover' | 'click';
+  /**
+   * The content of the popover
+   */
+  popover: any;
+  /**
+   * The content of the popover
+   */
+  placement: Placement;
+  /**
+   * Wether to show the popover
+   */
+  show: boolean;
+  /**
+   * Wether to someone can manually close the popover
+   */
+  canManuallyClose: boolean;
+  /**
+   * The host element
+   */
+  private _el;
+  private _loaded;
+  private _popper;
+  private _popover;
+  componentShouldUpdate(): void;
+  render(): any;
+  protected clickHandler(): void;
+  protected documentClickHandler(): void;
+  protected mouseEnterHandler(): void;
+  protected mouseLeaveHandler(): void;
+  private _show;
+  private _hide;
+  private _load;
+  private _setOptions;
+}

package/dist/types/components/molecules/pagination/pagination.component.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+export declare type SetItem = {
+  type: string;
+  value?: number | Element | JSX.Element | string;
+};
+export declare class Pagination {
+  /**
+   * The current page
+   */
+  value: number;
+  /**
+   * The amount of items per page
+   */
+  pageSize: number;
+  /**
+   * The total amount of items
+   */
+  total: number;
+  private _pages;
+  private _set;
+  componentWillRender(): void;
+  render(): any;
+  protected pageChangeHandler(): void;
+  private _generate;
+  private _changePage;
+  private _previousClick;
+  private _nextClick;
+  private _pageClick;
+  private _generatePages;
+  private _generateSet;
+}

package/dist/types/components.d.ts

@@ -5,21 +5,83 @@
  * 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 PDivider {
+    }
+    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 +101,124 @@ 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 PPagination {
+        /**
+          * The amount of items per page
+         */
+        "pageSize": number;
+        /**
+          * The total amount of items
+         */
+        "total": number;
+        /**
+          * The current page
+         */
+        "value": number;
+    }
+    interface PPaginationItem {
+        /**
+          * Wether the pagination item is active
+         */
+        "active": boolean;
+    }
+    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 HTMLPDividerElement extends Components.PDivider, HTMLStencilElement {
+    }
+    var HTMLPDividerElement: {
+        prototype: HTMLPDividerElement;
+        new (): HTMLPDividerElement;
+    };
+    interface HTMLPHelperElement extends Components.PHelper, HTMLStencilElement {
+    }
+    var HTMLPHelperElement: {
+        prototype: HTMLPHelperElement;
+        new (): HTMLPHelperElement;
+    };
     interface HTMLPIconElement extends Components.PIcon, HTMLStencilElement {
     }
     var HTMLPIconElement: {
@@ -73,6 +231,30 @@ 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 HTMLPPaginationElement extends Components.PPagination, HTMLStencilElement {
+    }
+    var HTMLPPaginationElement: {
+        prototype: HTMLPPaginationElement;
+        new (): HTMLPPaginationElement;
+    };
+    interface HTMLPPaginationItemElement extends Components.PPaginationItem, HTMLStencilElement {
+    }
+    var HTMLPPaginationItemElement: {
+        prototype: HTMLPPaginationItemElement;
+        new (): HTMLPPaginationItemElement;
+    };
     interface HTMLPTooltipElement extends Components.PTooltip, HTMLStencilElement {
     }
     var HTMLPTooltipElement: {
@@ -80,24 +262,96 @@ declare global {
         new (): HTMLPTooltipElement;
     };
     interface HTMLElementTagNameMap {
+        "p-avatar": HTMLPAvatarElement;
         "p-button": HTMLPButtonElement;
+        "p-counter": HTMLPCounterElement;
+        "p-divider": HTMLPDividerElement;
+        "p-helper": HTMLPHelperElement;
         "p-icon": HTMLPIconElement;
         "p-illustration": HTMLPIllustrationElement;
+        "p-info-panel": HTMLPInfoPanelElement;
+        "p-loader": HTMLPLoaderElement;
+        "p-pagination": HTMLPPaginationElement;
+        "p-pagination-item": HTMLPPaginationItemElement;
         "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 PDivider {
+    }
+    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 +363,108 @@ 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 info panel
+         */
+        "content"?: string;
+        /**
+          * The header of the info panel
+         */
+        "header"?: string;
+        /**
+          * 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 PPagination {
+        /**
+          * The amount of items per page
+         */
+        "pageSize"?: number;
         /**
-          * The content of the tooltip
+          * The total amount of items
          */
-        "content"?: any;
+        "total": number;
         /**
-          * Wether to force show the tooltip
+          * The current page
          */
-        "forceShow"?: boolean;
+        "value"?: number;
+    }
+    interface PPaginationItem {
         /**
-          * The content of the tooltip
+          * Wether the pagination item is active
+         */
+        "active"?: boolean;
+    }
+    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-divider": PDivider;
+        "p-helper": PHelper;
         "p-icon": PIcon;
         "p-illustration": PIllustration;
+        "p-info-panel": PInfoPanel;
+        "p-loader": PLoader;
+        "p-pagination": PPagination;
+        "p-pagination-item": PPaginationItem;
         "p-tooltip": PTooltip;
     }
 }
@@ -142,9 +472,17 @@ 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-divider": LocalJSX.PDivider & JSXBase.HTMLAttributes<HTMLPDividerElement>;
+            "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-pagination": LocalJSX.PPagination & JSXBase.HTMLAttributes<HTMLPPaginationElement>;
+            "p-pagination-item": LocalJSX.PPaginationItem & JSXBase.HTMLAttributes<HTMLPPaginationItemElement>;
             "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.13",
   "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",