@amiceli/papierjs 0.10.0 → 0.11.0

package/dist/types/components.d.ts

@@ -15,6 +15,9 @@ export namespace Components {
         "open": boolean;
         "title": string;
     }
+    /**
+     * @Slot - alert content
+     */
     interface PAlert {
         /**
           * Show close icon
@@ -97,6 +100,11 @@ export namespace Components {
          */
         "dark"?: boolean;
         "image"?: string;
+        /**
+          * Use border radius style like button, badge etc
+          * @default false
+         */
+        "radius"?: boolean;
     }
     interface PDropdown {
         /**
@@ -126,8 +134,6 @@ export namespace Components {
         "selected"?: boolean;
         "value": string;
     }
-    interface PDropdownPreview {
-    }
     interface PIcon {
         /**
           * @default 'inherit'
@@ -164,6 +170,9 @@ export namespace Components {
          */
         "value"?: string;
     }
+    /**
+     * @slots default - p-leaf content
+     */
     interface PLeaf {
         /**
           * @default false
@@ -174,12 +183,6 @@ export namespace Components {
         "close": () => Promise<void>;
         "open": () => Promise<void>;
     }
-    interface PModalPreview {
-        /**
-          * @default false
-         */
-        "title"?: boolean;
-    }
     interface PNotification {
         /**
           * @default false
@@ -372,6 +375,9 @@ declare global {
     interface HTMLPAlertElementEventMap {
         "close": any;
     }
+    /**
+     * @Slot - alert content
+     */
     interface HTMLPAlertElement extends Components.PAlert, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPAlertElementEventMap>(type: K, listener: (this: HTMLPAlertElement, ev: PAlertCustomEvent<HTMLPAlertElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -450,12 +456,6 @@ declare global {
         prototype: HTMLPDropdownItemElement;
         new (): HTMLPDropdownItemElement;
     };
-    interface HTMLPDropdownPreviewElement extends Components.PDropdownPreview, HTMLStencilElement {
-    }
-    var HTMLPDropdownPreviewElement: {
-        prototype: HTMLPDropdownPreviewElement;
-        new (): HTMLPDropdownPreviewElement;
-    };
     interface HTMLPIconElement extends Components.PIcon, HTMLStencilElement {
     }
     var HTMLPIconElement: {
@@ -480,6 +480,9 @@ declare global {
         prototype: HTMLPInputTextElement;
         new (): HTMLPInputTextElement;
     };
+    /**
+     * @slots default - p-leaf content
+     */
     interface HTMLPLeafElement extends Components.PLeaf, HTMLStencilElement {
     }
     var HTMLPLeafElement: {
@@ -503,12 +506,6 @@ declare global {
         prototype: HTMLPModalElement;
         new (): HTMLPModalElement;
     };
-    interface HTMLPModalPreviewElement extends Components.PModalPreview, HTMLStencilElement {
-    }
-    var HTMLPModalPreviewElement: {
-        prototype: HTMLPModalPreviewElement;
-        new (): HTMLPModalPreviewElement;
-    };
     interface HTMLPNotificationElementEventMap {
         "close": string;
     }
@@ -629,12 +626,10 @@ declare global {
         "p-card": HTMLPCardElement;
         "p-dropdown": HTMLPDropdownElement;
         "p-dropdown-item": HTMLPDropdownItemElement;
-        "p-dropdown-preview": HTMLPDropdownPreviewElement;
         "p-icon": HTMLPIconElement;
         "p-input-text": HTMLPInputTextElement;
         "p-leaf": HTMLPLeafElement;
         "p-modal": HTMLPModalElement;
-        "p-modal-preview": HTMLPModalPreviewElement;
         "p-notification": HTMLPNotificationElement;
         "p-notification-handler": HTMLPNotificationHandlerElement;
         "p-notification-preview": HTMLPNotificationPreviewElement;
@@ -656,6 +651,9 @@ declare namespace LocalJSX {
         "open"?: boolean;
         "title"?: string;
     }
+    /**
+     * @Slot - alert content
+     */
     interface PAlert {
         /**
           * Show close icon
@@ -739,6 +737,11 @@ declare namespace LocalJSX {
          */
         "dark"?: boolean;
         "image"?: string;
+        /**
+          * Use border radius style like button, badge etc
+          * @default false
+         */
+        "radius"?: boolean;
     }
     interface PDropdown {
         /**
@@ -770,8 +773,6 @@ declare namespace LocalJSX {
         "selected"?: boolean;
         "value": string;
     }
-    interface PDropdownPreview {
-    }
     interface PIcon {
         /**
           * @default 'inherit'
@@ -810,6 +811,9 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * @slots default - p-leaf content
+     */
     interface PLeaf {
         /**
           * @default false
@@ -819,12 +823,6 @@ declare namespace LocalJSX {
     interface PModal {
         "onClose"?: (event: PModalCustomEvent<void>) => void;
     }
-    interface PModalPreview {
-        /**
-          * @default false
-         */
-        "title"?: boolean;
-    }
     interface PNotification {
         /**
           * @default false
@@ -983,12 +981,10 @@ declare namespace LocalJSX {
         "p-card": PCard;
         "p-dropdown": PDropdown;
         "p-dropdown-item": PDropdownItem;
-        "p-dropdown-preview": PDropdownPreview;
         "p-icon": PIcon;
         "p-input-text": PInputText;
         "p-leaf": PLeaf;
         "p-modal": PModal;
-        "p-modal-preview": PModalPreview;
         "p-notification": PNotification;
         "p-notification-handler": PNotificationHandler;
         "p-notification-preview": PNotificationPreview;
@@ -1007,6 +1003,9 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "p-accordion": LocalJSX.PAccordion & JSXBase.HTMLAttributes<HTMLPAccordionElement>;
+            /**
+             * @Slot - alert content
+             */
             "p-alert": LocalJSX.PAlert & JSXBase.HTMLAttributes<HTMLPAlertElement>;
             "p-badge": LocalJSX.PBadge & JSXBase.HTMLAttributes<HTMLPBadgeElement>;
             "p-breadcrumb": LocalJSX.PBreadcrumb & JSXBase.HTMLAttributes<HTMLPBreadcrumbElement>;
@@ -1015,12 +1014,13 @@ declare module "@stencil/core" {
             "p-card": LocalJSX.PCard & JSXBase.HTMLAttributes<HTMLPCardElement>;
             "p-dropdown": LocalJSX.PDropdown & JSXBase.HTMLAttributes<HTMLPDropdownElement>;
             "p-dropdown-item": LocalJSX.PDropdownItem & JSXBase.HTMLAttributes<HTMLPDropdownItemElement>;
-            "p-dropdown-preview": LocalJSX.PDropdownPreview & JSXBase.HTMLAttributes<HTMLPDropdownPreviewElement>;
             "p-icon": LocalJSX.PIcon & JSXBase.HTMLAttributes<HTMLPIconElement>;
             "p-input-text": LocalJSX.PInputText & JSXBase.HTMLAttributes<HTMLPInputTextElement>;
+            /**
+             * @slots default - p-leaf content
+             */
             "p-leaf": LocalJSX.PLeaf & JSXBase.HTMLAttributes<HTMLPLeafElement>;
             "p-modal": LocalJSX.PModal & JSXBase.HTMLAttributes<HTMLPModalElement>;
-            "p-modal-preview": LocalJSX.PModalPreview & JSXBase.HTMLAttributes<HTMLPModalPreviewElement>;
             "p-notification": LocalJSX.PNotification & JSXBase.HTMLAttributes<HTMLPNotificationElement>;
             "p-notification-handler": LocalJSX.PNotificationHandler & JSXBase.HTMLAttributes<HTMLPNotificationHandlerElement>;
             "p-notification-preview": LocalJSX.PNotificationPreview & JSXBase.HTMLAttributes<HTMLPNotificationPreviewElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amiceli/papierjs",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Papercss web components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -51,25 +51,26 @@
     "build-storybook": "storybook build",
     "lint": "biome check ."
   },
+  "overrides": {
+    "@types/node": "*"
+  },
   "devDependencies": {
-    "@biomejs/biome": "1.9.4",
-    "@chromatic-com/storybook": "^4.0.1",
-    "@commitlint/cli": "^19.7.1",
-    "@commitlint/config-conventional": "^19.7.1",
+    "@biomejs/biome": "2.1.2",
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
     "@stencil/core": "^4.26.0",
     "@stencil/sass": "^3.0.12",
-    "@stencil/storybook-plugin": "^0.4.2",
-    "@storybook/addon-docs": "^9.0.15",
-    "@storybook/html-vite": "^9.0.15",
+    "@storybook/addon-docs": "^9.0.17",
+    "@storybook/web-components-vite": "^9.0.17",
     "@types/jest": "^29.5.14",
-    "@types/node": "^16.18.11",
-    "@types/react": "^19.0.8",
+    "@types/node": "^22.16.5",
     "dotenv": "^16.4.7",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
-    "lefthook": "^1.10.10",
+    "lefthook": "^1.12.2",
     "stencil-inline-svg": "^1.1.0",
-    "storybook": "^9.0.15"
+    "storybook": "^9.0.15",
+    "vite-plugin-live-reload": "^3.0.5"
   },
   "optionalDependencies": {
     "puppeteer": "^24.2.1"

package/readme.md

@@ -18,7 +18,7 @@ Available components:
 - [X] Text input
 - [X] Badge
 - [X] Slider
-- [ ] Card
+- [X] Card
 - [X] Breadcrumb
 - [X] Modals
 - [X] Switch / Switch Tile
@@ -31,7 +31,7 @@ Component features :
 - [X] dropdown since
 - [X] `p-leaf` allow to use papercss style anywhere
 - [X] notification
-- [ ] spinner
+- [X] spinner
 - [ ] password
 - [X] accordion
 
@@ -49,7 +49,7 @@ Papercss style isn't applied on your website.
 Init components : 
 
 ```javascript
-import { defineCustomElements } from '@amiceli/papierjs'
+import { defineCustomElements } from '@amiceli/papierjs/loader'
 
 defineCustomElements()
 ```
@@ -67,6 +67,5 @@ npm run build-storybook
 To run storybook : 
 
 ```bash
-npm run build:watch
 npm run storybook
 ```

package/dist/cjs/p-button.p-dropdown.p-dropdown-item.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-button.p-dropdown.p-dropdown-item.entry.cjs.js","sources":["src/components/button/button.scss?tag=p-button&encapsulation=shadow","src/components/button/button.tsx","src/components/dropdown/dropdown/dropdown.scss?tag=p-dropdown&encapsulation=shadow","src/components/dropdown/dropdown/dropdown.tsx","src/components/dropdown/dropdown/dropdown.scss?tag=p-dropdown-item&encapsulation=shadow","src/components/dropdown/dropdown-item/dropdown-item.tsx"],"sourcesContent":[":host {\n    @import \"../common\";\n\n    @include useBlock();\n}","import { Component, Element, Prop, h } from '@stencil/core'\n\ntype ButtonColor = 'success' | 'secondary' | 'primary' | 'danger' | 'warning'\n\n/**\n * @slot - button content\n */\n@Component({\n    tag: 'p-button',\n    styleUrl: 'button.scss',\n    shadow: true,\n})\nexport class Button {\n    @Element()\n    el: Element\n    @Prop()\n    type?: ButtonColor = 'primary'\n    @Prop()\n    outline?: boolean = false\n    @Prop()\n    large?: boolean = false\n    @Prop()\n    small?: boolean = false\n    @Prop()\n    block?: boolean = false\n    @Prop()\n    disabled?: boolean = false\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    loading?: boolean = false\n\n    public getClass(): string {\n        const types = ['success', 'secondary', 'primary', 'danger', 'warning']\n        let cssClass = ''\n\n        if (!types.includes(this.type)) {\n            cssClass = 'btn-primary'\n        } else {\n            cssClass = `btn-${this.type}`\n        }\n\n        if (this.disabled) {\n            cssClass = 'disabled'\n        }\n\n        cssClass = `${cssClass}${this.outline ? '-outline' : ''}`\n        cssClass = `${cssClass}${this.large ? ' btn-large' : ''}`\n        cssClass = `${cssClass}${this.small ? ' btn-small' : ''}`\n        cssClass = `${cssClass}${this.block ? ' btn-block' : ''}`\n\n        return cssClass\n    }\n\n    public getParentClass() {\n        let cssClass = 'papier'\n\n        if (this.block) {\n            cssClass = `${cssClass} is--block`\n        }\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n    render() {\n        const color = `var(--${this.type}${this.dark ? '-light' : ''})`\n\n        return (\n            <div class={this.getParentClass()}>\n                <button disabled={this.disabled} type=\"button\" class={this.getClass()}>\n                    {!this.loading ? <slot /> : <p-spinner color={color} dark={this.dark} />}\n                </button>\n            </div>\n        )\n    }\n}\n",":host {\n    @import \"../../common\";\n\n    @include useBlock();\n\n    height: 27px;\n\n    .dropdown-item {\n        width: 100%;\n        background: white;\n        height: 27px;\n\n        &.is--dark {\n            background: #41403e;\n        }\n\n        &:hover {\n            cursor: pointer;\n\n            .border {\n                cursor: pointer;\n            }\n        }\n\n        .border {\n            height: 27px;\n            padding-left: 10px;\n            box-sizing: border-box;\n            border-top: none;\n        }\n    }\n\n    .dropdown {\n        position: relative;\n        height: 27px;\n\n        &.is--dark {\n            color : white;\n            .dropdown__header, .dropdown__children {\n                background: #41403e;\n            }\n        }\n\n        &__header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-left: 10px;\n            padding-right: 10px;\n            cursor: pointer;\n            position: relative;\n            z-index: 20;\n        }\n\n        &__children {\n            position: absolute;\n            z-index: 222;\n            top: 31px;\n            left: 0;\n            width: 100%;\n            max-height: 200px;\n            display: grid;\n            grid-auto-rows: 27px;\n            max-height: calc(27px * 5);\n            overflow-y: auto;\n            background: white;\n        }\n\n        .for--icon {\n            position: relative;\n            top: 2px;\n            transition: all 0.3s linear;\n            transform: rotate(0deg);\n        }\n\n        &:not(.is--open) {\n            .dropdown__children {\n                display: none;\n            }\n        }\n\n        &.is--open {\n            .dropdown__children {\n                display: grid;\n            }\n\n            .for--icon {\n                transform: rotate(180deg);\n                top: -3px;\n            }\n        }\n    }\n\n    .dropdown {\n        &:not(.is--block) {\n            display: inline-block;\n            min-width: 200px;\n        }\n\n        &.is--block {\n            display: block;\n            width: 100%;\n            box-sizing: border-box;\n        }\n    }\n\n}","import { Component, Element, Event, type EventEmitter, Listen, Prop, State, h } from '@stencil/core'\nimport feather from 'feather-icons'\n\n/**\n * @slot - slot for p-dropdown-item\n */\n@Component({\n    tag: 'p-dropdown',\n    styleUrl: 'dropdown.scss',\n    shadow: true,\n})\nexport class Alert {\n    @Prop()\n    dark?: boolean = false\n    /** Prevent dropdown self update selected value */\n    @Prop()\n    preventSelected?: boolean = false\n    /** Selected item value */\n    @Prop({ mutable: true })\n    value?: string = ''\n    @State()\n    open?: boolean = false\n    @Prop()\n    placeholder?: string\n    @State()\n    selectedValue?: string\n    @Element()\n    public el: HTMLElement\n\n    @Event({ eventName: 'select' })\n    public selectEvent: EventEmitter<string>\n\n    public getParentClass() {\n        return {\n            'papier dropdown': true,\n            'is--dark': this.dark,\n            'is--open': this.open,\n        }\n    }\n\n    @Listen('click', { target: 'window' })\n    public detectOutsideClick(ev) {\n        if (!this.el.contains(ev.target)) {\n            this.open = false\n        }\n    }\n\n    public resetItem() {\n        const items = Array.from(this.el.getElementsByTagName('p-dropdown-item'))\n\n        for (const item of items) {\n            item.removeAttribute('selected')\n        }\n    }\n\n    public componentWillLoad() {\n        const items = Array.from(this.el.getElementsByTagName('p-dropdown-item'))\n\n        for (const item of items) {\n            if (this.dark) {\n                item.setAttribute('dark', 'true')\n            }\n            if (item.selected === true) {\n                this.value = item.value\n            }\n            item.addEventListener('change', (e) => {\n                this.selectEvent.emit(e.detail)\n                this.open = !this.open\n\n                if (!this.preventSelected) {\n                    this.resetItem()\n                    item.setAttribute('selected', '')\n                    this.value = e.detail\n                }\n            })\n        }\n    }\n\n    public selectValue(value: string) {\n        this.selectEvent.emit(value)\n    }\n\n    public getSelectedValue(): string {\n        const list = Array.from(this.el.querySelectorAll('p-dropdown-item'))\n        const selected = list.find((item) => {\n            return item.value === this.value\n        })\n\n        return selected?.innerText || this.placeholder || ''\n    }\n\n    render() {\n        const selected = this.getSelectedValue()\n        const arrowIcon = feather.icons['chevron-down'].toSvg()\n\n        return (\n            <div class={this.getParentClass()}>\n                <div\n                    class=\"dropdown__header border border-primary\"\n                    onClick={() => {\n                        this.open = !this.open\n                    }}\n                >\n                    <span>{selected}</span>\n                    <span class=\"for--icon\" innerHTML={arrowIcon} />\n                </div>\n                <div class=\"dropdown__children\">\n                    <slot />\n                </div>\n            </div>\n        )\n    }\n}\n",":host {\n    @import \"../../common\";\n\n    @include useBlock();\n\n    height: 27px;\n\n    .dropdown-item {\n        width: 100%;\n        background: white;\n        height: 27px;\n\n        &.is--dark {\n            background: #41403e;\n        }\n\n        &:hover {\n            cursor: pointer;\n\n            .border {\n                cursor: pointer;\n            }\n        }\n\n        .border {\n            height: 27px;\n            padding-left: 10px;\n            box-sizing: border-box;\n            border-top: none;\n        }\n    }\n\n    .dropdown {\n        position: relative;\n        height: 27px;\n\n        &.is--dark {\n            color : white;\n            .dropdown__header, .dropdown__children {\n                background: #41403e;\n            }\n        }\n\n        &__header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-left: 10px;\n            padding-right: 10px;\n            cursor: pointer;\n            position: relative;\n            z-index: 20;\n        }\n\n        &__children {\n            position: absolute;\n            z-index: 222;\n            top: 31px;\n            left: 0;\n            width: 100%;\n            max-height: 200px;\n            display: grid;\n            grid-auto-rows: 27px;\n            max-height: calc(27px * 5);\n            overflow-y: auto;\n            background: white;\n        }\n\n        .for--icon {\n            position: relative;\n            top: 2px;\n            transition: all 0.3s linear;\n            transform: rotate(0deg);\n        }\n\n        &:not(.is--open) {\n            .dropdown__children {\n                display: none;\n            }\n        }\n\n        &.is--open {\n            .dropdown__children {\n                display: grid;\n            }\n\n            .for--icon {\n                transform: rotate(180deg);\n                top: -3px;\n            }\n        }\n    }\n\n    .dropdown {\n        &:not(.is--block) {\n            display: inline-block;\n            min-width: 200px;\n        }\n\n        &.is--block {\n            display: block;\n            width: 100%;\n            box-sizing: border-box;\n        }\n    }\n\n}","import { Component, Event, type EventEmitter, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-dropdown-item',\n    styleUrl: '../dropdown/dropdown.scss',\n    shadow: true,\n})\nexport class DropdownItem {\n    @Prop()\n    value!: string\n    @Prop()\n    selected?: boolean = false\n    @Prop()\n    dark?: boolean = false\n\n    @Event({ eventName: 'change' })\n    public changeEvent: EventEmitter<string>\n\n    public getParentClass() {\n        return {\n            'papier dropdown-item': true,\n            'is--dark': this.dark,\n        }\n    }\n\n    public sendClick() {\n        this.changeEvent.emit(this.value)\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()} onClick={() => this.sendClick()}>\n                <div\n                    class={{\n                        'background-success': this.selected,\n                        'border border-primary': true,\n                    }}\n                >\n                    <slot />\n                </div>\n            </div>\n        )\n    }\n}\n"],"names":["h","dropdownCss","feather"],"mappings":"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"}