@salesforcedevs/arch-components 1.20.17-alpha11 → 1.20.17-alpha13

package/lwc.config.json

@@ -1,9 +1,9 @@
 {
     "modules": [
-        { "dir": "src/modules" }
+        { "dir": "src/modules" },
+        { "npm": "@salesforcedevs/dw-components" },
+        { "npm": "@salesforcedevs/docs-components" },
+        { "npm": "@salesforcedevs/dx-components" }
     ],
-    "expose": [
-        "arch/context"
-    ]
+    "expose": ["dx/alert"]
 }
-

package/package.json

@@ -1,9 +1,8 @@
 {
     "name": "@salesforcedevs/arch-components",
-    "version": "1.20.17-alpha11",
-    "description": "Architecture Lightning web components for DSC",
+    "version": "1.20.17-alpha13",
+    "description": "DX Lightning web components",
     "license": "MIT",
-    "main": "index.js",
     "engines": {
         "node": "20.x"
     },
@@ -11,50 +10,39 @@
         "access": "public"
     },
     "dependencies": {
-        "@a11y/focus-trap": "^1.0.5",
-        "@popperjs/core": "^2.11.8",
-        "@salesforcedevs/docs-components": "1.18.0",
-        "@salesforcedevs/dw-components": "1.18.2",
-        "@salesforcedevs/dx-components": "1.18.4",
-        "@salesforcedevs/dx-css-variables": "0.3.43",
-        "@salesforcedevs/mrkt-components": "1.14.2",
-        "algolia-indexing": "^1.3.0",
-        "algoliasearch": "^4.22.1",
-        "chart.js": "^4.4.2",
-        "child-process": "^1.0.2",
-        "classnames": "^2.5.1",
-        "compression": "^1.7.4",
-        "connect": "^3.7.0",
-        "copy-dir": "^1.3.0",
-        "cors": "^2.8.5",
-        "cpx": "^1.5.0",
-        "crypto-js": "^4.2.0",
-        "date-fns": "^2.30.0",
-        "dotenv": "^10.0.0",
-        "esm": "^3.2.25",
-        "gray-matter": "^4.0.3",
-        "gulp": "^4.0.2",
-        "gulp-run-command": "^0.0.10",
-        "gulp-sass": "^5.1.0",
-        "helmet": "^4.6.0",
-        "i18n-js": "^3.9.2",
-        "ip": "^1.1.9",
-        "jsdom": "^18.1.1",
-        "jsonwebtoken": "^9.0.2",
-        "jspdf": "^2.5.1",
-        "lwc": "^6.3.3",
-        "lwr": "0.11.15",
-        "node-cron": "^3.0.3",
-        "node-fetch": "^3.3.2",
-        "perfect-express-sanitizer": "^2.0.2",
-        "promisify": "^0.0.3",
-        "rss": "^1.2.2",
-        "rss-to-json": "^2.1.1",
-        "sass": "^1.72.0",
-        "sharp": "^0.29.3",
-        "sitemap": "^7.1.1"
+        "@coveo/headless": "3.22.2",
+        "@floating-ui/dom": "1.5.1",
+        "@optimizely/optimizely-sdk": "5.3.0",
+        "@shikijs/colorized-brackets": "^3.12.2",
+        "@types/throttle-debounce": "5.0.2",
+        "@vimeo/player": "2.22.0",
+        "classnames": "2.5.1",
+        "composed-offset-position": "0.0.4",
+        "coveo-search-ui": "2.10113.0",
+        "debounce": "1.2.1",
+        "js-cookie": "3.0.5",
+        "lodash.defaults": "4.2.0",
+        "lodash.get": "4.4.2",
+        "lodash.kebabcase": "4.1.1",
+        "memoize-one": "6.0.0",
+        "microtip": "0.2.2",
+        "shiki": "^3.12.2",
+        "throttle-debounce": "5.0.0",
+        "uuid": "9.0.1"
+    },
+    "devDependencies": {
+        "@types/classnames": "2.3.1",
+        "@types/debounce": "1.2.4",
+        "@types/js-cookie": "3.0.6",
+        "@types/lodash.defaults": "4.2.9",
+        "@types/lodash.get": "4.4.9",
+        "@types/lodash.kebabcase": "4.1.9",
+        "@types/luxon": "3.4.2",
+        "@types/uuid": "8.3.4",
+        "@types/vimeo__player": "2.18.3",
+        "eventsourcemock": "2.0.0",
+        "luxon": "3.4.4"
     },
-    "devDependencies": {},
     "volta": {
         "node": "20.19.0",
         "yarn": "1.22.19"

package/src/modules/arch/effectAdapter/effectAdapter.html

@@ -0,0 +1 @@
+<template></template>

package/src/modules/arch/effectAdapter/effectAdapter.ts

@@ -0,0 +1,18 @@
+import { WireAdapter } from 'lwc';
+
+export type EffectAdapterConfig<T> = {};
+
+export class EffectAdapter<T>
+    implements
+        WireAdapter<EffectAdapterConfig<T>, EffectAdapterConfig<T>, void>
+{
+    constructor(private setValue: (value: EffectAdapterConfig<T>) => void) {}
+
+    connect() {}
+
+    disconnect() {}
+
+    update(config: EffectAdapterConfig<T>) {
+        this.setValue(config);
+    }
+}

package/src/modules/arch/reflectedElement/reflectedElement.ts

@@ -0,0 +1,50 @@
+/**
+ * @file
+ * This element copies the innerHTML of the host (Light DOM)
+ * to the innerHTML of the element (Shadow DOM) returned by
+ * contentElement() (which must use the lwc:dom="manual" directive).
+ */
+import { LightningElement } from 'lwc';
+
+export class ReflectedElement extends LightningElement {
+    private observer!: MutationObserver;
+    private didSetContent = false;
+
+    get contentElement(): Element {
+        throw new Error('Not Implemented');
+    }
+
+    connectedCallback() {
+        this.observer = new MutationObserver((e) => {
+            this.setContent();
+        });
+        this.observer.observe(this.template.host, {
+            characterData: true,
+            childList: true,
+            subtree: true
+        });
+    }
+
+    disconnectedCallback() {
+        this.observer.disconnect();
+    }
+
+    innerHTMLSetCallback() {}
+
+    renderedCallback() {
+        if (!this.didSetContent) {
+            this.didSetContent = true;
+            this.setContent();
+        }
+    }
+
+    transformHTML(html: string): string {
+        return html;
+    }
+
+    private setContent() {
+        const element = this.contentElement;
+        element.innerHTML = this.transformHTML(this.template.host.innerHTML);
+        this.innerHTMLSetCallback();
+    }
+}

package/src/modules/arch/slot/slot.ts

@@ -0,0 +1,20 @@
+export function assignedSlotNames(template: {
+    querySelectorAll(selector: string): NodeList;
+}) {
+    let slots = Array.from(
+        template.querySelectorAll('slot')
+    ) as HTMLSlotElement[];
+    return slots
+        .filter(isSlotAssigned)
+        .map((slot) => slot.getAttribute('name') || 'default');
+}
+
+export function isSlotAssigned(slot: HTMLSlotElement): boolean {
+    let [element] = slot.assignedElements();
+    if (element) {
+        if (element.tagName === 'SLOT')
+            return isSlotAssigned(element as HTMLSlotElement);
+        return true;
+    }
+    return slot.children.length > 0;
+}