@paperless/core 0.1.0-alpha.3 → 0.1.0-alpha.33

package/dist/types/components.d.ts

@@ -11,7 +11,29 @@ import { IllustrationVariant } from "./components/atoms/illustration/illustratio
 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 to show a chevron or not
+         */
+        "chevron": boolean | 'up' | 'down';
         /**
           * Wether the button is disabled
          */
@@ -53,6 +75,38 @@ export namespace Components {
          */
         "variant": 'primary' | 'secondary' | 'text';
     }
+    interface PCounter {
+    }
+    interface PDivider {
+    }
+    interface PDropdown {
+        /**
+          * Wether to automatically close the dropdown menu after clicking inside
+         */
+        "disableTriggerClick": boolean;
+        /**
+          * Wether to automatically close the dropdown menu after clicking inside
+         */
+        "insideClick": boolean;
+        /**
+          * The content of the dropdown menu
+         */
+        "placement": 'bottom' | 'top';
+        /**
+          * Wether to show the dropdown menu
+         */
+        "show": boolean;
+    }
+    interface PDropdownMenuContainer {
+    }
+    interface PDropdownMenuItem {
+        /**
+          * Wether the dropdown menu item is active
+         */
+        "active": boolean;
+    }
+    interface PHelper {
+    }
     interface PIcon {
         /**
           * Wether to flip the icon horizontally or vertically
@@ -77,6 +131,24 @@ export namespace Components {
          */
         "variant": IllustrationVariant;
     }
+    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
@@ -99,32 +171,170 @@ export namespace Components {
          */
         "variant": 'inline' | 'full-width' | 'full-screen' | 'modal';
     }
-    interface PTooltip {
+    interface PNavigationItem {
+        /**
+          * Wether the navigation item is active
+         */
+        "active": boolean;
+        /**
+          * Icon of the navigation item
+         */
+        "counter": number | string;
+        /**
+          * The href of the navigation item
+         */
+        "href": string;
+        /**
+          * Icon of the navigation item
+         */
+        "icon": IconVariant;
+        /**
+          * The target of the navigation item
+         */
+        "target": string;
+    }
+    interface PPagination {
+        /**
+          * The current page
+         */
+        "page": number;
         /**
-          * The content of the tooltip
+          * The amount of items per page
          */
-        "content": any;
+        "pageSize": number;
         /**
-          * Wether to force show the tooltip
+          * The total amount of items
          */
-        "forceShow": boolean;
+        "total": number;
+    }
+    interface PPaginationItem {
         /**
-          * The content of the tooltip
+          * Wether the pagination item is active
+         */
+        "active": boolean;
+    }
+    interface PSegmentContainer {
+    }
+    interface PSegmentItem {
+        /**
+          * Wether the segment item is active
+         */
+        "active": boolean;
+        /**
+          * Icon to show on the segment item
+         */
+        "icon": IconVariant;
+        /**
+          * Icon flip
+         */
+        "iconFlip": IconFlipOptions;
+        /**
+          * Icon rotate
+         */
+        "iconRotate": number;
+    }
+    interface PStatus {
+        /**
+          * Icon to show on the status
+         */
+        "icon": IconVariant;
+        /**
+          * Icon flip
+         */
+        "iconFlip": IconFlipOptions;
+        /**
+          * Icon rotate
+         */
+        "iconRotate": number;
+        /**
+          * The variant of the status
+         */
+        "variant": 'default' | 'positive' | 'unbiased' | 'negative';
+    }
+    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' | 'error';
     }
 }
 export interface PButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPButtonElement;
 }
+export interface PDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPDropdownElement;
+}
+export interface PPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPPaginationElement;
+}
 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 HTMLPDropdownElement extends Components.PDropdown, HTMLStencilElement {
+    }
+    var HTMLPDropdownElement: {
+        prototype: HTMLPDropdownElement;
+        new (): HTMLPDropdownElement;
+    };
+    interface HTMLPDropdownMenuContainerElement extends Components.PDropdownMenuContainer, HTMLStencilElement {
+    }
+    var HTMLPDropdownMenuContainerElement: {
+        prototype: HTMLPDropdownMenuContainerElement;
+        new (): HTMLPDropdownMenuContainerElement;
+    };
+    interface HTMLPDropdownMenuItemElement extends Components.PDropdownMenuItem, HTMLStencilElement {
+    }
+    var HTMLPDropdownMenuItemElement: {
+        prototype: HTMLPDropdownMenuItemElement;
+        new (): HTMLPDropdownMenuItemElement;
+    };
+    interface HTMLPHelperElement extends Components.PHelper, HTMLStencilElement {
+    }
+    var HTMLPHelperElement: {
+        prototype: HTMLPHelperElement;
+        new (): HTMLPHelperElement;
+    };
     interface HTMLPIconElement extends Components.PIcon, HTMLStencilElement {
     }
     var HTMLPIconElement: {
@@ -137,12 +347,54 @@ 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 HTMLPNavigationItemElement extends Components.PNavigationItem, HTMLStencilElement {
+    }
+    var HTMLPNavigationItemElement: {
+        prototype: HTMLPNavigationItemElement;
+        new (): HTMLPNavigationItemElement;
+    };
+    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 HTMLPSegmentContainerElement extends Components.PSegmentContainer, HTMLStencilElement {
+    }
+    var HTMLPSegmentContainerElement: {
+        prototype: HTMLPSegmentContainerElement;
+        new (): HTMLPSegmentContainerElement;
+    };
+    interface HTMLPSegmentItemElement extends Components.PSegmentItem, HTMLStencilElement {
+    }
+    var HTMLPSegmentItemElement: {
+        prototype: HTMLPSegmentItemElement;
+        new (): HTMLPSegmentItemElement;
+    };
+    interface HTMLPStatusElement extends Components.PStatus, HTMLStencilElement {
+    }
+    var HTMLPStatusElement: {
+        prototype: HTMLPStatusElement;
+        new (): HTMLPStatusElement;
+    };
     interface HTMLPTooltipElement extends Components.PTooltip, HTMLStencilElement {
     }
     var HTMLPTooltipElement: {
@@ -150,15 +402,51 @@ declare global {
         new (): HTMLPTooltipElement;
     };
     interface HTMLElementTagNameMap {
+        "p-avatar": HTMLPAvatarElement;
         "p-button": HTMLPButtonElement;
+        "p-counter": HTMLPCounterElement;
+        "p-divider": HTMLPDividerElement;
+        "p-dropdown": HTMLPDropdownElement;
+        "p-dropdown-menu-container": HTMLPDropdownMenuContainerElement;
+        "p-dropdown-menu-item": HTMLPDropdownMenuItemElement;
+        "p-helper": HTMLPHelperElement;
         "p-icon": HTMLPIconElement;
         "p-illustration": HTMLPIllustrationElement;
+        "p-info-panel": HTMLPInfoPanelElement;
         "p-loader": HTMLPLoaderElement;
+        "p-navigation-item": HTMLPNavigationItemElement;
+        "p-pagination": HTMLPPaginationElement;
+        "p-pagination-item": HTMLPPaginationItemElement;
+        "p-segment-container": HTMLPSegmentContainerElement;
+        "p-segment-item": HTMLPSegmentItemElement;
+        "p-status": HTMLPStatusElement;
         "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 to show a chevron or not
+         */
+        "chevron"?: boolean | 'up' | 'down';
         /**
           * Wether the button is disabled
          */
@@ -188,9 +476,9 @@ declare namespace LocalJSX {
          */
         "loading"?: boolean;
         /**
-          * Button press event
+          * Button click event
          */
-        "onClick"?: (event: PButtonCustomEvent<MouseEvent>) => void;
+        "onOnClick"?: (event: PButtonCustomEvent<MouseEvent>) => void;
         /**
           * The size of the button
          */
@@ -204,6 +492,42 @@ declare namespace LocalJSX {
          */
         "variant"?: 'primary' | 'secondary' | 'text';
     }
+    interface PCounter {
+    }
+    interface PDivider {
+    }
+    interface PDropdown {
+        /**
+          * Wether to automatically close the dropdown menu after clicking inside
+         */
+        "disableTriggerClick"?: boolean;
+        /**
+          * Wether to automatically close the dropdown menu after clicking inside
+         */
+        "insideClick"?: boolean;
+        /**
+          * Open change event
+         */
+        "onIsOpen"?: (event: PDropdownCustomEvent<boolean>) => void;
+        /**
+          * The content of the dropdown menu
+         */
+        "placement"?: 'bottom' | 'top';
+        /**
+          * Wether to show the dropdown menu
+         */
+        "show"?: boolean;
+    }
+    interface PDropdownMenuContainer {
+    }
+    interface PDropdownMenuItem {
+        /**
+          * Wether the dropdown menu item is active
+         */
+        "active"?: boolean;
+    }
+    interface PHelper {
+    }
     interface PIcon {
         /**
           * Wether to flip the icon horizontally or vertically
@@ -220,13 +544,31 @@ declare namespace LocalJSX {
         /**
           * The icon the be displayed
          */
-        "variant"?: IconVariant;
+        "variant": IconVariant;
     }
     interface PIllustration {
         /**
           * The icon the be displayed
          */
-        "variant"?: IllustrationVariant;
+        "variant": IllustrationVariant;
+    }
+    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 {
         /**
@@ -250,25 +592,128 @@ declare namespace LocalJSX {
          */
         "variant"?: 'inline' | 'full-width' | 'full-screen' | 'modal';
     }
-    interface PTooltip {
+    interface PNavigationItem {
         /**
-          * The content of the tooltip
+          * Wether the navigation item is active
          */
-        "content"?: any;
+        "active"?: boolean;
         /**
-          * Wether to force show the tooltip
+          * Icon of the navigation item
          */
-        "forceShow"?: boolean;
+        "counter"?: number | string;
         /**
-          * The content of the tooltip
+          * The href of the navigation item
+         */
+        "href"?: string;
+        /**
+          * Icon of the navigation item
+         */
+        "icon"?: IconVariant;
+        /**
+          * The target of the navigation item
+         */
+        "target"?: string;
+    }
+    interface PPagination {
+        "onPageChange"?: (event: PPaginationCustomEvent<number>) => void;
+        /**
+          * The current page
+         */
+        "page"?: number;
+        /**
+          * The amount of items per page
+         */
+        "pageSize"?: number;
+        /**
+          * The total amount of items
+         */
+        "total": number;
+    }
+    interface PPaginationItem {
+        /**
+          * Wether the pagination item is active
+         */
+        "active"?: boolean;
+    }
+    interface PSegmentContainer {
+    }
+    interface PSegmentItem {
+        /**
+          * Wether the segment item is active
+         */
+        "active"?: boolean;
+        /**
+          * Icon to show on the segment item
+         */
+        "icon"?: IconVariant;
+        /**
+          * Icon flip
+         */
+        "iconFlip"?: IconFlipOptions;
+        /**
+          * Icon rotate
+         */
+        "iconRotate"?: number;
+    }
+    interface PStatus {
+        /**
+          * Icon to show on the status
+         */
+        "icon"?: IconVariant;
+        /**
+          * Icon flip
+         */
+        "iconFlip"?: IconFlipOptions;
+        /**
+          * Icon rotate
+         */
+        "iconRotate"?: number;
+        /**
+          * The variant of the status
+         */
+        "variant"?: 'default' | 'positive' | 'unbiased' | 'negative';
+    }
+    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' | 'error';
     }
     interface IntrinsicElements {
+        "p-avatar": PAvatar;
         "p-button": PButton;
+        "p-counter": PCounter;
+        "p-divider": PDivider;
+        "p-dropdown": PDropdown;
+        "p-dropdown-menu-container": PDropdownMenuContainer;
+        "p-dropdown-menu-item": PDropdownMenuItem;
+        "p-helper": PHelper;
         "p-icon": PIcon;
         "p-illustration": PIllustration;
+        "p-info-panel": PInfoPanel;
         "p-loader": PLoader;
+        "p-navigation-item": PNavigationItem;
+        "p-pagination": PPagination;
+        "p-pagination-item": PPaginationItem;
+        "p-segment-container": PSegmentContainer;
+        "p-segment-item": PSegmentItem;
+        "p-status": PStatus;
         "p-tooltip": PTooltip;
     }
 }
@@ -276,10 +721,24 @@ 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-dropdown": LocalJSX.PDropdown & JSXBase.HTMLAttributes<HTMLPDropdownElement>;
+            "p-dropdown-menu-container": LocalJSX.PDropdownMenuContainer & JSXBase.HTMLAttributes<HTMLPDropdownMenuContainerElement>;
+            "p-dropdown-menu-item": LocalJSX.PDropdownMenuItem & JSXBase.HTMLAttributes<HTMLPDropdownMenuItemElement>;
+            "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-navigation-item": LocalJSX.PNavigationItem & JSXBase.HTMLAttributes<HTMLPNavigationItemElement>;
+            "p-pagination": LocalJSX.PPagination & JSXBase.HTMLAttributes<HTMLPPaginationElement>;
+            "p-pagination-item": LocalJSX.PPaginationItem & JSXBase.HTMLAttributes<HTMLPPaginationItemElement>;
+            "p-segment-container": LocalJSX.PSegmentContainer & JSXBase.HTMLAttributes<HTMLPSegmentContainerElement>;
+            "p-segment-item": LocalJSX.PSegmentItem & JSXBase.HTMLAttributes<HTMLPSegmentItemElement>;
+            "p-status": LocalJSX.PStatus & JSXBase.HTMLAttributes<HTMLPStatusElement>;
             "p-tooltip": LocalJSX.PTooltip & JSXBase.HTMLAttributes<HTMLPTooltipElement>;
         }
     }

package/dist/types/utils/child-of.d.ts

@@ -0,0 +1 @@
+export declare const childOf: (c: any, p: any) => boolean;

package/dist/types/utils/icons.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
   bread: string;
   calendar: string;
   car: string;
+  checklist: string;
   checkmark: string;
   chevron: string;
   clock: string;
@@ -15,8 +16,10 @@ declare const _default: {
   explanation: string;
   eye: string;
   filter: string;
+  folder: string;
   grid: string;
   headset: string;
+  integration: string;
   list: string;
   location: string;
   megaphone: string;
@@ -34,6 +37,8 @@ declare const _default: {
   settings: string;
   sick: string;
   tachometer: string;
+  task: string;
+  template: string;
   tool: string;
   trash: string;
   turn: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paperless/core",
-  "version": "0.1.0-alpha.3",
+  "version": "0.1.0-alpha.33",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",