@supersoniks/concorde 2.0.6 → 3.0.0

package/core/components/functional/list/list.d.ts

@@ -1,117 +0,0 @@
-/// <reference types="node" />
-import { LitElement, nothing } from "lit";
-import "@supersoniks/concorde/core/components/ui/loader/loader";
-import "@supersoniks/concorde/core/components/functional/subscriber/subscriber";
-import { DirectiveResult } from "lit/directive";
-import { TemplateContentDirective } from "lit/directives/template-content.js";
-import { TemplateResult } from "lit";
-import { LoaderMode } from "@supersoniks/concorde/core/components/ui/loader/loader";
-/**
- *  ### List boucle sur sa propriété "props" et crée des éléments a partir des données en bouclant également sur ses templates.
- *
- * Extends mixins : Fetcher, [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page)
- *
- * * Si le composant possède un attribut *fetch*, il charge un contenu via un appel d'api web.<br>
- * Voir [fetcher](./?path=/docs/core-components-functional-fetch--basic) pour la configuration des autres attributs.
- * * Chaque élément créé est englobé dans un objet [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page).<br>
- *  Un dataProvider y est associé a l'adresse suivante *dataProvider-de-la-liste$/*index-de-la-ligne-courante*
- *  Les données de la ligne sont donc disponible pour les élements internes (subscribers, data-binding)
- *  * Lors du chargement un objet loader inline est affiché.
- *  * Si le résultat de la requête est un objet, il est imbriqué dans un tableau pour garantir le fonctionnement.<br>
- * Cependant, si l'attribut `extractValues` est présent, les valeurs des propriétés de l'objet sont mises dans  dans un tableau pour le rendu.
- * * La propriété _metadata_ est ajoutés à la donnée de chaque item. Elle contient les informations suivantes :
- * * key : l'index de l'item dans la liste
- * * even : true si l'index est pair
- * * odd : true si l'index est impair
- * * onlyChild : true si la liste ne contient qu'un seul item
- * * firstChild : true si l'item est le premier de la liste
- * * lastChild : true si l'item est le dernier de la liste
- * * Si la liste ne contient aucun item, le template "no-item" est utilisé si il est défini.
- * * On peut appler la methode invalidate() sur son publishe pour declencher le rechargement des données
- * *
- */
-export type ListItemMetadata = {
-    key?: string;
-    even?: boolean;
-    odd?: boolean;
-    onlyChild?: boolean;
-    firstChild?: boolean;
-    lastChild?: boolean;
-};
-declare const List_base: {
-    new (...args: any[]): {
-        api: import("../../../utils/api").default | null;
-        key: string;
-        isFirstLoad: boolean;
-        isLoading: boolean;
-        lazyLoad?: boolean | undefined;
-        iObserver: IntersectionObserver | null;
-        isFetchEnabled: boolean;
-        fetchedData: any;
-        _endPoint: string;
-        props: import("../../../utils/api").ResultTypeInterface | null;
-        endPoint: string;
-        requestId: number;
-        refetchEveryMs: number;
-        refetchTimeOutId?: NodeJS.Timeout | undefined;
-        _fetchData(): Promise<void>;
-        onInvalidate?: (() => void) | undefined;
-        disconnectedCallback(): void;
-        connectedCallback(): void;
-        lazyLoadSpan?: HTMLSpanElement | undefined;
-        handleLazyLoad(): void;
-        onIntersection(entries: IntersectionObserverEntry[]): void;
-        propertyMap: object;
-        isConnected: boolean;
-        children: HTMLCollection;
-        appendChild(node: Node): Node;
-        getAncestorAttributeValue(attributeName: string): string;
-        hasAncestorAttribute(attributeName: string): boolean;
-        querySelectorAll(selector: string): NodeListOf<Element>;
-        publisher: any;
-        dataProvider: string | null;
-        noShadowDom: string | null;
-        debug: HTMLElement | null;
-        defferedDebug: boolean | null;
-        displayContents: boolean;
-        shadowRoot?: ShadowRoot | undefined;
-        dispatchEvent(event: Event): void;
-        setAttribute(name: string, value: string): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        removeAttribute(name: string): void;
-        initPublisher(): void;
-        getApiConfiguration(): import("../../../utils/api").APIConfiguration;
-        requestUpdate(): void;
-        getAttribute(name: string): string;
-        hasAttribute(attributeName: string): boolean;
-        getBoundingClientRect(): DOMRect;
-    };
-} & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/TemplatesContainer").TemplatesContainerInterface) & typeof LitElement;
-export declare class List extends List_base {
-    itemPropertyMap?: object;
-    /**
-     * La propriété templateKey contient le nom de la propriété qui sera utilisé pour identifier le template à utiliser dans la donnée de la ligne.
-     * Par exemple si templateIdentifier = "name" et que la donnée de la ligne est {name: "myTemplate" ... }, alors le template possédant l'attribut data-value="myTemplate" sera utilisé.
-     */
-    templateKey: string;
-    /**
-     * La propriété idKey est utilisé repérer les lignes de manière unique si pour les item de la liste item[this.idKey] n'existe pas, alors l'index est utilisé
-     */
-    idKey: string;
-    loader?: LoaderMode | true | "";
-    limit: number;
-    offset: number;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    renderLoader(): TemplateResult<1> | typeof nothing;
-    renderSkeleton(): DirectiveResult<import("lit-html/directive").DirectiveClass>;
-    renderLoadingState(): DirectiveResult<typeof TemplateContentDirective> | TemplateResult;
-    renderNoResultState(): TemplateResult<1>;
-    formatProps(): (import("../../../_types/types").CoreJSType[] & {
-        _sonic_http_response_?: Response | undefined;
-        text?: string | undefined;
-    }) | null;
-    render(): DirectiveResult<typeof TemplateContentDirective>;
-}
-export {};

package/core/components/functional/list/list.js

@@ -1,214 +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 { html, LitElement, nothing } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
-import Fetcher from "@supersoniks/concorde/core/mixins/Fetcher";
-import { templateContent } from "lit/directives/template-content.js";
-import "@supersoniks/concorde/core/components/ui/loader/loader";
-import "@supersoniks/concorde/core/components/functional/subscriber/subscriber";
-import Objects from "@supersoniks/concorde/core/utils/Objects";
-import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesContainer";
-const tagName = "sonic-list";
-let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))) {
-    constructor() {
-        super(...arguments);
-        /**
-         * La propriété templateKey contient le nom de la propriété qui sera utilisé pour identifier le template à utiliser dans la donnée de la ligne.
-         * Par exemple si templateIdentifier = "name" et que la donnée de la ligne est {name: "myTemplate" ... }, alors le template possédant l'attribut data-value="myTemplate" sera utilisé.
-         */
-        this.templateKey = "template";
-        /**
-         * La propriété idKey est utilisé repérer les lignes de manière unique si pour les item de la liste item[this.idKey] n'existe pas, alors l'index est utilisé
-         */
-        this.idKey = "id";
-        this.limit = Number.POSITIVE_INFINITY;
-        this.offset = 0;
-    }
-    connectedCallback() {
-        this.noShadowDom = "";
-        this.defferedDebug = this.hasAttribute("debug") || null;
-        this.isFetchEnabled = this.hasAttribute("fetch");
-        if (this.isFetchEnabled)
-            this.isLoading = true;
-        super.connectedCallback();
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-    }
-    renderLoader() {
-        if (!(this.isLoading && this.loader !== undefined))
-            return nothing;
-        const template = this.templateParts["skeleton"];
-        if (template)
-            return nothing;
-        const loader = this.loader === true || this.loader === "" ? "fixed" : this.loader;
-        return html `<sonic-loader mode=${loader}></sonic-loader>`;
-    }
-    renderSkeleton() {
-        const template = this.templateParts["skeleton"];
-        if (!(this.isLoading && template))
-            return nothing;
-        return templateContent(template);
-    }
-    renderLoadingState() {
-        return html `${this.renderSkeleton()} ${this.renderLoader()}`;
-    }
-    renderNoResultState() {
-        return html ` <div
-      style="color: var(--sc-base-400);
-    font-size: 1.5em;
-    margin: 4rem 0;
-    display: flex;
-    gap: 0.5rem;"
-    >
-      <sonic-icon name="emoji-puzzled" size="lg"></sonic-icon
-      ><span class="sonic-no-result-text">${typeof this.props === "string" && this.props == "" ? "Aucun résultat" : this.props}</span>
-    </div>`;
-    }
-    formatProps() {
-        let props = this.props;
-        if (props == null) {
-            return null;
-        }
-        const response = props._sonic_http_response_;
-        const extractValues = this.hasAttribute("extractValues");
-        //si props n'est pas un tableau on l'adapte
-        if (!Array.isArray(props)) {
-            if (extractValues) {
-                props = Object.entries(props).map(([k, v]) => ({ key: k, value: v }));
-            }
-            else {
-                if (Objects.isObject(props) && Object.keys(props).length > 0 && (!response || response.ok))
-                    props = [props];
-                else {
-                    props = [];
-                }
-            }
-        }
-        props = props.filter((e) => e != null);
-        if (response)
-            props._sonic_http_response_ = response;
-        return props;
-    }
-    render() {
-        /**
-         * Loading
-         */
-        const isLoadingState = this.isLoading && !Array.isArray(this.props);
-        if (isLoadingState)
-            return this.renderLoadingState();
-        /**
-         * Si props est une string on considère qu'il n'y a pas de résultats
-         */
-        const isString = typeof this.props === "string";
-        if (isString)
-            return this.renderNoResultState();
-        /**
-         * si props mal formé ou null on retourne une div vide (nécessaire pour le lazyload)
-         */
-        const propsIsBaddlyFormatted = !Objects.isObject(this.props);
-        if (propsIsBaddlyFormatted)
-            return html `<div></div>`;
-        /**
-         * On format les props pour les rendre compatibles avec le fonctionnement du rendu en fonction du paramétrage du composant (cf : "extractValues" )
-         */
-        const props = this.formatProps();
-        /**
-         *  On peut définir un template spécifique si le résultat est un tableau vide
-         */
-        if ((props?.length || 0) == 0 && this.templateParts["no-item"]) {
-            return templateContent(this.templateParts["no-item"]);
-        }
-        /**
-         * Rendu des lignes
-         *  */
-        const templateCount = this.templateList.length;
-        let counter = -1;
-        const extractValues = this.hasAttribute("extractValues");
-        const separator = this.templateParts["separator"];
-        const length = props?.length || 0;
-        const items = props?.slice(this.offset, this.offset + this.limit);
-        return html `
-      ${items?.map((item, index) => {
-            if (item == null)
-                return nothing;
-            let templatePart = null;
-            let key = index;
-            if (typeof item == "object" && !Array.isArray(item)) {
-                const templatePartName = item[this.templateKey];
-                if (templatePartName && typeof templatePartName == "string") {
-                    templatePart = this.templateParts[templatePartName];
-                }
-                if (extractValues)
-                    key = item?.["key"];
-            }
-            if (key == "_sonic_http_response_")
-                return nothing;
-            if (typeof key != "string" && typeof key != "number")
-                return nothing;
-            const isLastChild = index >= length - 1;
-            const indexMod2 = index % 2;
-            const childPublisher = this.publisher[key];
-            /**
-             * Ajout de metatdonnées au publisher de l'enfant
-             */
-            //La prop key est gardée pour le moment pour compatibilité
-            //TODO : supprimer la prop key cquand c'est ok côté covoit.
-            childPublisher._key_ = key + "";
-            childPublisher._metadata_ = {
-                ...childPublisher._metadata_.get(),
-                key: key,
-                even: indexMod2 == 0,
-                odd: indexMod2 == 1,
-                onlyChild: length == 1,
-                firstChild: index == 0,
-                lastChild: isLastChild,
-            };
-            counter++;
-            if (templatePart)
-                counter = -1;
-            return (item &&
-                html `
-            <sonic-subscriber
-              ?debug=${this.defferedDebug === true}
-              .bindPublisher=${function () {
-                    return childPublisher;
-                }}
-              .propertyMap?=${this.itemPropertyMap}
-              dataProvider="${this.dataProvider}/list-item/${key}"
-            >
-              ${templatePart ? templateContent(templatePart) : templateContent(this.templateList[counter % templateCount])}
-            </sonic-subscriber>
-            ${separator && !isLastChild ? templateContent(separator) : nothing}
-          `);
-        })}
-    `;
-    }
-};
-__decorate([
-    property({ type: Object })
-], List.prototype, "itemPropertyMap", void 0);
-__decorate([
-    property({ type: String })
-], List.prototype, "templateKey", void 0);
-__decorate([
-    property({ type: String })
-], List.prototype, "idKey", void 0);
-__decorate([
-    property()
-], List.prototype, "loader", void 0);
-__decorate([
-    property()
-], List.prototype, "limit", void 0);
-__decorate([
-    property()
-], List.prototype, "offset", void 0);
-List = __decorate([
-    customElement(tagName)
-], List);
-export { List };

package/core/components/functional/mix/mix.d.ts

@@ -1,22 +0,0 @@
-import { LitElement } from "lit";
-import { PublisherInterface, PublisherContentType } from "@supersoniks/concorde/core/_types/types";
-type Composition = Record<string, object | string>;
-type Listener = {
-    publisher: PublisherInterface;
-    subscriber: <T>(v: T) => void;
-};
-declare const SonicMix_base: (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface<import("@supersoniks/concorde/core/_types/types").CoreJSType>) & typeof LitElement;
-export default class SonicMix extends SonicMix_base {
-    static styles: import("lit").CSSResult[];
-    private _composition;
-    get composition(): Composition;
-    set composition(value: Composition);
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updateComposition(): void;
-    listeners: Listener[];
-    removePublisherListeners(): void;
-    parseComposition<T extends PublisherContentType = PublisherContentType>(composition: Composition, publisher: PublisherInterface<T>): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};

package/core/components/functional/mix/mix.js

@@ -1,102 +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 { PublisherProxy } from "@supersoniks/concorde/core/utils/PublisherProxy";
-import { Subscriber } from "@supersoniks/concorde/mixins";
-import { Objects, PublisherManager } from "@supersoniks/concorde/utils";
-import { LitElement, html, css } from "lit";
-import { customElement, property } from "lit/decorators.js";
-let SonicMix = class SonicMix extends Subscriber(LitElement) {
-    constructor() {
-        super(...arguments);
-        this._composition = {};
-        this.listeners = [];
-    }
-    get composition() {
-        return this._composition;
-    }
-    set composition(value) {
-        this._composition = value;
-        this.updateComposition();
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.updateComposition();
-    }
-    disconnectedCallback() {
-        this.removePublisherListeners();
-        super.disconnectedCallback();
-    }
-    updateComposition() {
-        this.removePublisherListeners();
-        if (!this.publisher)
-            return;
-        this.publisher.set({});
-        this.parseComposition(this.composition, this.publisher);
-    }
-    removePublisherListeners() {
-        const listeners = this.listeners;
-        this.listeners = [];
-        listeners.forEach((listener) => {
-            this.publisher.offAssign(listener.subscriber);
-        });
-    }
-    parseComposition(composition, publisher) {
-        if (!composition)
-            return;
-        for (const z in composition) {
-            const value = composition[z];
-            if (typeof value === "string") {
-                const split = value.split(".");
-                const first = split.shift();
-                if (!first)
-                    continue;
-                let publisherSource = PublisherManager.get(first);
-                publisherSource = Objects.traverse(publisherSource, split);
-                const publisherSubscriber = {
-                    publisher: publisherSource,
-                    subscriber: (v) => {
-                        publisher[z] = v;
-                    },
-                };
-                this.listeners.push(publisherSubscriber);
-                publisherSource.onAssign(publisherSubscriber.subscriber);
-                publisher._proxies_.set(z, publisherSource);
-            }
-            else {
-                this.publisher[z] = {};
-                const newPublisher = new PublisherProxy({}, publisher);
-                publisher._proxies_.set(z, newPublisher);
-                const publisherSubscriber = {
-                    publisher: newPublisher,
-                    subscriber: (v) => {
-                        publisher[z] = v;
-                    },
-                };
-                this.listeners.push(publisherSubscriber);
-                newPublisher.onAssign(publisherSubscriber.subscriber);
-                this.parseComposition(value, newPublisher);
-            }
-        }
-    }
-    render() {
-        return html `<slot></slot>`;
-    }
-};
-SonicMix.styles = [
-    css `
-      :host {
-        display: contents;
-      }
-    `,
-];
-__decorate([
-    property({ type: Object })
-], SonicMix.prototype, "composition", null);
-SonicMix = __decorate([
-    customElement("sonic-mix")
-], SonicMix);
-export default SonicMix;

package/core/components/functional/queue/queue.d.ts

@@ -1,67 +0,0 @@
-import { LitElement, nothing } from "lit";
-import "@supersoniks/concorde/core/components/functional/list/list";
-import { PublisherProxy } from "@supersoniks/concorde/core/utils/PublisherProxy";
-type QueueItem = {
-    id: string;
-    endPoint: string;
-    dataProvider: string;
-    offset: number;
-    limit: number;
-};
-type QueueProps = QueueItem[] & {
-    resultCount?: number;
-    lastFetchedData?: unknown;
-};
-declare const Queue_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<QueueProps>) & typeof LitElement;
-/**
- *### Une Queue charge du contenu par lot selon l'expression renseignée dans l'attribut *dataProviderExpression*.
- * * Chaque lot est chargé par un composant [List](./?path=/docs/core-components-functional-list-list--basic) dont le dataProvider créé à partir de l'attribut dataProviderExpression
- * * A l'initialisation elle regarde l'attribut dataFilterProvider qui donne l'adresse d'un publisher
- * Si cet attribut est touvé, Queue écoute le publisher fourni et se réinitialise à chaque modification du contenu de celui-ci.
- * Les valeurs renseignées dans ce publisher sont ajoutées en get à chaque requête
- * * la proriété *key* peut être utilisé pour cibler une propriété particulière du retour de l'api.
- */
-export default class Queue extends Queue_base {
-    templates: Array<HTMLTemplateElement> | null;
-    lastRequestTime: number;
-    key: string;
-    itemPropertyMap: object | null;
-    /**
-     * Durée cible en ms d'une requête pour afficher 1 lot.
-     */
-    cache: RequestCache;
-    targetRequestDuration: number;
-    limit: number;
-    lazyBoundsRatio: number;
-    offset: number;
-    resultCount: number;
-    noLazyload: boolean;
-    filteredFields: string;
-    disconnectedCallback(): void;
-    static instanceCounter: number;
-    instanceId: number;
-    localStorage: string;
-    connectedCallback(): Promise<void>;
-    filterPublisher: PublisherProxy | null;
-    configFilter(): void;
-    filterTimeoutId?: ReturnType<typeof setTimeout>;
-    filterTimeoutMs: number;
-    searchHash: string;
-    requestId: number;
-    isFirstRequest: boolean;
-    updateFilteredContent: () => void;
-    /**
-     * Cette expression est utilisée comme modèle par le composant Queue pour renseigngner le dataProvider de la [liste](./?path=/docs/core-components-functional-list-list--basic) créée.
-     * * l'expression *$offset* est alors remplacée par le numéro de l'élément à partir duquel démarrer
-     * * l'expression *$limit* est remplacée par la valeur représentant le nombre d'éléments à charger
-     * * Si pas d'expression *$offset* le composant se comporte un peu comme une liste, il ne va pas essayer de charger les éléments suivants
-     */
-    dataProviderExpression: string;
-    idKey: string;
-    resetDuration(): void;
-    listDataProviders: string[];
-    nextHadEvent: boolean;
-    next(e?: CustomEvent): void;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
-}
-export {};