@supersoniks/concorde 1.1.43 → 1.1.45

package/mixins.d.ts

@@ -1,14 +1,15 @@
 /// <reference types="node" />
-export declare const Fetcher: <PropsType = any, T extends new (...args: any[]) => mySubscriber.SubscriberInterface<PropsType> = any>(superClass: T, propsType?: PropsType | undefined) => {
+export declare const Fetcher: <T extends new (...args: any[]) => mySubscriber.SubscriberInterface<PropsType>, PropsType extends import("./core/_types/types").PublisherContentType = import("./core/_types/types").PublisherContentType>(superClass: T, propsType?: PropsType | undefined) => {
     new (...args: any[]): {
-        api: import("./core/utils/api").default<any, any> | null;
-        key: String;
+        api: import("./core/utils/api").default | null;
+        key: string;
         isFirstLoad: boolean;
         isLoading: boolean;
         iObserver: IntersectionObserver | null;
         isDefaultLoaderEnabled: boolean;
         isFetchEnabled: boolean;
         _endPoint: string;
+        props: (PropsType & import("./core/utils/api").ResultTypeInterface) | null;
         endPoint: string;
         requestId: number;
         refetchEveryMs: number;
@@ -19,9 +20,10 @@ export declare const Fetcher: <PropsType = any, T extends new (...args: any[]) =
         connectedCallback(): void;
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
-        props: PropsType | null;
-        propertyMap: Object;
+        propertyMap: object;
         isConnected: boolean;
+        children: HTMLCollection;
+        appendChild(node: Node): Node;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
@@ -41,7 +43,7 @@ export declare const Fetcher: <PropsType = any, T extends new (...args: any[]) =
         getApiConfiguration(): import("./core/utils/api").APIConfiguration;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
     };
 } & T;
 export declare const FormCheckable: <T extends new (...args: any[]) => myFormElement.FormElementInterface>(superClass: T) => {
@@ -79,9 +81,11 @@ export declare const FormCheckable: <T extends new (...args: any[]) => myFormEle
         ariaLabel?: string | undefined;
         _name: string;
         name: string;
-        props: any;
-        propertyMap: Object;
+        props: import("./core/_types/types").CoreJSType;
+        propertyMap: object;
         isConnected: boolean;
+        children: HTMLCollection;
+        appendChild(node: Node): Node;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
@@ -100,17 +104,17 @@ export declare const FormCheckable: <T extends new (...args: any[]) => myFormEle
         getApiConfiguration(): import("./core/utils/api").APIConfiguration;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
     };
 } & T;
 import * as myFormElement from "@supersoniks/concorde/core/mixins/FormElement";
-export declare const FormElement: <T extends new (...args: any[]) => mySubscriber.SubscriberInterface<any>>(superClass: T) => (new (...args: any[]) => myFormElement.FormElementInterface) & T;
+export declare const FormElement: <T extends new (...args: any[]) => mySubscriber.SubscriberInterface<import("./core/_types/types").CoreJSType>>(superClass: T) => (new (...args: any[]) => myFormElement.FormElementInterface) & T;
 export declare const FormInput: <T extends new (...args: any[]) => myFormElement.FormElementInterface>(superClass: T) => {
     new (...args: any[]): {
         validateFormElement(): void;
         forceAutoFill: boolean;
-        _type: "number" | "search" | "file" | "button" | "password" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local";
-        type: "number" | "search" | "file" | "button" | "password" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local";
+        _type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
+        type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
         _description?: string | undefined;
         description: string | undefined;
         _label?: string | undefined;
@@ -121,7 +125,7 @@ export declare const FormInput: <T extends new (...args: any[]) => myFormElement
         updateDataValue(): void;
         handleChange(e?: Event | undefined): void;
         handleBlur(e?: Event | undefined): void;
-        getValueForFormPublisher(): any;
+        getValueForFormPublisher(): string | object | string[] | null | undefined;
         focus?: (() => void) | undefined;
         shadowRoot?: ShadowRoot | undefined;
         error: boolean;
@@ -131,13 +135,15 @@ export declare const FormInput: <T extends new (...args: any[]) => myFormElement
         formDataProvider: string;
         ariaLabelledby?: string | undefined;
         ariaLabel?: string | undefined;
-        _value: string | null;
-        value: string | null;
+        _value: string | object | string[] | null | undefined;
+        value: string | object | string[] | null | undefined;
         _name: string;
         name: string;
-        props: any;
-        propertyMap: Object;
+        props: import("./core/_types/types").CoreJSType;
+        propertyMap: object;
         isConnected: boolean;
+        children: HTMLCollection;
+        appendChild(node: Node): Node;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
@@ -157,11 +163,11 @@ export declare const FormInput: <T extends new (...args: any[]) => myFormElement
         connectedCallback(): void;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
         disconnectedCallback(): void;
     };
 } & T;
 import * as mySubscriber from "@supersoniks/concorde/core/mixins/Subscriber";
-export declare const Subscriber: <PropsType = any, T extends new (...args: any[]) => import("lit").LitElement = any>(superClass: T, type?: PropsType | undefined) => (new (...args: any[]) => mySubscriber.SubscriberInterface<PropsType>) & T;
+export declare const Subscriber: <PropsType = import("./core/_types/types").CoreJSType, T extends new (...args: any[]) => import("lit").LitElement = new (...args: any[]) => import("lit").LitElement>(superClass: T, type?: PropsType | undefined) => (new (...args: any[]) => mySubscriber.SubscriberInterface<PropsType>) & T;
 import * as myTemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesContainer";
 export declare const TemplatesContainer: <T extends new (...args: any[]) => import("lit").LitElement>(superClass: T) => (new (...args: any[]) => myTemplatesContainer.TemplatesContainerInterface) & T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "1.1.43",
+  "version": "1.1.45",
   "customElements": "custom-elements.json",
   "license": "MIT",
   "publishConfig": {
@@ -23,10 +23,15 @@
     "@types/intl": "^1.2.0",
     "@types/jest": "^29.2.6",
     "@types/node": "^18.11.18",
+    "@typescript-eslint/eslint-plugin": "^5.49.0",
+    "@typescript-eslint/parser": "^5.49.0",
+    "add": "^2.0.6",
     "autoprefixer": "^10.4.5",
+    "eslint": "^8.32.0",
+    "eslint-config-prettier": "^8.6.0",
     "intl": "^1.2.5",
     "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
+    "jest-environment-jsdom": "^29.4.1",
     "postcss": "^8.4.12",
     "rollup-plugin-minify-html-literals": "^1.2.6",
     "rollup-plugin-postcss-lit": "^2.0.0",
@@ -36,7 +41,8 @@
     "ts-node": "^10.9.1",
     "typescript": "^4.6.4",
     "vite": "^2.6.14",
-    "vite-jest": "^0.1.4"
+    "vite-jest": "^0.1.4",
+    "yarn": "^1.22.19"
   },
   "exports": {
     "./components": "./components.js",
@@ -67,6 +73,8 @@
     "./functional/sdui/SDUIDescriptorTransformer": "./core/components/functional/sdui/SDUIDescriptorTransformer.js",
     "./core/components/functional/sdui/default-library.json": "./core/components/functional/sdui/default-library.json",
     "./functional/sdui/default-library.json": "./core/components/functional/sdui/default-library.json",
+    "./core/components/functional/sdui/example.json": "./core/components/functional/sdui/example.json",
+    "./functional/sdui/example.json": "./core/components/functional/sdui/example.json",
     "./core/components/functional/sdui/sdui-utils": "./core/components/functional/sdui/sdui-utils.js",
     "./functional/sdui/sdui-utils": "./core/components/functional/sdui/sdui-utils.js",
     "./core/components/functional/sdui/sdui": "./core/components/functional/sdui/sdui.js",
@@ -191,8 +199,6 @@
     "./ui/table/table-tr": "./core/components/ui/table/table-tr.js",
     "./core/components/ui/table/table": "./core/components/ui/table/table.js",
     "./ui/table": "./core/components/ui/table/table.js",
-    "./core/components/ui/taxonomy/taxonomy": "./core/components/ui/taxonomy/taxonomy.js",
-    "./ui/taxonomy": "./core/components/ui/taxonomy/taxonomy.js",
     "./core/components/ui/theme/theme-collection/core-variables": "./core/components/ui/theme/theme-collection/core-variables.js",
     "./ui/theme/theme-collection/core-variables": "./core/components/ui/theme/theme-collection/core-variables.js",
     "./core/components/ui/theme/theme-collection/dark": "./core/components/ui/theme/theme-collection/dark.js",
@@ -256,7 +262,6 @@
     "./docs/navigation/navigation": "./docs/navigation/navigation.js",
     "./docs/navigation": "./docs/navigation/navigation.js",
     "./docs/prism/index": "./docs/prism/index.js",
-    "./docs/search/doc-search.json": "./docs/search/doc-search.json",
     "./docs/search/docs-search.json": "./docs/search/docs-search.json",
     "./docs/search/markdown-renderer": "./docs/search/markdown-renderer.js",
     "./docs/search/page": "./docs/search/page.js",

package/core/components/ui/taxonomy/taxonomy.d.ts

@@ -1,44 +0,0 @@
-import { LitElement, nothing } from "lit";
-import "@supersoniks/concorde/core/components/ui/icon/icon";
-import "@supersoniks/concorde/core/components/ui/badge/badge";
-import { IconConf } from "../icon/icons";
-declare type TaxonomyConf = Record<string, boolean | string>;
-/**
- * Le composant taxonomy crée un badge (*sonic-badge*) contenant une liste de termes préfixés par une icone (*sonic-icon*) optionelle séparées par une chaine html séparatrice (*separator*)
- */
-export declare class Taxonomy extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Identifiant d'icone passé en interne au composant *sonic-icon*
-     */
-    icon: IconConf;
-    /**
-     * Tableau d'objets de la forme :{*key*_name:*"Une taxonomie"*} ou *key* correspond à la valeur fournie à la propriété *key*.
-     * Dans ce cas *"une taxonomie"* sera un des termes affiches dans le composant.
-     */
-    taxonomy: TaxonomyConf[];
-    /**
-     * Chaque terme sera séparé par la valeur contenue dans cette propriété
-     */
-    separator: string;
-    /**
-     * La clée utilisé pour extraire le terme de la donnée. (voir la propriété *taxonomy*)
-     */
-    key: string;
-    /**
-     * Le type change surtout la couleur composant :  voir *Badge*, *Button*
-     */
-    type: "primary" | "warning" | "danger" | "success" | "info" | "default";
-    /**
-     * Le composant par defaut sans se paramètre à forte afordance
-     * * gost : composant super léger visuellement
-     * * outline : composant légé avec une bordure
-     */
-    variant: "default" | "outline" | "ghost";
-    /**
-     * Taille du composant, implique notamment des modifications de typo et de marge interne
-     */
-    size: "md" | "xs" | "sm" | "lg";
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
-}
-export {};

package/core/components/ui/taxonomy/taxonomy.js

@@ -1,115 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, html, LitElement, nothing } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { repeat } from "lit/directives/repeat.js";
-import "@supersoniks/concorde/core/components/ui/icon/icon";
-import "@supersoniks/concorde/core/components/ui/badge/badge";
-import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-const tagName = "sonic-taxonomy";
-/**
- * Le composant taxonomy crée un badge (*sonic-badge*) contenant une liste de termes préfixés par une icone (*sonic-icon*) optionelle séparées par une chaine html séparatrice (*separator*)
- */
-let Taxonomy = class Taxonomy extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Identifiant d'icone passé en interne au composant *sonic-icon*
-         */
-        this.icon = { name: "" };
-        /**
-         * Tableau d'objets de la forme :{*key*_name:*"Une taxonomie"*} ou *key* correspond à la valeur fournie à la propriété *key*.
-         * Dans ce cas *"une taxonomie"* sera un des termes affiches dans le composant.
-         */
-        this.taxonomy = [];
-        /**
-         * Chaque terme sera séparé par la valeur contenue dans cette propriété
-         */
-        this.separator = ",&nbsp;";
-        /**
-         * La clée utilisé pour extraire le terme de la donnée. (voir la propriété *taxonomy*)
-         */
-        this.key = "";
-        /**
-         * Le type change surtout la couleur composant :  voir *Badge*, *Button*
-         */
-        this.type = "default";
-        /**
-         * Le composant par defaut sans se paramètre à forte afordance
-         * * gost : composant super léger visuellement
-         * * outline : composant légé avec une bordure
-         */
-        this.variant = "default";
-        /**
-         * Taille du composant, implique notamment des modifications de typo et de marge interne
-         */
-        this.size = "md";
-    }
-    render() {
-        if (!Array.isArray(this.taxonomy))
-            return nothing;
-        let key = this.key + "_display";
-        let taxo = this.taxonomy.filter((elt) => elt != null && (elt[key] === true || elt[key] == "1" || !elt.hasOwnProperty(key)));
-        if (taxo.length === 0) {
-            this.style.display = "none";
-            return nothing;
-        }
-        this.style.removeProperty("display");
-        return html `
-      <sonic-badge type=${this.type} variant=${this.variant} size=${this.size}>
-        <sonic-icon
-          slot="prefix"
-          library=${ifDefined(this.icon.library)}
-          prefix=${ifDefined(this.icon.prefix)}
-          name=${ifDefined(this.icon.name)}
-        ></sonic-icon>
-        <span class="taxonomy-list">
-          ${repeat(taxo, (item) => item[this.key + "_id"], (item) => {
-            return html `<span> ${item[this.key + "_name"] || item["name"]}</span
-                ><span class="sonic-taxonomy-separator">${unsafeHTML(this.separator)}</span>`;
-        })}
-        </span>
-      </sonic-badge>
-    `;
-    }
-};
-Taxonomy.styles = css `
-    :host .sonic-taxonomy-separator:last-child {
-      display: none;
-    }
-
-    .taxonomy-list {
-      display: flex;
-      flex-wrap: wrap;
-    }
-  `;
-__decorate([
-    property({ type: Object })
-], Taxonomy.prototype, "icon", void 0);
-__decorate([
-    property({ type: Array })
-], Taxonomy.prototype, "taxonomy", void 0);
-__decorate([
-    property({ type: String })
-], Taxonomy.prototype, "separator", void 0);
-__decorate([
-    property({ type: String })
-], Taxonomy.prototype, "key", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], Taxonomy.prototype, "type", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], Taxonomy.prototype, "variant", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], Taxonomy.prototype, "size", void 0);
-Taxonomy = __decorate([
-    customElement(tagName)
-], Taxonomy);
-export { Taxonomy };