@paperless/core 0.1.0-alpha.34 → 0.1.0-alpha.340

package/dist/collection/components/atoms/button/button.component.js

@@ -1,30 +1,20 @@
-import { Component, Event, h, Host, Listen, Prop, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 export class Button {
   constructor() {
-    /**
-     * The variant of the button
-     */
     this.variant = 'primary';
-    /**
-     * The size of the button
-     */
+    this.href = undefined;
+    this.target = undefined;
     this.size = 'medium';
-    /**
-     * Wether to show a loader or not
-     */
     this.loading = false;
-    /**
-     * Wether to show a chevron or not
-     */
     this.chevron = false;
-    /**
-     * Wether the button is disabled
-     */
+    this.chevronPosition = 'end';
     this.disabled = false;
-    /**
-     * Icon position
-     */
+    this.icon = undefined;
+    this.iconOnly = false;
     this.iconPosition = 'end';
+    this.iconFlip = undefined;
+    this.iconRotate = undefined;
+    this.inheritText = false;
   }
   render() {
     let loaderColor = 'white';
@@ -37,20 +27,15 @@ export class Button {
         break;
     }
     const VariableTag = this.variant === 'text' ? 'a' : 'button';
-    return (h(Host, { class: "p-button" },
-      h(VariableTag, { class: `variant-${this.variant} size-${this.size} icon-position-${this.iconPosition} ${this.chevron && 'has-chevron'}`, disabled: this.disabled, href: this.href, target: this.target },
-        this.icon &&
-          this.iconPosition === 'start' &&
-          this._getIcon(),
-        h("slot", null),
-        this.icon &&
-          this.iconPosition === 'end' &&
-          this._getIcon(),
-        this.loading && h("p-loader", { color: loaderColor }),
-        this.chevron && (h("p-icon", { variant: "chevron", rotate: this.chevron === 'up' ? 180 : 0 })))));
+    return (h(Host, { class: `p-button size-${this.size} ${this.iconOnly && 'has-icon-only'} ` }, h(VariableTag, { class: `variant-${this.variant}  icon-position-${this.iconPosition} ${this.chevron && 'has-chevron'} chevron-position-${this.chevronPosition} ${this.inheritText && 'should-inherit-text'}`, disabled: this.disabled, href: this.href, target: this.target }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { class: "chevron", variant: "chevron", rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+      this.iconPosition === 'start' &&
+      this._getIcon(), h("slot", null), this.icon &&
+      this.iconPosition === 'end' &&
+      this._getIcon(), this.loading && h("p-loader", { color: loaderColor }), this.chevron && this.chevronPosition === 'end' && (h("p-icon", { class: "chevron", variant: "chevron", rotate: this.chevron === 'up' ? 180 : 0 })))));
   }
   handleClick(ev) {
     if (this.loading || this.disabled) {
+      ev.preventDefault();
       return;
     }
     this.onClick.emit(ev);
@@ -62,242 +47,312 @@ export class Button {
     return (h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
   }
   static get is() { return "p-button"; }
-  static get originalStyleUrls() { return {
-    "$": ["button.component.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["button.component.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'primary' | 'secondary' | 'text'",
-        "resolved": "\"primary\" | \"secondary\" | \"text\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The variant of the button"
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "'primary'"
-    },
-    "href": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Href in case of \"text\" version"
-      },
-      "attribute": "href",
-      "reflect": false
-    },
-    "target": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Target in case of \"text\" version"
-      },
-      "attribute": "target",
-      "reflect": false
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'small' | 'medium'",
-        "resolved": "\"medium\" | \"small\"",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["button.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["button.component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'primary' | 'secondary' | 'text'",
+          "resolved": "\"primary\" | \"secondary\" | \"text\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The variant of the button"
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "'primary'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The size of the button"
+      "href": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Href in case of \"text\" version"
+        },
+        "attribute": "href",
+        "reflect": false
       },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'medium'"
-    },
-    "loading": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "target": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Target in case of \"text\" version"
+        },
+        "attribute": "target",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Wether to show a loader or not"
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'small' | 'medium'",
+          "resolved": "\"medium\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The size of the button"
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'medium'"
       },
-      "attribute": "loading",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "chevron": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean | 'up' | 'down'",
-        "resolved": "\"down\" | \"up\" | boolean",
-        "references": {}
+      "loading": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether to show a loader or not"
+        },
+        "attribute": "loading",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Wether to show a chevron or not"
+      "chevron": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean | 'up' | 'down'",
+          "resolved": "\"down\" | \"up\" | boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether to show a chevron or not"
+        },
+        "attribute": "chevron",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "chevron",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "chevronPosition": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'start' | 'end'",
+          "resolved": "\"end\" | \"start\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Chevron position"
+        },
+        "attribute": "chevron-position",
+        "reflect": false,
+        "defaultValue": "'end'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Wether the button is disabled"
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether the button is disabled"
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "IconVariant",
-        "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"car\" | \"checklist\" | \"checkmark\" | \"chevron\" | \"clock\" | \"cogs\" | \"comment\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"filter\" | \"folder\" | \"grid\" | \"headset\" | \"integration\" | \"list\" | \"location\" | \"megaphone\" | \"minus\" | \"negative\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plus\" | \"question\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"tachometer\" | \"task\" | \"template\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
-        "references": {
-          "IconVariant": {
-            "location": "import",
-            "path": "../icon/icon.component"
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "IconVariant",
+          "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"camera\" | \"car\" | \"checklist\" | \"checkmark\" | \"chevron\" | \"clock\" | \"cogs\" | \"comment\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"filter\" | \"folder\" | \"grid\" | \"headset\" | \"integration\" | \"list\" | \"location\" | \"megaphone\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"notification\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plus\" | \"question\" | \"reload\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"signout\" | \"switch\" | \"tachometer\" | \"task\" | \"template\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
+          "references": {
+            "IconVariant": {
+              "location": "import",
+              "path": "../icon/icon.component"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon to show on the button"
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon to show on the button"
+      "iconOnly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether the button is icon only"
+        },
+        "attribute": "icon-only",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "iconPosition": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'start' | 'end'",
-        "resolved": "\"end\" | \"start\"",
-        "references": {}
+      "iconPosition": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'start' | 'end'",
+          "resolved": "\"end\" | \"start\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon position"
+        },
+        "attribute": "icon-position",
+        "reflect": false,
+        "defaultValue": "'end'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon position"
-      },
-      "attribute": "icon-position",
-      "reflect": false,
-      "defaultValue": "'end'"
-    },
-    "iconFlip": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "IconFlipOptions",
-        "resolved": "\"horizontal\" | \"vertical\"",
-        "references": {
-          "IconFlipOptions": {
-            "location": "import",
-            "path": "../icon/icon.component"
+      "iconFlip": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "IconFlipOptions",
+          "resolved": "\"horizontal\" | \"vertical\"",
+          "references": {
+            "IconFlipOptions": {
+              "location": "import",
+              "path": "../icon/icon.component"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon flip"
+        },
+        "attribute": "icon-flip",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon flip"
-      },
-      "attribute": "icon-flip",
-      "reflect": false
-    },
-    "iconRotate": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon rotate"
-      },
-      "attribute": "icon-rotate",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "onClick",
-      "name": "onClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Button click event"
+      "iconRotate": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "RotateOptions",
+          "resolved": "-135 | -180 | -225 | -25 | -270 | -315 | -45 | -90 | 0 | 135 | 180 | 225 | 25 | 270 | 315 | 45 | 90",
+          "references": {
+            "RotateOptions": {
+              "location": "import",
+              "path": "../../../types/tailwind"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon rotate"
+        },
+        "attribute": "icon-rotate",
+        "reflect": false
       },
-      "complexType": {
-        "original": "MouseEvent",
-        "resolved": "MouseEvent",
-        "references": {
-          "MouseEvent": {
-            "location": "global"
+      "inheritText": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether the button should inherit text styles"
+        },
+        "attribute": "inherit-text",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "onClick",
+        "name": "onClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Button click event"
+        },
+        "complexType": {
+          "original": "MouseEvent",
+          "resolved": "MouseEvent",
+          "references": {
+            "MouseEvent": {
+              "location": "global"
+            }
           }
         }
-      }
-    }]; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "handleClick",
-      "target": undefined,
-      "capture": true,
-      "passive": false
-    }]; }
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "handleClick",
+        "target": undefined,
+        "capture": true,
+        "passive": false
+      }];
+  }
 }
+//# sourceMappingURL=button.component.js.map

package/dist/collection/components/atoms/button/button.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-button',\n    styleUrl: 'button.component.scss',\n    // shadow: true,\n})\nexport class Button {\n    /**\n     * The variant of the button\n     */\n    @Prop() variant: 'primary' | 'secondary' | 'text' = 'primary';\n\n    /**\n     * Href in case of \"text\" version\n     */\n    @Prop() href: string;\n\n    /**\n     * Target in case of \"text\" version\n     */\n    @Prop() target: string;\n\n    /**\n     * The size of the button\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * Wether to show a loader or not\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Wether to show a chevron or not\n     */\n    @Prop() chevron: boolean | 'up' | 'down' = false;\n\n    /**\n     * Chevron position\n     */\n    @Prop() chevronPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Wether the button is disabled\n     */\n    @Prop() disabled: boolean = false;\n\n    /**\n     * Icon to show on the button\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Wether the button is icon only\n     */\n    @Prop() iconOnly: boolean = false;\n\n    /**\n     * Icon position\n     */\n    @Prop() iconPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    /**\n     * Wether the button should inherit text styles\n     */\n    @Prop() inheritText: boolean = false;\n\n    /**\n     * Button click event\n     */\n    @Event() onClick: EventEmitter<MouseEvent>;\n\n    render() {\n        let loaderColor: 'white' | 'storm' | 'indigo' = 'white';\n        switch (this.variant) {\n            case 'secondary':\n                loaderColor = 'storm';\n                break;\n            case 'text':\n                loaderColor = 'indigo';\n                break;\n        }\n\n        const VariableTag = this.variant === 'text' ? 'a' : 'button';\n\n        return (\n            <Host\n                class={`p-button size-${this.size} ${\n                    this.iconOnly && 'has-icon-only'\n                } `}\n            >\n                <VariableTag\n                    class={`variant-${this.variant}  icon-position-${\n                        this.iconPosition\n                    } ${this.chevron && 'has-chevron'} chevron-position-${\n                        this.chevronPosition\n                    } ${this.inheritText && 'should-inherit-text'}`}\n                    disabled={this.disabled}\n                    href={this.href}\n                    target={this.target}\n                >\n                    {this.chevron && this.chevronPosition === 'start' && (\n                        <p-icon\n                            class=\"chevron\"\n                            variant=\"chevron\"\n                            rotate={this.chevron === 'up' ? 180 : 0}\n                        />\n                    )}\n\n                    {this.icon &&\n                        this.iconPosition === 'start' &&\n                        this._getIcon()}\n\n                    <slot />\n\n                    {this.icon &&\n                        this.iconPosition === 'end' &&\n                        this._getIcon()}\n\n                    {this.loading && <p-loader color={loaderColor} />}\n\n                    {this.chevron && this.chevronPosition === 'end' && (\n                        <p-icon\n                            class=\"chevron\"\n                            variant=\"chevron\"\n                            rotate={this.chevron === 'up' ? 180 : 0}\n                        />\n                    )}\n                </VariableTag>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    handleClick(ev: MouseEvent) {\n        if (this.loading || this.disabled) {\n            ev.preventDefault();\n            return;\n        }\n\n        this.onClick.emit(ev);\n    }\n\n    private _getIcon() {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                variant={this.icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n}\n"]}

package/dist/collection/components/atoms/card-body/card-body.component.css

@@ -0,0 +1 @@
+.px-4{padding-left:1rem!important;padding-right:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:1.5rem 1rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.static{position:static!important}