@supersoniks/concorde 1.1.34 → 1.1.36

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

@@ -17,6 +17,7 @@ declare const Fetch_base: {
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
         props: any;
+        propertyMap: Object;
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;

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

@@ -10,3 +10,4 @@ import "./router/redirect";
 import "./states/states";
 import "./sonic-scope/sonic-scope";
 import "./example/example";
+import "./sdui/sdui";

package/core/components/functional/functional.js

@@ -10,3 +10,4 @@ import "./router/redirect";
 import "./states/states";
 import "./sonic-scope/sonic-scope";
 import "./example/example";
+import "./sdui/sdui";

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

@@ -19,6 +19,7 @@ declare const List_base: {
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
         props: any;
+        propertyMap: Object;
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;

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

@@ -0,0 +1,67 @@
+import { LitElement } from "lit";
+declare type SDUIDescriptor = {
+    js?: Array<string>;
+    css?: Array<string>;
+    library?: Record<string, SDUINode>;
+    nodes?: Array<SDUINode>;
+};
+declare type SDUINode = {
+    library?: string;
+    markup?: string;
+    type?: string;
+    attributes: Record<string, string>;
+    nodes?: Array<SDUINode>;
+    innerHTML?: string;
+    prefix?: string;
+    suffix?: string;
+};
+declare const SonicComponent_base: {
+    new (...args: any[]): {
+        api: import("../../../utils/api").default | null;
+        key: String;
+        isFirstLoad: boolean;
+        isLoading: boolean;
+        iObserver: IntersectionObserver | null;
+        isDefaultLoaderEnabled: boolean;
+        isFetchEnabled: boolean;
+        _endPoint: string;
+        endPoint: string;
+        _fetchData(): Promise<void>;
+        onInvalidate: any;
+        disconnectedCallback(): void;
+        connectedCallback(): void;
+        firstUpdated(): void;
+        onIntersection(entries: IntersectionObserverEntry[]): void;
+        props: any;
+        propertyMap: Object;
+        isConnected: boolean;
+        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;
+        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;
+    };
+} & (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface) & typeof LitElement;
+export declare class SonicComponent extends SonicComponent_base {
+    connectedCallback(): void;
+    get props(): SDUIDescriptor;
+    loadJS(src: string): Promise<unknown>;
+    loadCSS(src: string): Promise<unknown>;
+    set props(value: SDUIDescriptor);
+    updateContents(): Promise<void>;
+    parseChild(props: SDUINode): HTMLElement;
+}
+export {};

package/core/components/functional/sdui/sdui.js

@@ -0,0 +1,130 @@
+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;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { Fetcher, Subscriber } from "@supersoniks/concorde/mixins";
+const tagName = "sonic-sdui"; // For Astro.build
+let SonicComponent = class SonicComponent extends Fetcher(Subscriber(LitElement)) {
+    connectedCallback() {
+        this.noShadowDom = "";
+        this.isFetchEnabled = this.hasAttribute("fetch");
+        super.connectedCallback();
+    }
+    get props() {
+        return super.props;
+    }
+    loadJS(src) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const p = new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+                let script = document.createElement("script");
+                script.src = src;
+                script.onload = () => resolve(true);
+                script.onerror = () => resolve(true);
+                document.head.appendChild(script);
+            }));
+            return p;
+        });
+    }
+    loadCSS(src) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const p = new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+                var cssnode = document.createElement("link");
+                cssnode.type = "text/css";
+                cssnode.rel = "stylesheet";
+                cssnode.href = src;
+                cssnode.onload = () => resolve(true);
+                cssnode.onerror = () => resolve(true);
+                document.head.appendChild(cssnode);
+            }));
+            return p;
+        });
+    }
+    set props(value) {
+        super.props = value;
+        this.updateContents();
+    }
+    updateContents() {
+        return __awaiter(this, void 0, void 0, function* () {
+            while ([...this.children].filter((elt) => elt.nodeName != "SLOT").length > 0) {
+                this.removeChild(this.children[0]);
+            }
+            if (!this.props)
+                return;
+            try {
+                if (this.props.js) {
+                    for (const src of this.props.js)
+                        this.loadJS(src);
+                }
+                if (this.props.css) {
+                    for (const src of this.props.css)
+                        this.loadCSS(src);
+                }
+            }
+            catch (e) { }
+            let children = this.props.nodes;
+            if (!children)
+                return;
+            for (let child of children) {
+                this.appendChild(this.parseChild(child));
+            }
+        });
+    }
+    parseChild(props) {
+        let type = props.type || "div";
+        let element;
+        if (props.markup) {
+            element = document.createElement("div");
+            element.style.display = "contents";
+            element.innerHTML = props.markup;
+            return element;
+        }
+        if (props.library && this.props.library) {
+            element = this.parseChild(this.props.library[props.library] || { type: "div" });
+        }
+        else
+            element = document.createElement(type);
+        let attributes = props.attributes;
+        for (let k in attributes) {
+            element.setAttribute(k, attributes[k]);
+        }
+        if (props.innerHTML) {
+            element.innerHTML = props.innerHTML;
+        }
+        if (props.nodes) {
+            let children = props.nodes;
+            for (let child of children) {
+                if (element.shadowRoot)
+                    element.shadowRoot.appendChild(this.parseChild(child));
+                else
+                    element.appendChild(this.parseChild(child));
+            }
+        }
+        if (props.prefix || props.suffix) {
+            const container = document.createElement("div");
+            container.innerHTML = (props.prefix || "") + element.outerHTML + (props.suffix || "");
+            container.style.display = "contents";
+            return container;
+        }
+        return element;
+    }
+};
+__decorate([
+    property()
+], SonicComponent.prototype, "props", null);
+SonicComponent = __decorate([
+    customElement(tagName)
+], SonicComponent);
+export { SonicComponent };

package/core/components/functional/submit/submit.js

@@ -123,7 +123,8 @@ let Submit = class Submit extends Subscriber(LitElement) {
                     ? formPublisher
                     : null;
             if (captchaPublisher) {
-                captchaPublisher.action = method + "//" + ((_c = (_b = dataProvider === null || dataProvider === void 0 ? void 0 : dataProvider.split("?")[0]) !== null && _b !== void 0 ? _b : this.getAncestorAttributeValue("formDataProvider")) !== null && _c !== void 0 ? _c : "submit");
+                captchaPublisher.captchaMethod = method;
+                captchaPublisher.captchaAction = (_c = (_b = dataProvider === null || dataProvider === void 0 ? void 0 : dataProvider.split("?")[0]) !== null && _b !== void 0 ? _b : this.getAncestorAttributeValue("formDataProvider")) !== null && _c !== void 0 ? _c : "submit";
                 captchaPublisher.captchaToken = "request_token";
                 captchaPublisher.captchaToken.onAssign((token) => {
                     if (token != "request_token")

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

@@ -25,7 +25,13 @@ declare const Button_base: {
         _name: string;
         name: string;
         props: any;
-        isConnected: boolean;
+        propertyMap: Object;
+        isConnected: boolean; /**
+         * Un bouton simple avec deux slots, un nommé préfix et un nomé suffix de manière à pouvoir mettre (par exemple) une icone avant ou après le contenu.
+         * * L'objet et ses slot sont en display flex avec direction / alignement et justifications configurables
+         * * Le bouton est comparable au badge car il possèdent tous les deux les propriétés *type* (primary...), *variant*(outline, ghost), size(xs...)...
+         * * Le bouton possède cependant et notamment une propriété href contrairement à un badge
+         */
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;

package/core/components/ui/captcha/captcha.js

@@ -36,14 +36,16 @@ let Captcha = class Captcha extends Subscriber(LitElement) {
         });
     }
     requestToken() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const win = window;
         // On récupère l'action liée au recaptcha,
         // et on vérifie qu'il ne contienne que des caractères alpha-numériques, underscore et slash
-        let action = ((_c = (_a = this.action) !== null && _a !== void 0 ? _a : (_b = this.formPublisher.action) === null || _b === void 0 ? void 0 : _b.get()) !== null && _c !== void 0 ? _c : "submit").replace(/[^\w_\/]/g, "_");
-        delete this.formPublisher.action;
+        let action = ((_c = (_a = this.action) !== null && _a !== void 0 ? _a : (_b = this.formPublisher.captchaAction) === null || _b === void 0 ? void 0 : _b.get()) !== null && _c !== void 0 ? _c : "submit").replace(/[^\w_\/]/g, "_");
+        let method = ((_d = this.formPublisher.captchaMethod.get()) !== null && _d !== void 0 ? _d : "POST").toUpperCase();
+        delete this.formPublisher.captchaAction;
+        delete this.formPublisher.captchaMethod;
         win.grecaptcha.ready(() => {
-            win.grecaptcha.execute(this.key, { action: action }).then((token) => {
+            win.grecaptcha.execute(this.key, { action: method + "//" + action }).then((token) => {
                 this.formPublisher.captchaToken = token;
             });
         });

package/core/components/ui/form/checkbox/checkbox.d.ts

@@ -26,6 +26,7 @@ declare const Checkbox_base: {
         _name: string;
         name: string;
         props: any;
+        propertyMap: Object;
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
@@ -74,6 +75,7 @@ declare const Checkbox_base: {
         _name: string;
         name: string;
         props: any;
+        propertyMap: Object;
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;

package/core/components/ui/form/input/input.d.ts

@@ -26,6 +26,7 @@ declare const Input_base: {
         _name: string;
         name: string;
         props: any;
+        propertyMap: Object;
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;

package/core/components/ui/form/textarea/textarea.d.ts

@@ -26,6 +26,7 @@ declare const Textarea_base: {
         _name: string;
         name: string;
         props: any;
+        propertyMap: Object;
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;

package/core/mixins/Fetcher.d.ts

@@ -49,8 +49,12 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass:
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
         props: any;
+        propertyMap: Object;
         isConnected: boolean;
-        getAncestorAttributeValue(attributeName: string): string;
+        getAncestorAttributeValue(attributeName: string): string; /**
+         * Après le chargement des données on traverse l'objet reçu en fonctione de la cible exprimées dans cette propriété avec la dot syntaxe.
+         * C'est cette donnée cible qui est injectée dans les pros et donc disponible via le publisher disponible globalement via PublisherManager.get(dataProvider)
+         */
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
         publisher: any;

package/core/mixins/Fetcher.js

@@ -99,7 +99,7 @@ const Fetcher = (superClass) => {
                 if (this.key) {
                     let response = data._sonic_http_response_;
                     data = Objects.traverse(data, this.key.split("."), false);
-                    if (data)
+                    if (data && Objects.isObject(data))
                         data._sonic_http_response_ = response;
                 }
                 this.props = data;

package/core/mixins/FormCheckable.d.ts

@@ -47,6 +47,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         _name: string;
         name: string;
         props: any;
+        propertyMap: Object;
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;

package/core/mixins/FormCheckable.js

@@ -39,6 +39,7 @@ const Form = (superClass) => {
             return this._value;
         }
         set value(value) {
+            console.log(value);
             if (this.hasAttribute("value") && !this.forceAutoFill)
                 value = this.getAttribute("value");
             if (this._value == value)

package/core/mixins/FormInput.d.ts

@@ -32,6 +32,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         _name: string;
         name: string;
         props: any;
+        propertyMap: Object;
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;

package/core/mixins/Subscriber.d.ts

@@ -3,6 +3,7 @@ import { APIConfiguration } from "@supersoniks/concorde/core/utils/api";
 declare type Constructor<T> = new (...args: any[]) => T;
 export interface SubscriberInterface {
     props: any;
+    propertyMap: Object;
     isConnected: boolean;
     getAncestorAttributeValue(attributeName: string): string;
     hasAncestorAttribute(attributeName: string): boolean;

package/core/utils/api.js

@@ -8,6 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import HTML from "@supersoniks/concorde/core/utils/HTML";
+import Objects from "./Objects";
 class API {
     constructor(config) {
         this.serviceURL = config.serviceURL;
@@ -52,7 +53,9 @@ class API {
                     let result = yield fetch(url, { headers: headers });
                     try {
                         let json = yield result.json();
-                        json._sonic_http_response_ = result;
+                        if (Objects.isObject(json)) {
+                            json._sonic_http_response_ = result;
+                        }
                         resolve(json);
                     }
                     catch (e) {

package/mixins.d.ts

@@ -16,6 +16,7 @@ export declare const Fetcher: <T extends new (...args: any[]) => mySubscriber.Su
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
         props: any;
+        propertyMap: Object;
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
@@ -63,6 +64,7 @@ export declare const FormCheckable: <T extends new (...args: any[]) => myFormEle
         _name: string;
         name: string;
         props: any;
+        propertyMap: Object;
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
@@ -114,6 +116,7 @@ export declare const FormInput: <T extends new (...args: any[]) => myFormElement
         _name: string;
         name: string;
         props: any;
+        propertyMap: Object;
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "1.1.34",
+  "version": "1.1.36",
   "customElements": "custom-elements.json",
   "license": "MIT",
   "publishConfig": {
@@ -46,6 +46,8 @@
     "./functional/router/redirect": "./core/components/functional/router/redirect.js",
     "./core/components/functional/router/router": "./core/components/functional/router/router.js",
     "./functional/router": "./core/components/functional/router/router.js",
+    "./core/components/functional/sdui/sdui": "./core/components/functional/sdui/sdui.js",
+    "./functional/sdui": "./core/components/functional/sdui/sdui.js",
     "./core/components/functional/sonic-scope/sonic-scope": "./core/components/functional/sonic-scope/sonic-scope.js",
     "./functional/sonic-scope": "./core/components/functional/sonic-scope/sonic-scope.js",
     "./core/components/functional/states/states": "./core/components/functional/states/states.js",