@paperless/core 0.0.3-alpha.4 → 0.1.0-alpha.2

package/dist/paperless/paperless.esm.js

@@ -1 +1 @@
-import{p as t,b as p}from"./p-54459ae1.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),t(r)})().then((t=>p([["p-c66e9743",[[1,"p-button",{variant:[1]}]]]],t)));
+import{p as o,b as e}from"./p-98d07776.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),o(t)})().then((o=>e([["p-1d13a9d2",[[1,"p-button",{variant:[1]}]]],["p-cd525dcc",[[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]],["p-feec8ec1",[[0,"p-illustration",{variant:[1]}]]],["p-208c1f28",[[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}]]],["p-bbd1d3df",[[1,"p-tooltip",{content:[8],placement:[1],forceShow:[4,"force-show"]},[[1,"mouseenter","_show"],[0,"focus","_show"],[1,"mouseleave","_hide"],[0,"blur","_hide"]]]]]],o)));

package/dist/sw.js

@@ -27,21 +27,33 @@ self.addEventListener('message', (event) => {
 self.__precacheManifest = [
   {
     "url": "index.html",
-    "revision": "072c8e25cd77098dd918284f7b9b8f84"
+    "revision": "f52c280ae1726831410c8a4b4feccde6"
   },
   {
     "url": "build/index.esm.js",
     "revision": "d41d8cd98f00b204e9800998ecf8427e"
   },
   {
-    "url": "build/p-54459ae1.js"
+    "url": "build/p-1d13a9d2.entry.js"
   },
   {
-    "url": "build/p-c66e9743.entry.js"
+    "url": "build/p-208c1f28.entry.js"
   },
   {
-    "url": "cjs/index-e3e940d8.js",
-    "revision": "15ec95b593671d5c161f99f271f3cb57"
+    "url": "build/p-98d07776.js"
+  },
+  {
+    "url": "build/p-bbd1d3df.entry.js"
+  },
+  {
+    "url": "build/p-cd525dcc.entry.js"
+  },
+  {
+    "url": "build/p-feec8ec1.entry.js"
+  },
+  {
+    "url": "cjs/index-5b30cb95.js",
+    "revision": "7ba7c31438d378060eb1b771f75988bf"
   },
   {
     "url": "cjs/index.cjs.js",
@@ -49,27 +61,66 @@ self.__precacheManifest = [
   },
   {
     "url": "cjs/loader.cjs.js",
-    "revision": "b5e4969b6b60713dd64c520202fc5af1"
+    "revision": "b41554280ff9f63ec8d3ef57c30d68ab"
   },
   {
     "url": "cjs/p-button.cjs.entry.js",
-    "revision": "3e83d6ae2a6da2a5fed296efed3aa80c"
+    "revision": "89d0daad45540c3fa136b9230f8d97ee"
+  },
+  {
+    "url": "cjs/p-icon.cjs.entry.js",
+    "revision": "36d70982d2f7120500a00f5dc889a47d"
+  },
+  {
+    "url": "cjs/p-illustration.cjs.entry.js"
+  },
+  {
+    "url": "cjs/p-loader.cjs.entry.js",
+    "revision": "079ebca588bfbbd2d091a28cc007fdac"
+  },
+  {
+    "url": "cjs/p-tooltip.cjs.entry.js",
+    "revision": "a4f22b15cff0bbb33cb288af20623fab"
   },
   {
     "url": "cjs/paperless.cjs.js",
-    "revision": "478e5848c8b4bbf3733a3c43d8dfee86"
+    "revision": "4001e5612b97ae56248ed4f875fc53ed"
   },
   {
     "url": "collection/collection-manifest.json",
-    "revision": "fe2f674be73c110b95acf4d1a6f3fcac"
+    "revision": "69abfd94310e01f720a7c81a6c0f6c3e"
   },
   {
-    "url": "collection/components/button/button.component.css",
+    "url": "collection/components/atoms/button/button.component.css",
     "revision": "466c53f1a00432686bc94302851afa4c"
   },
   {
-    "url": "collection/components/button/button.component.js",
-    "revision": "cd78b7a9e36b7cd079c8807084249cb7"
+    "url": "collection/components/atoms/button/button.component.js",
+    "revision": "bb87cf170753e7cc9083f9f172000469"
+  },
+  {
+    "url": "collection/components/atoms/icon/icon.component.js",
+    "revision": "9cc3323a777fb568699d10f3c1008618"
+  },
+  {
+    "url": "collection/components/atoms/illustration/illustration.component.js",
+    "revision": "c7d9878fa926e60baca9005710323683"
+  },
+  {
+    "url": "collection/components/atoms/loader/loader.component.css",
+    "revision": "aa556581969d7c61d430a0f022bb02a1"
+  },
+  {
+    "url": "collection/components/atoms/loader/loader.component.js",
+    "revision": "d1f630e8255de08b90c5697347183cb4"
+  },
+  {
+    "url": "collection/components/atoms/tooltip/tooltip.component.css",
+    "revision": "f80a0a5022b3d0dd068cedbba1c2e707"
+  },
+  {
+    "url": "collection/components/atoms/tooltip/tooltip.component.js",
+    "revision": "a39fb80cbbd78315e90da33db405551c"
   },
   {
     "url": "collection/index.js",
@@ -77,35 +128,70 @@ self.__precacheManifest = [
   },
   {
     "url": "collection/tailwind.config.js",
-    "revision": "f70ac9bc426c08110a00b29dba180d04"
+    "revision": "b6809e92405d6e378aa1798a0af3dbee"
   },
   {
     "url": "collection/tailwind/border-radius.js",
-    "revision": "6db07de9ecc17ab23890d9ec719751f8"
+    "revision": "d2d84c4e111eb34fb60b52e7d032f3fe"
   },
   {
     "url": "collection/tailwind/colors.js",
     "revision": "6a39b234fcf655ec34be7e367b0b3128"
   },
+  {
+    "url": "collection/tailwind/grid.js",
+    "revision": "c10b15ec73ad6b89c0f24b667886b357"
+  },
+  {
+    "url": "collection/tailwind/rotate.js",
+    "revision": "6e10d60cb01221e64cf027d729886b6d"
+  },
+  {
+    "url": "collection/tailwind/scale.js",
+    "revision": "a839cb541613e836dc315f26e3e9a396"
+  },
   {
     "url": "collection/tailwind/shadows.js",
     "revision": "90a3cc6f1c4f6714180ddbb3a0e40a53"
   },
+  {
+    "url": "collection/utils/icons.js",
+    "revision": "637212fd72da5a3b90461d00940712b5"
+  },
+  {
+    "url": "collection/utils/illustrations.js",
+    "revision": "743b24c925f2eedd1e005aa87dc5987b"
+  },
   {
     "url": "collection/utils/utils.js",
     "revision": "4beb8ca8a76230f44db73b6109a0043d"
   },
   {
     "url": "components/index.js",
-    "revision": "5d3af333e686ef0839491478542c72b5"
+    "revision": "575ad0ea8d16b9dffb1d08e3a2f3a69c"
   },
   {
     "url": "components/p-button.js",
-    "revision": "b7e0bffe1e5e78171a6a4f2b9264bedf"
+    "revision": "b9460d2d8453085eab3b07cbf036e1f5"
+  },
+  {
+    "url": "components/p-icon.js",
+    "revision": "429f58286b184d0c9267815d9f864db4"
+  },
+  {
+    "url": "components/p-illustration.js"
+  },
+  {
+    "url": "components/p-loader.js",
+    "revision": "c415ebb68f386df71de236a1a585bdfb"
+  },
+  {
+    "url": "components/p-tooltip.js",
+    "revision": "d1a4deb2abca1de0f64e36a280cc1edf"
   },
   {
-    "url": "esm/index-100a5ae6.js",
-    "revision": "b8a9d6a5b2765379ce7fdb58463fd47b"
+    "url": "esm/index-111a6307.js",
+    "revision": "b7508d889fc18c354aa41aac5b12b502"
   },
   {
     "url": "esm/index.js",
@@ -113,11 +199,26 @@ self.__precacheManifest = [
   },
   {
     "url": "esm/loader.js",
-    "revision": "efc5e53be87882ce77c9570688d3ebc2"
+    "revision": "88de47da36e696233ed5f97d707143e5"
   },
   {
     "url": "esm/p-button.entry.js",
-    "revision": "a37b1f96b51bedaf8d5b961fcb1a96ba"
+    "revision": "1d2b831c7958eb09b19f4496140de869"
+  },
+  {
+    "url": "esm/p-icon.entry.js",
+    "revision": "3d4920f2ed31ad4c5ebaf7e8b2a7c089"
+  },
+  {
+    "url": "esm/p-illustration.entry.js"
+  },
+  {
+    "url": "esm/p-loader.entry.js",
+    "revision": "06efa1f67f5dcd758ee0f2fd7afcb31f"
+  },
+  {
+    "url": "esm/p-tooltip.entry.js",
+    "revision": "5b5355acf833cb86ba561e2edcea1dbd"
   },
   {
     "url": "esm/polyfills/core-js.js",
@@ -156,14 +257,26 @@ self.__precacheManifest = [
     "revision": "d41d8cd98f00b204e9800998ecf8427e"
   },
   {
-    "url": "paperless/p-54459ae1.js"
+    "url": "paperless/p-1d13a9d2.entry.js"
+  },
+  {
+    "url": "paperless/p-208c1f28.entry.js"
+  },
+  {
+    "url": "paperless/p-98d07776.js"
+  },
+  {
+    "url": "paperless/p-bbd1d3df.entry.js"
+  },
+  {
+    "url": "paperless/p-cd525dcc.entry.js"
   },
   {
-    "url": "paperless/p-c66e9743.entry.js"
+    "url": "paperless/p-feec8ec1.entry.js"
   },
   {
     "url": "tailwind.config.js",
-    "revision": "f70ac9bc426c08110a00b29dba180d04"
+    "revision": "b6809e92405d6e378aa1798a0af3dbee"
   }
 ].concat(self.__precacheManifest || []);
 workbox.precaching.precacheAndRoute(self.__precacheManifest, {});

package/dist/tailwind.config.js

@@ -1,13 +1,22 @@
 const colors = require('./tailwind/colors');
 const shadows = require('./tailwind/shadows');
 const borderRadius = require('./tailwind/border-radius');
+const grid = require('./tailwind/grid');
+const scale = require('./tailwind/scale');
+const rotate = require('./tailwind/rotate');
 
 module.exports = {
+  important: true,
   theme: {
     colors,
     boxShadow: shadows,
     dropShadow: shadows,
     borderRadius,
+    extend: {
+      grid,
+      scale,
+      rotate,
+    },
   },
   variants: {},
   plugins: [require('@tailwindcss/aspect-ratio')],

package/dist/types/components/{button → atoms/button}/button.component.d.ts

@@ -1,6 +1,6 @@
 export declare class Button {
   /**
-   * The name
+   * The variant of the button
    */
   variant: 'primary' | 'secondary';
   render(): any;

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

@@ -0,0 +1,23 @@
+import icons from '../../../utils/icons';
+export declare type IconVariant = keyof typeof icons;
+export declare type IconFlipOptions = 'horizontal' | 'vertical';
+export declare class Icon {
+  /**
+   * The icon the be displayed
+   */
+  variant: IconVariant;
+  /**
+   * The size of the icon, using tailwind sizes
+   */
+  size: string;
+  /**
+   * Wether to rotate the icon x degrees
+   */
+  rotate: number;
+  /**
+   * Wether to flip the icon horizontally or vertically
+   */
+  flip: IconFlipOptions;
+  render(): any;
+  private _getClass;
+}

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

@@ -0,0 +1,9 @@
+import illustrations from '../../../utils/illustrations';
+export declare type IllustrationVariant = keyof typeof illustrations;
+export declare class Illustration {
+  /**
+   * The icon the be displayed
+   */
+  variant: IllustrationVariant;
+  render(): any;
+}

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

@@ -0,0 +1,30 @@
+import { Observable } from 'rxjs';
+export declare class Loader {
+  /**
+   * Wether to show or hide the loader
+   */
+  show: boolean | Observable<boolean>;
+  /**
+   * Variant of loader
+   */
+  variant: 'inline' | 'full-width' | 'full-screen' | 'modal';
+  /**
+   * Color of the loader
+   */
+  color: 'indigo' | 'white' | 'storm';
+  /**
+   * !NOT IMPLEMENTED! Modal title for modal variant
+   */
+  modalTitle: string;
+  /**
+   * !NOT IMPLEMENTED! Modal description for modal variant
+   */
+  modalDescription: string;
+  private _show;
+  private _showSubscriber;
+  private _loader;
+  componentWillRender(): void;
+  componentShouldUpdate(): void;
+  render(): any;
+  private _checkShow;
+}

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

@@ -0,0 +1,28 @@
+import { Placement } from '@popperjs/core';
+export declare class Tooltip {
+  /**
+   * The content of the tooltip
+   */
+  content: any;
+  /**
+   * The content of the tooltip
+   */
+  placement: Placement;
+  /**
+   * Wether to force show the tooltip
+   */
+  forceShow: boolean;
+  /**
+   * The host element
+   */
+  private _el;
+  private _loaded;
+  private _popper;
+  private _tooltip;
+  componentShouldUpdate(): void;
+  render(): any;
+  protected _show(): void;
+  protected _hide(): void;
+  private _load;
+  private _setOptions;
+}

package/dist/types/components.d.ts

@@ -5,13 +5,77 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { IconFlipOptions, IconVariant } 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 PButton {
         /**
-          * The name
+          * The variant of the button
          */
         "variant": 'primary' | 'secondary';
     }
+    interface PIcon {
+        /**
+          * Wether to flip the icon horizontally or vertically
+         */
+        "flip": IconFlipOptions;
+        /**
+          * Wether to rotate the icon x degrees
+         */
+        "rotate": number;
+        /**
+          * The size of the icon, using tailwind sizes
+         */
+        "size": string;
+        /**
+          * The icon the be displayed
+         */
+        "variant": IconVariant;
+    }
+    interface PIllustration {
+        /**
+          * The icon the be displayed
+         */
+        "variant": IllustrationVariant;
+    }
+    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 {
+        /**
+          * The content of the tooltip
+         */
+        "content": any;
+        /**
+          * Wether to force show the tooltip
+         */
+        "forceShow": boolean;
+        /**
+          * The content of the tooltip
+         */
+        "placement": Placement;
+    }
 }
 declare global {
     interface HTMLPButtonElement extends Components.PButton, HTMLStencilElement {
@@ -20,19 +84,111 @@ declare global {
         prototype: HTMLPButtonElement;
         new (): HTMLPButtonElement;
     };
+    interface HTMLPIconElement extends Components.PIcon, HTMLStencilElement {
+    }
+    var HTMLPIconElement: {
+        prototype: HTMLPIconElement;
+        new (): HTMLPIconElement;
+    };
+    interface HTMLPIllustrationElement extends Components.PIllustration, HTMLStencilElement {
+    }
+    var HTMLPIllustrationElement: {
+        prototype: HTMLPIllustrationElement;
+        new (): HTMLPIllustrationElement;
+    };
+    interface HTMLPLoaderElement extends Components.PLoader, HTMLStencilElement {
+    }
+    var HTMLPLoaderElement: {
+        prototype: HTMLPLoaderElement;
+        new (): HTMLPLoaderElement;
+    };
+    interface HTMLPTooltipElement extends Components.PTooltip, HTMLStencilElement {
+    }
+    var HTMLPTooltipElement: {
+        prototype: HTMLPTooltipElement;
+        new (): HTMLPTooltipElement;
+    };
     interface HTMLElementTagNameMap {
         "p-button": HTMLPButtonElement;
+        "p-icon": HTMLPIconElement;
+        "p-illustration": HTMLPIllustrationElement;
+        "p-loader": HTMLPLoaderElement;
+        "p-tooltip": HTMLPTooltipElement;
     }
 }
 declare namespace LocalJSX {
     interface PButton {
         /**
-          * The name
+          * The variant of the button
          */
         "variant"?: 'primary' | 'secondary';
     }
+    interface PIcon {
+        /**
+          * Wether to flip the icon horizontally or vertically
+         */
+        "flip"?: IconFlipOptions;
+        /**
+          * Wether to rotate the icon x degrees
+         */
+        "rotate"?: number;
+        /**
+          * The size of the icon, using tailwind sizes
+         */
+        "size"?: string;
+        /**
+          * The icon the be displayed
+         */
+        "variant"?: IconVariant;
+    }
+    interface PIllustration {
+        /**
+          * The icon the be displayed
+         */
+        "variant"?: IllustrationVariant;
+    }
+    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 {
+        /**
+          * The content of the tooltip
+         */
+        "content"?: any;
+        /**
+          * Wether to force show the tooltip
+         */
+        "forceShow"?: boolean;
+        /**
+          * The content of the tooltip
+         */
+        "placement"?: Placement;
+    }
     interface IntrinsicElements {
         "p-button": PButton;
+        "p-icon": PIcon;
+        "p-illustration": PIllustration;
+        "p-loader": PLoader;
+        "p-tooltip": PTooltip;
     }
 }
 export { LocalJSX as JSX };
@@ -40,6 +196,10 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "p-button": LocalJSX.PButton & JSXBase.HTMLAttributes<HTMLPButtonElement>;
+            "p-icon": LocalJSX.PIcon & JSXBase.HTMLAttributes<HTMLPIconElement>;
+            "p-illustration": LocalJSX.PIllustration & JSXBase.HTMLAttributes<HTMLPIllustrationElement>;
+            "p-loader": LocalJSX.PLoader & JSXBase.HTMLAttributes<HTMLPLoaderElement>;
+            "p-tooltip": LocalJSX.PTooltip & JSXBase.HTMLAttributes<HTMLPTooltipElement>;
         }
     }
 }

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

@@ -0,0 +1,43 @@
+declare const _default: {
+  arrow: string;
+  attachment: string;
+  bread: string;
+  calendar: string;
+  car: string;
+  checkmark: string;
+  chevron: string;
+  clock: string;
+  cogs: string;
+  comment: string;
+  document: string;
+  download: string;
+  envelope: string;
+  explanation: string;
+  eye: string;
+  filter: string;
+  grid: string;
+  headset: string;
+  list: string;
+  location: string;
+  megaphone: string;
+  minus: string;
+  negative: string;
+  pagination: string;
+  payment: string;
+  pencil: string;
+  person: string;
+  plus: string;
+  question: string;
+  receipt: string;
+  report: string;
+  search: string;
+  settings: string;
+  sick: string;
+  tachometer: string;
+  tool: string;
+  trash: string;
+  turn: string;
+  upload: string;
+  warning: string;
+};
+export default _default;

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

@@ -0,0 +1,11 @@
+declare const _default: {
+  'empty-state': string;
+  departments: string;
+  expenses: string;
+  functions: string;
+  questions: string;
+  'sick-leave': string;
+  'time-off': string;
+  'upgrade-to-hr': string;
+};
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paperless/core",
-  "version": "0.0.3-alpha.4",
+  "version": "0.1.0-alpha.2",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -24,7 +24,9 @@
   "scripts": {
     "build": "stencil build --docs",
     "build:prod": "stencil build",
-    "postbuild": "tailwindcss -i dist/paperless/paperless.css -o dist/paperless/paperless.css",
+    "postbuild": "yarn tailwind:process",
+    "postbuild:prod": "yarn tailwind:process",
+    "tailwind:process": "tailwindcss -i dist/paperless/paperless.css -o dist/paperless/paperless.css",
     "watch": "stencil build --watch",
     "watch:bg": "(yarn watch&)",
     "start": "stencil build --dev --watch --serve",
@@ -35,7 +37,9 @@
     "yarn:publish": "yarn publish"
   },
   "dependencies": {
-    "@stencil/core": "^2.13.0"
+    "@popperjs/core": "^2.11.5",
+    "@stencil/core": "^2.13.0",
+    "rxjs": "^7.5.5"
   },
   "devDependencies": {
     "@stencil/angular-output-target": "^0.4.0",
@@ -50,6 +54,7 @@
     "jest": "^27.4.5",
     "jest-cli": "^27.4.5",
     "puppeteer": "^10.0.0",
+    "stencil-inline-svg": "^1.1.0",
     "stencil-tailwind-plugin": "^1.3.0",
     "tailwindcss": "~3.1.4",
     "workbox-build": "4.3.1"